/* Mobile landscape media query */
.product-card {
  position: relative;
  /* Arrow Icon Style */
  /* Hover Effect for Arrows */ }
  .product-card .intro h2 {
    text-align: center;
    margin-bottom: 30px;
    color: #001480; }
    @media (max-width: 595px) {
      .product-card .intro h2 {
        text-align: left; } }
  .product-card .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; }
    @media (max-width: 1849px) {
      .product-card .slider {
        padding: 0 30px; } }
    @media (max-width: 991px) {
      .product-card .slider {
        margin-top: 30px;
        padding: 0 0px 40px; } }
    @media (max-width: 595px) {
      .product-card .slider {
        display: none; } }
    @media (max-width: 480px) {
      .product-card .slider {
        margin-top: 0; } }
    .product-card .slider .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .product-card .card-content {
    position: relative;
    width: calc(16.66% - 20px);
    border: 2px solid #cacfd6;
    border-radius: 8px;
    padding: 20px 20px 80px;
    margin: 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;
    min-height: unset !important;
    height: auto !important;
    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;
    background-color: #ffffff; }
    @media (max-width: 1450px) and (min-width: 1200px) {
      .product-card .card-content {
        width: calc(20% - 20px);
        margin: 0 10px; } }
    @media (max-width: 1199px) and (min-width: 1025px) {
      .product-card .card-content {
        width: calc(25% - 20px);
        margin: 0 10px; } }
    @media (max-width: 595px) {
      .product-card .card-content {
        width: 300px;
        margin: 0 auto; } }
    .product-card .card-content.one-card {
      width: calc(20% - 20px);
      margin: 0 10px;
      min-width: 327px; }
      @media (min-width: 1195px) and (max-width: 1300px) {
        .product-card .card-content.one-card {
          width: calc(25% - 20px);
          min-width: 271px; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .product-card .card-content.one-card {
          width: calc(33.33% - 20px);
          min-width: 278px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        .product-card .card-content.one-card {
          width: calc(50% - 20px);
          min-width: auto; } }
    .product-card .card-content.two-cards {
      width: calc(20% - 20px);
      margin: 0 10px;
      min-width: 327px; }
      @media (min-width: 1195px) and (max-width: 1300px) {
        .product-card .card-content.two-cards {
          width: calc(25% - 20px);
          min-width: 271px; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .product-card .card-content.two-cards {
          width: calc(33.33% - 20px);
          min-width: 278px; } }
      @media (min-width: 596px) and (max-width: 767px) {
        .product-card .card-content.two-cards {
          width: calc(50% - 20px);
          min-width: auto; } }
    .product-card .card-content.three-cards {
      width: calc(20% - 20px);
      margin: 0 10px;
      min-width: 327px; }
      @media (min-width: 1195px) and (max-width: 1300px) {
        .product-card .card-content.three-cards {
          width: calc(25% - 20px);
          min-width: 271px; } }
      @media (min-width: 1025px) and (max-width: 1199px) {
        .product-card .card-content.three-cards {
          width: calc(25% - 20px) !important;
          min-width: 271px !important; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .product-card .card-content.three-cards {
          width: calc(33.33% - 20px);
          min-width: auto; } }
      @media (min-width: 596px) and (max-width: 767px) {
        .product-card .card-content.three-cards {
          width: calc(50% - 20px);
          margin: 0 10px 20px !important;
          min-width: auto; } }
    .product-card .card-content.four-cards {
      width: calc(20% - 20px);
      margin: 0 10px;
      min-width: 20%; }
      @media (min-width: 1195px) and (max-width: 1300px) {
        .product-card .card-content.four-cards {
          width: calc(25% - 20px); } }
      @media (min-width: 1025px) and (max-width: 1199px) {
        .product-card .card-content.four-cards {
          width: calc(25% - 20px) !important; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .product-card .card-content.four-cards {
          width: calc(33.33% - 20px);
          min-width: auto !important;
          margin: 0 10px 20px !important; } }
      @media (min-width: 596px) and (max-width: 767px) {
        .product-card .card-content.four-cards {
          width: calc(50% - 20px);
          min-width: auto !important;
          margin: 0 10px 20px !important; } }
    .product-card .card-content.five-cards {
      width: calc(20% - 20px);
      margin: 0 10px;
      min-width: auto; }
      @media (min-width: 1024px) and (max-width: 1265px) {
        .product-card .card-content.five-cards {
          width: calc(25% - 20px);
          margin: 0 10px 20px !important; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .product-card .card-content.five-cards {
          width: calc(33.33% - 20px);
          margin: 0 10px 20px !important; } }
      @media (min-width: 596px) and (max-width: 767px) {
        .product-card .card-content.five-cards {
          width: calc(50% - 20px);
          margin: 0 10px 20px !important; } }
    .product-card .card-content h5 {
      margin-bottom: 20px;
      color: #001480;
      font-weight: 400; }
      @media (max-width: 480px) {
        .product-card .card-content h5 {
          margin-bottom: 20px; } }
      @media (max-width: 359px) {
        .product-card .card-content h5 {
          margin-bottom: 10px; } }
    .product-card .card-content .img-wrap {
      max-height: 256px;
      overflow: hidden; }
      @media (max-width: 595px) {
        .product-card .card-content .img-wrap {
          max-height: 220px; } }
      .product-card .card-content .img-wrap img {
        -o-object-fit: contain;
           object-fit: contain;
        height: 100%; }
  .product-card .no-cta {
    padding: 20px; }
  .product-card h6 {
    color: #001480;
    margin: 0 0 10px;
    font-size: 1.2em; }
  .product-card .product-image {
    height: auto;
    overflow: hidden;
    margin-bottom: 10px; }
    @media (min-width: 1602px) and (max-width: 2499px) {
      .product-card .product-image {
        height: 275px; } }
    @media (max-width: 595px) {
      .product-card .product-image {
        height: 250px; } }
    .product-card .product-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .product-card .btn-transparent {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 74%; }
    @media (min-width: 1366px) and (max-width: 1599px) {
      .product-card .btn-transparent {
        padding: 6px 28px !important; } }
    @media (min-width: 992px) {
      .product-card .btn-transparent {
        padding: 6px 28px;
        margin-top: 20px; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .product-card .btn-transparent {
        padding: 6px 24px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-card .btn-transparent {
        padding: 6px 20px; } }
    @media (max-width: 767px) {
      .product-card .btn-transparent {
        padding: 6px 18px; } }
  .product-card .card-content:hover {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
    .product-card .card-content:hover .btn-transparent {
      color: #ffffff; }
      .product-card .card-content:hover .btn-transparent::before {
        -webkit-transform: translateZ(0) translate(-50%, 50%) scale(1);
                transform: translateZ(0) translate(-50%, 50%) scale(1);
        background-color: #0084f2; }
  .product-card .slick-prev,
  .product-card .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: 0; }
    .product-card .slick-prev::before,
    .product-card .slick-next::before {
      display: none; }
    .product-card .slick-prev svg:hover path,
    .product-card .slick-next svg:hover path {
      fill: #001480; }
    .product-card .slick-prev svg path,
    .product-card .slick-next svg path {
      fill: #545859;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .product-card .card-gold {
    background-color: #faa61a; }
  .product-card .slick-prev {
    left: -55px; }
    @media (max-width: 1849px) {
      .product-card .slick-prev {
        left: -7px; } }
    @media (max-width: 991px) {
      .product-card .slick-prev {
        right: 50% !important;
        left: unset !important;
        margin-right: 2px;
        bottom: -26px;
        top: unset; } }
    @media (max-width: 767px) {
      .product-card .slick-prev {
        bottom: -65px; } }
    @media (max-width: 480px) {
      .product-card .slick-prev {
        right: 50% !important; } }
    @media (max-width: 767px) {
      .product-card .slick-prev {
        bottom: -26px; } }
  .product-card .slick-next {
    right: -50px; }
    @media (max-width: 1849px) {
      .product-card .slick-next {
        right: -7px; } }
    @media (max-width: 991px) {
      .product-card .slick-next {
        left: 50% !important;
        right: unset !important;
        margin-left: 2px;
        bottom: -26px;
        top: unset; } }
    @media (max-width: 767px) {
      .product-card .slick-next {
        bottom: -65px; } }
    @media (max-width: 767px) {
      .product-card .slick-next {
        bottom: -26px; } }
  .product-card .slick-prev::before,
  .product-card .slick-next::before {
    color: #97a0a8;
    font-weight: bold;
    font-size: 20px; }
  .product-card .slick-prev:hover,
  .product-card .slick-next:hover {
    border-color: dark #97a0a8; }
  .product-card .slick-prev:hover::before,
  .product-card .slick-next:hover::before {
    color: #97a0a8; }
  @media (max-width: 767px) {
    .product-card .slider {
      padding-bottom: 40px; } }
  .product-card .mobile-view {
    display: none; }
    @media (max-width: 595px) {
      .product-card .mobile-view {
        display: block; } }
    .product-card .mobile-view ul {
      position: relative; }
      .product-card .mobile-view ul li {
        margin-bottom: 10px;
        padding-left: 30px;
        position: relative; }
        .product-card .mobile-view ul li:last-child {
          margin-bottom: 0; }
        .product-card .mobile-view ul li::before {
          content: "";
          position: absolute;
          width: 16px;
          height: 16px;
          top: 15px;
          left: 0;
          background: url("/themes/young/templates/assets/images/sections/banner/blue_arrow.png") no-repeat;
          background-size: contain;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
      .product-card .mobile-view ul a {
        color: #001480;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        font-size: 18px;
        text-decoration: underline; }
        .product-card .mobile-view ul a:hover {
          color: #0084f2; }
  .product-card .column {
    position: relative; }
    .product-card .column ul {
      width: calc(100% + 20px);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-left: -10px; }
      .product-card .column ul li {
        padding: 20px;
        width: calc(16.6% - 20px);
        margin: 0 10px 20px;
        background-color: #ebf5fe;
        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; }
        @media (min-width: 1366px) and (max-width: 1599px) {
          .product-card .column ul li {
            width: calc(20% - 20px); } }
        @media (min-width: 1025px) and (max-width: 1366px) {
          .product-card .column ul li {
            width: calc(25% - 20px); } }
        @media (min-width: 768px) and (max-width: 1024px) {
          .product-card .column ul li {
            width: calc(33.33% - 20px); } }
        @media (max-width: 767px) {
          .product-card .column ul li {
            width: calc(50% - 20px); } }
        @media (max-width: 595px) {
          .product-card .column ul li {
            padding: 15px; } }
      .product-card .column ul a {
        color: #001480;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        font-size: 18px; }
        @media (max-width: 595px) {
          .product-card .column ul a {
            font-size: 16px; } }
        .product-card .column ul a:hover {
          color: #0084f2; }