/** Shopify CDN: Minification failed

Line 3322:0 Unexpected "<"

**/
.call-to-action-section {
  padding: 0 90px;
  padding-top: 5rem;
}

.call-to-action-section h2 {
  text-align: center;
  margin-bottom: 40px;
}

.cta-blocks {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr); /* Default for 2 columns */
}

.cta-blocks.cta-blocks-1 {
  grid-template-columns: 1fr; /* 1 column */
}

.cta-blocks.cta-blocks-2 {
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
}

.cta-blocks.cta-blocks-3 {
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
}

.cta-block h3 {
  font-size: 28px;
  margin-bottom: 0;
  font-weight: bold;
  letter-spacing: 0px;
  margin-top: 2rem;
}

.cta-link {
  display: inline-block;
  padding: 0px 0px;
  text-decoration: none;
  border-radius: 0px;
  text-align: center;
  width: 100%;
}  
.cta-block h3{
  color: #1D3461;
}
.section-header.policy {
    text-align: center;
}
h2.our-head {
    color: #1D3461;
    font-weight: 700;
    font-style: Bold;
    font-size: 30px;
    line-height: 40.32px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
}
p.our-desrip {
    font-weight: 400;
    font-size: 18px;
    line-height: 22.08px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #212529;
}
/* Main container for policies */
.policy-blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; /* Adds space between columns */
  margin-top: 20px;
}

/* Policy item container */
.policy-item {
  text-align: center; /* Centers text and other content */
  display: flex;
  flex-direction: column;
  align-items: center; /* Centers the content horizontally */
  justify-content: center; /* Centers the content vertically */
}

/* Ensuring images are centered and don't exceed max width */
.policy-item img {
  display: block; /* Removes bottom space typically caused by inline-block images */
  margin: 0 auto; /* Horizontally center the image */
  max-width: 100px; /* Adjust the size of the icon (can be changed) */
  height: auto; /* Maintain aspect ratio */
  margin-bottom: 10px; /* Space between image and text */
}

/* Policy title styling */
.policy-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #1D3461;
}

/* Policy description styling */
.policy-item p {
  font-size: 16px;
  color: #777;
}
h2.our-head.new {
    color: #FFFFFF;
}
.policy-item.new h3 {
    color: #fff;
}
.policy-item.new p {
    color: #fff;
}
.shopify-section.Why-Choose {
    background: #1D3461;
}
/* Row container to organize columns */
.row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* Column styles */
.col-12 {
  width: 100%;
}

.col-md-4 {
  flex: 1 1 30%; /* Each column takes 30% of the width in a row */
  max-width: 33.33%; /* Ensures each column takes up to a third of the space */
  margin: 10px;
}
section.our-policies-section {
    padding-top: 5rem;
    padding-bottom: 0rem;
}
/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  .col-md-4 {
    flex: 1 1 100%; /* Stack columns on mobile */
    max-width: 100%;
  }
}
.announcement-bar__links {
    width: 100%;
}
#halo-image-banner-template--20709930008665__image_banner_vending_hLTTcA .item-large_img_tRdA8g .banner-heading {
    font-size: 33px !important;
    color: #1d3461;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
    letter-spacing: 0px;
}
.content-box.content-box--absolute span.banner-text.sub-title-font {
    padding: 0px !important;
    line-height: 23px !important;
    font-weight: 500;
    font-size: 18px !important;
}
.call-to-action-section.container {
    text-align: center;
}
.call-to-action-section.container h2 {
    color: #1d3461;
    font-weight: 700;
    font-size: 30px;
    line-height: 0;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    margin-bottom: 3rem;
}
.call-to-action-section.container p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22.08px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #212529;
}
.cta-block.new {
  position: relative; /* Ensure that the text and image are stacked on top of each other */
  display: inline-block; /* Allows the block to be sized according to content */
  background: black;
}

.cta-block.new .cta-content {
    position: absolute;
    bottom: 3rem;
    color: #fff;
    text-align: center;
    z-index: 10;
    width: 100%;
}

img.cta-block-image.new{
  width: 100%; /* Make the image responsive */
  height: auto; /* Maintain the aspect ratio */
  opacity: 0.7; /* Set the image opacity */
  transition: opacity 0.3s ease; /* Smooth transition for opacity */
}

/* Optional: Change opacity on hover */
.cta-block.new:hover .cta-block-image {
  opacity: 1; /* Make image fully visible on hover */
}

.cta-block.new .cta-link h3 {
  font-size: 26px;
  font-weight: bold;
  text-transform: math-auto;
  margin: 0;
  padding: 10px 20px;
  color:white;
  border-radius: 5px;
}
.footer-block__details p {
    color: white;
}
ul.list-unstyled.list-social.clearfix path {
    fill: #868686;
}
ul.list-unstyled.list-social.clearfix path:hover {
    fill: #1D3461;
}
.footer-block__list-social {
    order: 1;
}
.footer-block__bottom.not_payment {
    border-top: 1px solid #c5c5c5;
}
.form-container {
            background-color: white;
            padding: 10px;
            border-radius: 8px;
            max-width: 400px;
            margin: auto;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 30%;
        }
        .form-container h2 {
            text-align: center;
            color: #2c3e50;
        }
        .form-container label {
            display: block;
            margin: 10px 0 5px;
            color: #34495e;
        }
        .form-container input[type="text"], input[type="date"] {
            width: 100%;
            padding: 10px;
            margin: 5px 0 20px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .form-container button {
            width: 100%;
            padding: 10px;
            background-color: #2980b9;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .form-container button:hover {
            background-color: #3498db;
        }
        .collection-slider-container {
  width: 70%;
  margin: 0 auto;
  position: relative;  /* Ensure navigation arrows are placed correctly */
}

.collection-block {
  text-align: center;
  background-color: #f4f4f4;
  border-radius: 0px;
  overflow: hidden;
}

.collection-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  opacity: 0.7;
}

.collection-title {
  font-size: 28px;
  font-weight: 700;
  padding: 10px;
  color: white;
  position: absolute;
  top: 10px;
  width: 100%;
}

.swiper-container {
  padding: 20px;
  position: relative;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);  /* Add a background to make arrows visible */
  border-radius: 50%;
  padding: 10px;
  color: #fff;
  cursor: pointer;
}

.swiper-button-next {
  right: 10px;  /* Position right arrow on the right side */
}

.swiper-button-prev {
  left: 10px;  /* Position left arrow on the left side */
}

.swiper-pagination {
  bottom: 10px;
  text-align: center;
  z-index: 10;
}
.container.slide-main {
    display: flex;
}
.collection-block-content {
    background: black;
}
.swiper-pagination {
    display: none;
}
/* Left side container (Slider) */
.collection-slider-container {
  flex-grow: 1;  /* Takes the remaining space */
  overflow: hidden;  /* Prevents overflow for slider */
  position: relative;
  /* Additional styling to ensure it takes up proper space */
}

/* Base Layout */
.about-us-section {
  padding: 20px;
  text-align: center;
}

.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.products .product-item {
  width: 45%;
  margin-bottom: 20px;
  text-align: left;
}

.product-item img {
  width: 100%;
  height: auto;
}

.product-item h3 {
  color: #1D3461;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 0px;
  letter-spacing: 0px;
}

.product-item p {
    font-size: 22px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    line-height: 26px;
    font-weight: 400;
    color: gray;
    letter-spacing: 0px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .products {
    flex-direction: column;
    align-items: center;
  }

  .product-item {
    width: 100%;
  }

  .product-item img {
    max-width: 100%;
  }
}
.image-text-section {
    padding: 0px;
    background-color: #EFF0F3;
  }

  /* .text-section {
    flex: 1;
    padding: 20px;
    background-color: #f0f9ff;
    margin-right: 20px;
    border-radius: 0px;
    height: -webkit-fill-available;
  } */

  .text-section {
  flex: 1;
  padding: 20px;
  background-color: #f0f9ff;
  margin-right: 20px;
  border-radius: 0px;
  height: auto;
  max-height: 100%;

}

/* ✅ Safari-specific fix */
@supports (-webkit-touch-callout: none) {
  .text-section {
    height: -webkit-fill-available;
  }
}


  .image-section {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .image-section img {
    max-width: 100%;
    height: 100%;
    border-radius: 0px;
    background-size: cover;
    width: 100%;
  }

  .text-section h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .text-section p {
    font-size: 18px;
    line-height: 1.5;
    color: #777777;
  }

  /* Mobile responsiveness */
  @media (max-width: 768px) {
    .container {
      flex-direction: column;
      text-align: center;
    }

    .text-section {
      margin-right: 0;
      margin-bottom: 20px;
    }
  }
.text-section {
  display: flex;                /* Use flexbox for centering */
  justify-content: center;      /* Center horizontally */
  align-items: center;          /* Center vertically */
  background-color: #e2ebfd;
  padding: 18rem;
}

.text-section h2, .text-section p {
  margin: 0;                    /* Remove any default margin */
}
.shopify-section.center-slider {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.my-image-text {
    display: flex;
}
.my-image-text .text-section {
    display: block;
    justify-content: center;
    align-items: center;
    background-color: #e2ebfd;
    padding: 18rem;
}
#shopify-section-template--20709930270809__image_with_text_tkh3zi .text-section {
    padding: 18rem 15rem;
}
.contact-us__content form input, .contact-us__content form textarea {
    font-size: 16px;
}
.container.im-t {
    display: flex;
}
.new-image-text .my-image-text {
    display: flex;
}
.new-image-text .image-section {
    justify-content: center;
    align-items: center;
    width: 50%;
}
.new-image-text .my-image-text .text-section {
    display: block;
    justify-content: center;
    align-items: center;
    background-color: #e2ebfd;
    padding: 18rem 7rem;
    width: 50%;
}
.new-image-text .my-image-text .text-section h2 {
    font-size: 24px;
    color: #1d3461;
    font-weight: bold;
    padding-bottom: 1rem;
}
.wrapper-body {
    padding-bottom: 0px !important;
}
.open-m {
    display: flex;
    width: 100%;
    padding-bottom: 5rem;
}
.toolbar-col.toolbar-colLeft {
    display: none !important;
}
.new-val {
    width: 50%;
}
.halo-sidebar-wrapper.custom-scrollbar.SARASA {
    width: 50%;
}
#CollectionSection-template--20709929812057__product-grid .sidebarBlock-heading {
    font-family: var(--sidebar-heading-font);
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize!important;
    padding-right: 3rem;
}
span.facets__count {
    margin-left: 0px;
}
.collection-filters__item.facets__wrapper .widget_filter {
    display: none !important;
}
p.collection-product-countd {
    padding-bottom: 0rem;
    font-size: 23px;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: bold;
    color: #1d3461;
}
.main-collection-section {
    background: #eff1f2;
}
.sidebarBlock-heading {
    background: white;
}
.card-action {
    display: none;
}
span.pagination__item.pagination__item--current {
    background: #1d3461;
    color: white;
}
.card-title .text {
    letter-spacing: 0px;
    font-weight: 700;
    color: #232323;
}
.price-item {
    color: #232323;
    letter-spacing: 0px !important;
    font-weight: 700 !important;
}
a.card-title {
    height: 6rem;
}
.collection-header.container{
    background:#1d3461;
}
nav.breadcrumb.breadcrumb- a.link.home-link {
    color: white !important;
}
.breadcrumb {
    font-size: 16px !important;
}
.title-with-description{
  background: #E2EBFD;
  padding: 18px 0px 18px 0px;
}
.title-with-description h2{
  line-height:0px;
  color:#1D3461;  
}
h1.productView-title {
    font-weight: 700;
}
.bread-header {
    background: #e2ebfd;
}
li.product.banner {
    display: none;
}
.productView-moreItem.moreItem-breadcrumb .breadcrumb-bg {
      background: #1D3461 !important;
}
.tabs .tab .tab-title {
    padding: 1.3rem 2rem;
    letter-spacing: 0px;
    font-weight:700 !important;
  }
a.tab-title.is-open {
    background: #E2EBFD;
}
img.my-down {
    width: 70%;
    height: auto;
}
/* CSS to make the left-side <td> values bold */
.tab-popup-content table td:first-child {
  font-weight: bold;
}
.tab-popup-content tr td {
    border-bottom: 1px solid #80808026 !important;
    border: none;
    border-right: none;
    /* background: white; */
    font-size: 16px;
    width: fit-content;
    color: black;
}
.tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}

.tabs .tab {
  flex: 1; /* auto adjust width equally */
  text-align: center;
  list-style: none;
}

.tabs .tab a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: border-color 0.3s;
}

.tabs .tab a.is-open {
  border-color: var(--border-color, #1d3461);
}
.tab-popup-content ul li {
    font-size: 16px !important;
}
.productView-bottom .container {
        padding-left: 0rem;
        padding-right: 0rem;
}
img.extra-link-image {
    width: 20rem;
    max-width: 100%;
}
img.extra-link-image {
    width: 20rem;
    max-width: 100%;
}
.productView-product span.Customize-text {
    display: none;
}
.img-box--mobile .image {
    opacity: 0.7;
}
.top-view h4 {
    color: #1d3461;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0px;
}
.top-view P {
    font-size: 22px;
    margin-top: 2rem;
    margin-bottom: 3rem;
    line-height: 26px;
    font-weight: 400;
    color: gray;
    letter-spacing: 0px;
}
div#shopify-section-template--20709930270809__image_banner_4aGBdF .halo-block {
    background: #000 !important;
}
.sidebarBlock.refined-widgets.js-filter {
    display: none !important;
}
.focus-none {
    background: #EFF1F2;
}
.product-item .card-information {
    padding: 10px 0 10px;
}
.card-information__wrapper.text-center.line-separator h3.collection-text {
    padding: 0 2rem 2rem 2rem
}
.grid-item {
    height: -webkit-fill-available;
}
.grid-container {
    padding-bottom: 5rem;
}
.tab-popup-content p {
    background: #ff000000 !important;
}
.halo-block.halo-product-block.halo-recommendations-block.section-block-template--20709930762329__product-recommendations {
    background: #EFF1F2;
}
.rte {
    padding-bottom: 3rem;
    padding-top: 3rem;
}
.container.slide-main {
    padding-bottom: 3rem;
}
.productGrid .card-information .card-information__wrapper {
    text-align: start;
}
ul.productListing.productGrid li {
    padding-bottom: 2rem;
}
.login-rowItem.login-rowLeft {
  display: flex;
  flex-direction: column;     /* Stack items (logo + text) vertically */
  justify-content: center;    /* Center vertically */
  align-items: center;        /* Center horizontally */
  text-align: center;         /* Center text inside */
  height: 100%;               /* Make sure it takes full height of parent */
}
button.log-user {
    color: #1D3461;
    border: 1px solid white;
    padding: 10px 20px;
    background: #BBBCBA7D;
    text-transform: uppercase;
    border-radius: 25px;
}
button.log-user:hover {
    color: #fff;
    border: 1px solid white;
    padding: 10px 20px;
    background: #1D3461;
    text-transform: uppercase;
    border-radius: 25px;
}
.dropbtn {
    background-color: #1D3461 !important;
    font-size: 12px !important;
    border: none;
    cursor: pointer;
    color: white !important;
}
a.button-address {
    border-radius: 10px !important;
}
 .popup-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 11111111;
  }


  .popup {
        background: white;
    padding: 0px;
    border-radius: 8px;
    width: 81%;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }

  .popup button {
    margin-top: 10px;
  }
  .popup {
  position: relative; 
  background: white;
  padding: 0px;
  border-radius: 0px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.popup button {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    background: white;
    border: none;
}
.popup-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  display: none; /* default hidden */
  justify-content: center;
  align-items: center;
  z-index: 1000; /* example */
}

#signInPopupOverlay {
  z-index: 900; /* lower than register popup */
}
.footer-block__list a.link:hover {
    color: white !important;
}
.section-block-template--20709930762329__product-recommendations .halo-block-header .title .text {
    background-color: #ffffff00 !important;
}
.product-card-layout-05 .card-information {
    background: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.halo-block.halo-product-block.halo-recommendations-block.section-block-template--20709930762329__product-recommendations a.card-title {
    text-align: left;
}
.halo-block.halo-product-block.halo-recommendations-block.section-block-template--20709930762329__product-recommendations .card-information {
    padding: 0 2rem !important;
}
/* ✅ Add vertical blue divider between the two columns */
.spec-table {
  position: relative;
}

.spec-column:first-child {
  border-right: 1px solid #1D3461; /* medium thickness blue line */
  padding-right: 30px; /* space from the line */
}

.spec-column:last-child {
  padding-left: 30px; /* space from the line */
}
.toolbar-col.toolbar-colRight {
    padding-bottom: 3rem;
}
.results-count .results {
    display: none !important;
}
.toolbar-wrapper {
    margin-top: 3rem;
}
.predictive-search__results-list.list-unstyled a.card-title {
    height: 10rem;
}
.predictive-search__results-list.list-unstyled .text-center {
    text-align: left;
}
a.announcement-bar__additional-link {
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 500;
}
.product-details.product-left-thumbs {
    background: white;
}
.tabds {
    background: #EFF1F2;
}
.swiper-button-next, .swiper-button-prev {
    color: #1D3461 !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    width: 1%;
    display:none;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    width: 1%;
    display:none;
}
.main-item-annousment {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.main-item-annousment {
    background: #1D3461;
    padding: 10px;
}
/* ✅ On mobile, remove the vertical line (optional) */
@media (max-width: 768px) {
  .spec-column:first-child {
    border-right: none;
    border-bottom: 1px solid #fff; /* becomes horizontal line for mobile */
    padding-right: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .spec-column:last-child {
    padding-left: 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
.halo-sidebar-wrapper.custom-scrollbar.SARASA {
    width: 100% !important;
}  
.cta-blocks {
    display: block !important;
}
a.card-title {
  height: 15rem !important;
}
.halo-block.halo-product-block.halo-recommendations-block.section-block-template--20709930762329__product-recommendations a.card-title {
  height: 17rem !important;
}
.login-rowLeft {
        display: none !important;
}
.login-item {
    max-width: 100% !important;
}
h2.halo-page-title.page-subheader.text-left {
    font-size: 25px !important;
}
.login-item .login-text {
    font-size: 24px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
a.card-title {
    height: 11rem !important;
}
.halo-block.halo-product-block.halo-recommendations-block.section-block-template--20709930762329__product-recommendations a.card-title {
    height: 13rem !important;
}
a.announcement-bar__additional-link {
    display: none !important;
}
}
@media (min-width: 320px) and (max-width: 1024px) {
a.log-user {
    color: white !important;
}
a.blur-btn.s {
    margin-top: 1rem !important;
}
.products .product-item {
    width: 100% !important;
}
#shopify-section-template--20709930270809__image_with_text_tkh3zi .text-section {
    padding: 1rem 1rem !important;
}
.shopify-section.center-slider {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.my-image-text {
    display: grid !important;
}
.new-image-text .image-section {
    width: 100% !important;
}
.new-image-text .my-image-text .text-section {
    padding: 1rem 1rem !important;
    width: 100% !important;
}
.container.im-t, .new-image-text .my-image-text {
    display: grid !important;
}
.top-view P {
    font-size: 20px !important;
}
.contact-section {
    padding: 50px 0 50px !important;
}
.contact-info {
    padding: 40px 40px !important;
}
.contact-form {
    padding: 20px !important;
}
.call-to-action-section {
    padding: 0 5px !important;
    padding-top: 0rem !important;
}
.cta-block h3 {
    font-size: 24px !important;
    margin-top: 1rem !important;
}
section.our-policies-section {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
h2.our-head {
    font-size: 24px !important;
}
.policy-item h3 {
    font-size: 14px !important;
    height: 5rem !important; 
}
.form-container {
    width: 100% !important;
}
.collection-slider-container {
    width: 100% !important;
}
.translucent-box {
  top: 10% !important;
  padding: 10px !important;
  height: auto !important;
}
.contact-us__content figure {
    width: 100% !important;
    border-radius: 0rem !important;
}
.contact-us__content {
    display: grid !important;
    gap: 0rem !important;
}
.contact-us__content form {
    width: 100% !important;
}
.productGrid .card-information {
    padding: 1rem 1rem 1rem 1rem !important;
}
.new-val, .halo-sidebar-wrapper.custom-scrollbar.SARASA {
    width: 100%;
}
.login-rowItem {
    margin: inherit;
}
.login-row {
    height: auto !important;
}
.container.slide-main {
    display: grid !important;
}
.spec-table {
    gap: 0 !important;
}
.spec-column:first-child {    
    border-bottom: 0px solid #fff !important;
    padding-right: 0 !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.overlay-text {
    margin: 0 0 6px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1 !important;;
}
.overlay-button {
    padding: 5px 10px !important;
}
a.overlay-button {
    font-size: 14px !important;
}
}
.custom-section {
  display: flex;
  justify-content: space-between;
  align-items: revert-layer;
  gap: 0px;
}

.image-container {
  width: 60%;
}

.image-container img {
  width: 100%;
  height: 100%;
}

.video-container {
  width: 40%;
}

.video-container video {
  width: 100%;
  height: 100%;
}

.image-container {
  position: relative;
}

.above-image {
  position: absolute;
  top: 50%; /* Vertically center the text */
  left: 30%; /* Horizontally center the text */
  transform: translate(-50%, -50%); /* Adjust for perfect centering */
  background-color: #E2EBFDD9;
  color: white;
  padding: 20px;
  text-align: center;
  z-index: 10;
  width: 50%; /* Adjust the width as needed */
  z-index: 0;
}

.above-image h3 {
    color: #1D3461;
    margin: 0;
    font-weight: 700;
    font-style: Bold;
    font-size: 28px;
    line-height: 59px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}
.above-image p {
    margin-top: 10px;
    color: #575757;
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
}
.image-container.new {
    width: 100%;
}
.above-image.new {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    background-color: #e2ebfdd9;
    color: #fff;
    padding: 20px 40px;
    text-align: center;
    z-index: 10;
    width: 40%;
    z-index: 0;
}
.above-image.new h3 {
    color: #1d3461;
    margin: 0;
    font-weight: 700;
    font-style: Bold;
    font-size: 34px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}
.above-image.new p {
    color: #575757;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    margin-top: 1.5rem;
}
@media (min-width: 320px) and (max-width: 768px) {
.custom-section {
    display: grid;
}  
.video-container {
    width: 100%;
}
.image-container {
    width: 100%;
}
}
@media (min-width: 320px) and (max-width: 767px) {
  .above-image {
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0px;
}
.above-image h3 {
  font-size: 23px;
  line-height: 34px;
}
.above-image p {
    font-size: 16px;
}
img.my-mobile {
    display: block !important;
}
img.my-dekstop {
    display: none;
}
.above-image.new {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #e2ebfdd9;
    color: #fff;
    padding: 10px 10px;
    text-align: center;
    z-index: 10;
    width: 90%;
    z-index: 0;
}
.above-image.new h3 {
    font-size: 26px;
}
.above-image.new p {
    font-size: 18px;
}
.shopify-section.Why-Choose .row {
    display: contents;
}
.shopify-section.Why-Choose .col-md-4 {
        flex: 1 1 40%;
        max-width: 100%;
}
.shopify-section.Why-Choose .policy-item h3 {
  font-size: 20px !important;
  height: 4rem !important;
}
h3.wrap-head {
    font-weight: 700;
    font-size: 26px !important;
    line-height: 3rem;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #1d3461;
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.above-image.new.wdf {
  top: 60% !important;
  left: 50% !important;
  width: 90% !important;
  padding: 10px 10px !important;
}
.above-image.new.wdf h3 {
    font-size: 24px !important;
    line-height: 26px !important;
}
.video-overlay {
    position: absolute;
    top: 5rem !important;
    left: 5rem !important;
    color: white;
    max-width: 100% !important;;
    z-index: 10;
    font-size: 14px !important;;
    letter-spacing: 0px !important;;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .above-image {
    top: 50%;
    left: 30%;
    width: 50%;
    padding: 0px;
}
.above-image h3 {
  font-size: 23px;
  line-height: 34px;
}
.above-image p {
    font-size: 16px;
}
.above-image.new {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    background-color: #e2ebfdd9;
    color: #fff;
    padding: 10px 10px;
    text-align: center;
    z-index: 10;
    width: 70%;
    z-index: 0;
}
.above-image.new.wdf {
    top: 50% !important;
    left: 40% !important;
    padding: 10px 10px !important;
    width: 70% !important;
}
.above-image.new.wdf h3 {
    font-size: 24px !important;
}
.video-overlay {
    position: absolute;
    top: 14rem !important;
    left: 6rem !important;
    color: white;
    max-width: 100% !important;;
    z-index: 10;
    font-size: 14px !important;;
    letter-spacing: 0px !important;;
}
}
.above-image.new.wdf {
    position: absolute;
    top: 40%;
    left: 25%;
    transform: translate(-50%, -50%);
    background-color: #e2ebfdd9;
    color: #777;
    padding: 5px 20px;
    text-align: left;
    z-index: 10;
    width: 35%;
    z-index: 0;
    font-size: 20px;
}
.above-image.new.wdf h3 {
    color: #1d3461;
    margin: 0;
    font-weight: 700;
    font-style: Bold;
    font-size: 34px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: middle;
}
.above-image.new.wdf p {
    color: #575757;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    margin-top: 1.5rem;
}
.shopify-section.Image-over-new {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
h3.wrap-head {
    font-weight: 700;
    font-size: 30px;
    line-height: 23.04px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #1D3461;
    margin: 0;
    padding-top: 3rem;
    padding-bottom: 1rem;
}
.wrap-div {
    background: #E2EBFD;
}
h3.collection-title.bew{
    font-size: 20px;
    font-weight: 700;
    padding: 0px;
    color: #232323;
    position: relative;
    top: 0;
    width: 100%;
    background: #fff;
    margin: 0;
    height: 50px;
}
img.my-mobile {
    display: none;
}
.footbar-fixed-right {
    display: none !important;
}

/* new-css */
/* .blur-slider {
  position: relative;
  height: 90vh;
  overflow: hidden;
} */

.blur-slider {
  position: relative;
  height: auto;
  overflow: hidden;
}
/* IMAGE TRACK */
.blur-track {
  display: flex;
  width: auto;
  height: 100%;
  animation: slideMove linear infinite;
}

.blur-slide {
  min-width: 100vw;
  height: 100%;
}

.blur-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* FIXED LEFT BLUR */
.blur-overlay {
  position: absolute;
  inset: 0;
  width: 50%;
  z-index: 0;
  backdrop-filter: blur(1px);

  background: linear-gradient(
    to right,
    rgba(255,255,255,0.95) 0%,
    rgba(255,255,255,0.85) 35%,
    rgba(255,255,255,0.65) 55%,
    rgba(255,255,255,0.4) 70%,
    rgba(255,255,255,0.15) 82%,
    rgba(255,255,255,0) 100%
  );

  display: flex;
  align-items: center;
  overflow: hidden;
}

/* TEXT SLIDES */
.blur-content {
  position: absolute;
  opacity: 0;
  max-width: 550px;
  padding-left: 80px;
  transition: opacity 0.6s ease;
}

.blur-content.active {
  opacity: 1;
}

/* TEXT STYLES */
.blur-content h2 {
    font-size: 35px;
    line-height: 1.1;
    margin-bottom: 12px;
    color: #1d3461;
    text-transform: uppercase;
    margin:0px;
}

.blur-content p {
  font-size: 16px;
  margin-bottom: 20px;
  color:#1D3461;
  font-weight:600;
}

.blur-btn {
    display: inline-block;
    padding: 10px 25px;
    background: #1f3c6b;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    color:#fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 10%;
    text-align: center;
    text-transform: uppercase;
}
.blur-btn:hover {
    display: inline-block;
    padding: 10px 25px;
    background: #1f3c6b;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    color:#fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 10%;
    text-align: center;
    text-transform: uppercase;
}

a.blur-btn.s{
    display: inline-block;
    padding: 10px 25px;
    background: #E4E4E4;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    color:#1D3461;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 10%;
    text-align: center;
    text-transform: uppercase;
    width: fit-content;
}
.blur-content.active a.blur-btn:hover {
    background: #1f3c6b;
    color: white;
}
.overlay-text.Manufacture.Promise a.blur-btn.s {
    margin-left: 1rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
    padding: 10px 20px;
    font-size: 12px;
    font-size: 12px;
}

.overlay-text.Manufacture.Promise {
  position: relative;
}

/* .overlay-text.Manufacture.Promise a.blur-btn.s {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  font-size: 11px;
  text-align: center;
  margin-top: 0rem;
  width: max-content;
} */

/* IMAGE ANIMATION */
@keyframes slideMove {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* MOBILE */
@media (max-width: 768px) {
  .blur-overlay {
    width: 80%;
    background: linear-gradient(to bottom, #ffffff00, #ffffff00 60%, #ffffff0d);
    align-items: center;
  }

  .blur-content {
    padding: 20px 20px;
  }

  .blur-content h2 {
    font-size: 25px;
  }
}

.feature-icons-slider {
  position: relative;
  background: #1D3461;
  padding: 8rem 0;
  overflow: hidden;
}

/* Desktop layout */
.feature-icons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8rem;
}

/* Icon item */
.feature-icon-item {
  text-align: center;
  flex-shrink: 0;
}

/* Center image */
.feature-icon-item img {
  display: block;
  margin: 0 auto;
}

/* White line under image */
.icon-line {
  display: block;
  width: 50px;
  height: 1px;
  background: #fff;
  margin: 16px auto;
}

/* Text */
.feature-icon-item p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
}

/* Arrows hidden by default (desktop) */
.prev-arrow,
.next-arrow {
  display: none;
}

/* ===== MOBILE VIEW ===== */
@media screen and (max-width: 768px) {

  .feature-icons-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    justify-content: flex-start;
    padding: 0;
  }

  .feature-icon-item {
    min-width: 100%;
    scroll-snap-align: center;
    text-align: center;
  }

  /* Show arrows on mobile only */
  .prev-arrow,
  .next-arrow {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #00000000;
    color: #fff;
    border: none;
    padding: 0px;
    font-size: 14px;
    z-index: 10;
    cursor: pointer;
  }

  .prev-arrow { left: 10px; }
  .next-arrow { right: 10px; }
}
.Manufacture.Promise p{
    text-align: center;
    color: #1D3461;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
}
.Manufacture.Promise h2{
    color: #1d3461;
    font-weight: 500;
    font-style: Medium;
    font-size: 36px;
    line-height: 6rem;
    letter-spacing: 0px;
    text-align: center;
    margin: 0px;
    padding: 2rem;
}
.overlay-text.Manufacture.Promise h2 {
    color: white;
    text-align: start;
    padding: 0rem 1rem;
    margin: 0;
    font-family: Nunito Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0%;
    text-transform: uppercase;
    text-align:center;

}
.overlay-text.Manufacture.Promise p {
    color: #fff;
    text-align: center;
    padding: 0px 1rem;
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
}
.Manufacture.rich-text-container p {
    margin: 0px;
}
.Manufacture.rich-text-container strong {
    margin-top: 3rem;
    margin-bottom: 4rem;
}
.overlay-text.Manufacture.Promise strong {
    display: block;
    font-size: 20px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
}
/* Container */
.image-slider-container.Manufacture.Promise {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 10rem;
}

/* Slider */
.image-slider-container.Manufacture.Promise .slider {
  display: flex;
  transition: transform 0.5s ease;
  gap: 2rem;
}

/* Desktop: 3 images */
.image-slider-container.Manufacture.Promise .slider-item {
  flex: 0 0 33.3333%;
  position: relative;
}

/* Mobile: 1 image */
@media (max-width: 768px) {
  .image-slider-container.Manufacture.Promise .slider-item {
    flex: 0 0 100%;
  }
  .overlay-text.Manufacture.Promise strong {
    font-size: 18px;
}
.overlay-text.Manufacture.Promise p {
    font-size: 14px;
}
}

/* Image */
.image-overlay img {
  width: 100%;
  height: auto;
  display: block;
}

/* Navigation */
.slider-nav {
    position: absolute;
    top: 90%;
    left: 10px;
    right: 10px;
    transform: translateY(-50%);
    z-index: 00000;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.slider-nav button {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
  border: none;
  cursor: pointer;
}
.slider-nav.Manufacture.Promise button {
    border-radius: 42px;
    background: #00000005;
    color: #1D3461;
    padding: 10px;
    border: none;
    cursor: pointer;
    border: 1px solid #1D3461;
    height: 40px;
    width: 40px;
}

/* Image */
.image-slider-container.Manufacture.Promise .image-overlay {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}

.image-slider-container.Manufacture.Promise .image-overlay img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;   /* 👈 key line */
  border-radius: 10px;
}

/* LEFT 50% text overlay */
/* .image-slider-container.Manufacture.Promise .overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  background:#1D3461;
  padding: 0px;
  box-sizing: border-box;
  display: flow-root;
  align-items: center;
  justify-content: flex-start;
  font-size: 22px;
  font-weight: 600;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
} */

.image-slider-container.Manufacture.Promise .overlay-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    background: #1D3461;
    padding: 1rem;           /* adjust spacing */
    box-sizing: border-box;
    text-align: center;       /* horizontal center of content */
    font-size: clamp(16px, 1vw + 0.6rem, 22px);
    font-weight: 600;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    height: 100%;             /* box expands with content */
    display: inline-block;    /* content behaves naturally */
    align-content: center;
}

/* Mobile: stack text above image */
@media (max-width: 768px) 
/* {
  .image-slider-container.Manufacture.Promise .overlay-text {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
  } */
{
.image-slider-container.Manufacture.Promise .overlay-text {
    position: relative;
    width: 100%;
    height: auto;
    flex-direction: column;

    align-items: center;        /* horizontal center */
    justify-content: center;    /* vertical center */

    padding: 15px;
    padding-bottom: 7rem;

    text-align: center;
    font-size: clamp(14px, 4vw, 18px);
    line-height: 1.4;

    word-break: break-word;
    overflow-wrap: break-word;
}
.image-slider-container.Manufacture.Promise .slider {
        overflow-x: visible !important;
}
.image-slider-container.Manufacture.Promise .slider {
    gap: 0rem !important;
}
.image-slider-container.Manufacture.Promise .image-overlay img {
    height: 50% !important;
}
.image-slider-container.Manufacture.Promise .image-overlay img {
    border-radius: 0px !important;
}
.image-slider-container.Manufacture.Promise .overlay-text {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.image-slider-container.Manufacture.Promise .image-overlay {
    overflow: visible !important;
}
.overlay-text.Manufacture.Promise a.blur-btn.s {
    font-size: 10px !important;
    margin-top: 2rem !important;
}
.overlay-text.Manufacture.Promise h2 {
    padding: 0px 1rem !important;
}
.overlay-text.Manufacture.Promise p {
    padding: 0px 1rem !important;
}
.overlay-text.Manufacture.Promise a.blur-btn.s {
    margin-left: 1rem !important;
}
.Manufacture.Promise h2 {
    font-size: 28px;
    line-height: 3rem;
}
.Manufacture.rich-text-container strong {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.slider-nav.Manufacture.Promise{
    position: absolute;
    top: 42%;
    justify-content: space-between;
} 
.slider-nav.Manufacture.Promise button {
    color: #fff;
    border: 1px solid #fff;
}
.image-slider-container.Manufacture.Promise {
    padding-bottom: 0rem;
}
}

.Become-dealer .image-text-section {
  width: 100%;
}

.Become-dealer .image-text-wrapper {
  display: flex;
  align-items: center;
}

/* 🔹 50% / 50% layout */
.Become-dealer .image-text-image,
.Become-dealer .image-text-content {
  width: 50%;
  flex: 0 0 50%;
}

/* Reverse layout */
.Become-dealer .image-text-wrapper.reverse {
  flex-direction: row-reverse;
}

/* Image */
.Become-dealer .image-text-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

/* Content (right-side padding) */
.Become-dealer .image-text-content {
  padding: 0 32rem 0 0;
}

.Become-dealer .image-text-content h2 {
    margin: 0 0 15px;
    color: #1D3461;
    font-weight: 500;
    font-style: Medium;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0px;
}

.Become-dealer .image-text-content p {
  margin: 0 0 25px;
  font-size: 16px;
  line-height: 1.6;
  color: #1D3461;
}

.Become-dealer .image-text-content .btn {
  display: inline-block;
  padding: 12px 26px;
  background: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
}

/* 📱 Mobile */
@media (max-width: 768px) {
  .Become-dealer .image-text-wrapper,
  .Become-dealer .image-text-wrapper.reverse {
    flex-direction: column;
  }

  .Become-dealer .image-text-image,
  .Become-dealer .image-text-content {
    width: 100%;
    flex: 0 0 100%;
  }

  .Become-dealer .image-text-content {
    padding: 0 2rem;
  }

  .Become-dealer .image-text-content h2 {
    font-size: 26px;
  }
  .review-slide {
    padding: 10px !important;
    max-width: 100% !important;
    height:auto !important;
}
.review-slider-section {
    padding: 2rem 0 !important;
}
}
.review-slider-section {
  background: #EFF0F3;
  text-align: center;
}

.review-header h2 {
  font-size: 28px;
  margin-bottom: 5px;
  color:#1D3461;
}

.review-subtext {
  font-size: 14px;
  color:#1D3461;
  margin-bottom: 40px;
}

.review-slide {
  /* max-width: 70%;
  margin: 0 auto;
  background: #fff;
  padding: 5rem 7rem;
  border-radius: 12px;
  height: 45vh; */
  max-width: 70%;
    margin: 0 auto;
    background: #fff;
    padding: 5rem 7rem 0rem 7rem;
    border-radius: 12px;
    min-height: 45vh;
    box-sizing: border-box;
}

.stars {
  color: #1f3c88;
  font-size: 20px;
  margin-bottom: 15px;
}

.review-slide h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color:#1D3461;
}

.review-text {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
  color:#1D3461;
}

.author {
  font-weight: 700;
  color:#1D3461;
  font-size: 16px;
  padding: 1rem 0rem 1rem 0rem;
}
/* .shopify-section.new-image-text.offers .text-section{
  padding: 10rem 30rem 5rem 10rem;
} */
.shopify-section.new-image-text.offers .text-section h2 {
    padding-bottom: 10rem;
}
/* ================================
   IMAGE + TEXT SCROLL SECTION
   Parent: .shopify-section.new-image-text.offers
================================ */

.shopify-section.new-image-text.offers .image-text-section {
  width: 100%;
  padding: 60px 0px 0px 0px;
}

.shopify-section.new-image-text.offers .my-image-text {
  display: flex;
  gap: 0px;
  align-items: flex-start;
}

/* LEFT SIDE – FIXED IMAGE / VIDEO */
.shopify-section.new-image-text.offers .image-section {
  position: sticky;
  top: 100px; /* adjust based on header height */
  width: 50%;
  height: 80vh;
}

.shopify-section.new-image-text.offers .image-section img,
.shopify-section.new-image-text.offers .image-section video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px;
  display: block;
}

/* RIGHT SIDE – SCROLLABLE TEXT */
.shopify-section.new-image-text.offers .text-section {
  width: 50%;
  max-height: 80vh;
  overflow-y: auto;
  padding-right: 12px;
  background-color:#fff;
}

.shopify-section.new-image-text.offers .text-section p {
  margin-bottom: 16px;
  line-height: 1.6;
}

/* SCROLLBAR (OPTIONAL) */
.shopify-section.new-image-text.offers .text-section::-webkit-scrollbar {
  width: 6px;
}

.shopify-section.new-image-text.offers .text-section::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.text-block-offers {
    margin-bottom: 8rem;
    padding-right: 15rem;
}
.text-block-offers strong{
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.text-block-offers p{
    color:#1D3461;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}
/* ================================
   MOBILE RESPONSIVE
================================ */
@media (max-width: 768px) {
  .shopify-section.new-image-text.offers .my-image-text {
    flex-direction: column;
  }

  /* .shopify-section.new-image-text.offers .image-section,
  .shopify-section.new-image-text.offers .text-section {
    width: 100%;
    position: relative;
    height: 80vh !important;
    max-height: none;
  } */

  .shopify-section.new-image-text.offers .text-section {
    overflow: visible;
    padding-right: 0;
  }
  .text-block-offers {
    margin-bottom: 5rem;
    padding-right: 0rem;
}
.shopify-section.new-image-text.offers .image-text-section {
    padding: 0px 0 !important;
}
}
@media (min-width: 320px) and (max-width: 1024px) {
.shopify-section.new-image-text.offers .text-section {
    max-height: 80vh !important;
    overflow-y: auto !important;
}
.announcement-bar__links {
    justify-content: center !important;
}
}
/* SECTION WRAPPER */
.support-section {
  background: #EFF0F3;
  padding: 60px 20px;
}

/* CONTAINER */
.support-container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

/* HEADER */
.support-subtitle {
  font-size: 12px;
  letter-spacing: 2px;
  color: #1D3461;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.support-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #1D3461;
}

/* GRID */
.support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* BUTTON */
.support-button {
  background-color: #1f3b70;
  color: #fff;
  padding: 22px 15px;
  border-radius: 16px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 80px;
  text-transform: uppercase;
}

.support-button:hover {
  background-color: #162c52;
  transform: translateY(-3px);
  background-color: #fff;
  border:1px solid #1f3b70;
  font-size: 14px;
  font-weight: 500;
}

/* TABLET */
@media (max-width: 1024px) {
  .support-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* MOBILE 2x2 GRID */
@media (max-width: 600px) {
  .support-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .support-title {
    font-size: 22px;
  }

  .support-button {
    font-size: 13px;
    padding: 18px 10px;
  }
}

/* =====================================
   SHOP LOGO GRID / SLIDER
   Parent: .shop-logo
===================================== */

.shop-logo {
  background: #fff;
  padding: 40px 20px 60px 20px;
}

.shop-logo .support-container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

/* HEADER */
.shop-logo .support-subtitle {
  font-size: 12px;
  letter-spacing: 2px;
  color: #1D3461;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.shop-logo .support-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #1D3461;
}

/* ===============================
   DESKTOP GRID
================================ */
.shop-logo .support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* BUTTON / LOGO CARD */
.shop-logo .support-button {
  background-color: #ffffff;
  color: #1f3b70;
  padding: 22px 15px;
  border-radius: 16px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  min-height: 80px;

  display: flex;
  align-items: center;
  justify-content: center;

  text-transform: uppercase;
  transition: all 0.3s ease;
  border: 1px solid #e3e6ec;
}

.shop-logo .support-button:hover {
  /* background-color: #1f3b70; */
  color: #ffffff;
  border-color: #1f3b70;
  transform: translateY(-3px);
}

/* ===============================
   MOBILE – 2x2 SLIDER
================================ */
@media (max-width: 768px) {

  .shop-logo .support-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    grid-template-rows: repeat(2, auto);
    gap: 16px;

    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
  }

  .shop-logo .support-grid::-webkit-scrollbar {
    display: none;
  }

  .shop-logo .support-button {
    scroll-snap-align: start;
  }

  .shop-logo .support-title {
    font-size: 20px;
  }
  .support-section {
    padding: 30px 20px;
}
}
.footer-block__details .rte {
    padding-bottom: 0rem;
    padding-top: 0rem;
    text-transform: uppercase;
}
a.link.link-underline.list-menu__item--link {
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.footer-block__column .footer-block__heading{
    color: #ffffff;
    text-transform: uppercase !important;
    font-size: 16px !important;
}

.ds-brooklyn-section {
  width: 100%;
  padding: 50px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ds-brooklyn-container {
  max-width: 900px;
  text-align: center;
}

.ds-brooklyn-heading {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
}

.ds-brooklyn-text {
  font-size: 16px;
  line-height: 1.8;
  max-width: 750px;
  margin: 0 auto;
  opacity: 0.9;
}

/* Tablet */
@media screen and (max-width: 1024px) {
  .ds-brooklyn-section {
    padding: 60px 20px;
  }

  .ds-brooklyn-heading {
    font-size: 30px;
  }
}

/* Mobile */
@media screen and (max-width: 768px) {
  .ds-brooklyn-section {
    padding: 50px 16px;
  }

  .ds-brooklyn-heading {
    font-size: 24px;
  }

  .ds-brooklyn-text {
    font-size: 15px;
  }
}

.ds-scroll-section {
  padding: 40px 0;
  background: #fff;
  overflow: hidden;
}


.ds-scroll-container {
  width: 100%;
  text-align: center;
}

.ds-scroll-top-text {
  max-width: 700px;
  margin: 0 auto 60px;
  font-size: 16px;
  line-height: 1.8;
  color: #1D3461;
  padding: 0 20px;
}

/* Wrapper */
.ds-scroll-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* Each row */
.ds-scroll-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  will-change: transform;
  transition: transform 0.15s linear;
  padding: 0 40px;
}

.ds-scroll-image-item img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}

/* Bottom Content */
.ds-scroll-bottom {
  margin-top: 5rem;
  padding: 0 20px;
}

.ds-scroll-bottom h2 strong {
    margin: 0px;
    color: #1D3461;
    font-weight: 600;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: 0px;
    text-align: center;
}

.ds-scroll-bottom p {
  font-size: 16px;
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.8;
  color: #1D3461;
}
.Motion-btn {
    padding: 0rem 4rem 4rem 4rem;
    margin: auto 0px;
}
/* Tablet */
@media(max-width: 1024px){
  .ds-scroll-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media(max-width: 768px){
  .ds-scroll-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .ds-scroll-row {
    padding: 0 0px;
}
.factory-facts__card {
    padding: 15px 15px !important;
}
.factory-facts__text {
    font-size: 14px !important;
}
  .ds-scroll-image-item img {
    height: 250px;
  }

  .ds-scroll-section {
    padding: 20px 0;
  }
  .Motion-btn {
    padding: 2rem;
    margin: auto 0px;
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(2, fr);
    gap: 8px;
    justify-content: center;
}
}

.factory-facts {
  padding: 0px 20px 50px 20px;
  background: #EFF0F3;
}

.factory-facts__container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.factory-facts__heading {
  font-size: 30px;
    font-weight: 600;
    color: #1D3461;
    margin-bottom: 40px;
    letter-spacing: 0px;
}

.factory-facts__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.factory-facts__card {
    background: #ffffff;
    padding: 25px 30px;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
    text-align: start;
}

.factory-facts__number {
  font-size: 32px;
  font-weight: 700;
  color: #1D3461;
  margin-bottom: 10px;
}

.factory-facts__text {
    color: #000;
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
}

/* Tablet */
@media (max-width: 1024px) {
  .factory-facts__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile – 2 items per row */
@media (max-width: 768px) {
  .factory-facts {
    padding: 20px 15px;
  }

  .factory-facts__heading {
    font-size: 22px;
    margin-bottom: 24px;
  }

  .factory-facts__grid {
    grid-template-columns: repeat(2, 1fr); /* ✅ 2 per row */
    gap: 16px;
  }

  .factory-facts__number {
    font-size: 24px;
  }
}

.principles-section {
  padding: 40px 0;
  background: #ffffff;
  text-align: center;
}

.principles-heading {
    margin-bottom: 40px;
    color: #1D3461;
    font-weight: 500;
    font-style: Medium;
    font-size: 30px;
    line-height: 39px;
    letter-spacing: 0px;
    text-align: center;
}

.principles-wrapper {
  position: relative;
}

.principles-slider {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.principles-slider::-webkit-scrollbar {
  display: none;
}

.Motion-btn.new {
    padding: 1rem 0 3rem 0px;
}

.principle-slide {
  flex: 0 0 calc(25% - 18px);
  scroll-snap-align: start; /* 🔥 MUST be start */
}
span.icon-line-new {
    display: block;
    width: 70px;
    height: 2px;
    background: #fff;
    margin: 16px auto;
}
.principle-card.icon-card p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
}
.principle-card.text-card p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #1D3461;
}
.principle-card {
  height: 100%;
  padding: 32px 24px;
  border-radius: 12px;
  text-align: center;
}

.icon-card {
  background: #1f3763;
  color: #fff;
}

.icon-card img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}

.icon-card h4 {
  margin-bottom: 8px;
}

.text-card {
  background: #E4E4E4;
  color: #333;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===== ARROWS ===== */
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #1f3763;
  color: #fff;
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
}

.slider-arrow.prev {
  left: -20px;
}

.slider-arrow.next {
  right: -20px;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .principle-slide {
    flex: 0 0 80%;
  }

  .slider-arrow {
    width: 36px;
    height: 36px;
  }

  .slider-arrow.prev {
    left: -10px;
  }

  .slider-arrow.next {
    right: -10px;
  }
  .principles-heading {
    font-size: 26px !important;
    line-height: 28px !important;
}
.shopify-section.new-image-text.offers.income .image-section {
    position: unset !important;
}
}
.shopify-section.new-image-text.offers.income .text-section h2 {
    padding-bottom: 5rem;
}
.shopify-section.new-image-text.offers.income .text-section {
    max-height: 100%;
}
.shopify-section.new-image-text.offers.income .text-block-offers strong {
    text-transform: math-auto;
}
.shopify-section.new-image-text.offers.income .image-text-section {
    width: 100%;
    padding: 0px 0 0;
    background: white;
}

/* ==========================
   HOTSPOT SECTION
========================== */
.hotspot-section {
  padding: 100px 0;
  background: #fff;
}

.hotspot-heading {
  text-align: center;
  margin-bottom: 70px;
  font-size: 32px;
  font-weight: 600;
}

.hotspot-wrapper {
  display: flex;
  justify-content: center;
}

/* IMAGE */
.hotspot-image {
  position: relative;
  width: auto;
  max-width: 100%;
}

.hotspot-image img {
  width: 100%;
  display: block;
}

/* HOTSPOT BASE */
.hotspot-point {
  position: absolute;
  display: flex;
  gap: 14px;
  width: 280px;
  transform: translateY(-50%);
}

/* VERTICAL POSITIONS */
.hotspot-point.top { top: 25%; }
.hotspot-point.middle { top: 50%; }
.hotspot-point.bottom { top: 75%; }

/* LEFT */
.hotspot-point.left {
  right: 100%;
  margin-right: 44px;
  flex-direction: row-reverse;
  text-align: right;
}

/* RIGHT */
.hotspot-point.right {
  left: 100%;
  margin-left: 44px;
  text-align: left;
}

/* TEXT */
.feature-text strong {
    display: block;
    font-size: 16px;
    margin: 0px;
    color: #1D3461;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0%;
}

.feature-text p {
    margin: 0px;
    color: #1D3461;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
}

/* DOT */
.hotspot-dot {
  width: 12px;
  height: 12px;
  background: #1D3461;
  border-radius: 50%;
  position: relative;
  margin-top: 6px;
}

.hotspot-dot::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: #1D3461;
  animation: pulse 1.8s infinite;
}

@keyframes pulse {
  0% { transform: scale(0.6); opacity: 1; }
  100% { transform: scale(1.6); opacity: 0; }
}

/* MOBILE */
@media (max-width: 768px) {
  .hotspot-section {
    padding: 70px 0;
  }

  .hotspot-heading {
    font-size: 24px;
    margin-bottom: 40px;
  }

  .hotspot-image {
    max-width: 340px;
  }

  .hotspot-point {
    position: static;
    transform: none;
    width: 100%;
    justify-content: center;
    text-align: center;
    margin: 18px 0;
  }

  .hotspot-point.left,
  .hotspot-point.right {
    flex-direction: row;
    margin: 0;
  }
}

.mi-section {
  padding: 40px 20px 20px 20px;
  background: #EFF0F3;
}

.mi-container {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.mi-heading {
    margin-bottom: 50px;
    color: #1D3461;
    font-weight: 500;
    font-style: Medium;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
}

.mi-cards-wrapper {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.mi-card {
  background: #1e3a5f;
  color: #ffffff;
  padding: 20px 20px;
  border-radius: 16px;
  max-width: 400px;
  flex: 1 1 400px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.mi-card:hover {
  transform: translateY(-6px);
}

.mi-card-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
  color:white;
}

.mi-card-text {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 30px;
  height: 130px;
}

.mi-btn {
  display: inline-block;
  padding: 5px 20px;
  background: #ffffff;
  color: #1e3a5f;
  text-decoration: none;
  border-radius: 30px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  width:80%;
}

.mi-btn:hover {
  background: #e3eaf2;
}

/* Responsive */
@media (max-width: 768px) {

  .mi-heading {
    font-size: 28px;
  }

  .mi-cards-wrapper {
    flex-direction: column;
    gap: 25px;
  }

  .mi-card {
    max-width: 100%;
  }
  .mi-card-text {
    height: auto !important;
}
}

.machine-slider-section {
  padding: 60px 20px;
  background: #EFF0F3;
  text-align:center;
}

.machine-container {
  max-width: 1400px;
  margin: 0 auto;
}

.machine-heading {
  text-align: center;
  font-size: 28px;
  margin-bottom: 40px;
  color: #1D3461;
}
p.machine-heading-sub {
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height:0px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #1D3461;
}
.machine-slider-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.machine-slider {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 0px;
  width: 100%;
}

.machine-slider::-webkit-scrollbar {
  display: none;
}

.machine-card {
    flex: 0 0 calc(100% / var(--desktop-columns));
    /* border: 1px solid #0D3461; */
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: .3s ease;
}

.machine-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.machine-img-wrap img {
  width: 100%;
  height: 220px;
  object-fit: contain;
  margin-bottom: 15px;
}

.machine-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  color:#1D3461;
}

.machine-desc {
  font-size: 13px;
  color: #777;
  min-height: 40px;
}

.machine-price {
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  color:#1D3461;
}

.machine-arrow {
    background: #ffffff00;
    border: none;
    font-size: 15px;
    cursor: pointer;
    border-radius: 79%;
    border: 1px solid #1D3461;
    width: 50px;
    height: 40px;
}

.machine-prev {
  margin-right: 10px;
}

.machine-next {
  margin-left: 10px;
}

/* Responsive */
@media(max-width: 1024px) {
  .machine-card {
    flex: 0 0 33.33%;
  }
}

@media(max-width: 768px) {
  .machine-card {
    flex: 0 0 50%;
  }
}

@media(max-width: 480px) {
  .machine-card {
    flex: 0 0 100%;
  }
  .machine-heading {
    margin-bottom: 10px !important;
  }
  .machine-slider-section {
    padding: 30px 15px !important;
}
p.machine-heading-sub {
    font-weight: 400;
    font-size: 16px !important;
    line-height: normal !important;
}
.machine-heading {
    font-size: 22px !important;
}
.mi-btn {
    width: 100% !important;
}
}

.brand-section {
  background: #243b6b;
  padding: 40px 20px;
  color: #fff;
}

.brand-container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.brand-heading {
    font-size: 26px;
    color: #fff;
    font-weight:700;
    font-size: 36px;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
}

.brand-slider-wrapper {
  overflow: hidden;
  position: relative;
}

.brand-slider {
  display: flex;
  gap: 30px;
  transition: transform 0.5s ease;
}

.brand-card {
  background: #fff;
  color: #333;
  border-radius: 14px;
  padding: 20px 30px;
  min-width: calc(100% / 3 - 20px);
  box-sizing: border-box;
}

.brand-icon img {
  width: 50px;
  margin-bottom: 15px;
}

.brand-title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #1D3461;
    text-align: start;
    width:100%;
}

h4.brand-title {
    position: absolute;
    top: 0rem;
    margin-left: 7rem;
}

.brand-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #1D3461;
    text-align: start;
}

/* Tablet */
@media(max-width: 991px){
  .brand-card{
    min-width: calc(100% / 2 - 15px);
  }
}

/* Mobile */
@media(max-width: 600px){
  .brand-card{
    min-width: 100%;
  }
}

/* Dots */
.brand-dots {
  margin-top: 30px;
}

.brand-dot {
  height: 8px;
  width: 8px;
  margin: 0 4px;
  background: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}

.brand-dot.active {
  background: #fff;
}

<style>
.custom-category {
  padding: 60px 0;
  text-align: center;
}

.custom-category__heading {
    font-weight: 600;
    font-style: Medium;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    color: #1D3461;
}
.my-pold p {
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #1D3461;
    padding: 0 20rem;
}
.custom-category__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  align-items: center;
}

.custom-category__item a {
  text-decoration: none;
  color: inherit;
  display: block;
  transition: 0.3s ease;
}

.custom-category__image {
  margin-bottom: 15px;
}

.custom-category__image img {
  width: 100%;
  /* max-width: 160px; */
  height: auto;
  margin: 0 auto;
  display: block;
  transition: transform 0.3s ease;
}

.custom-category__item:hover img {
  transform: scale(1.05);
}

.custom-category__title {
  font-size: 16px;
  font-weight: 500;
}

/* Responsive */

@media (max-width: 1024px) {
  .custom-category__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .custom-category {
    padding: 40px 0;
  }

  .custom-category__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .custom-category__heading {
    font-size: 18px;
  }
}

.custom-category {
  padding: 60px 0;
  text-align: center;
  position: relative;
}

.custom-category__heading {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 0px;
}

.custom-category__wrapper {
  position: relative;
}

.custom-category__slider {
    display: flex;
    gap: 0px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 4rem 0px 4rem 0;
}

.custom-category__slider::-webkit-scrollbar {
  display: none;
}

.custom-category__item {
  flex: 0 0 25%;
  min-width: 220px;
}

.custom-category__item a {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* .custom-category__image img {
  width: 100%;
  max-width: 160px;
  margin: 0 auto 15px;
  display: block;
  transition: transform 0.3s ease;
} */

.custom-category__item:hover img {
  transform: scale(1.05);
}

.custom-category__title {
    /* font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #1D3461; */
    display: inline-block;
    padding: 10px 25px;
    background: #1f3c6b;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 10%;
    text-align: center;
    text-transform: uppercase;
}

/* Arrows */

.custom-category__arrow {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: #ffffff00;
    border: 1px solid #1D3461;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 2;
    font-size: 18px;
    border-radius: 50px;
}

.custom-category__arrow--left {
  left: -10px;
}

.custom-category__arrow--right {
  right: -10px;
}
.custom-category .container {
    width: 1200px;
}
p.custom-category__sub {
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: #1D3461;
}
h2.my-ead p {
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0px;
    color: #1D3461;
    margin: 0;
    padding-bottom: 2rem;
    margin: auto;
    padding: 0;
}
.Motion-btn.d {
    padding: 0rem 4rem;
    margin: auto 0px;
}
.ds-scroll-top-text.d {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #1D3461;
    margin-bottom: 0px;
}

/* Tablet */

@media (max-width: 1024px) {
  .custom-category__item {
    flex: 0 0 40%;
  }
}

/* Mobile */

@media (max-width: 768px) {

  .custom-category {
    padding: 40px 0;
  }

  .custom-category__heading {
    font-size: 22px;
  }

  .custom-category__item {
    flex: 0 0 82%;
  }

  .custom-category__arrow {
    display: block !important;
  }
  .my-pold p {
    padding: 0 0rem !important;
}
.custom-category__slider {
    padding: 2rem 0px 2rem 0 !important;
}
.brand-section {
    padding: 20px 20px !important;
}

.brand-heading {
    font-size: 20px !important;
}
}
.ds-scroll-section {
  padding: 40px 0;
}
.ds-scroll-top-text {
    font-size: 18px;
    margin-bottom: 30px;
    color: #1D3461;
    font-weight: 400;
    font-style: Regular;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
}
.ds-scroll-bottom {
  text-align: center;
  margin-top: 50px;
  color: #444;
}
.Motion-btn {
  margin-top: 20px;
}

/* Auto slider */
.ds-scroll-slider-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ds-scroll-slider {
  display: flex;
  gap: 20px;
  animation: scrollSlider 20s linear infinite;
}

.ds-scroll-image-item.d{
  flex: 0 0 auto;
  width: 18%; /* ~5.5 images visible on desktop */
  height: auto; /* slider item height */
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.ds-scroll-image-item.d img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Makes image fill div without distortion */
  display: block;
}

/* Duplicate first few slides to make loop smooth */
.ds-scroll-slider::after {
  content: '';
  display: block;
  width: 1px;
}

/* Responsive */
@media (max-width: 1024px) {
  .ds-scroll-image-item {
    width: 30%; /* ~3 images visible */
    height: 180px;
  }
}

@media (max-width: 768px) {
  .ds-scroll-image-item {
    width: 100%; /* 1 per view */
    height: 220px;
  }
  .ds-scroll-image-item.d{
     width: 100% !important;
  }
  .Motion-btn.d .blur-btn {
    font-size: 11px !important;
}
  .Motion-btn.d {
    padding: 0rem 0rem;
    margin: auto 0px;
    width: auto;
}
h2.my-ead p {
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 2rem;
}
}
@supports (-webkit-touch-callout: none) {
  .grid-container.collection-child-mobile .grid-item h2,
  .grid-container.collection-child-mobile .grid-item h3 {
      margin-bottom: 0 !important;
  }
}
.grid-item img.bks {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 10px;
    background: white;
}
.grid-item img.bks {
    height: 100% !important;
}
.placeholder-svg {
    background-color: #ffffff00 !important;
    border: none !important;
}
.predictive-search.predictive-search--header.quickSearchResultsWrap {
    display: none;
}
.continueShopping {
    background: #1d3461;
    border-radius: 25px;
    margin-top: 2rem;
    line-height: 41px !important;
    padding-top: 0px !important;
    cursor: pointer;
    color: white !important;
    font-weight:700 !important;
}
.button{
  border-radius: 25px !important;
}
.open_search_desktop .halo-search-popup .search-modal__form .search__input {
    font-size: 16px;
    color: #1d3461;
    font-weight: 700;
}
wishlist-product-card .wk-product-title .wk-text-link {
    letter-spacing: 0px;
    font-weight: 700;
    color: #232323;
    font-size: 16px;
    padding-bottom: 2rem;
}
wishlist-product-card .wk-current-price {
    display: inline-block;
    letter-spacing: 0px !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    font-family: 'Nunito Sans' !important;
}
wishlist-page .wk-header .wk-title {
    color: black !important;
    font-weight: 700 !important;
    margin-top: 20px;
    text-align: center !important;
    font-family: 'Nunito Sans' !important;
}
.customer-navigation--heading {
    font-size: 26px !important;
    color: #1d3461 !important;
    font-weight: 700 !important;
    margin-top: 4rem !important; 
    font-family: 'Nunito Sans' !important;
    letter-spacing: 0px !important;
}
a.customer-navigation--title {
    font-size: 16px !important;
    color: black !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    font-family: 'Nunito Sans' !important;
    letter-spacing: 0px !important;
}
a.customer-navigation--logout {
    width: fit-content !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    color: white !important;
    border-radius: 10px!important;
    font-family: 'Nunito Sans' !important;
    text-transform: uppercase !important;
    background: #1d3461 !important;
    padding: 10px 25px !important;
}
wishlist-page .wk-login-callout p, wishlist-page .wk-wishlist-empty-callout p {
    padding: 0;
    margin: 0;
    width: fit-content !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    color: black !important;
    border-radius: 10px !important;
    font-family: 'Nunito Sans' !important;
    text-transform: capitalize !important;
}
wishlist-page .wk-login-callout p a, wishlist-page .wk-wishlist-empty-callout p a {
    color: #1d3461 !important;
    font-size: 16px !important;
}
.product-details .breadcrumb span {
    color: white !important;
}
.product-details .breadcrumb a {
    color: white !important;
}
.breadcrumb span:not(.separate), .breadcrumb span.bd-title a, .breadcrumb span.separate svg{
    color: white !important;
}
#HeaderCollectionSection-template--20709929812057__banner {
    background: #1D3461;
}
nav.breadcrumb.breadcrumb-left {
    background: #1D3461 !important;
}
@media (max-width: 1024px) {
    .moreItem-breadcrumb {
        margin: 0 0 0 0px !important;
    }
}
nav.breadcrumb.breadcrumb- {
    background:  #1D3461 !important;
}
.productView-container.container {
    margin-top: 3rem;
}
.lv-option-button.lv-option-button__active {
    border-color: #1d3461 !important;
    background-color: #1d3461 !important;
    color: var(--text-color-active);
}
/* .product-form__buttons:hover {
    border: 1px solid #1d3461;
    border-radius: 25px;
} */