/* PROMOTIONAL BLOCK CSS */
.promotional-block .alert {
    margin: 0;
    padding: 8px;
    border-radius: 0px; }
  
  .promotional-block .alert p {
    font-family: 'Space Grotesk';
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px; }
  
  .promotional-block .alert .btn-close {
    background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4419 5.44194C15.686 5.19786 15.686 4.80214 15.4419 4.55806C15.1979 4.31398 14.8021 4.31398 14.5581 4.55806L10 9.11612L5.44194 4.55806C5.19786 4.31398 4.80214 4.31398 4.55806 4.55806C4.31398 4.80214 4.31398 5.19786 4.55806 5.44194L9.11612 10L4.55806 14.5581C4.31398 14.8021 4.31398 15.1979 4.55806 15.4419C4.80214 15.686 5.19786 15.686 5.44194 15.4419L10 10.8839L14.5581 15.4419C14.8021 15.686 15.1979 15.686 15.4419 15.4419C15.686 15.1979 15.686 14.8021 15.4419 14.5581L10.8839 10L15.4419 5.44194Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
    padding: 12px 16px;
    opacity: 1; }
  
  /* Hero Section CSS */
  .hero-section {
    margin-top: 80px; }
  
  .hero-section .text-title-btn-block {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 146px;
    margin-bottom: 32px; }
  
  .hero-section .text-title-btn-block .heading {
    width: 45%;
    font-size: 63px;
    font-weight: 500;
    line-height: 76px;
    letter-spacing: -2px; }
  
  .hero-section .text-title-btn-block .text-wrapper {
    max-width: 424px;
    text-align: right;
  align-self: center; }
  
  .hero-section .text-title-btn-block .text-wrapper p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 16px;
    /* margin-top: 20px; */
   }
  
  .simple-arrow-slider {
    margin-bottom: 52px; }
  
  .simple-arrow-slider .swiper-slide {
    position: relative; }
    .simple-arrow-slider .swiper-slide img {
      position: absolute;
      top: 0;
      left: 0px;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  
  .simple-arrow-slider .swiper-wrapper,
  .simple-arrow-slider .swiper-slide {
    width: 100%;
    height: 640px; }
  
  .simple-arrow-slider .swiper-button-cnext {
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("../../img/slider-arrow-right.svg") center no-repeat;
    width: 52px;
    height: 52px;
    display: block;
    z-index: 10; }
  
  .simple-arrow-slider .swiper-button-cprev {
    position: absolute;
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("../../img/slider-arrow-left.svg") center no-repeat;
    width: 52px;
    height: 52px;
    display: block;
    z-index: 10; }
    
  
  .simple-arrow-slider .swiper-pagination-bullet {
    background: #fff;
    opacity: 1; }
  
  .simple-arrow-slider .swiper-pagination-bullet-active {
    width: 30px;
    height: 8px;
    border-radius: 5px; }
  
  .simple-arrow-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .simple-arrow-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px; }
  
  .simple-arrow-slider .swiper-pagination {
    bottom: 32px; }
  
  /* Brands Slider - Collection Section */
  .collection-section {
    padding: 52px 0px; }
  
  .dots-slider {
    margin-top: 32px; }
  
  .dots-slider .swiper-slide {
    width: 357px;
    height: 420px; }
  
  .dots-slider .swiper-slide .collection-img-text-card {
    width: 357px;
    height: 420px;
    position: relative; }
  
  .collection-section .slider-arrows {
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 16px 0px; }
  
  .collection-section .slider-arrows .swiper-button {
    margin: 4px;
    width: 36px;
    height: 36px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04);
    border-radius: 100%;
    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; }
  
  .dots-slider .swiper-slide .collection-img-text-card img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 1; }
  
  .dots-slider .swiper-slide a {
    border-radius: 100px;
    position: absolute;
    bottom: 40px;
    padding: 12px;
    background: #fff;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    min-width: 196px;
    text-align: center;
    z-index: 10; }
    .dots-slider .swiper-slide a:hover {
      border-radius: 100px;
      position: absolute;
      bottom: 40px;
      padding: 12px;
      background: #000000;
      color: #ffffff;
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      min-width: 196px;
      text-align: center;
      z-index: 10; 
    }
    
  
  .dots-slider .swiper-dots-pagination {
    position: relative; }
  
  .slider-dots .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0px 8px !important;
    background: #121212;
    opacity: 1;
    position: relative; }
  
  .slider-dots .swiper-pagination-bullet-active::before {
    content: "";
    width: 22px;
    height: 22px;
    border: 1.222px solid #121212;
    position: absolute;
    border-radius: 100%;
    position: absolute;
    border-radius: 100%;
    top: -7px;
    left: -7px; }
  
  .collection-section .title-dots-wrapper .title {
    margin-bottom: 0px; }
  
  /* Call to Action Block 1: cta-block-1 */
  .cta-block-1 {
    color: #fff; }
    .cta-block-1 .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      min-height: 494px; }
    .cta-block-1 img {
      position: absolute;
      top: 0;
      left: 0px;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      z-index: 1; }
    .cta-block-1 .content-wrapper {
      position: relative;
      z-index: 5;
      padding-left: 55px; }
      .cta-block-1 .content-wrapper .title {
        font-size: 40px;
        font-weight: 500;
        line-height: 44px;
        letter-spacing: -0.4px;
        margin-bottom: 12px; }
      .cta-block-1 .content-wrapper p {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 24px; }
      .cta-block-1 .content-wrapper .ts-btn.style-1 {
        padding-bottom: 0px; }
  
  /* Product Tabs CSS */
  .product-tabs-section {
    margin: 52px 0px; }
    .product-tabs-section .tabs-products__row {
      margin-left: -12px;
      margin-right: -12px; }
    .product-tabs-section .tab-header {
      margin-bottom: 52px; }
      .product-tabs-section .tab-header .nav-tabs {
        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;
        gap: 56px;
        border-width: 0px; }
        .product-tabs-section .tab-header .nav-tabs .nav-link {
          font-size: 22px;
          font-weight: 400;
          line-height: 44px;
          border-radius: 0px;
          border-width: 0px;
          color: #605F5F;
          padding: 0px; }
          .product-tabs-section .tab-header .nav-tabs .nav-link.active {
            border-bottom: 1px solid #121212;
            color: #121212;
            font-weight: 600; }
    .product-tabs-section .tab-content .product-single {
      margin-bottom: 56px; }
      .product-tabs-section .tab-content .product-single .product-single__top {
        position: relative;
        max-width: 100%;
        height: 310px;
        overflow: hidden;
        display: block;
        border: 3px solid #EAEAEA;
        margin-bottom: 16px; }
        .product-tabs-section .tab-content .product-single .product-single__top .img-product {
          cursor: pointer;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -webkit-transform: scale(1);
                  transform: scale(1);
          -webkit-transform-origin: center;
                  transform-origin: center;
          -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
          transition: all 1.5s cubic-bezier(0, 0, 0.05, 1); }
          .product-tabs-section .tab-content .product-single .product-single__top .img-product:hover {
            /* -webkit-transform: scale(1.2);
                    transform: scale(1.2);  */
                  }
        .product-tabs-section .tab-content .product-single .product-single__top .sale-badge {
          position: absolute;
          background: #1BA97F;
          padding: 4px 14px;
          border-radius: 4px;
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 22px;
          color: #fff;
          top: 16px;
          left: 16px; }
      .product-tabs-section .tab-content .product-single .product-single__bottom .product-single__bottom-price {
        margin-bottom: 4px;
        gap: 12px; }
        .product-tabs-section .tab-content .product-single .product-single__bottom .product-single__bottom-price .current-price {
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          color: #121212; }
        .product-tabs-section .tab-content .product-single .product-single__bottom .product-single__bottom-price .old-price {
          font-size: 14px;
          font-weight: 400;
          line-height: 22px;
          color: #A7A7A7;
          text-decoration: line-through; }
      .product-tabs-section .tab-content .product-single .product-single__bottom .product-single__bottom-title a {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.4px;
        margin-bottom: 4px; }
      .product-tabs-section .tab-content .product-single .product-single__bottom .product-single__bottom-vendor .text-muted {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px; }
      .product-tabs-section .tab-content .product-single .product-single__bottom .product-single__bottom-vendor .vendor-name {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: #A7A7A7;
        text-decoration: underline !important; }

  
  /* NewsLetter Section */

  .newsletter-section-img{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0; /* Adjust the padding as needed */
    }

  .newsletter-section {
    margin: 30px 0px; }
    .newsletter-section .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: 0px;
      margin-right: 0px;
      background: #F5F5F5; }
    .newsletter-section .content-wrapper {
      padding: 0px 52px;
      max-width: 456px; }
      .newsletter-section .content-wrapper .title {
        font-size: 40px;
        font-weight: 500;
        line-height: 44px;
        letter-spacing: -0.4px; }
      .newsletter-section .content-wrapper .input-field {
        border-width: 0px;
        border-bottom: 1px solid #CBCBCB;
        background: transparent;
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: 0px;
        padding: 13px 0px;
        padding-left: 32px;
        padding-right: 60px;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: #121212; }
        .newsletter-section .content-wrapper .input-field:focus {
          outline: none;
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .newsletter-section .content-wrapper .input-field::-webkit-input-placeholder {
          font-family: 'Inter';
          font-size: 16px;
          font-weight: 400;
          line-height: 26px;
          color: #605F5F; }
        .newsletter-section .content-wrapper .input-field::-moz-placeholder {
          font-family: 'Inter';
          font-size: 16px;
          font-weight: 400;
          line-height: 26px;
          color: #605F5F; }
        .newsletter-section .content-wrapper .input-field:-ms-input-placeholder {
          font-family: 'Inter';
          font-size: 16px;
          font-weight: 400;
          line-height: 26px;
          color: #605F5F; }
        .newsletter-section .content-wrapper .input-field::-ms-input-placeholder {
          font-family: 'Inter';
          font-size: 16px;
          font-weight: 400;
          line-height: 26px;
          color: #605F5F; }
        .newsletter-section .content-wrapper .input-field::placeholder {
          font-family: 'Inter';
          font-size: 16px;
          font-weight: 400;
          line-height: 26px;
          color: #605F5F; }
      .newsletter-section .content-wrapper .input-group-wrapper {
        position: relative; }
        .newsletter-section .content-wrapper .input-group-wrapper button {
          border-width: 0px;
          outline: none;
          font-family: 'Space Grotesk';
          font-size: 16px;
          font-weight: 500;
          line-height: 28px;
          letter-spacing: -0.4px;
          position: absolute;
          top: 9px;
          right: 0px;
          display: block;
          background: transparent;
          color: #121212; }
        .newsletter-section .content-wrapper .input-group-wrapper.has-email-icon::before {
          content: "";
          display: block;
          background: url("../../img/email-icon2.svg");
          width: 24px;
          height: 24px;
          position: absolute;
          left: 0px;
          top: 14px;
          z-index: 3; }
      .newsletter-section .content-wrapper .form-check-input[type=radio] {
        background-color: none;
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none; }
      .newsletter-section .content-wrapper .form-check-input:checked {
        background-color: #121212;
        border-color: #121212; }
      .newsletter-section .content-wrapper .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 16px; }
      .newsletter-section .content-wrapper .form-check .form-check-label {
        padding-left: 10px; }
    .newsletter-section img {
      display: block;
      margin: 0 auto;
      margin-right: 0; }

      .cta-block-2 .content-wrapper .title {
        display: block;
        max-width: 880px;
        font-size: 54px;
        font-weight: 500;
        line-height: 58px;
        letter-spacing: -1px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 16px; }
        .cta-block-2 .content-wrapper p {
          font-size: 18px;
          font-weight: 400;
          line-height: 30px;
          display: block;
          max-width: 740px;
          margin: 0 auto;
          text-align: center;
          margin-bottom: 32px; }

          




        
        @media (max-width: 991px) {
          .newsletter-section-img {
            background-image: none!important; /* Remove background image for mobile devices */
            padding: 0px 0; 
            
          }
          .newsletter-section {
            margin: 12px 0px;
          }
         
        }

        @media (min-width: 1024px) {
          .new-letter-mbl-img {
            display: none!important; /* Remove background image for mobile devices */
          }
          
        
        }
        @media (max-width: 991px) {

        .simple-arrow-slider .swiper-slide img {
    
          object-fit: contain;
          height: auto;
      }
    }