/* Mobile landscape media query */
.product-carousel {
  position: relative;
  /* Hover Effect for Arrows */ }
  .product-carousel .slider .card {
    display: none; }
    .product-carousel .slider .card:nth-child(1) {
      display: block; }
    .product-carousel .slider .card:nth-child(2) {
      display: block; }
    .product-carousel .slider .card:nth-child(3) {
      display: block; }
    .product-carousel .slider .card:nth-child(4) {
      display: block; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .product-carousel .slider .card:nth-child(4) {
        display: none; } }
    @media (min-width: 596px) and (max-width: 767px) {
      .product-carousel .slider .card:nth-child(4) {
        display: none; }
      .product-carousel .slider .card:nth-child(3) {
        display: none; } }
    @media (max-width: 595px) {
      .product-carousel .slider .card:nth-child(2) {
        display: none; }
      .product-carousel .slider .card:nth-child(3) {
        display: none; }
      .product-carousel .slider .card:nth-child(4) {
        display: none; } }
  .product-carousel .slider.slick-initialized .card {
    display: block; }
  .product-carousel .intro {
    position: relative;
    text-align: center;
    margin-bottom: 50px; }
    .product-carousel .intro h2 {
      color: #001480;
      font-weight: 400;
      margin-bottom: 20px; }
  .product-carousel .slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1260px;
    margin: 0 auto; }
    @media (max-width: 1774px) {
      .product-carousel .slider {
        padding: 0 30px; } }
    @media (max-width: 991px) {
      .product-carousel .slider {
        padding: 0; } }
    @media (max-width: 595px) {
      .product-carousel .slider {
        max-width: 350px;
        margin: 0 auto;
        padding: 0; } }
    .product-carousel .slider .card {
      position: relative;
      width: calc(25% - 20px);
      border: 2px solid #cacfd6;
      border-radius: 12px;
      padding: 20px;
      margin: 0 10px;
      text-align: center;
      -webkit-transition: -webkit-box-shadow 0.3s ease;
      transition: -webkit-box-shadow 0.3s ease;
      transition: box-shadow 0.3s ease;
      transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
      height: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #ffffff; }
      @media (min-width: 1025px) {
        .product-carousel .slider .card.three-cards {
          min-width: 280px; } }
      @media (min-width: 596px) {
        .product-carousel .slider .card.one-card {
          min-width: 280px; } }
      @media (min-width: 768px) {
        .product-carousel .slider .card.two-cards {
          min-width: 280px; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .product-carousel .slider .card {
          width: calc(33.33% - 20px); } }
      @media (min-width: 596px) and (max-width: 767px) {
        .product-carousel .slider .card {
          width: calc(50% - 20px); } }
      @media (max-width: 595px) {
        .product-carousel .slider .card {
          width: 100%; } }
      .product-carousel .slider .card:hover .arrow-btn::after {
        right: 5px; }
      .product-carousel .slider .card .img-wrap {
        max-width: 100%;
        font-size: 0;
        height: 200px;
        border: 1px solid #cacfd6;
        padding: 20px 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 20px;
        overflow: hidden; }
        @media (min-width: 992px) and (max-width: 1200px) {
          .product-carousel .slider .card .img-wrap {
            height: 160px;
            padding: 20px; } }
        @media (max-width: 991px) {
          .product-carousel .slider .card .img-wrap {
            height: 140px;
            padding: 20px; } }
        .product-carousel .slider .card .img-wrap img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain; }
          @media (max-width: 595px) {
            .product-carousel .slider .card .img-wrap img {
              max-width: 250px;
              margin: 0 auto; } }
      .product-carousel .slider .card p {
        color: #545859;
        margin-bottom: 20px;
        height: 50px;
        max-height: 55px;
        overflow: hidden; }
  .product-carousel .slick-prev,
  .product-carousel .slick-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: transparent;
    width: 40px;
    height: 40px;
    z-index: 1;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 20px; }
    .product-carousel .slick-prev::before,
    .product-carousel .slick-next::before {
      width: 0;
      height: 0;
      display: none; }
    .product-carousel .slick-prev svg:hover path,
    .product-carousel .slick-next svg:hover path {
      fill: #001480; }
    .product-carousel .slick-prev svg path,
    .product-carousel .slick-next svg path {
      fill: #545859;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .product-carousel .slick-prev {
    left: -50px; }
    @media (max-width: 991px) {
      .product-carousel .slick-prev {
        right: 50% !important;
        left: unset !important;
        margin-right: 2px;
        bottom: -26px;
        top: unset; } }
    @media (min-width: 1025px) and (max-width: 1366px) {
      .product-carousel .slick-prev {
        left: -12px !important; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .product-carousel .slick-prev {
        left: -12px !important; } }
    @media (max-width: 767px) {
      .product-carousel .slick-prev {
        bottom: -65px; } }
    @media (max-width: 480px) {
      .product-carousel .slick-prev {
        right: 50% !important; } }
    @media (max-width: 767px) {
      .product-carousel .slick-prev {
        bottom: -26px; } }
  .product-carousel .slick-next {
    right: -50px; }
    @media (max-width: 991px) {
      .product-carousel .slick-next {
        left: 50% !important;
        right: unset !important;
        margin-left: 2px;
        bottom: -26px;
        top: unset; } }
    @media (min-width: 1025px) and (max-width: 1366px) {
      .product-carousel .slick-next {
        right: -12px !important; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .product-carousel .slick-next {
        right: -12px !important; } }
    @media (max-width: 767px) {
      .product-carousel .slick-next {
        bottom: -65px; } }
    @media (max-width: 767px) {
      .product-carousel .slick-next {
        bottom: -26px; } }
  .product-carousel .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .product-carousel .slick-prev::before,
  .product-carousel .slick-next::before {
    color: #97a0a8;
    font-weight: bold;
    font-size: 20px; }
  .product-carousel .slick-prev:hover,
  .product-carousel .slick-next:hover {
    border-color: dark #97a0a8;
    background-color: transparent; }
  .product-carousel .slick-prev:hover::before,
  .product-carousel .slick-next:hover::before {
    color: dark #97a0a8; }
  .product-carousel .slick-track {
    padding-bottom: 50px; }
  .product-carousel .slick-dots li button:before {
    font-size: 12px !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .product-carousel .slick-dots li.slick-active button:before {
    color: #0084f2; }
  .product-carousel .slick-dots li button:hover::before {
    color: #0084f2; }