.product-loop {
  margin-bottom: 16px; }
  .product-loop .product-inner {
    position: relative;
    overflow: hidden;
    border-radius: 16px; }
    .product-loop .product-inner .proloop-image .product--image {
      position: relative;
      overflow: hidden;
      padding-bottom: 120%; }
      .product-loop .product-inner .proloop-image .product--image img {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .product-loop .product-inner .proloop-info {
      display: flex;
      flex-direction: column;
      justify-content: end;
      align-items: end;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%; }
      .product-loop .product-inner .proloop-info .proloop-detail {
        width: 100%;
        padding: 50px 16px 20px;
        background: linear-gradient(180deg, rgba(47, 55, 83, 0) 1.23%, rgba(47, 55, 83, 0.05) 2.08%, rgba(47, 55, 83, 0.4) 8.51%, rgba(47, 55, 83, 0.66) 15.79%, rgba(47, 55, 83, 0.85) 23.07%, rgba(47, 55, 83, 0.97) 32.06%, #2F3753 44.05%); }
        .product-loop .product-inner .proloop-info .proloop-detail h3 {
          color: #fff;
          margin-bottom: 16px;
          font-size: 18px;
          font-weight: 500; }
          .product-loop .product-inner .proloop-info .proloop-detail h3 a {
            color: #fff; }
        .product-loop .product-inner .proloop-info .proloop-detail .action {
          display: flex;
          align-items: center;
          gap: 12px;
          flex-wrap: wrap; }
          .product-loop .product-inner .proloop-info .proloop-detail .action .label-info {
            padding: 8.5px 10px;
            background: #6E97FF;
            color: #fff;
            border: 1px solid #6E97FF;
            position: relative;
            overflow: hidden;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: var(--title-font);
            font-size: 13px;
            font-weight: 400;
            text-align: center;
            outline: none !important;
            border-radius: 100px; }
          .product-loop .product-inner .proloop-info .proloop-detail .action .btn-more {
            padding: 10px 10px;
            color: #fff;
            border: 1px solid #fff;
            display: inline-flex; }
            .product-loop .product-inner .proloop-info .proloop-detail .action .btn-more:before {
              background: #fff; }
            .product-loop .product-inner .proloop-info .proloop-detail .action .btn-more:hover {
              color: #000; }
  @media (min-width: 992px) {
    .product-loop {
      margin-bottom: 34px; }
      .product-loop .product-inner {
        border-radius: 29px; }
        .product-loop .product-inner .proloop-info .proloop-detail {
          padding: 100px 47px 47px; }
          .product-loop .product-inner .proloop-info .proloop-detail h3 {
            margin-bottom: 26px;
            font-size: 35px; }
          .product-loop .product-inner .proloop-info .proloop-detail .action .button {
            font-size: 18px;
            padding: 10px 43px; }
          .product-loop .product-inner .proloop-info .proloop-detail .action .label-info {
            font-size: 18px;
            padding: 8.5px 16px; } }

.sectionHeading {
  margin-bottom: 40px; }
  .sectionHeading .sub {
    font-size: 18px;
    margin-bottom: 20px; }
  .sectionHeading h3 {
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 20px; }
  @media (min-width: 992px) {
    .sectionHeading {
      margin-bottom: 77px; }
      .sectionHeading .sub {
        font-size: 18px;
        margin-bottom: 50px; }
      .sectionHeading h3 {
        font-size: 50px; } }

.layout-collections .collection-content {
  padding-top: 40px;
  margin-bottom: 40px; }
  .layout-collections .collection-content .collection-heading-flex {
    margin-bottom: 40px; }
    .layout-collections .collection-content .collection-heading-flex .collection-heading h2 {
      font-size: 14px;
      margin-bottom: 20px;
      font-weight: 300; }
    .layout-collections .collection-content .collection-heading-flex .collection-heading h1 {
      font-weight: 500;
      font-size: 36px;
      margin-bottom: 18px; }
    .layout-collections .collection-content .collection-heading-flex .collection-heading p {
      font-weight: 300;
      margin: 0; }
  .layout-collections .collection-content .collection-menu-tab {
    margin: 30px 0; }
    .layout-collections .collection-content .collection-menu-tab .menuList-collection {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center; }
      .layout-collections .collection-content .collection-menu-tab .menuList-collection li a {
        background-color: transparent;
        border: 1px solid #121420;
        padding: 6px 10px;
        font-weight: 400;
        color: #121420;
        display: block;
        border-radius: 100px; }
      .layout-collections .collection-content .collection-menu-tab .menuList-collection li.active a, .layout-collections .collection-content .collection-menu-tab .menuList-collection li:hover a {
        border: 1px solid #6E97FF;
        background-color: #6E97FF;
        color: #fff; }
  .layout-collections .collection-content .collection-loadmore .button {
    margin-top: 36px; }
  @media (min-width: 992px) {
    .layout-collections .collection-content {
      margin-bottom: 90px;
      padding-top: 100px; }
      .layout-collections .collection-content .collection-heading-flex {
        margin-bottom: 77px; }
        .layout-collections .collection-content .collection-heading-flex .collection-heading {
          width: 70%;
          margin: auto; }
          .layout-collections .collection-content .collection-heading-flex .collection-heading h2 {
            font-size: 18px;
            margin-bottom: 50px; }
          .layout-collections .collection-content .collection-heading-flex .collection-heading h1 {
            font-size: 50px; }
          .layout-collections .collection-content .collection-heading-flex .collection-heading p {
            font-size: 20px; }
      .layout-collections .collection-content .collection-loadmore .button {
        margin-top: 56px; }
      .layout-collections .collection-content .collection-menu-tab {
        margin: 60px 0; }
        .layout-collections .collection-content .collection-menu-tab .menuList-collection {
          gap: 47px; }
          .layout-collections .collection-content .collection-menu-tab .menuList-collection li a {
            padding: 15px 35px;
            font-size: 20px; } }

.layout-collections .section-collection-strength {
  background-color: #fff;
  padding: 94px 0; }

.layout-collections .section-home-brand {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
  padding: 18px 0; }
  .layout-collections .section-home-brand .brand-img {
    text-align: center; }
  .layout-collections .section-home-brand .swiper-wrapper {
    transition-timing-function: linear !important;
    align-items: center; }
  .layout-collections .section-home-brand .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    flex: 0 0 calc(100%/5);
    width: calc(100%/5); }

.layout-collections .section-collection-advantage {
  background-color: #fff;
  padding: 94px 0; }
  .layout-collections .section-collection-advantage .sectionHeading p {
    color: #888;
    font-size: 17px;
    margin-bottom: 44px;
    line-height: 30px; }
  .layout-collections .section-collection-advantage .row {
    border-top: 1px solid #E1E1E1; }
  .layout-collections .section-collection-advantage .col-lg-6 .collection-advantage-item {
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    height: 100%; }
    .layout-collections .section-collection-advantage .col-lg-6 .collection-advantage-item .advantage-title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 22px;
      color: #000;
      text-transform: uppercase;
      line-height: 34px; }
    .layout-collections .section-collection-advantage .col-lg-6 .collection-advantage-item p {
      margin-bottom: 0;
      color: #888;
      font-size: 16px;
      line-height: 30px; }
  .layout-collections .section-collection-advantage .col-lg-6:nth-child(even) .collection-advantage-item {
    padding: 40px 0px 40px 60px;
    border-right: none; }
  .layout-collections .section-collection-advantage .col-lg-6:nth-child(odd) .collection-advantage-item {
    padding: 40px 60px 40px 0; }

.layout-collections .section-collection-thankyou {
  padding: 94px 0;
  text-align: center; }
  .layout-collections .section-collection-thankyou .collection-thankyou-content {
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 40px; }
  .layout-collections .section-collection-thankyou .collection-thankyou-btn {
    padding: 17px 57px; }

/* RESPONSIVE */
@media (max-width: 991px) {
  .layout-collections .section-collection-strength,
  .layout-collections .section-collection-advantage,
  .layout-collections .section-collection-thankyou {
    padding: 60px 0; }
  .layout-collections .section-collection-advantage .col-lg-6:nth-child(even) .collection-advantage-item {
    padding: 30px 0px 30px 40px; }
  .layout-collections .section-collection-advantage .col-lg-6:nth-child(odd) .collection-advantage-item {
    padding: 30px 40px 30px 0; }
  .layout-collections .section-home-brand .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    flex: 0 0 calc(100%/4);
    width: calc(100%/4); } }

@media (max-width: 767px) {
  .layout-collections .section-collection-strength,
  .layout-collections .section-collection-advantage,
  .layout-collections .section-collection-thankyou {
    padding: 40px 0; }
  .layout-collections .section-collection-advantage .col-lg-6 {
    margin-bottom: 0; }
    .layout-collections .section-collection-advantage .col-lg-6 .collection-advantage-item {
      border-right: none !important;
      padding: 24px 20px !important; }
      .layout-collections .section-collection-advantage .col-lg-6 .collection-advantage-item .advantage-title {
        font-size: 18px;
        margin-bottom: 16px;
        line-height: 1.4; }
      .layout-collections .section-collection-advantage .col-lg-6 .collection-advantage-item p {
        font-size: 14px;
        line-height: 1.6; }
    .layout-collections .section-collection-advantage .col-lg-6:nth-child(even) .collection-advantage-item, .layout-collections .section-collection-advantage .col-lg-6:nth-child(odd) .collection-advantage-item {
      padding: 24px 20px !important; }
  .layout-collections .section-collection-thankyou .collection-thankyou-content {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 24px;
    padding: 0 10px; }
  .layout-collections .section-collection-thankyou .collection-thankyou-btn {
    padding: 12px 24px;
    font-size: 16px; }
    .layout-collections .section-collection-thankyou .collection-thankyou-btn svg {
      width: 20px;
      height: 20px; }
  .layout-collections .section-home-brand .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    flex: 0 0 calc(100%/3);
    width: calc(100%/3); }
  .layout-collections .section-home-brand .brand-img img {
    aspect-ratio: 16/9;
    object-fit: contain; } }