/** Shopify CDN: Minification failed

Line 82:2 Expected identifier but found "."
Line 1174:1 Expected identifier but found "."
Line 1748:15 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,600&display=swap');
@font-face {
font-family: 'HelveticaNeueRoman';
font-weight:300;
src: url('//www.lagracehome.com/cdn/shop/files/HelveticaNeueRoman.woff?v=248737853126273595') format('woff');
font-display: swap;
}
h1.page-title {
    opacity: 0;
}
.slideshow__slide.image-banner h2.text-overlay__heading,
.timeless-content .h0,
.video-section-content .h0 {
    font-family: "Bodoni Moda", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}
.trade-logo-inner span b {
    color: #000;
    font-family: Bodoni Moda;
    font-size: 22px;
}
.custom-trade a.btn.btn--secondary ,.custom-trade a.btn.btn--primary {
    opacity: 1;
    border: none;
}
.custom-trade a.btn.btn--secondary {
    background: #bbd4a3;
    color: #fff;
}
.custom-trade a.btn.btn--primary {
  background: #5d768b;
  color: #fff;
}
h1.text-overlay__heading.h1 {
    font-family: "Bodoni Moda", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    max-width: 404px !important;
}
body.contact .cc-image-banner {
    display: block;
}
.cart__summary button.btn.btn--primary.btn--icon-with-text.w-full svg {
    fill: #fff;
}
.card--product span.js-value.is-discounted {
    color: #a90000;
}

.card--product span.js-value.is-discounted:before {
    content: 'Sale: ';
}
/* 7/03/2026 ========================= */

.main-nav__child a.child-nav__item.main-nav__item {
    font-weight: 600;
}
summary.child-nav__item--toggle.main-nav__item--toggle.relative.js-no-toggle-md {
    border-bottom: none !important;
}
.mega-nav--columns .promo.relative.flex.p-8.justify-center.items-center.text-center {
    aspect-ratio: 1 / 1.4 !important;
}
.mega-nav--columns .promo.relative.flex.p-6.justify-center.items-center.text-center {
    aspect-ratio: 1 / 1.4;
}

/* product */
.product-main .disclosure h2 ,.product-main .disclosure .disclosure__panel.has-motion p span{
    color: #384856;
}
 ..product-main .disclosure h2 { 
   color: #384856;
    font-size: 14px !important;
    text-transform: capitalize !important;
}
.disclosure__content.rte p {
    font-size: 16px;
    
    font-weight: 400;
    line-height: 25.6px;
}
.disclosure__content.rte h4 {
    font-size: 16px;
    
    font-weight: 400;
    line-height: 25.6px;
    color: #384856;
}
.disclosure__content.rte li  ,.disclosure__content.rte li strong,
.disclosure__content.rte p strong, .disclosure__content.rte p a{
    color: #384856;
}
.custom-product-list span.price-as-money-max {
    font-size: 0.85em;
    font-weight: 400;
    display: inline-block;
}
.footer-block__text.rte p {
    color: #384856;
    font-size: 14px;
    
}

.custom-product-list a.card-link.text-current.js-prod-link {
    font-size: 15px;
    font-weight: 700;
    
    line-height: 1;
}
.custom-product-list .container.products-grid-container.shrink-0 {
    padding: 14px;
}
.price.price--bottom {
    padding-top: 5px !important;
}
.custom-product-list span.price-as-money-minus-icon{
  padding: 0 2px;
}
section.newsletter-strip {
    background: rgb(93, 118, 139);
}
/* new */
footer.custom-footer .social__link {
    width: 32px;
    height: 32px;
    padding: 0;
    background: #1e8d89;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.custom-footer .social__link svg {
    width: 18px;
    color: #fff;
    transform: none !important;
}
.custom-footer .social__link:hover{
    background-color: #157773;
    transform: translateY(-2px);
}
.footer-payment-icons__list {
    gap: 10px;
}
#grid-sec #tpSlider .tpp-image {
    height: auto !important;
    width: 100% !important;
}
.mobile-slider-aura .tpp-content .price-text {
    color: #2d2117;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
}
.main-products-grid__results > .grid {
    column-gap: 8px;
}
.product .product-info details-disclosure .disclosure__title {
    text-transform: uppercase;
}
@media (max-width: 749px){
  .custom-product-list span.price-as-money-max {
    display: none;
}
.custom-product-list span.price-as-money-minus-icon{
  display:inline-block;
}
  .custom-product-list span.price__from , .custom-product-list span.price-as-money-max{
    display: none;
  }
 .custom-product-list  span.js-value {
    white-space: normal;
    word-break: break-word;
    font-size: 18px !important;
}
}
/* 7/03/2026 =====EnD================= */

body{
  display: flex;
  flex-direction: column;
}
.announcement {
border-bottom: 1px solid #ccc;
}
.announcement__text .rte>p:last-child {
font-size: 12px;
font-family: 'HelveticaNeueLight';
letter-spacing: 1.2px;

}
.announcement__slider .announcement__text {
padding: 12px 0;
}
#shopify-section-sections--19020456853590__header .start {
    left: auto;
    right: 31px !important;
    color: #717171 !important;
}
.header.bg-theme-bg.text-theme-text {
    border-bottom: none;
}
store-header.header.bg-theme-bg.text-theme-text.has-motion {
    --menu-height: 34px;
}
.moblie{
  display: none;
}
.search__input {
padding: 12px 6.4285714286em 12px 16px;
font-size: 16px;
height: 48px;
}
input#header-search {
    max-width: 385px;
}

/* .header__grid--centered-logo .header__logo {
justify-content: end ;
} */
search-form.search__form.block {
max-width: 70%;
}
.swym-header-launcher {
width: 45px;
justify-content: center;
}
.swym-is-safari svg {
fill: black;
width: 24px;
height: 24px;

}
 .main-menu__content nav {
    background: #5D768B;
    height: 37px !important;
}
.header__icon,#swym-enterprise-header-inject {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
}

/* underline hidden by default */
.header__icon::after, #swym-enterprise-header-inject::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0px !important;
height: 2px;
background-color: currentColor;
opacity: 0;
transition: width 0.25s ease, opacity 0.25s ease;

}
.header:not(.is-out) {
position: relative;
}
.header::after {
content: "";
position: absolute;
left: 0;
bottom: 0px;
width: 100% !important;
height: 37px;
background: rgb(93, 118, 139);
opacity: 1;
transition: width 0.25s ease, opacity 0.25s ease;
z-index: -1;

}
/* ONLY when SVG is hovered */
.header__icon:hover::after, #swym-enterprise-header-inject:hover::after {
width: 100% !important;
opacity: 1;
} 
.header__icon {
flex-direction: row;
gap: 10px;
/* width: 100%; */
}
.header__icon.text-current {
position: relative; /* parent */
}

/* .header__icon.text-current:first-child:before {
  content: "Orders & Sign In";
  position: absolute;
  font-family: 'HelveticaNeueLight';
  width: max-content;
right: 43px;
font-size: 14px;
letter-spacing: 1.2px;
} */
.header__icon span.header__icon-link {
  font-size: 14px;
  font-weight: 400;
}
/*.main-menu.main-menu {
  margin-top: 10px;
  background: rgb(93, 118, 139);
}*/

.main-menu.main-menu {
	margin-top: 10px;
	background: rgb(93, 118, 139);
	position: relative;
}

/* details.main-menu__disclosure.has-motion {
  background: black;
} */
#shopify-section-sections--19020456853590__header .main-nav__item--primary {
font-family: 'HelveticaNeueLight';
font-size: 12px;
font-weight: 300;
text-transform: uppercase !important;
letter-spacing: 2px;
line-height: 16px;
padding: 10px 20px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
}
.main-menu{
  background-color: black;
}
.main-nav, .secondary-nav {
  justify-content: center;
}
.main-menu .main-menu__content {
  display: block !important;
}
.header__icon>.icon {
  width: 24px;
  height: 24px;
}
#cart-icon svg.icon {
  transform: scale(1.1);
}
/* ===============================
Announcement Banner – Exact Look
================================ */

.banner-scroller__wrapper {
  background-color: #bbd4a3 !important;
  width: 100%;
}

.banner-scroller {
  max-width: 1920px;
  margin: 0 auto;
  padding: 12px 24px;
}

.banner-scroller__track {
display: flex;
align-items: center;
justify-content: space-between;
}

/* Each item */
.banner-scroller__item {
  flex: 1;
text-align: center;
position: relative;
}

/* Divider line (except last) */
.banner-scroller__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 26px;
  /* background: rgba(255,255,255,0.5); */
  background: #222;
}

/* Link reset */
.banner-scroller__item a {
  color: #fff;
  text-decoration: none;
  display: block;
}

/* Text wrap */
.message-wrap {
  display: flex;
  justify-content: center;
}

.desktop {
  display: flex;
flex-direction: column;
align-items: center;
}

/* Top bold text */
.crate-bold {
font-size: 13px;
font-family: 'HelveticaNeueBold';
font-weight: 600;
line-height: 1.2;
margin-bottom: 4px;
color: #000;
}

/* Bottom text */
.crate-serif {
  font-size: 13px;
  font-weight: 400;
font-family: 'HelveticaNeueLight';
line-height: 1.3;
color: #000;
white-space: nowrap;
}

/* Arrow */
.evo-arrow {
  margin-left: 6px;
}

.evo-arrow::after {
  content: "›";
  font-size: 16px;
  font-weight: 600;
}

/* ====================
/* Video Section - Optimized 

=================== */
.cb-video-hero{}
.cb-video-hero {
  position: relative;
  width: 100vw;
  height: 90vh;
  overflow: hidden;
  margin-left: calc(-50vw + 50%);
  background: #000;
}

.cb-video, .cb-poster, .cb-fallback {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
}

.cb-video { z-index: 1; }
.cb-poster, .cb-fallback { z-index: 2; }

.cb-play-btn {
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,0.95);
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}

.cb-play-btn:hover {
  transform: scale(1.1);
  background: white;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5);
}

.cb-play-btn.playing {
  background: rgba(255,255,255,0.95);
}

.cb-icon {
  width: 24px;
  height: 24px;
  transition: transform 0.2s ease;
}

/*.category-grid-section ===================
===========================================
==========================================*/
/* ================= DESKTOP ================= */
.category-grid-section .category-card {
  display: flex;
  flex-direction: column;
}
.category-grid-section {
  margin: 55px 0 0 0;
  background: #fff;
}

.category-container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 6px;
  text-align: center;
}
.category-grid-section .title h2 {
  margin-bottom: 50px;
  font-size: 40px;
  
  font-weight: 400;
  color: #27323C;
}

/* GRID */
.category-grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 16px;
}

/* CARD */
.category-card {
  position: relative;
  overflow: hidden;
  display: flex;
  padding: 20px;
}

/* IMAGE */
.category-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* TEXT */
.card-title {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 64px;
  
  line-height: 1;
}

/* TEXT POSITION */
.text-top {
  align-items: flex-start;
}

.text-bottom {
  align-items: flex-end;
}

/* SIZE CONTROL */
.card-large {
  grid-column: span 4;
  height: 420px;
}

.card-small {
  grid-column: span 3;
  height: 420px;
}
.description {
    /* text-align: center; */
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.category-grid-section .description p {
    color: #27323c;
    font-family: HelveticaNeueLight;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 36px 0;
    max-width: 1109px;
    padding: 72px 0;
    text-align: center;
}
.category-card .card-title {
  display: block;
  width: 100%;
}

.category-card.title-left .card-title {
  text-align: left;
}

.category-card.title-center .card-title {
  text-align: center;
}

.category-card.title-right .card-title {
  text-align: right;
}


/*end.category-grid-section */
/*full-video-section===============================
=========================================
===================================== */

.full-video-section {
  position: relative;
  width: 100vw;
  height: 100vh;
  max-height: 726px;
  overflow: hidden;
  margin-left: calc(-50vw + 50%);
}

.full-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.video-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.full-video-section video:not(:muted) + .video-poster,
.full-video-section video.playing + .video-poster {
  opacity: 0;
}

  .video-section-heading{
  text-align: center;
  margin: 60px 0 60px 0;
  }
 .second-video-section h3.heading {
    font-size: 40px;
    margin: 0;
    
    font-weight: 400;
    color: #27323C;
}
/* .second-video-section h2.video-heading {
    font-size: 90px;
    
    max-width: 500px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 16px !important;
} */
.video-button {
  display: inline-block;
  padding: 14px 24px;
  background: #5D768B;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
  border: none;
}
.second-video-section {
  position: relative;
}
.video-section-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  text-align: center;
  color: #fff;
}
/*============================
======================================
===========.custom-grid-Image-section*/
.custom-grid-Image-section {
  max-width: 1910px;
  margin: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}

.custom-grid-Image-section .custom-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.custom-grid-Image-section .custom-grid-item {
  position: relative;
  min-height: 490px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  padding: 60px;
}

.custom-grid-item {
  position: relative;
}

.custom-grid-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background:  rgb(255 255 255 / 25%); /* 👈 overlay color */
  z-index: 1;
}

/* Content ko upar lana */
.custom-grid-item > * {
  position: relative;
  z-index: 2;
}


/* 4th item only */
.custom-grid-Image-section .custom-grid-item:nth-child(4) {
  background-position: top;
}
.custom-grid-Image-section .custom-grid-item {
  background-image: var(--desktop-bg);
  background-size: cover;
  background-position: center;
}
.custom-grid-Image-section .custom-grid-overlay {
  position: absolute;
  left: 60px;
  right: 30px;
  color: #000;
  max-width: 420px;
}

.custom-grid-Image-section .custom-grid-overlay.top {
  top: 30px;
}

.custom-grid-Image-section .custom-grid-overlay.center {
  top: 50%;
  transform: translateY(-50%);
}

.custom-grid-Image-section .custom-grid-overlay.bottom {
  bottom: 60px;
}

.custom-grid-Image-section .custom-grid-overlay h2 {
    font-size: 36px;
    margin-bottom: 7px;
    color: #2D2117;
}

.custom-grid-Image-section .custom-grid-overlay p {
  
  font-size: 23px;
  font-weight:300;
  line-height: 1.5;
  margin: 0 0 20px;
  width: 435px;
  color: #2D2117;
}

.custom-grid-Image-section .custom-grid-btn {
  display: inline-block;
  padding: 12px 20px;
  background: #5b7288;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
}

/*end*/
.custom-icons-with-text-fts{
  padding: 76px 0;
}
.custom-icons-with-text-fts center.items-center{
    gap: 32px;
}
.custom-icons-with-text-fts .icons-with-text__text.rte.mt-2.text-center.icons-with-text__text--icons-above {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.custom-icons-with-text-fts p.m-0.icons-with-text__title.text-body-extra_large {
    
    font-size: 18px;
    color: #27323C;
}
.custom-icons-with-text-fts .rte.text-body-small {
    
    font-size: 16px;
}
 .custom-icons-with-text-fts .slider__grid {
    width: 100%;
    align-items: flex-start;
}
/*.timeless-hero-banner=============================
===============================================
==========================================*/
.timeless-hero-banner {
  width: 100%;
}

/* Top Heading */
.hero-top-heading {
  text-align: center;
  padding: 40px 20px;
}
.timeless-top-heading {
    text-align: center;
}
.timeless-top-heading h2 {
  font-size: 40px;
  
  font-weight: 400;
  margin: 60px 0;
  color: #23323D;
}

/* Banner */
.timeless-image {
  position: relative;
  min-height: 100vh;
  background-image: var(--desktop-bg);
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
}

.timeless-content {
  position: absolute;
  text-align: center;
  color: #fff;
}
.timeless-content p{
  font-size:18px;
  max-width:600px;
  margin-block:auto;
}
.timeless-content.top {
  top: 60px;
}

.timeless-content.center {
  top: 50%;
  transform: translateY(-50%);
}

.timeless-content.bottom {
  bottom: 80px;
}

.timeless-content h1 {
font-size: 90px;

font-weight: 300;
color: #fff;
letter-spacing: .02em;
line-height: 1.2;
margin: clamp(0px, 0px + 0vw, 0px) clamp(0px, 0px + 0vw, 0px) clamp(9.386666666666667px, 6.98px + .75vw, 16px);
text-transform: uppercase;
}
/* .timeless-content h0{
  margin-bottom:10px;
} */
.timeless-btn {
  margin-top:20px;
  display: inline-block;
  padding: 14px 24px;
  background: #6b87a5;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
}

/*end*/

/*============custom-media-with-text===================*/
.custom-media-with-text .media.w-full.relative {
    /* padding: 50% !important; */
}
.custom-media-with-text{
  padding: 0px;
}
.custom-media-with-text .container {
    width: 100%;
    margin: 0 auto;
    background: #27323c;
    padding: 0;
    max-width: 1920px;
}
.custom-media-with-text h2.section__block.section__block--heading.h3 {
    font-size: 48px;
    
    font-weight: 600;
    color: #fff;
}
.custom-media-with-text .section__block.reading-width.rte {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}
.custom-media-with-text .btn.btn--primary{
  display: inline-block;
  padding: 14px 24px;
  background: #5D768B;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
  border: none;
}
/*end*/


/*================================.product-multi-column 
------------------============================*/
    .section.product-multi-column{
    margin: 0;
    padding: 0px 0;
}
 
.product-multi-column .carousel[inactive] .slider, .carousel[inactive]>div>.slider {
    padding: 0px;
}
.product-multi-column .slider-nav:not(.slide-nav--inline),
.cc-multi-column .slider-nav:not(.slide-nav--inline) {
        transform: translate(calc(100% + var(--gutter-lg, 90px) / 11), -279%);
    }
.cc-multi-column carousel-slider>.container{
  overflow:visible;
}
.cc-multi-column .card__info>.mt-8>a {
    padding:0;
    border:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:0;
    background:none !important;
}
.cc-multi-column .card__info>.mt-8>a svg {display: none;}
  .product-multi-column  .btn--primary, .spr-button-primary, .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-challenge__button {
     border: 0 ;
    outline-color: transparent;
    outline-offset: 0px;
    background-size: 300% 100%;
    color: #0F1113;
    background: transparent;
}
.product-multi-column .slider-nav:not(.slide-nav--inline),
.cc-multi-column .slider-nav:not(.slide-nav--inline) {
    z-index: 0;
    top: 10%;
    right: 165px;
    display: flex;
    flex-direction: row-reverse;
    /* right: var(--gutter); */
    transform: translate(175%, -85%);
    gap: 15px;;
}
.products-cards  .container.relative {
    width: 100%;
    margin: 0 auto;
    max-width: 1910px;
    padding: 116px 0px 0px 0px;
}
.products-cards  .container.frist {
    margin: 0 ;
}
.product-multi-column .card__info.flex.flex-col.flex-auto.items-start.pt-6 {
    padding: 0 12px;
    margin-top: 12px;
    gap: 5px ;
}
.product-multi-column .price-wrapper {
  display: flex;
  
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.product-multi-column h3.h5.card__title {
     font-size: 15px; 
     
     font-weight: 600;
     line-height: 1.3; 
     margin: 0px;
}
.product-multi-column .price {
  font-size: 1.2em;
  font-weight: 600;
  
  padding: 0 !important;
}

.product-multi-column .price--compare {
  color: #9ca3af;
  text-decoration: line-through;
}

.product-multi-column .price--sale {
  color: #e11d48;
}

.product-multi-column .price--regular {
  color: #111827;
}
.product-multi-column .os-scrollbar.os-scrollbar-horizontal ,.product-multi-column .os-scrollbar.os-scrollbar-vertical {
    display: none;
}
.product-multi-column .section__header {
    justify-content: center;
    /* text-decoration: none; */
}
.product-multi-column .section__header a.link {
    display: inline-block;
    padding: 14px 24px;
    background: #6b87a5;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
}
   .product-multi-column .slider[data-overlayscrollbars-viewport] {
        padding-bottom: 32px !important;
    }
/**/
/* custom-banner */
.custom-banner .btn.btn--primary{
  display: inline-block;
  padding: 18px 27px;
  background: #5b7288;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 15px;
  border: none;
}
.custom-banner h1.text-overlay__heading.h0 {
    font-size: 86px;
    
    font-weight: 700;
    line-height: 1;
    max-width: 86%;
}
.custom-banner .text-overlay__block.reading-width.rte.enlarge-text {
      max-width: 511px;
    margin: 0px 0 30px 0;
    font-size: 25px;
    letter-spacing: 2px;
    line-height: 1.15;
}
.text-overlay__block.rte.enlarge-text p {
    font-size: 18px;
    font-size: 18px;
    max-width: 600px;
    margin-block: auto;
}
.custom-banner .text-overlay.text-start.md-down\:text-center.cc-animate-init.cc-animate-in {
    margin-left: 42px;
    max-width: 100%;
}
.custom-banner .media--has-overlay:after{
  display: none;
}
.custom-banner .container.md-down\:p-xl.flex.justify-start.md-down\:center {
    max-width: 100%;
}

/* end  */
/* Icon-With-Text=======================
============================================
  */
 .custom-icon-with-text p.m-0.icons-with-text__title.text-body-medium {
    font-size: 14px;
    
    font-weight: 300;
    color: rgb(56, 72, 86);
    text-transform: uppercase;
    margin-bottom: 6px;
}
.custom-icon-with-text .rte.text-body-medium {
    font-size: 12px;
    
    font-weight: 300;
    color: rgb(56, 72, 86);

  }
.custom-icon-with-text  a.text-current.flex.h-full.flex-col.justify-center.items-center {
    gap: 10px;
    color: rgb(56, 72, 86);
}
.custom-icon-with-text svg.icon.icon--chat_bubble {
    color: rgb(56, 72, 86);
}
.custom-icon-with-text svg.icon.icon--map_pin {
    color: rgb(56, 72, 86);
}
.section.custom-product-list {
    margin-top: 25px;
    margin-bottom: 0;
}
.custom-product-list .absolute.top-middle.end.no-js-hidden {
    display: flex !important;
    flex-direction: row-reverse;
    margin-top: 2px;
}
div#slider-template--19020462653526__custom_product_list_nHyFEa {
    padding-bottom: 0 !important;
}
.traditional-collection .tp-card {
    align-items: baseline;
}

.traditional-collection .tp-media {
height: 585px !important;
}


.card__info-inner.inline-block.w-full {
    padding-left: 15px;
}
/* end  */




/*custom footer*/
.custom-footer .container {
    width: 100%;
    /* max-width: calc(var(--page-width, 1320px) + var(--gutter) * 2); */
    margin: 0 auto;
    padding: 0 var(--gutter);
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}
..custom-footer .footer-block__heading {
    margin-bottom: 1em;
    color: #222222;
}
.custom-footer .footer-menu__links>li {
    margin-bottom: 8px;
}
.custom-footer .footer-menu__links>li {
    margin-bottom: 8px;
    font-size: 14px;
    
    font-weight: 400;
    color: #666666 !important;
}
.custom-footer .footer-col{
    width: 100%;
    max-width: 287px;
}
.custom-footer hr.footer__hr.cc-animate-init.cc-animate-in {
    width: 100%;
}


.custom-footer .footer-social-brands {
  padding: 40px 0;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}

.custom-footer .footer-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
}

.custom-footer .footer-hashtags {
  margin-bottom: 20px;
}

.custom-footer .footer-hashtags a {
  font-size: 14px;
  color: #000;
  margin: 0 6px;
  text-decoration: underline;
}
.custom-footer .footer-col.footer-col--links.footer-col--collapsed.cc-animate-init.cc-animate-in {
    padding: 0;
}
.custom-footer .footer-social-icons {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 35px;
}

.custom-footer .footer-social-icons svg {
  width: 20px;
  height: 20px;
  color: #000;
}

.custom-footer .footer-brands {
  margin-top: 10px;
}

.custom-footer .brand-logos {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 600;
}

.custom-footer .brand-logos .boxed {
  border: 2px solid #000;
  padding: 4px 8px;
}
.custom-footer .footer__meta.grid.grid-cols-1.lg\:grid-cols-2.gap-x-theme.gap-y-10.cc-animate-init.cc-animate-in {
    display: none;
}
.custom-footer .footer__base {
    display: flex;
    flex-direction: column-reverse;
    justify-content: left !important;
    text-align: left !important;
    align-items: self-start;
    gap: 12px;
}
.custom-footer .footer-base-text {
    font-size: 12px;
    
    color: #666666;
}
.custom-footer ul.footer-sublinks.flex.flex-wrap.gap-x-theme {
    font-size: 12px;
    
    color: #666666;
}
.custom-footer li.footer-sublinks__item a {
    text-decoration: underline;
}
.custom-footer li.footer-sublinks__item a:hover {
    color: #000;
}
.custom-footer details.footer-menu.disclosure {
    width: 300px;
}
.custom-footer .social__link {
    width: 24px;
    height: 24px;
    padding: 0;
}
.custom-footer ul.social.inline-flex.flex-wrap.justify-start {
    gap: 16px;
}
.custom-footer ul.social.inline-flex.flex-wrap.justify-start {
    gap: 16px;
}
.custom-footer .social {
    margin: 0px; 
}

.cc-recently-viewed .slider-nav.absolute.top-middle.end.no-hover-hidden.hidden.md\:block.no-js-hidden ,
.cc-product-recommendations .slider-nav.absolute.top-middle.end.no-hover-hidden.hidden.md\:block.no-js-hidden,
.cc-multi-column .slider-nav.absolute.top-middle.end.no-hover-hidden.hidden.md\:block.no-js-hidden{
    display: flex;
    flex-direction: row-reverse;
    transform: translate(calc(-22% + var(--gutter-lg, 61px) / 46), -91%);
}

.cc-recently-viewed button.slider-nav__btn.tap-target.btn.btn--primary.has-ltr-icon ,
.cc-product-recommendations button.slider-nav__btn.tap-target.btn.btn--primary.has-ltr-icon,
.cc-multi-column button.slider-nav__btn.tap-target.btn.btn--primary.has-ltr-icon{
    background: no-repeat;
    outline: none;
    border: none;
    color: rgb(34, 34, 34);
  }
.cc-recently-viewed svg.icon ,
.cc-product-recommendations svg.icon,
.cc-multi-column svg.icon{
    width: 35px;
    height: 35px;
}
.cc-recently-viewed recently-viewed.section ,.cc-product-recommendations recently-viewed.section {
    margin-top: 55px;
}
.cc-recently-viewed .slider-nav:not(.slide-nav--inline),
.cc-product-recommendations .slider-nav:not(.slide-nav--inline),
.cc-multi-column .slider-nav:not(.slide-nav--inline){
  top: 0;
}
.cc-recently-viewed .slider-nav--show-on-hover ,
.cc-product-recommendations .slider-nav--show-on-hover,
.cc-multi-column .slider-nav--show-on-hover {
  opacity: 1 !important;
  transition: none !important
}
.cc-recently-viewed .carousel:hover .slider-nav--show-on-hover .slider-nav__btn ,
.cc-product-recommendations .carousel:hover .slider-nav--show-on-hover .slider-nav__btn,
.cc-multi-column .carousel:hover .slider-nav--show-on-hover .slider-nav__btn  {
    transform: translate(20px) !important;
}
.cc-icons-with-text .carousel[inactive] .slider, .carousel[inactive]>div>.slider  {
    padding: 0px;
}
.cc-recently-viewed .container.relative, .cc-product-recommendations  .container.relative{
    overflow: visible;
}
.os-scrollbar-horizontal {
    display: none;
}
.custom-icon-with-text{
    padding-top: 3% !important;
    padding-bottom: 3%;
}
.newsletter-strip .input-with-button>.input{
  margin-inline-start: 0px !important;
}
.main-products-grid__results span.js-value {
    font-size: 19px;
}


.cc-collection-products p.card__title a {
    font-size: 19px;
    font-weight: 100 !important;
}
/* product spacing ================================
==============================================
==========================================*/

iframe#google-map-iframe {
    margin-top: 0px;
}
.contact iframe#google-map-iframe {
    margin-top: 0px;
}
input#filter-filter\.v\.availability-2, input#filter-filter\.v\.availability-2+label {
    display: none;
}
   
a.snize-sticky-searchbox.snize-custom-widget-opener.bottom-right.snize-new-design {
    display: none !important;
}
.cc-apps .section {
    margin-top: 0;
    margin-bottom: 0;
}
/* .cc-image-banner {
    display: none;
} */
 .main-nav__item[href="/collections/clearance"]:after {
    content: 'sale';
    font-size: 10px;
    color: #D64545;
    transform: translate(7px, -2px);
    background: #fff;
    line-height: .9;
    padding: 3px 4px 3px 4px;
    border-radius: 4px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    text-transform: uppercase;
}
.googlemap iframe{
  height: 100vh;
 margin: 0 !important
}
div[class*="BarWrapper"] {
    display: none !important;
}
.tpp-imagex {
  width: 100%;
  height: 525px; /* apni need ke hisaab se change karo */
  overflow: hidden;
}

.tpp-imagex img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* important */
}
#PBarNextFrameWrapper {
    display: none;
}
#instagenie-feed .instagenie-slider-next ,#instagenie-feed .instagenie-slider-prev{
      z-index: 27 !important;
}
#shopify-pc__banner{
    background-color: hsl(113deg, 49%, 88%, 100%) !important;
}
#shopify-pc__banner__btn-accept{
    background: #7E92A2 !important;
    color: #fff !important;
    border: none !important;
}
button#shopify-pc__banner__btn-manage-prefs {
    background: none !important;
}
.original-price-cc:before{
  content:'Was: ';
}
.original-price-cc {
    color: #000;
    font-weight: 500;
    display: flex;
}
.original-price-cc .pp{
  /* margin-right:5px; */
    text-decoration: line-through;
}
.original-price-cc .price-as-money-max{
  margin:0 4px;
}
announcement-bar.announcement {
    position: relative;
    z-index: 999;
}
/* .cc-image-banner {
    margin: 60px 0px 0 0;
} */
/*
.sticky-scroll-direction {

  top: 0; 
  background: white; 
  z-index: 10; 
  padding: 10px;
  border-bottom: 1px solid #ddd; 
} */


.global-projects {
    /* background: #e9e8df; */
    padding-top: 9rem;
    padding-bottom: 5rem;
    margin: 0 !important;
}
.global-projects h2 span {
    max-width: 434px;
    width: 100%;
    /* font-size: 33px; */
}
.global-projects p {
    font-weight: 600;
    width: 100%;
    max-width: 525px;
}
.it--works {
    margin: 0px 0;
    padding-top: 5em;
    position: relative;
    padding-bottom: 1.5em;
}
.it--works::before,
.it--works::after {
    content: '';
    position: relative;
    display: block;
    width: 99px;
    height: 1px;
    background: #000;
}

.it--works::before {
    top: -77px;
    left: 50%;
    transform: translatex(-48%);
}

.it--works::after {
    bottom: -23px;
    left: 50%;
    transform: translatex(-50%);
}
.it--works h2.h4 {
       /* font-family: Helvetica, Arial, sans-serif !important; */


}
.it--works .container ul {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    gap: 115px;
    justify-content: center;
}
.it--works .container li.multi-column {
    width: 100%;
    max-width: 259px;
}
.it--works .container ul > li.multi-column:nth-child(2) {
    position: relative;
}

.it--works .container ul > li.multi-column:nth-child(2)::before,
.it--works .container ul > li.multi-column:nth-child(2)::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 1px;
    height: 100px;
    background: #000;
    transform: translateY(-50%);
}

/* Left line */
.it--works .container ul > li.multi-column:nth-child(2)::before {
    right: 100%;
    margin-right: 69px;
}

/* Right line */
.it--works .container ul > li.multi-column:nth-child(2)::after {
    left: 100%;
    margin-left: 66px;
}
.it--works .container li.multi-column h3 {
margin: 0 0 1.5em;
}
.it--works .container li.multi-column h3::after {
    position: relative;
    content: '';
    display: block;
    width: 101px;
    height: 1px;
    background: #181717;
    margin-top: 6px;
}
.delivery {
    margin-top: 45px;
    margin-bottom: 65px;
    position: relative;
}
.delivery::after {
    position: relative;
    content: '';
    display: block;
    width: 101px;
    height: 1px;
    top: -6px;
    left: 50%;
    background: #181717;
    margin-top: 6px;
    transform: translateX(-50%);
}
.delivery h2 {
    /* padding-top: 1em; */
    margin-bottom: 25px;
}
.delivery p.subheading{
  margin: 0 0 !important;
}
.delivery p {
    width: 100%;
    max-width: 331px;
    margin-bottom: 46px !important;
}
.delivery .section__block.reading-width--inline.md-down\:px-gutter.rte.mx-auto.enlarge-text p {
    margin-bottom: 46px;
    width: 100%;
    max-width: 501px;
}
.delivery p span {
    margin-top: 30px;
    margin-bottom: 22px;
}
.customs {
    margin: 0;
}
  .customs{
 margin-bottom: 65px !important;
  }
.residential--projects {
    margin: 65px 0 0;
}
  .residential--projects .max-w-text-overlay {
    width: 100%;
    max-width: 100%;
    margin: 25px;
}
.residential--projects .max-w-text-overlay div {
    /* margin: 0 auto; */
    width: 100%;
}
.residential--projects p {
    font-size: 16px;
}
.product-main .product-info__block:first-child, .product-info__block--sm:first-child{
      padding-right: 10px;
}
.product-info.product-info--sticky{
  position: relative;
}
/* wishlist */
.Vtl-WishlistButtonWrapper .Vtl-WishlistButton__AddToWishlist span.Vtl-WishlistButton__AddToWishlistText {
    display: none;
}
.Vtl-WishlistButtonWrapper .Vtl-WishlistButton__AddToWishlist {
    width:  unset !important;
    display: unset !important;
    color: unset !important;
    cursor: pointer ;
    min-height: unset !important;
    line-height: unset !important;
    font-size: unset !important;
    border-width: unset !important;
    border-style: unset !important;
    background-color: unset !important;
    border-color: unset !important;
    position: absolute;
    right: -37px;
    top: -7px;
}
.Vtl-WishlistButtonWrapper .Vtl-WishlistButton__HeartIconWrapper svg {
    fill: #000 !important;
}
.media-gallery__viewer .Vtl-WishlistButton__WishlistIconButton{
  display: none;
}
.Vtl-WishlistHeader__IconWrapper svg{
  fill: #000 !important;
}
@media (min-width: 1280px) {
    .xl\:auto-cols-5 {
        grid-auto-columns: calc((100% - var(--column-gap) * -6.5) / 5);
    }
    .main-products-grid__filters {
        margin-inline-end: 30px !important;
        padding-inline-end: 20px !important;
    }
}
@media (min-width: 1025px) {
.cc-multi-column .slider-nav.absolute.top-middle.end.no-hover-hidden.hidden.md\:block.no-js-hidden {
    transform: translate(0, -80px);
    right: 60px;
}
.custom-product-list .card__info.w-full {
    padding-left: 7px;
}
.main-products-grid__filters .products-toolbar__layout.flex.items-center.mis-auto {
    margin-inline-start: 40px;
}
.main-products-grid__filters .products-toolbar__sort.hidden.md\:block {
    margin-inline-start: auto;
}
.main-products-grid__filters form#facets {
    margin-top: 21px;
}
.main-products-grid__filters .disclosure>summary {
    padding: calc(6 * var(--space-unit)) 0;
    padding-bottom: 0;
    padding-top: 3px;
     background: #f7f7f7 !important;
    padding: 19px;
}
.main-products-grid__results span.js-value {
    font-size: 16px;
}
.facets .disclosure{
  border: none !important;
  padding: 3px 0;
}
.main-products-grid__filters .filter__content {
    margin-top: 15px;
    padding: 0px 10px;
}

.products-toolbar__filter {
    border: 1px solid #cccccc;
    padding: 11px 13px;
    border-radius: 4px;
}
.products-toolbar__layout.flex.items-center.mis-auto,custom-select#products-sort-by {
    border: 1px solid #CCCCCC;
    padding: 1px 10px;
    border-radius: 4px;
}
button#products-sort-by-button {
    justify-content: space-between;
}
.main-products-grid__filters .checkbox + label::before {
   width: 15px;
  height: 15px;
}
.main-products-grid__filters .checkbox+label {
 max-width: 96%;
}
 .main-products-grid__results {
    border-bottom: 1px solid #d9d9d9;
}
.cc-collection-products {
    margin: 0;
}
.main-products-grid__filters .main-products-grid__filters {
    padding-right: 20px;
}
.cc-collection-products .products-toolbar {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--background-color, #fff);
}

facet-filters#facet-filters {
    position: sticky;
    top: 22% !important;
}
.products-toolbar__sort.hidden.md\:block {
    position: absolute;
    margin: auto;
    right: 0;Sc
}
.products-toolbar__layout.flex.items-center.mis-auto {
    margin-left: 38px;
}

}

/* end spacing */


@media (min-width: 769px) {
  .cc-header--sticky store-header.header.is-out {
      margin-bottom: 0 !important;
  }
  /* .main-menu.main-menu::before, 
  .main-menu.main-menu::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 999em;
    background: rgb(93, 118, 139);
    left: -999em;
    height: 100%;
  } */
  .main-menu.main-menu::after {
    left: auto;
    right: -999em;
  }
  .custom-footer .footer__main {
        justify-content: space-between;
        gap: 44px;
        width: 100%;
    }
  .custom-footer  .footer-menu .disclosure__title {
        margin-bottom: 1em;
        font-size: 14px;
        
        font-weight: 600;
        color: #222222;
    }
}
@media (min-width: 1280px) {
    .custom-footer  .footer-col {
        padding: 0 ;
    }
}
@media (min-width: 769px) {
   .custom-footer   .footer-col {
       padding: 0;
    }
    .custom-footer   .footer-sublinks {
        margin-inline-start: 0; 
    }
   .custom-footer  .footer {
        padding: 0 0 40px !important;
    }
     footer.custom-footer {
    padding: calc(0 * var(--space-unit)) 0 calc(10 * var(--space-unit)) !important;
}
}
@media (max-width: 767px) {
.main-products-grid__results .Vtl-WishlistButton__IconWrapper {
    position: absolute;
    right: -6px;
    top: 22px;
}
.custom-product-list .Vtl-WishlistButton__IconWrapper {
        position: absolute;
        right: 5px;
        top: 9px;
    }
  .main-menu--left-mob details.main-menu__disclosure nav {
    height: auto !important;
}
.new-announcement-bar-group {
	    display: none;
	}
    /* .main-menu__content {
        top: -75px!important;
    } */
 .custom-footer .footer__main {
    width: 100%;
  }
  .custom-footer .footer-col{
    width: 100%;
    max-width: 100%;
}
.custom-footer details.footer-menu.disclosure {
    width: 100%;
}
.custom-footer ul.footer-menu__links.disclosure__content {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 80px; 
}

}
@media (max-width: 767px) {
  .payment-wrapper{
    padding-inline:0!important;
  }
.cc-collection-products .container{
    padding: 0 20px;
  }
  .cc-recently-viewed .container ,.cc-product-recommendations  .container {
    padding: 0 20px;
  }
  .cc-collection-products{
    margin-top: 0px ;
  }
  .cc-recently-viewed .container.products-grid-container ,.cc-product-recommendations .container.products-grid-container {
    padding: 0 0px;

  }
  .cc-header .container {
    padding: 0 20px;
}
.container.mega-nav--promos-right {
    padding: 0;
}
}

@media (max-width: 767px) {
    .cc-collection-products .container, .cc-recently-viewed .container {
        padding: 0px 20px;
    }
    .cc-collection-products p.card__title a {
    font-size: 16px;
    font-weight: 100 !important;
    
}
.main-products-grid__results span.js-value {
    font-size: 14px;
}
.header {
    padding: 20px 0 !important;
}
.timeless-content .h0 {
    font-size: 25px;
}
.timeless-content p{
  font-size:14px;
  max-width:310px;
  margin-block:auto;
}
}


















/* custom-banner=============MOBILE */
@media (min-width: 1024px) {
   .custom-banner .text-overlay{
        max-width: 53%;
    }
}
/* end  */
/*============.product-multi-column ===== MOBILE==============*/

@media (min-width: 1024px) {
    .lg\:auto-cols-3 {
        grid-auto-columns: calc((100% - var(--column-gap) * -3) / 4);
    }
facet-filters#facet-filters {
    overflow: auto;
    max-height: 77vh;
}
/* For WebKit browsers (Safari, iOS, Chrome) */
facet-filters#facet-filters::-webkit-scrollbar {
    display: none;
}

/* For Firefox */
facet-filters#facet-filters {
    scrollbar-width: none;
}

/* For IE/Edge (old versions) */
facet-filters#facet-filters {
    -ms-overflow-style: none;
}
}
@media (max-width: 768px) {
 .product-multi-column .carousel[inactive] .slider, .carousel[inactive]>div>.slider {
    padding: 0px;
}
.product-multi-column .slider[data-overlayscrollbars-viewport] {
    padding-bottom: 123px !important;
}
.product-multi-column .slider-nav:not(.slide-nav--inline) {
    z-index: 15;
    top: 619px;
    right: 100%;
    left: -222px !important;
    display: flex;
    flex-direction: row-reverse;
    transform: translate(175%, -85%);
    gap: 15px;
}
  .product-multi-column  .btn--primary, .spr-button-primary, .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-challenge__button {
   border: 1px;
    outline-offset: 0px;
    color: #FFFFFF;
    background: #5D768B;
}
}
/**/
/*============custom-media-with-text===== MOBILE==============*/
@media (min-width: 769px) {
   .custom-media-with-text .media-with-text {
        display: flex;
        max-width: 1920px;
        margin: 0 auto;
    }
   .custom-media-with-text .media-with-text--reverse .media-with-text__text:not(.color-scheme) {
         padding-inline-end: 0;
         padding: 80px;
    }
}
@media (max-width: 767px) {
  .custom-media-with-text .media.w-full.relative {
    padding-top: 100% !important;
}
h3.h5.card__title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}
  .custom-icons-with-text-fts .carousel[inactive] .slider{
         padding: 0px;
    }
 .custom-icons-with-text-fts   .container.relative {
    padding: 48px 24px;
}
.custom-media-with-text .text-start {
    text-align: center;
    padding: 40px 20px 50px;
}
.custom-media-with-text h2.section__block.section__block--heading.h3 {
    font-size: 28px;
}
.custom-media-with-text .section__block.reading-width.rte {
      font-size: 14px;
}
.custom-media-with-text .media-with-text__text.flex.flex-col.justify-center.mie-auto.cc-animate-init.cc-animate-in {
    padding: 0;
}
}
/*end*/
/* ================= MOBILE .timeless-hero-banner ================= */
@media (max-width: 767px) {
     .custom-product-list.edtis-button .slider-nav:not(.slide-nav--inline),
     .cc-multi-column .slider-nav:not(.slide-nav--inline) {
        transform: translate(52%, -63%);
    }
  .custom-product-list.edtis-button  .container.relative.featured-collection-products {
    padding-bottom: 42px;
}
.custom-product-list.edtis-button .section__header.items-center.flex.flex-row.flex-wrap.gap-x-theme.cc-animate-init.cc-animate-in {
    margin: 0px;
}

.custom-product-list .section__header.items-center.flex.flex-row.flex-wrap.gap-x-theme.cc-animate-init.cc-animate-in {
    margin: 0;
}
  .traditional-collection .tp-card {
    align-items: center;
}
    .timeless-hero-banner {
    margin: 60px 0 0;
}
  .timeless-image {
    min-height: 430px;
    background-image: var(--mobile-bg);
  }

  .timeless-top-heading h2 {
        font-size: 24px;
        margin: 20px 20px 30px;
        padding: 20px 0
  }
.timeless-content .h0{
  font-size: 35.3718px !important;
}
.timeless-content.top {
    margin-top: 0 !important;
}
.timeless-content.top {
    top: 32px;
}
  .timeless-content h1 {
    font-size: 28.6px;
    margin-bottom: 13px;
  }

/*traditional-collection=====================*/
.traditional-collection p.tp-main-desc {
    font-size: 24px !important;
}

}



/*end*/
/* ================= MOBILE FIXES custom-grid-Image-section ================= */
@media (max-width: 767px) {

  .custom-grid-Image-section .custom-grid {
    grid-template-columns: 1fr;
  }

  .custom-grid-Image-section .custom-grid-item {
    min-height: 324px;
    padding: 32px 24px;
      background-image: var(--mobile-bg);
    background-position: right ;
  }

  .custom-grid-Image-section .custom-grid-overlay {
    left: 25px;
    right: 25px;
    max-width: 100%;
  }

  .custom-grid-Image-section .custom-grid-overlay.bottom {
    bottom: 34px;
  }

  .custom-grid-Image-section .custom-grid-overlay h2 {
    font-size: 28px;
  }

  .custom-grid-Image-section .custom-grid-overlay p {
    font-size: 16px;
    width: 100%;
  }

  .custom-grid-Image-section .custom-grid-btn {
    font-size: 14px;
    padding: 10px 18px;
  }
}


/**/
/* Mobile full-video-section */
@media (max-width: 768px) {
  .full-video-section {
    max-height: 428px;
  }
  /* .second-video-section h2.video-heading {
    font-size: 33px !important;
  } */
  .second-video-section h3.heading {
    font-size: 24px;
  }
}



/* Mobile Video Section */
@media (max-width: 768px) {
  .cb-play-btn {
    bottom: 25px; left: 25px;
    width: 48px; height: 48px;
  }

}


/* MOBILE .category-grid-section  */
@media (max-width: 768px) {
    .category-grid-section {
        margin: 20px 0 ;
    }
    .category-grid-section .title{
        margin: 0;
        padding: 20px 0px 25px;
    }
    .category-grid-section .title h2 {
    font-size: 28px;
    margin: 0;

}
  .category-grid {
    grid-template-columns: 1fr;
  }

  .card-large,
  .card-small {
    grid-column: span 1;
    height: 260px;
  }

  .card-title {
    font-size: 36px;
  }
.category-grid-section .description p {
    font-size: 18px;
    margin: 20px 0;
    padding: 20px 0;
}
}

/**/
@media (min-width: 769px) {
  details#active-filters .disclosure__panel {
    padding: 18px 18px 0;
}
details#active-filters svg.icon {
    width: 18px;
    height: 18px;
}
.header__grid--centered-logo .header__icons {
gap: 15px;
}
.header {
padding: 25px 0px 0px;
}
}
@media (min-width: 835px) {
.main-menu__content {
display: block;
}
}
/* Desktop text position */
.category-grid-section .desktop-v-top { justify-content: flex-start; }
.category-grid-section .desktop-v-center { justify-content: center; }
.category-grid-section .desktop-v-bottom { justify-content: flex-end; }

/* Desktop text alignment */
.category-grid-section .desktop-a-left .card-title { text-align: left; }
.category-grid-section .desktop-a-center .card-title { text-align: center; }
.category-grid-section .desktop-a-right .card-title { text-align: right; }


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

  /* Mobile layout + order */
  .category-grid-section .category-grid {
    display: flex;
    flex-direction: column;
  }

  .category-grid-section .category-card {
    order: var(--mobile-order);
  }

  /* Mobile text position */
  .category-grid-section .mobile-v-top { justify-content: flex-start; }
  .category-grid-section .mobile-v-center { justify-content: center; }
  .category-grid-section .mobile-v-bottom { justify-content: flex-end; }

  /* Mobile text alignment */
  .category-grid-section .mobile-a-left .card-title { text-align: left; }
  .category-grid-section .mobile-a-center .card-title { text-align: center; }
  .category-grid-section .mobile-a-right .card-title { text-align: right; }
}
/* ================= MOBILE: Content Top, Image Bottom ================= */
@media (max-width: 768px) {

  /* media-with-text wrapper ko column me lao */
  .media-with-text {
    display: flex;
    flex-direction: column;
  }

  /* Content upar */
  .media-with-text__text {
    order: 1;
  }

  /* Image / Video niche */
  .media-with-text__media {
    order: 2;
  }

}
@media (max-width: 768.98px) {
 .custom-banner .md-down\:p-xl {
     padding: 0;
    }
    .custom-banner .text-overlay__block.reading-width.rte.enlarge-text {
    font-size: 18px;
  }
  .custom-banner h1.text-overlay__heading.h0 {
    font-size: 48px;
    
}
.custom-banner .text-overlay {
    margin:  0;
}
.custom-banner .text-overlay.text-start.md-down\:text-center.cc-animate-init.cc-animate-in {
    text-align: left;
    margin: 16px !important;
}
.custom-banner .container.md-down\:p-xl.flex.justify-start.md-down\:center {
    padding: 164px 0;
}

.custom-icon-with-text.rows .grid-flow-col {
    grid-auto-flow: row;
}
}


@media (max-width: 767px) {
announcement-bar.announcement.block.text-body-small {
    display: none;
} 
.banner-scroller__item:not(:last-child):after {
    right: 10px;
  }
.header:not(.is-out):after {
  display: none;
}
.header__logo img {
    width: 150px !important;
    padding: 0 0 10px 0;
}

  div#shopify-section-sections--19020456853590__announcementbar_buttom_btTQQ6 {
    order: -1;
}
 .header__logo.logo.text-center.flex.js-closes-menu {
    justify-content: center;
    margin-right: -23px;
}
main-menu.main-menu.main-menu--left-mob {
    background: none;
}
search-form.search__form.block {
    max-width: 100%;
}
 #cart-icon svg.icon {
    transform: scale(1.8);
}
.main-menu__toggle {
     margin-inline-start: 0px; 
    margin-inline-end: 0px; 
}
.search {
    background: #ffffff;
    /* box-shadow: 0 2px 6px 4px rgba(0, 0, 0, 0.25); */
}
predictive-search.block {
    margin: 0 -20px;
    /* background: #f7f7f7; */
    padding: 10px 20px 0;
}
  #shopify-section-sections--19020456853590__header .search__input {
    box-shadow: 0 2px 6px 4px rgba(0, 0, 0, 0.25);
}
}
@media (max-width: 768.98px) {
.main-menu--left-mob .main-menu__toggle {
        margin-top: -13px;
        margin-bottom: 0px;
        margin-inline-start: 0px; 
         margin-inline-end: 0px;
    }
}
@media (max-width: 767px) {
  a.main-nav__item.main-nav__item--primary.main-nav__item-content {
    color: #000 !important;
}
  .main-menu.main-menu::before, 
.main-menu.main-menu::after{
  display: none;
}
  .header__icons > a:nth-of-type(2) {
  display: none !important;
}
.moblie {
    padding: 16px 26px;
    display: flex;
    justify-content: space-between;
    background: #000;
}
.header-account-link.header-greetings,.header-account-link.header-greetings a , .header-account-link.header-greetings button {
    font-family: 'HelveticaNeueLight';
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #FFFFFF;
}
.moblie a svg.icon {
    width: 30px;
    height: 22px;
    transform: rotate(45deg);
}
 .main-menu__content nav {
    background: #ffffff !important;
}
.main-nav__child.mega-nav.mega-nav--columns.mega-nav--no-grandchildren.has-motion {
    position: absolute;
    top: 56px;
    padding: 12px 45px 0 25px;
     height: 655px;
}
#shopify-section-sections--19020456853590__header .main-nav__item--primary {
  padding: 10px 0;
}
.main-menu__content {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
}
.main-menu__content ul.main-nav > li:first-child {
    display: none !important;
}
summary.main-nav__item--toggle {
    padding: 0px 18px;
    border-bottom: 1px solid #f1f1f1;
}
#shopify-section-sections--19020456853590__header .main-nav__item--primary {

font-size: 16px;
color: #222222;
}
.header__icons-closeing.flex.justify-end.mis-auto.js-closes-menu {
    margin: 0;
}
.main-nav svg{
  display: block !important;
}
.main-menu__content.has-motion.justify-between {
    padding: 0;
}
nav.mega-nav--columns.mega-nav--no-grandchildren.has-motion ul li a {
    padding: 18px 0 18px 0px;
}
summary.child-nav__item--toggle.main-nav__item--toggle.relative {
        padding: 0px 0;
    }
    .main-nav__child.has-motion {
    position: absolute;
    top: 56px;
}
}

@media (max-width: 768.98px) {
    .main-nav__item {
        padding: 18px 0; 
        font-size: 16px;
        
        color: #222222;
    }
}
@media (max-width: 768.98px) {
    .main-menu--left-mob .main-menu__toggle {
        margin-top: -13px;
        margin-bottom: 0;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }
        .main-nav__item--toggle .icon{
        margin-right: 6px;
    }
}
@media (max-width: 768px){

  .main-menu.main-menu{
    position: relative;
  }
  .cc-header--sticky .header__logo.logo.text-center.flex.js-closes-menu {
    justify-content: center;
    margin-left: 5px;
}
 .cc-header--sticky main-menu.main-menu.main-menu--left-mob {
    background: transparent;
}
.cc-header--sticky .main-menu.main-menu::before, .main-menu.main-menu::after ,.header:not(.is-out)::after {
  display: none ;
}
.cc-header--sticky search-form.search__form.block {
    max-width: 100%;
}
  .cc-header--sticky input#header-search{
    max-width: 100%;
  }
  .main-products-grid[data-layout=grid] .grid-cols-2 {
    margin-left: 0;
    margin-right: 0;
}
a#cart-icon {
    gap: 0px;
    padding: 14px;
}
    .sm\:auto-cols-2 {
        grid-auto-columns: calc((100% - var(--column-gap)) / 1);
    }
}

@media (max-width: 767px) {
    .global-projects {
        padding-top: 0;
        padding-bottom: 3rem;
    }
    .global-projects h2 span {
    /* font-size: 20px; */
}
.global-projects p {
    font-size: 14px;
  }
  .it--works {
    padding-top: 1em;
}
  .it--works::before {
    top: -24px;
  }
   .it--works .section__header.items-center.flex.flex-col.text-center.gap-x-theme {
    margin: 0px 0 11px;
}
.it--works .container ul{
  gap: 10px;
}
.it--works .container li.multi-column h3 {
    margin: 0 0 11px;
}
.delivery {
    margin-top: 24px;
    margin-bottom: 24px;
}
.delivery p {
    width: 100%;
    max-width: 92%;
    margin: 0 auto;
}

.delivery h2 span {
    font-size: 20px;
}
.delivery p span {
    margin-top: 0px;
    margin-bottom: 14px;
}
.delivery p {
    margin-bottom: 30px !important;
  }
  .customs{
 margin-bottom: 30px !important;
  }
  .customs h2 span {
    font-size: 20px;
}
.residential--projects .max-w-text-overlay div {
    margin: 0;
    width: 100%;
    padding: 0;
    max-width: 100%;
}

.residential--projects {
    margin: 30px 0;
}
.custom-heroo-benner .text-overlay__block.rte.enlarge-text p{
  font-size: 17px;
    max-width: 319px;
    margin-block: auto;
    margin: 0 auto;
}
.custom-heroo-benner .image-banner .slideshow__text {
    position: absolute;
    top: 0;
    left: 0;
   }
  .custom-heroo-benner  .slideshow__slide.image-banner h2.text-overlay__heading{
    padding-top: 25px;
   }
    ul.main-nav li:nth-child(8) {
        padding: 0 18px;
    }
   ul.main-nav li:nth-child(8) a {
  color: #000 !important;
}
ul.main-nav li:nth-child(8) a::after {
    content: "program";
}
.Vtl-WishlistButtonWrapper .Vtl-WishlistButton__AddToWishlist{
      right: -15px;
}
}