﻿.page-banner-carousel {
  width: 100%;
  padding: 0; }
  .page-banner-carousel .slick-slide {
    max-height: 856px;
    position: relative; }
  .page-banner-carousel .slick-slide:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 50%;
    content: "";
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    z-index: 199; }
  .page-banner-carousel .slick-prev, .page-banner-carousel .slick-next {
    z-index: 1;
    height: 91px;
    width: 65px;
    background-repeat: no-repeat;
    display: none !important; }
    @media only screen and (max-width: 992px) {
      .page-banner-carousel .slick-prev, .page-banner-carousel .slick-next {
        background-size: 35px 23px;
        height: 35px;
        width: 23px;
        background-position: center; } }
  .page-banner-carousel .slick-prev {
    left: 30px;
    background-image: url("../../Assets/img/white-back.svg"); }
    @media only screen and (max-width: 992px) {
      .page-banner-carousel .slick-prev {
        left: 10px; } }
  .page-banner-carousel .slick-next {
    right: 30px;
    background-image: url("../../Assets/img/white.svg"); }
    @media only screen and (max-width: 992px) {
      .page-banner-carousel .slick-next {
        right: 10px; } }
  .page-banner-carousel .slick-prev:before, .page-banner-carousel .slick-next:before {
    display: none; }
  .page-banner-carousel ul.slick-dots {
    width: 100%;
    right: 0; }
    .page-banner-carousel ul.slick-dots li {
      width: 16px;
      height: 16px;
      margin: 0 5px; }
      .page-banner-carousel ul.slick-dots li button {
        width: 16px;
        height: 16px;
        background: #000;
        border-radius: 8px; }
      .page-banner-carousel ul.slick-dots li button:before {
        display: none; }
      .page-banner-carousel ul.slick-dots li button:after {
        display: none; }
    .page-banner-carousel ul.slick-dots li.slick-active button {
      background: #fff; }
