:root {
  --charcoal:#121212;
  --mid-grey:#B0B0B0;
  --light-grey:#F2F2F2;
  --bg-charcoal:#121212;
  --bg-mid-grey:#B0B0B0;
  --bg-light-grey:#F2F2F2;
  --white:#FFFFFF;
  --black:#000000;
  --bg-black:#000000;
   --container-max: 1496px;
   --gap: 4rem;
}




*{
  box-sizing: border-box;
}
html{overflow-x:hidden;hyphens:auto;  scroll-behavior: auto;}
body{margin:0;color:var(--charcoal); overscroll-behavior: none;overflow-x: clip;}
p,ul{margin: 0;}
h1,h2,h3,h4,h5,h6{margin:0; color:var(--charcoal)}
ul{list-style:none;padding:0}
.container{margin:0 auto;padding:0 30px;max-width: 1556px;width:100%;}
button{border: none;background: transparent;}
a, a:hover, a:focus{text-decoration: none;color:var(--charcoal);}
a{color:var(--charcoal);}


/* inverted css start  */

body.dark-theme main{background: var(--bg-charcoal);}
body.dark-theme main{--charcoal: var(--white);--black: var(--white);}
body.dark-theme main button.btn-primary:hover , body.dark-theme main button.btn-secondary:hover{color: var(--bg-black);}
body.dark-theme main button.btn-secondary{background: var(--bg-black);}
body.dark-theme main button.btn-secondary:after, body.dark-theme main button.btn-secondary::before{background: var(--white);}
body.dark-theme main .btn-primary:hover {color: #121212;}
body.dark-theme main .btn-secondary:hover{background: #121212;}
body.dark-theme main .button.link-btn{color:var(--white);}
.light .btn-primary span.wrap span.inner img {filter: invert(1);}
.ct-1 , .ct-2, .ct-3, .ct-4, .ct-5 {color:var(--charcoal);}
.dark-theme .btn-primary:hover span.wrap .inner {color: #F2F2F2;}
.dark-theme .btn-primary, .dark-theme .btn-primary:hover {background-color: #fff !important;color: #121212;}
.dark-theme .btn-primary:hover::before, .dark-theme .btn-primary:hover::after, .dark-theme .btn-primary:hover, .dark-theme .btn-primary::before, .dark-theme .btn-primary::after{background-color: #121212;}
.dark-theme .btn-secondary {background-color: #121212 !important;}
.dark-theme .btn-secondary span.wrap span {color: #f2f2f2;}
.dark-theme .btn-secondary span.wrap span.inner img {filter: invert(1);}
.dark-theme .btn-secondary::before, .dark-theme .btn-secondary::after{background-color: #F2F2F2;}
.btn-primary:after, .btn-primary:before , .btn-secondary:after, .btn-secondary:before{display:none;}
.btn-primary:hover span , .btn-primary span{color:#F2F2F2;}
.btn-secondary:hover span , .btn-secondary span {color:#121212;}
.dark-theme .btn-primary:hover span , .dark-theme .btn-primary span{color: #121212 !important;}
.dark-theme .btn-secondary:hover{border:1px solid var(--charcoal) !important;}
.btn-secondary{background-color: #fff !important;}

/* inverted css end  */

/* 1c. Typography */


















/* ================= DEFAULT ================= */
h1,.h1 {font-size:72px;font-weight:Medium;line-height:1.08;letter-spacing:1px}
h2,.h2{font-size:48px;font-weight:Medium;line-height:1.08;letter-spacing:.67px}
h3,.h3{font-size:24px;font-weight:Medium;line-height:1.17;letter-spacing:.33px}
h4,.h4{font-size:16px;font-weight:Medium;line-height:1.25;letter-spacing:.38px}
.ct-1, .main-text.ct-1 p, .main-text.ct-1 span{font-size:60px;font-weight:300;line-height:1.13}
.ct-2, .main-text.ct-2 p, .main-text.ct-2 span , .about-title-quote p, .about-title-quote span{font-size:30px;font-weight:300;line-height:1.27;letter-spacing:.64px}
.ct-3, .main-text.ct-3 p, .main-text.ct-3 span , .edition-quote p, .edition-quote span{font-size:18px;font-weight:500;line-height:1.33;letter-spacing:.3px}
.ct-4, .main-text.ct-4 p, .main-text.ct-4 span{font-size:14px;font-weight:500;line-height:1.43;letter-spacing:.3px}


/* ================= BUTTON BASE ================= */

/* 1d. Buttons */

/* Primary Button */













/* Secondary Button */













/* Tertiary Button */







/* Primary Button */
button,
.btn-primary,
.hs-button{
  border: 1px none #121212;

  padding-top: 12px;
padding-right: 51px;
padding-bottom: 12px;
padding-left: 51px;

  font-weight: 500; font-family: 'Harrison New';
  background-color: #121212;
  border-radius: 25px;
  color: #F2F2F2;
  font-size: 18px;
  text-transform: none;
  padding: 12px 50px;
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: 0.43px;
  transition: all 0.4s ease-in-out;
}



button:hover,
.btn-primary:hover,
.hs-button:hover{
  border: 1px none #3B44C3;
;
  color: {color=#121212, opacity=100, rgba=rgba(18, 18, 18, 1), rgb=rgb(18, 18, 18), hex=#121212, css=#121212};
  
  border-radius: 25px;
}

/* Secondary Button */

.btn-secondary,
.btn-secondary,
.hs-button.btn-secondary{
  border: 1px solid #121212;

  padding-top: 12px;
padding-right: 51px;
padding-bottom: 12px;
padding-left: 51px;

  font-weight: 500; font-family: 'Harrison New';
  background-color: #F2F2F2;
  border-radius: 25px;
  color: #121212;
  font-size: 18px;
  text-transform: none;
  padding: 12px 50px;
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: 0.43px;
  border:1px solid var(--charcoal);
  transition: all 0.4s ease-in-out;
}

.button.btn-secondary.with-arrow:before,
.hs-button.btn-secondary.with-arrow:before{
  background-color: #B0B0B0;
}

button.btn-secondary:hover,
.button.btn-secondary:hover,
.hs-button.btn-secondary:hover{
  border: 1px solid #121212;
;
  color: #F2F2F2;
  
  border-radius: 25px;
}


/* Link Button */

button.link-btn,
.button.link-btn,
.hs-button.link-btn{
  padding: 0px;

  font-weight: 500; font-family: 'Harrison New';
  color: #1F1E26;
  font-size: 14px;
  text-transform: none;
  background-color: transparent;
}

button.link-btn:hover,
.button.link-btn:hover,
.hs-button.link-btn:hover{
  color: #121212;
}

button.link-btn-arrow,
.button.link-btn-arrow,
.hs-button.link-btn-arrow , button.hsfc-Button.link-btn-arrow{
  padding: 0px;

  font-weight: 500; font-family: 'Harrison New';
  color: #1F1E26;
  font-size: 14px;
  text-transform: none;
  background-color: transparent;
}

button.link-btn-arrow:hover, 
button.hsfc-Button.link-btn-arrow:hover,
.button.link-btn-arrow:hover,
.hs-button.link-btn-arrow:hover{
  color: #121212;
}
button.hsfc-Button.link-btn-arrow{border-radius:0 !important;background-color: transparent !important;}
button.hsfc-Button.link-btn-arrow:hover{background-color: transparent !important;}
[data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons .hsfc-Button, [data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons .hsfc-Button:focus {background: transparent;color: var(--charcoal);padding: 0;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: 0.38px;}
/* ================= TEXT ROLLOVER ================= */
.link-btn,
.link-btn-arrow,
.btn-primary,
.btn-secondary{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  overflow:hidden;
  text-decoration:none;
  cursor:pointer;
  z-index:0;
}
.link-btn span, .link-btn-arrow span, .btn-primary span, .btn-secondary span {
    margin-bottom: 0 !important;
}
.wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  overflow:hidden;
  z-index:2;
}

.inner,
.clone{
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:transform 1s cubic-bezier(.19,1,.22,1)
}
.right .inner, .right .clone {
  flex-direction: row-reverse;
}

.clone{
  position:absolute;
  inset:0;
  transform:translateY(100%);
}

.dark-theme .link-btn-arrow .inner img , .dark-theme .link-btn .inner img {
  filter: invert(1);
}

.link-btn:hover .inner,
.link-btn-arrow:hover .inner,
.btn-primary:hover .inner,
.btn-secondary:hover .inner{
  transform:translateY(-100%);
  text-decoration: none;
}

.link-btn:hover .clone,
.link-btn-arrow:hover .clone,
.btn-primary:hover .clone,
.btn-secondary:hover .clone{
  transform:translateY(0);
}
.link-btn .inner, .link-btn .clone , .link-btn-arrow .inner, .link-btn-arrow .clone{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.38px;
  white-space: normal;
  color: var(--charcoal);

}

/* ================= SHUTTER ================= */

.btn-primary::before,
.btn-primary::after,
.btn-secondary::before,
.btn-secondary::after{
  content:"";
  position:absolute;
  top:0;
  height:100%;
  width:0;
  z-index:1;
  transition:width 0.7s cubic-bezier(.19,1,.22,1);
  pointer-events:none;
}

.btn-primary::before,
.btn-secondary::before{
  left:50.1%;
  transform:translateX(-100%);
}

.btn-primary::after,
.btn-secondary::after{
  left:50.1%;
}

.btn-primary::before,
.btn-primary::after{
  background:var(--bg-light-grey);
}

.btn-secondary::before,
.btn-secondary::after{
  background:var(--bg-charcoal);
}

.btn-primary:hover::before,
.btn-primary:hover::after,
.btn-secondary:hover::before,
.btn-secondary:hover::after{
  width:50%;
}

/* Hover color switch */
/* .btn-primary:hover{color:var(--charcoal);background: var(--light-grey);} */
/* .btn-secondary:hover{color:var(--light-grey);background: var(--charcoal);} */


/* footer css start  */

footer .footer-newsletter {display: grid;grid-template-columns: 1fr 1fr;}
footer .newsletter-img-left {position: relative;}
footer .footer-newsletter .newsletter-img {width: 100%;height:100%;}
.news-letter-content {padding: 120px 175px 125px 148px;background: var(--bg-light-grey);}
.news-letter-content h2 {margin-bottom: 32px;}
.news-letter-content p {margin-bottom: 48px;}
.news-letter-content-inr {max-width: 550px;}
.footer-bottom-inr {display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;}
.footer-bottom {padding: 40px 0px 45px 0px;background: var(--bg-charcoal);}
.footer-links {display: flex;align-items: center;gap: 40px;}
.footer-links nav ul {display: flex;align-items: center;}
.footer-links nav ul li a{padding-left: 20px;position: relative;}
.footer-links nav ul li a span{color:var(--white) !important;}
.footer-links nav ul li a span span.inner {font-size: 14px;}
.footer-links nav ul li a::before {content: '/';position: absolute;left: 8px;font-size: 14px;line-height: 1.29;font-weight: 800;top: 50%;transform: translateY(-50%);}
.footer-links nav ul li:first-child a::before{display: none;}
.footer-links nav ul li:first-child a{padding-left: 0;}
.footer-links nav ul li a {text-decoration: none;font-size: 14px;font-weight: 500;line-height: 1.29;letter-spacing: 0.5px;color: var(--white);}
.footer-links p.copyright small {font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: 0.3px;color: var(--mid-grey);}
.footer-social-links , .menu-bottom .menu-bottom-grid .social-icons {display: flex;align-items: center;justify-content: center;gap: 30px;flex-wrap: wrap;}
.footer-social-links a svg path, .menu-bottom .menu-bottom-grid .social-icons a svg path{transition: all 0.4s ease-in-out;}
.footer-social-links a:hover svg path, .menu-bottom .menu-bottom-grid .social-icons a:hover svg path{fill: var(--mid-grey);}
.footer-social-links a svg path{fill:var(--white);}
.footer-logo {position: absolute;left: 50%;transform: translateX(-50%);}

/* footer css end  */

/* header css start  */
header {position: fixed;right: 0;left: 0;width: 100%;top: 0;z-index: 1000;transition: transform 0.35s ease;}
header.hide-header {transform: translateY(-100%);}
.header-top {display: flex;align-items: center;justify-content: center;padding: 40px;position: relative;max-width: 100%;z-index: 20;}
main {padding-top: 120px;}
.burger {display: flex;flex-direction: column;gap: 8px;position: absolute;right: 40px;cursor: pointer;z-index: 30;}
.burger .bar {background: var(--charcoal);width: 30px;height: 2px;transition: all .4s ease;}
header.menu-open .burger .bar:nth-child(1){transform: translateY(10px) rotate(45deg);}
header.menu-open .burger .bar:nth-child(2){opacity: 0;}
header.menu-open .burger .bar:nth-child(3){transform: translateY(-10px) rotate(-45deg);}
/* MENU OVERLAY */
.menu-overlay {position: fixed;top: 0;left: 0;width: 100%;padding-top: 140px;background: var(--white);transform: scaleY(0);transform-origin: top;transition: transform .6s ease;z-index: 10;overflow-y: auto;max-height: 100dvh;}
header.menu-open .menu-overlay{transform: scaleY(1);}
/* GRID */
.menu-grid {align-items: start;justify-content: center;display: grid;grid-template-columns: repeat(5, 1fr);gap: 40px;}
.menu-grid .menu-col{position: relative;}

/* MENU HEADINGS */
.menu-grid .menu-col h3 {margin-bottom: 36px;color: var(--mid-grey);transform: translateY(20px);opacity: 0;transition: transform .6s ease, opacity .6s ease;}
header.menu-open .menu-col h3{transform: translateY(0);opacity: 1;}
.menu-grid .menu-col ul li {margin-bottom: 10px;overflow: hidden;}
.menu-grid .menu-col ul li:last-child{margin-bottom: 0;}
.menu-grid .menu-col ul li a {display: inline-block;color: var(--charcoal);transform: translateY(20px);opacity: 0;transition: transform .6s ease, opacity .6s ease;}
header.menu-open .menu-grid .menu-col ul li a{transform: translateY(0);opacity: 1;}
.menu-bottom .menu-bottom-grid {margin-top: 105px;padding: 40px 0px;border-top: 1px solid #1212121A;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.menu-bottom .menu-bottom-grid > *{transform: translateY(20px);opacity: 0;transition: transform .6s ease, opacity .6s ease;}
header.menu-open .menu-bottom .menu-bottom-grid > *{transform: translateY(0);opacity: 1;}
.menu-bottom .menu-bottom-grid .language-wrapper ,
.menu-bottom .menu-bottom-grid .phone-num,
.menu-bottom .menu-bottom-grid .email-num,
.menu-bottom .menu-bottom-grid .location p {display: flex;align-items: center;gap: 10px;}
.menu-bottom .menu-bottom-grid .phone-num a span.wrap span.inner,
.menu-bottom .menu-bottom-grid .email-num a span.wrap span.inner,
.menu-bottom .menu-bottom-grid .location p span.wrap span.inner{font-size: 14px;font-weight: 500;line-height: 1.29;letter-spacing: 0.5px;color: var(--charcoal);}
.language-btn span {font-size: 14px;font-weight: 500;line-height: 1.29;letter-spacing: 0.5px;color: var(--mid-grey) !important;cursor: pointer;}
.language-btn span.active *{color: var(--charcoal) !important;}
.language-btn * span {font-size: 14px !important;}
.language-btn {display: flex;align-items: center;}
.language-btn .link-btn{position: relative;padding-right: 14px;overflow: visible;font-family: Harrison New}
.language-btn .link-btn:nth-child(2):after{content: '/';position: absolute;left: -10px;}
.menu-grid .menu-col span.toggle {display: none;cursor: pointer;}
.bg-overlay {position: fixed;height: 100%;width: 100%;background: var(--black);opacity: 0;top: 0;left: 0;z-index: 5;pointer-events: none;transition: opacity .4s ease;}
header.menu-open .bg-overlay{opacity: .8;pointer-events: auto;}
.mobile-copyright {display: none;}
body.menu-fixed{position: fixed;width: 100%;overflow: hidden;}
.light-logo .header-top .logo a svg path {fill:var(--white) ;}
.light-logo .header-top .burger .bar {background: var(--white);}
header.sticky-header .header-top , header.menu-open .header-top{background: var(--white);transition: all 0.4s ease-in-out;}
header.sticky-header .header-top .logo a svg path ,  header.menu-open .header-top .logo a svg path{fill: var(--charcoal);transition: all 0.4s ease-in-out;}
header.sticky-header .header-top .burger .bar ,  header.menu-open .header-top .burger .bar{background: var(--charcoal);transition: all 0.4s ease-in-out;}
.hide-menu .burger , .hide-menu .menu-overlay {display: none;}
.no-claim .header-claim {display: none;}

/* header css end  */


.menu-grid .menu-col ul li a.link-btn span.inner , .menu-grid .menu-col ul li a.link-btn span.inner.clone {gap: 5px;font-size: 14px;}
.menu-grid .menu-col ul li a.link-btn span.inner em , .menu-grid .menu-col ul li a.link-btn span.inner.clone em{font-weight: 300;font-style: italic;}

/* Global form css start  */
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {padding: 0 !important;position:relative;}
form .input input , [data-hsfc-id=Renderer] .hsfc-TextInput {padding: 16px 30px !important;}
form .input input::placeholder , [data-hsfc-id=Renderer] .hsfc-TextInput::placeholder {opacity: 0.3;}
.hs-form-booleancheckbox-display input[type="checkbox"]  {position: absolute;opacity: 0;pointer-events: none;}
.hs-form-booleancheckbox-display {display: flex;align-items: center;gap: 8px;cursor: pointer;}
.hs-form-booleancheckbox-display span {position: relative;display: inline-block;padding-left: 24px;}
.hs-form-booleancheckbox-display span::before {content: "";position: absolute;left: 0;top: 2px;width: 16px;height: 16px;border-radius: 4px;border: solid 1px #979797;background-color: #f4f5f5;}
.hs-form-booleancheckbox-display input[type="checkbox"]:checked + span::before {background-color: #000;border-color: #000;}
.legal-consent-container .hs-form-booleancheckbox-display>span {margin-left: 0 !important;line-height: 1.43;letter-spacing: 0.3px;color: #b0b0b0;font-weight: 500;}
.legal-consent-container .hs-form-booleancheckbox-display>span a {color: #b0b0b0;font-weight: 500;text-decoration: underline;}
form .actions button {border-radius: 0;}
form .actions button span.arrow {display: flex;align-items: center;}
form .actions button span.wrap span { font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.22;letter-spacing: 0.43px;}
form .actions {text-align: end;margin-top: 40px;}
[data-hsfc-id=Renderer] .hsfc-TextInput::placeholder{ font-size: 16px;font-weight: 500;line-height: 1.25;letter-spacing: normal;}
.hsfc-Step__Content * {font-family: 'Avenir New' !important;}
[data-hsfc-id=Renderer] .hsfc-Step__Content .hsfc-FieldLabel , [data-hsfc-id=Renderer] .hsfc-Step__Content .hsfc-FieldLabel span {cursor: pointer;font-size: 14px !important;font-weight: 500;line-height: 1.43;letter-spacing: 0.3px;color: var(--mid-grey) !important;}
[data-hsfc-id=Renderer] .hsfc-Step__Content .hsfc-TextInput {border-color: #d0d0d0;box-shadow: none !important;}
[data-hsfc-id=Renderer] .hsfc-Step__Content .hsfc-NavigationRow__Buttons {justify-content: end !important;}
[data-hsfc-id=Renderer] .hsfc-RichText span {font-size: 14px !important;font-weight: 500;line-height: 1.43;color: var(--mid-grey) !important;}
[data-hsfc-id=Renderer] .hsfc-CheckboxInput {position: absolute !important;pointer-events: none;opacity: 0;}
[data-hsfc-id=Renderer] .hsfc-Step__Content .hsfc-CheckboxField .hsfc-FieldLabel > span {padding-left: 24px;position: relative;}
[data-hsfc-id=Renderer] .hsfc-Step__Content .hsfc-CheckboxField .hsfc-FieldLabel > span:before {content: "";position: absolute;left: 0;top: 2px;width: 16px;height: 16px;border-radius: 4px;border: solid 1px #979797;background-color: #f4f5f5;}
[data-hsfc-id=Renderer] .hsfc-Step__Content .hsfc-CheckboxField .hsfc-FieldLabel input[type="checkbox"]:checked + span:before {background-color: #000;border-color: #000;}

/* Global form css end  */

.main-text h3::after, .main-text h4::after, .main-text h5::after, .main-text h6::after{content: '/';position: absolute;right: 0px;width: 1px;height: auto;bottom:0;}
.main-text h1, .main-text h2, .main-text h3, .main-text h4, .main-text h5, .main-text h6 {position: relative;display: inline;padding-right: 5px;margin-bottom: 40px;}
hr {width: 100%;transform: scaleX(0);transform-origin: left center;margin: 18px 0px 35px;border-color: var(--charcoal);opacity: 0.1;}
body.dark-theme header.sticky-header .logo a svg path {fill: var(--charcoal);}
header.menu-open .logo a svg path {fill: var(--charcoal) !important;}
.header-claim {position: absolute;right: 40px;top: 0;transition: all 0.4s ease-in-out;opacity: 1;visibility: visible;height: 100vh;display: flex;align-items: center;justify-content: center;}
header.hide-header .header-claim , header.sticky-header .header-claim{opacity:0; visibility:hidden;}
.dark-logo .header-claim p , .dark-logo .header-claim p span{color: var(--charcoal)}
.light-logo .header-claim p , .light-logo .header-claim p span{color: var(--white)}
.header-claim p {-ms-writing-mode: tb-lr;-webkit-writing-mode: vertical-lr;writing-mode: sideways-lr;text-orientation: mixed;font-size: 16px;font-weight: 500;font-style: normal;line-height: normal;letter-spacing: 0.38px;font-family: Harrison New}
.header-claim p span{font-style: italic;font-weight:300;font-family: Harrison New}
.main-image-wrapper .image{overflow: hidden;height: 100%;width: 100%;display: flex;}
.heading.main-text {margin: 20px 0px;}
.main-image-wrapper img {transition: transform 0.8s;width:100%;}
.main-image-wrapper:hover img {transform: scale(1.05);}

/* banner css start  */

.banner-main-wrapper {margin-top: -120px;}
.banner-main-wrapper .banner-background {position: absolute;width: 100%; height:100%;}
.banner-main-wrapper .banner-background video {width: 100%;height: 100%;object-fit: cover;}
.banner-inner {height:100dvh;display: flex; align-items: flex-end;position:relative;}
.banner-content-wrapper {width: 100%;z-index: 1;position: relative;bottom: 115px;}
.banner-content-wrapper .headline-label, .banner-content-wrapper .heading-main *, .banner-content-wrapper .heading-secondary * {color: var(--white);}
.banner-slider .swiper-pagination {bottom: 54px;}
.swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;opacity: 0.3;background-color: var(--white);transition: all 0.4s ease-in-out;border-radius:4px;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;opacity: 1;width: 30px;border-radius: 4px;}
.banner-content-wrapper .headline-label{font-family: Harrison New;margin-bottom: 20px;font-weight: 300;}
.banner-content-wrapper .banner-title-wrapper .heading-secondary h2 {font-weight: 300;}
.banner-title-wrapper {padding-bottom: 144px;position: relative;}
.banner-content-wrapper .bottom-link {text-align: end;}
.banner-content-wrapper .bottom-link span.wrap .inner {color: var(--white);}

/* banner css end  */

.space-s {height: 25px;}
.space-m {height: 50px;}
.space-l {height: 75px;}
.space-xl {height: 100px;}


h1,
h2{position: relative;overflow: hidden;}
.banner-title-wrapper .heading-main .word:after , .banner-title-wrapper .heading-secondary .word:after , .news-letter-content-inr .word:after , .edition-inr-content .main-title .word::after,
.edition-quote h1 .word:after, .edition-quote h2 .word:after{display: none !important;}
.banner-title-wrapper:before {content: '/';position: absolute;bottom: 0px;height: auto;color: #fff;width: 1px;font-size: clamp(36px,calc(36px + (72 - 36) * ((100vw - 390px) / (1440 - 390))),72px);line-height: 1.08;}
.img-parallex {overflow: hidden;}
.img-parallex img {height: 120% !important;transform: translateY(0);}
.slider-product {overflow: visible;}
.line {display: -moz-inline-box !important;display: -webkit-inline-box !important;display: inline-block !important;overflow: visible !important;}
.split-text.has-br .line:last-of-type .word:last-of-type::after,
.split-text:not(.has-br) .line:first-of-type .word:last-of-type::after {content: "/";margin-left: 20px;display: inline-block;}
.line {display: inline-block !important; /* using inline-block generally has better cross browser whitespace support than raw inline */overflow: visible !important;}
.word {display: inline-block !important;}

/* global slider css start  */

.slider-parent-wrapper .swiper-slide{width: auto;display: flex;flex-direction: column;height: auto;}
.slider-parent-wrapper .slider-product .slider-content-wrapper .main-heading {margin: 20px 0px;}
.slider-parent-wrapper .slider-product .slider-content-wrapper {display: flex;flex-direction: column;height: 100%;}
.slider-main-wrapper .main-global-link {padding-top: 40px;text-align: end;}
.slider-product .swiper-pagination {bottom: -20px;}
.slider-product .swiper-pagination .swiper-pagination-bullet {background: var(--charcoal);}
.slider-product .swiper-wrapper {padding-bottom: 20px;}
/* .slider-parent-wrapper .slider-product .slider-content-wrapper img{transition: transform 0.8s;width: 100%;height: 354px !important;object-fit: cover;} */
.slider-parent-wrapper .slider-product .slider-content-wrapper img{transition: transform 0.8s;height: 100% !important;object-fit: cover;}
.slider-parent-wrapper .slider-product .slider-content-wrapper:hover img{transform: scale(1.05);}
.slider-parent-wrapper .slider-product .product-img-wrapper {overflow: hidden;display: flex;flex-direction: column;flex: 1;}
.slider-product , .slider-product a {cursor: grab;}
.slider-product:active , .slider-product:active a {cursor: grabbing;}

/* global slider css end  */

/* dealer css start  */

.main-dealer-search-wrapper {position: relative;aspect-ratio: 1728 / 851;}
.dealer-background {position: absolute;height: 100%;width: 100%;}
.dealer-main-wrapper {display: flex;align-items: center;height: 100%;justify-content: space-between;padding: 74px 0px 118px 0px;}
.dealer-main-wrapper .container{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.dealer-main-wrapper a {margin-left: auto;}
.dealer-main-wrapper .main-text h2 {color: var(--white);}

/* dealer css end */

/* edition css start  */

.edition-main-wrapper .edition-inr {width: 100%;aspect-ratio: 1728 / 1117;position: relative;}
.parallax-wrapper {position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;  overflow: hidden;z-index: 0;}
.parallax-wrapper .parallax-img  {width: 100%;height: 130%;object-fit: cover;position: absolute;top: 0;left: 0;will-change: transform;}

.edition-inr-content {display: flex;height: 100%;align-items: center;padding: 135px 0px 102px 0px;z-index: 1;position: relative;}
.edition-inr-content * {color: #fff;}
.edition-inr-content .sub-title {margin-bottom: 20px;}
.edition-inr-content .main-title {margin-bottom: 40px;}
.edition-inr-content .container {display: flex;flex-direction: column;height: 100%;justify-content: space-between;gap:80px;}
.edition-inr-content .top-title-wrapper {max-width: 728px;}
.edition-inr-content .edition-counters {display: grid;grid-template-columns: repeat(4, 1fr);}
.edition-inr-content .edition-counters .counter-title {margin-bottom: 40px;}
.edition-inr-content .edition-btn-wrapper {text-align: end;padding-top: 98px;}
.edition-inr-content .edition-btn-wrapper span.wrap span.inner {color: #fff;}
.edition-inr-content .edition-btn-wrapper span.wrap span.inner img {filter: invert(1);}
.edition-inr-content .edition-counters .counter-title h3 span {align-items: center;}
/* edition css end  */


/* Accordion css start  */

.toggle-box-main .accordion-head {display: flex;align-items: center;justify-content: space-between;padding: 28px 0px;cursor: pointer;}
.toggle-box-main .accordion-body {display: grid;row-gap: 80px;column-gap: 40px;  height: 0;overflow: hidden;transition: all 0.6s ease;}
.column_1 .accordion-body{grid-template-columns: 1fr;}
.column_2 .accordion-body{grid-template-columns: 1fr 1fr;}
.column_3 .accordion-body{grid-template-columns: 1fr 1fr 1fr;}
.toggle-box-main .accordion-items .card-image {display: flex;max-height: 450px;margin-bottom: 40px;}
.toggle-box-main .accordion-items .card-image img {width: 100%;height: 100%;object-fit: cover;}
.toggle-box-main .accordion-body .card-title-wrapper {margin-bottom: 20px;}
.toggle-content-main-wrapper .accordion-main-wrapper , .material-surfaces-main-wrapper .surfaces-grid {padding-left: 256px;margin-top:35px;}
.main-product-keydata-wrapper .kd-main-grid {padding-left: 256px;}
.toggle-box-main .accordion-head span svg {transition: transform 0.3s ease;}
.toggle-box-main.active .accordion-head span svg {transform: rotate(45deg); }
.toggle-box-main.active .accordion-head {border-bottom-color: transparent;}
.toggle-box-main .accordion-head span {display: flex;align-items: center;}
.toggle-box-main {border-bottom: 1px solid #1212121A;}
.toggle-box-main.active {padding-bottom: 80px;}
.toggle-box-main.active .accordion-body {padding-top: 25px;}
.accordion-main-wrapper.product-material .toggle-box-main.active .accordion-body{padding-top:0; margin-top:25px}
.accordion-main-wrapper .toggle-box-main:first-child .accordion-head {padding-top: 0;}
.dark-theme .toggle-box-main .accordion-head span svg path {fill: #fff;}

/* Accordion css End  */

/* About css start  */

.about-image {display: flex;}
.about-content {max-width: 856px;}
.about-inr-wrapper.img-left .about-content{margin-left: auto;}
.about-inr-wrapper.img-left .about-image {justify-content: flex-start;}
.about-inr-wrapper.img-right .about-content{margin-right: auto;}
.about-inr-wrapper.img-right .about-image {justify-content: flex-end;}
.about-title-wrapper {margin-top: -104px;padding-bottom: 80px;}
.about-image img {max-width: calc(100% - 20%);}

/* About css end  */


/* breakout css start */
.breakout-int {display: flex;align-items: flex-start;padding: 68px 40px 68px 128px;background: #f2f2f2;justify-content: space-between;gap: 90px;}
.breakout-int.left-img {flex-direction: row-reverse;padding: 68px 128px 68px 40px;}
.breakout-content {max-width: 600px;flex:1;}
.breakout-img {flex: 1;margin-top: -174px;display: flex;align-items: center;justify-content: center;}
.breakout-img img {object-fit: cover;}
.breakout-int .breakout-btn {display: flex;align-items: center;flex-wrap: wrap;column-gap: 40px;row-gap: 20px;}
.breakout-int.text-white .edition-quote * , .full-bleed-section.text-white .edition-quote *{color: #fff;}
.breakout-int.text-black .edition-quote *, .full-bleed-section.text-black .edition-quote * {color: #121212;}

/* breakout css end */


/* teaser css start  */

.full-bleed-section {position: relative;display: grid;grid-template-columns:[full-start] minmax(1rem, 1fr) [content-start] minmax(0, calc(var(--container-max) / 2)) [center] minmax(0, calc(var(--container-max) / 2)) [content-end] minmax(1rem, 1fr) [full-end];align-items: flex-start;background: #efeae6;}
.image-wrapper img {width: 100%;height: auto;display: block;object-fit: cover;}
.content-wrapper {box-sizing: border-box;}
.variant-left .image-wrapper {grid-column: full-start / center;order:1;display: flex;height: 100%;}
.variant-right .image-wrapper{display: flex;height: 100%;}
.variant-left .content-wrapper {grid-column: center / content-end;order:2;}
.variant-right .content-wrapper {grid-column: content-start / center;}
.variant-right .image-wrapper {grid-column: center / full-end;}
.full-bleed-section .full-bleed-btn {position: absolute;bottom: 100px;grid-column: center / content-end;right: 0;}
.content-wrapper {padding: 174px 0px 150px 40px;}
.full-bleed-section.variant-right .content-wrapper {padding: 174px 40px 150px 10px;}
.full-bleed-section.variant-right .content-wrapper .full-bleed-btn {right: calc(100% + 40px);width: max-content;}
/* teaser css end  */


/* editor style css start  */
.editor-style h1, .editor-style h2, .editor-style h3, .editor-style h4, .editor-style h5, .editor-style h6 {margin-bottom: 25px; display: inline-block;margin-top:15px;}
.editor-style p, .editor-style span {margin-bottom: 25px;color: var(--charcoal);}
.editor-style ul {list-style: initial;padding-left: 30px;margin-bottom:30px;}
.editor-style ul li p {margin-bottom: 10px;}

/* editor style css end  */

.brochure-grid {display: grid;grid-template-columns: repeat(3, 1fr);row-gap: 100px;column-gap: 40px;padding-top: 80px;}
.brochure-image {margin-bottom: 10px;}
.brochure-btn-wrapper {display: flex;flex-direction: column;align-items: center;gap: 20px;}
.brochure-image img , .img-placeholder img{width: 100% !important;height: 100% !important;object-fit: cover;}
.brochure-wrapper h3, .material-wrapper h3, .project-listing-main-wrapper .filter-label-total .total-project , .product-listing-main-wrapper .filter-label-total .total-project {font-size: clamp(18px,calc(18px + (36 - 18) * ((100vw - 390px) / (1440 - 390))),36px);letter-spacing: clamp(0.25px,calc(0.25px + (0.5 - 0.25) * ((100vw - 390px) / (1440 - 390))),0.5px);font-weight: 500;line-height: 1.11;}
.brochure-wrapper {display: flex;flex-direction: column;height: 100%;}
.img-placeholder {flex: 1;margin-bottom:10px;}
.brochure-title {flex: 1;}

/* project listing css start  */

.project-listing-main-wrapper .filter-label-total , .product-listing-main-wrapper .filter-label-total {margin-bottom: 54px;display: flex;gap: 10px;}
.project-listing-main-wrapper .filter-label-total .total-project , .product-listing-main-wrapper .filter-label-total .total-project {font-weight: 300;font-family: Harrison New}
.project-filter-nav {display: flex;align-items: center;gap: 8px;margin-bottom: 48px;flex-wrap:wrap;}
.filter-item-wrapper {display: flex;align-items: center;gap: 8px;}
.project-filter-nav a , .project-filter-nav span {color: var(--mid-grey);font-size: 18px;font-weight: 500;line-height: 1.22;letter-spacing: 0.43px;}
.project-filter-nav a.active {color: var(--charcoal);}
.project-card-wrapper {display: grid;row-gap: 180px;}
.project-card-wrapper .project-content-wrapper {display: flex;gap: 80px;}
.project-card-wrapper .project-content-wrapper:nth-child(even) {flex-direction: row-reverse;column-gap: 190px;}
.project-content {padding-top: 100px;}
.project-content .project-name {margin-bottom: 44px;}
.project-content .project-cat {margin-bottom: 42px;display: flex;align-items: center;gap: 5px;flex-wrap: wrap;}
.project-location-wrapper {display: flex;flex-direction: column;gap: 20px;}
.project-location ul,.project-interiorDesign ul {display: flex;flex-direction: row;gap: 20px;}
.project-location li.location-label,.project-interiorDesign li.location-label {flex: 0 0 108px;}
.project-location li.location-name,.project-interiorDesign li.location-name {flex: 1;}
.project-location ul li,.project-interiorDesign ul li{font-family: Harrison New;}
.location-label {font-size: 16px;font-weight: 500;line-height: 1.25;letter-spacing: 0.38px;color: var(--mid-grey);}
.location-name {font-weight: 500;color: var(--charcoal);}
.project-filter-nav a {transition: all 0.3s ease-in-out;}
.project-filter-nav a:hover {color: var(--charcoal);}
.project-image {max-width: calc(100% - 30%);}
.project-image img {width: 100%;object-fit: cover;}
.product-dropdown {display: none;}
.project-card-wrapper{padding-bottom: 180px;}

/* project listing css end  */


/* Materials  listing css start  */

.material-listing-main-wrapper .listing-heading {padding-bottom: 121px;}
.material-listing-main-wrapper .material-title {margin-bottom: 20px;}
.material-listing-main-wrapper .material-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;padding-bottom:200px;}
.material-wrapper {display: flex;flex-direction: column;height: 100%;}
.material-image {flex: 1;height: 100%;display: flex;align-items: flex-end;justify-content: center;}
.material-image img {width: 100%;object-fit: contain;}
.accordion-main-wrapper.product-material .accordion-head h4 br {display: none;}


/* Materials  listing css end  */

/* material surface css start  */
.surfaces-grid.column_5 , .accordion-main-wrapper.product-material .toggle-box-main.column_5 .accordion-body {display: grid;grid-template-columns: repeat(5, 1fr);gap: 40px;}
.surfaces-grid.column_5{margin: 80px 0px 290px 0px;}
.surfaces-grid .surfaces-wrapper , .accordion-main-wrapper.product-material .accordion-body .accordion-items {display: flex;flex-direction: column;align-items: center;text-align: center;}
.accordion-main-wrapper.product-material .accordion-body .accordion-items .card-image {margin-bottom: 0;max-height: 100%;}
.surfaces-title , .accordion-main-wrapper.product-material .accordion-body .accordion-items .card-title{margin-top: 20px;}
.surfaces-image , .accordion-main-wrapper.product-material .accordion-body .accordion-items .card-image {display: flex;align-items: center;justify-content: center;}

/* material surface css end  */


/* product css start  */

.product-card-wrapper {display: flex;flex-wrap: wrap;row-gap: 100px;column-gap: 40px;justify-content: flex-start;padding-bottom: 200px;}
.product-content .project-name {margin: 20px 0px;}
.product-content-wrapper .product-image {display: flex;align-items: center;justify-content: center;}
.product-content-wrapper .product-image img {object-fit: cover;}

.hero-horizontal img{height: 660px;width:100%;}
.hero-medium-horizontal img {height: 544px;width:100%;}
.medium-horizontal img{height: 430px;width:100%;}
.small-horizontal img{height: 315px;width:100%;}
.hero-vertical img{height: 764px;width:100%;}
.medium-vertical img{height: 560px;width:100%;}
.small-vertical img{height: 355px;width:100%;}
.product-inside{width:100%;}
.product-inside:has(.hero-horizontal){max-width: 882px;}
.product-inside:has(.hero-medium-horizontal){max-width: 725px;}
.product-inside:has(.medium-horizontal){max-width: 574px;}
.product-inside:has(.small-horizontal){max-width: 421px;}
.product-inside:has(.hero-vertical){max-width: 574px;}
.product-inside:has(.medium-vertical){max-width: 420px;}
.product-inside:has(.small-vertical){max-width: 270px;}

/* product css end  */



/* lightbox css start  */

.lightbox {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 1000;opacity: 0;visibility: hidden;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(15px);}
.lightbox-close {position: absolute;top: 30px;right: 30px;width: 50px;height: 50px;background: rgba(255, 255, 255, 0.05);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 1010;border: 1px solid rgba(255, 255, 255, 0.1);transition: all 0.3s ease;}
.lightbox-close:hover {transform: rotate(90deg);}
.lightbox-close svg, .lightbox-info svg {width: 24px;height: 24px;fill: #fff;}
.lightbox-info {position: absolute;top: 30px;left: 30px;width: 50px;height: 50px;background: rgba(255, 255, 255, 0.05);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 1010;border: 1px solid rgba(255, 255, 255, 0.1);transition: all 0.3s ease;}
.tooltip {padding: 36px 23px 29px 37px;}
.tooltip-content-wrapper {position: absolute;top: 72px;left: 30px;color: var(--charcoal);font-size: 0.9rem;font-weight: 400;opacity: 0;transform: translateY(10px);transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);max-width: 600px;z-index: 1011;border-radius: 10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);background-color: #fff;}
.tooltip-content-wrapper.show {opacity: 1;transform: translateY(0);}
.swiper-lightbox {width: 100%;height: 80vh;max-width: 1200px;padding: 40px;position: relative;}
.swiper-lightbox .swiper-slide {display: flex;align-items: center;justify-content: center;}
.swiper-lightbox .swiper-slide img {max-width: 100%;max-height: 100%;object-fit: contain;}
.lightbox-nav-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 60px;height: 60px;background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.05);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 1005;transition: all 0.3s ease;}
.lightbox-nav-btn svg {width: 20px;height: 20px;fill: #fff;}
.lightbox-prev { left: 40px; }
.lightbox-next { right: 40px; }
.swiper-lightbox-pagination {position: absolute;bottom: 0px !important;left: 50% !important;transform: translateX(-50%);z-index: 1005;display: flex;gap: 12px;justify-content: center;}
.swiper-lightbox-pagination .swiper-pagination-bullet {width: 8px;height: 8px;background: var(--charcoal);opacity: 0.3;transition: all 0.3s ease;margin: 0 !important;border-radius: 50%;}
.swiper-lightbox-pagination .swiper-pagination-bullet-active {width: 30px;border-radius: 12px;opacity: 1;background: var(--charcoal);}
.swiper-lightbox.fade-mode .swiper-slide {opacity: 0 !important;transition: opacity 0.6s ease;}
.swiper-lightbox.fade-mode .swiper-slide-active {opacity: 1 !important;}
.swiper-main .swiper-slide {width: auto !important;height: auto;display:flex;cursor: pointer;position: relative;overflow: hidden;transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
.swiper.swiper-main {overflow: visible;}
.lightbox-nav-btn.swiper-button-disabled {opacity: 0.2;pointer-events: none;}
.tooltip-content-wrapper:after {content: '';position: absolute;top: -8px;left: 18px;width: 15px;height: 15px;transform: rotate(45deg);z-index: -3;opacity: 1;border-left: 1px solid rgb(0 0 0 / 7%);border-top: 1px solid rgb(0 0 0 / 7%);background: #fff;}
.tooltip-content-wrapper button.close-tooltip {background: transparent;padding: 0;position: absolute;top: 0;right: 20px;top: 10px;}
.tooltip-content-wrapper button.close-tooltip svg {height: 14px;width: 14px;}
.lightbox-info.in-viewport{animation: gentleBounce 1s ease-in-out;}

@keyframes gentleBounce {
  0%, 100% { transform: translateY(0); }
  20% { transform: translateY(-10px); }
  40% { transform: translateY(0); }
  60% { transform: translateY(-5px); }
  80% { transform: translateY(0); }
}
.tooltip-content-wrapper .tooltip {max-height: 70vh;overflow: auto;}
/* lightbox css end  */

.main-text-wreapper .editor-style h1 + hr, .main-text-wreapper .editor-style h2 + hr, .main-text-wreapper .editor-style h3 + hr, .main-text-wreapper .editor-style h4 + hr,
.main-text-wreapper .editor-style h5 + hr, .main-text-wreapper .editor-style h6 + hr{margin-top:-7px;}
/* key data css start  */

.main-product-keydata-wrapper .kd-main-grid {display: grid;grid-template-columns: repeat(4, 1fr);row-gap: 80px;column-gap: 40px;margin:80px 0px 20px 0px;}
.main-product-keydata-wrapper .kd-main-grid .kd-main {display: flex;flex-direction: column;gap: 28px;}
.main-product-keydata-wrapper .kd-main-grid .kd-image {flex: 1;display: flex;align-items: center;}
.main-product-keydata-wrapper .kd-main-grid .kd-main .kd-number h3 {font-size: 100px;font-weight: 500;line-height: 1.04;}
.main-product-keydata-wrapper .kd-main-grid .kd-main .kd-number h3 span {align-items: center;}


/* key data css end  */




/* ================= MEDIA QUERIES ================= */

@media(max-width:1366px){
  
  .header-top{padding: 35px 30px;}
  .burger {right: 30px;}
  .news-letter-content {padding: 60px;}
  
  .hero-horizontal img{height: 520px;width:100%;}
  .hero-medium-horizontal img{height: 450px;width:100%;}
  .medium-horizontal img{max-width: 480px;height: 360px;width:100%;}
  .hero-vertical img{height: 640px;width:100%;}
  .medium-vertical img{height: 480px;width:100%;}
  .product-inside:has(.hero-horizontal){max-width: 700px;}
  .product-inside:has(.hero-medium-horizontal){max-width: 600px;}
  .product-inside:has(.medium-horizontal){max-width: 480px;}
  .product-inside:has(.hero-vertical){max-width: 480px;}
  .product-inside:has(.medium-vertical){max-width: 360px;}


}

@media(max-width:1240px){
.edition-main-wrapper .edition-inr {height: 980px;}
.toggle-content-main-wrapper .accordion-main-wrapper , .material-surfaces-main-wrapper .surfaces-grid ,  .main-product-keydata-wrapper .kd-main-grid{padding-left: 156px;}
.main-product-keydata-wrapper .kd-main-grid .kd-main .kd-number h3 {font-size: 80px;}
}

@media(max-width:1140px){
.breakout-int {padding: 68px 40px 68px;}
.surfaces-grid.column_5 , .accordion-main-wrapper.product-material .toggle-box-main.column_5 .accordion-body {grid-template-columns: repeat(4, 1fr);}
.surfaces-grid.column_5{margin: 60px 0px 240px 0px;} 
.hero-horizontal img{height: 450px;width:100%;}
.hero-medium-horizontal img{height: 375px;width:100%;}
.medium-horizontal img{height: 300px;width:100%;}
.hero-vertical img{height: 533px;width:100%;}
.medium-vertical img{height: 426px;width:100%;}
.product-inside:has(.hero-horizontal){max-width: 600px;}
.product-inside:has(.hero-medium-horizontal){max-width: 500px;}
.product-inside:has(.medium-horizontal){max-width: 400px;}
.product-inside:has(.hero-vertical){max-width: 400px;}
.product-inside:has(.medium-vertical){max-width: 320px;}  
.product-card-wrapper {column-gap: 20px;}
  
}

@media(max-width:1024px){
h1,.h1{font-size:56px}
h2,.h2{font-size:36px}
h3,.h3{font-size:22px}
h4,.h4{font-size:15px}
.ct-1, .main-text.ct-1 p, .main-text.ct-1 span{font-size:42px}
.ct-2, .main-text.ct-2 p, .main-text.ct-2 span , .about-title-quote p, .about-title-quote span{font-size:24px}
.ct-3, .main-text.ct-3 p, .main-text.ct-3 span , .edition-quote p, .edition-quote span{font-size:17px}
.ct-4, .main-text.ct-4 p, .main-text.ct-4 span{font-size:13px}
.news-letter-content {padding: 40px;}
.menu-grid {gap: 20px;}
.banner-inner {height:100dvh;}
.main-dealer-search-wrapper {aspect-ratio: inherit;height: 690px;} 
.edition-main-wrapper .edition-inr {height: 100%;aspect-ratio: inherit;}
.toggle-content-main-wrapper .accordion-main-wrapper , .material-surfaces-main-wrapper .surfaces-grid , .main-product-keydata-wrapper .kd-main-grid{padding-left: 0;}
.breakout-int, .breakout-int.left-img {padding: 68px 40px 68px;gap: 30px;} 
.breakout-img {margin-top: -138px;} 
.content-wrapper {padding: 54px 0px 90px 40px;} 
.full-bleed-section .full-bleed-btn {bottom: 40px;}
.brochure-grid {column-gap: 10px;} 
.brochure-grid {column-gap: 10px;grid-template-columns: repeat(2, 1fr);row-gap: 40px;padding-top: 40px;} 
.project-card-wrapper .project-content-wrapper , .project-card-wrapper .project-content-wrapper:nth-child(even) {gap: 30px;}
.material-listing-main-wrapper .material-grid {grid-template-columns: repeat(3, 1fr);}
  
.hero-horizontal img{height: 400px;width:100%;}
.hero-medium-horizontal img{height: 337px;width:100%;}
.medium-horizontal img{height: 262px;width:100%;}
.hero-vertical img{height: 466px;width:100%;}
.medium-vertical img{height: 400px;width:100%;}
.product-inside:has(.hero-horizontal){max-width: 100%;}
.product-inside:has(.hero-medium-horizontal){max-width: 450px;}
.product-inside:has(.medium-horizontal){max-width: 350px;}
.product-inside:has(.hero-vertical){max-width: 350px;}
.product-inside:has(.medium-vertical){max-width: 300px;}    
  
}

@media(max-width:991px){
h1,.h1{font-size:48px}
h2,.h2{font-size:32px}
h3,.h3{font-size:20px}
h4,.h4{font-size:14px}
.ct-1, .main-text.ct-1 p, .main-text.ct-1 span{font-size:36px}
.ct-2, .main-text.ct-2 p, .main-text.ct-2 span{font-size:22px}
.ct-3, .main-text.ct-3 p, .main-text.ct-3 span{font-size:16px}
.ct-4, .main-text.ct-4 p, .main-text.ct-4 span{font-size:13px}
footer .footer-newsletter {grid-template-columns: 100%;}
.footer-links p.copyright small {color: var(--white);opacity: 0.5;font-weight: normal;}
.news-letter-content {padding: 40px 30px;}
.footer-logo {position: inherit;left: 0;transform: inherit;order: 1;}
.footer-bottom-inr {flex-direction: column;align-items: center;gap: 60px;}
.footer-bottom {padding: 60px 0px 40px 0px;}
.footer-social-links{order: 2;}
.footer-links {order: 3;flex-direction: column;gap: 20px;}
.menu-grid{grid-template-columns: 1fr;}
.menu-grid .menu-col h3 {margin-bottom: 0;padding-bottom: 28px;color: var(--charcoal);}
.menu-grid .menu-col span.toggle {display: flex;position: absolute;right: 0;top: 6px;}
.menu-grid .menu-col {border-bottom: 1px solid #1212121A;}
.menu-grid .menu-col:last-child{border-bottom: 0;}
.menu-bottom .menu-bottom-grid {flex-direction: column;align-items: flex-start;gap: 42px;}
.menu-bottom .menu-bottom-grid{margin-top: 0;}
.menu-col ul{height:0;overflow:hidden;transition:height .35s ease;}
.menu-col .toggle svg{transition: transform .3s ease;}
.menu-col.open .toggle svg{transform: rotate(45deg);}
.menu-grid .menu-col span.toggle:after {content: '';position: absolute;right: 0px;width: calc(100vw - 60px);height: 100%;}
.menu-overlay{max-height: 100dvh;height:100%;}
.mobile-copyright {display: flex;margin: 0 auto;}
.mobile-copyright p {font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: 0.3px;color: var(--mid-grey);}
.menu-bottom .menu-bottom-grid .social-icons{width: 100%;justify-content: center;padding-top: 20px;border-top: 1px solid #1212121A;}
.mobile-copyright p {font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: 0.3px;color: var(--mid-grey);}
.menu-grid .menu-col.open {padding-bottom: 36px;}
main {padding-top: 110px;}
.news-letter-content h2 {margin-bottom: 22px;}
.news-letter-content p {margin-bottom: 30px;}
.header-claim{right:24px}
.banner-main-wrapper {margin-top: -110px;}
/* .slider-parent-wrapper .slider-product .slider-content-wrapper img {height: 254px !important;}  */
.edition-inr-content .edition-counters {grid-template-columns: repeat(2, 1fr);row-gap: 60px;}  
.edition-inr-content .edition-counters .counter-title {margin-bottom: 18px;} 
.column_3 .accordion-body {grid-template-columns: 1fr 1fr;} 
.toggle-box-main .accordion-head {padding: 22px 0px;}  
.toggle-box-main .accordion-head span svg {width: 16px;}  
footer .newsletter-img-left {min-height: 268px;}  
.about-image img {max-width: 100%;height: auto;object-fit: cover;}  
.about-title-wrapper {margin-top: 0;padding-bottom: 44px;}  
.about-content {max-width: 100%;padding-top: 40px;}  
.mobile-space-s {height: 12px !important;}
.mobile-space-m {height: 25px !important;}
.mobile-space-l {height: 38px !important;}
.mobile-space-xl {height: 50px !important;}  
.breakout-int ,.breakout-int, .breakout-int.left-img{flex-direction: column-reverse;padding: 60px 20px 60px;gap: 30px;}  
.breakout-img {margin: -150px auto 0px;width:100%;}  
.full-bleed-section {display: flex;flex-direction: column;}
.full-bleed-section.variant-left .content-wrapper,
.full-bleed-section.variant-right .content-wrapper {order: 1;padding:50px 30px;}
.variant-left .image-wrapper,.variant-right .image-wrapper {order: 2;width:100%;} 
.full-bleed-section .full-bleed-btn {position: relative;justify-content: end;width: max-content;margin-left: auto;display: flex;bottom:0;}  
.full-bleed-section.variant-right .content-wrapper .full-bleed-btn {right: 0;}  
.breakout-img img {width: 100%;height: auto;}  
 .project-card-wrapper .project-content-wrapper , .project-card-wrapper .project-content-wrapper:nth-child(even) {flex-direction:column;} 
.project-content {padding-top: 0;} 
.project-image img {width: auto;max-width: 100%;}
.project-image {max-width: 100%;}
.project-card-wrapper {row-gap: 80px;}
.material-listing-main-wrapper .material-grid {grid-template-columns: repeat(2, 1fr);} 
.material-listing-main-wrapper .listing-heading , .material-listing-main-wrapper .material-grid {padding-bottom: 80px;}  
.surfaces-grid.column_5 , .accordion-main-wrapper.product-material .toggle-box-main.column_5 .accordion-body {grid-template-columns: repeat(3, 1fr);} 
.surfaces-grid.column_5{margin: 40px 0px 160px 0px;}
.hero-horizontal img{height: 285px;width:100%;}
.hero-medium-horizontal img{height: 285px;width:100%;}
.hero-vertical img{height: 506px;width:100%;}
.small-vertical img{height: 240px;width:100%;}
.medium-vertical img{height: 450px;width:100%;}
.product-inside:has(.hero-horizontal){max-width: 340px;}
.product-inside:has(.hero-medium-horizontal){max-width: 340px;}
.product-inside:has(.hero-vertical){max-width: 340px;}
.product-inside:has(.small-vertical){max-width: 180px;}
.product-inside:has(.medium-vertical){max-width: 340px;}    
.product-inside:has(.medium-horizontal), .product-inside:has(.small-horizontal){max-width: 340px;}
[data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons .hsfc-Button{text-align:end;}
.main-product-keydata-wrapper .kd-main-grid {grid-template-columns: repeat(3, 1fr);row-gap: 40px;column-gap: 20px;}  
}

@media(max-width:767px){
h1,.h1{font-size:36px;line-height:1.11;letter-spacing:.5px}
h2,.h2{font-size:28px;line-height:1.14;letter-spacing:.39px}
h3,.h3{font-size:20px;line-height:1.2;letter-spacing:.28px}
h4,.h4{font-size:14px;line-height:1.29;letter-spacing:.33px}
.ct-1, .main-text.ct-1 p, .main-text.ct-1 span {font-size:24px;line-height:1.42}
.ct-2, .main-text.ct-2 p, .main-text.ct-2 span , .about-title-quote p, .about-title-quote span{font-size:18px;line-height:1.33;letter-spacing:.43px}
.ct-3, .main-text.ct-3 p, .main-text.ct-3 span , .edition-quote p, .edition-quote span{font-size:16px;line-height:1.38;letter-spacing:.27px}
.ct-4, .main-text.ct-4 p, .main-text.ct-4 span{font-size:12px;line-height:1.33;letter-spacing:.26px}
.btn-secondary, .btn-secondary, .hs-button.btn-secondary , .btn-primary{border-radius: 50px;padding: 14px 35px;}
.split-text.has-br .line:last-of-type .word:last-of-type::after, .split-text:not(.has-br) .line:first-of-type .word:last-of-type::after {margin-left: 10px;}
.banner-content-wrapper {bottom: 88px;}
.banner-slider .swiper-pagination {bottom: 40px;}
.banner-title-wrapper {padding-bottom: 80px;} 
.light-logo .header-claim p, .light-logo .header-claim p span {font-size: 14px;}
.header-claim {top: 140px;align-items: flex-start;}  
.banner-inner {height:100dvh;} 
/* .slider-parent-wrapper .slider-product .slider-content-wrapper img{height:182px !important;} */
hr {margin: 22px 0px 26px;}
.slider-parent-wrapper .slider-product .slider-content-wrapper .main-heading {margin: 10px 0px;}  
.slider-product .swiper-wrapper {padding-bottom: 14px;}
.slider-main-wrapper .main-global-link {padding-top: 50px;} 
.dealer-main-wrapper {padding: 40px 0px 60px 0px;}  
.dealer-main-wrapper a {margin-right: auto;}  
footer .footer-newsletter .newsletter-img {max-height: 268px;}
.edition-inr-content {padding: 80px 0px 58px 0px;} 
.edition-inr-content .main-title {margin-bottom: 20px;}  
.column_3 .accordion-body , .column_2 .accordion-body {grid-template-columns: 1fr;}  
.toggle-box-main.active {padding-bottom: 50px;}  
.toggle-box-main.active .accordion-body {padding-top: 0;}
  .accordion-main-wrapper.product-material .toggle-box-main.active .accordion-body{margin-top:0px}
.toggle-box-main .accordion-body {row-gap: 30px;}  
 .toggle-content-main-wrapper .accordion-main-wrapper , .material-surfaces-main-wrapper .surfaces-grid {margin-top: 26px;} 
.toggle-box-main .accordion-head {padding: 24px 0px;} 
.breakout-img {margin: -140px auto 0px;}  
.editor-style p, .editor-style span {margin-bottom: 20px;} 
.editor-style h1, .editor-style h2, .editor-style h3, .editor-style h4, .editor-style h5, .editor-style h6 {margin-bottom: 25px;}
.breakout-int .breakout-btn {column-gap: 20px;row-gap: 20px;}  
.brochure-grid {grid-template-columns: repeat(1, 1fr);} 
.product-dropdown {display: block;margin-bottom: 40px;}
.project-filter-nav {display: none;} 
.project-listing-main-wrapper .filter-label-total , .product-listing-main-wrapper .filter-label-total {margin-bottom: 20px;}
.product-dropdown .select2-container {width: 100% !important;} 
.product-dropdown span.select2-selection.select2-selection--single , .product-dropdown select {padding: 14px 30px 14px 30px !important;border-radius: 25px;border: solid 1px #d0d0d0;height: 50px;}  
.product-dropdown .select2-container .select2-selection--single .select2-selection__rendered , .product-dropdown select {padding: 0;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: 0.38px;font-family: Harrison New;color: var(--charcoal);}
.product-dropdown  .select2-container--default .select2-selection--single .select2-selection__arrow b {transform: rotate(0deg);transition: transform .3s ease;border: none;background-image: url(https://143222450.fs1.hubspotusercontent-eu1.net/hubfs/143222450/janua-img/select-arrow.svg);height: 100%;width: 16px;background-size: 100%;background-repeat: no-repeat;background-position: center;display: flex;margin-top: 0;top: 0;margin-left: 0;left: 0;}
.product-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {right: 18px;top: 50%;transform: translateY(-50%);}  
.product-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform: rotate(180deg);}
.product-dropdown .select2-results__option--selected {display: none;}
.select2-container--default .select2-results>.select2-results__options {max-height: 380px;}
.select2-results__options .select2-results__option--selected {display: none;}  
span.select2-dropdown {border: none;} 
.select2-container--default .select2-results>.select2-results__options {padding: 0 30px;}  
.select2-results__option--selectable {padding: 0;font-size: 16px;font-weight: 500;line-height: 2.25;letter-spacing: 0.38px;color: var(--charcoal);font-family: Harrison New;margin-bottom: 8px;}
.product-dropdown span.select2-selection.select2-selection--single[aria-expanded="true"] {border-color: transparent;}
span.select2-dropdown.select2-dropdown--below {position: relative;}
span.select2-dropdown.select2-dropdown--below:after {pointer-events: none;content: '';position: absolute;top: -50px;left: 0;height: calc(100% + 50px);width: 100%;z-index: 99999999;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);border-radius: 25px;}  
.select2-container{z-index:1;}  
.project-content .project-name, .project-content .project-cat {margin-bottom: 24px;} 
.location-name, .location-label {font-size: 14px;}  
.project-image img {width: 100%;height: auto;} 
.project-card-wrapper{padding-bottom: 80px;}  
.product-dropdown select{width:100%;background-image: url(https://143222450.fs1.hubspotusercontent-eu1.net/hubfs/143222450/janua-img/select-arrow.svg);background-repeat: no-repeat;background-position: right 20px center;appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 100%;background-size: 16px;} 
.material-image img {height: auto;} 
.material-listing-main-wrapper .listing-heading{padding-bottom:40px}
.surfaces-grid.column_5 , .accordion-main-wrapper.product-material .toggle-box-main.column_5 .accordion-body{grid-template-columns: repeat(2, 1fr);row-gap: 30px;column-gap: 20px;}  
.surfaces-grid.column_5{margin: 26px 0px 100px 0px;}
.product-inside:has(.hero-horizontal),
.product-inside:has(.hero-medium-horizontal),
.product-inside:has(.medium-horizontal),
.product-inside:has(.small-horizontal),
.product-inside:has(.hero-vertical),
.product-inside:has(.small-vertical),
.product-inside:has(.medium-vertical) {max-width: 100% !important;width: 100% !important;}
.hero-horizontal img , .hero-medium-horizontal img , .medium-horizontal img , .hero-vertical img, .small-vertical img , .small-horizontal img{height: 100%;}
.product-card-wrapper {column-gap: 0px; row-gap:40px;} 
.swiper-lightbox{padding:30px}
.lightbox-nav-btn {display: none;}
.lightbox-info , .lightbox-close{width: 26px;height: 26px;}  
.tooltip {padding: 25px 20px;}
.tooltip-content-wrapper{max-width: calc(100% - 16%);left: 18px;top: 60px;}
.main-product-keydata-wrapper .kd-main-grid {grid-template-columns: repeat(2, 1fr);margin: 40px 0px 20px 0px;}  
.main-product-keydata-wrapper .kd-main-grid .kd-main .kd-number h3 {font-size: 72px;line-height: 1.06;}
.main-product-keydata-wrapper .kd-main-grid .kd-main {gap: 18px;}  
  
  
}


@supports (font-size:clamp(1rem,2vw,3rem)){
h1,.h1{font-size:clamp(36px,calc(36px + (72 - 36) * ((100vw - 390px) / (1440 - 390))),72px);letter-spacing:clamp(0.5px,0.2vw,1px);font-weight:500;line-height:1.08;letter-spacing:1px}}
h2,.h2 {font-size:clamp(28px,calc(28px + (48 - 28) * ((100vw - 390px) / (1440 - 390))),48px);letter-spacing:clamp(0.39px,0.15vw,0.67px);font-weight:500;line-height:1.08;letter-spacing:.67px}}
h3,.h3{font-size:clamp(20px,calc(20px + (24 - 20) * ((100vw - 390px) / (1440 - 390))),24px);letter-spacing:clamp(0.28px,0.1vw,0.33px);}
h4,.h4{font-size:clamp(14px,calc(14px + (16 - 14) * ((100vw - 390px) / (1440 - 390))),16px);letter-spacing:clamp(0.26px,0.08vw,0.38px);}
.ct-1, .main-text.ct-1 p, .main-text.ct-1 span  {font-size:clamp(24px,calc(24px + (60 - 24) * ((100vw - 390px) / (1440 - 390))),60px);}
.ct-2, .main-text.ct-2 p, .main-text.ct-2 span, .about-title-quote p, .about-title-quote span , .about-title-wrapper p, .about-title-wrapper span  {font-size:clamp(18px,calc(18px + (30 - 18) * ((100vw - 390px) / (1440 - 390))),30px);letter-spacing:clamp(0.43px,0.2vw,0.64px);}
.ct-3, .main-text.ct-3 p, .main-text.ct-3 span , .edition-quote p, .edition-quote span{font-size:clamp(16px,calc(16px + (18 - 16) * ((100vw - 390px) / (1440 - 390))),18px);letter-spacing:clamp(0.27px,0.1vw,0.3px);}
.ct-4, .main-text.ct-4 p, .main-text.ct-4 span {font-size:clamp(12px,calc(12px + (14 - 12) * ((100vw - 390px) / (1440 - 390))),14px);letter-spacing:clamp(0.26px,0.08vw,0.3px);}

}