/* =================reset css starts here=================  */

*{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0}

a{text-decoration:none;border:0;outline:0;}

ul{list-style:none;}

a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}

/* =================reset css ends here================= */

/* =================core css starts here================= */

body{line-height:1.5;font-weight:400;background:#fff;font-family: "IBM Plex Mono", monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

body, html,#main {min-height: 100vh;}

a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;}

a img{border:0px none;}

a:hover{outline:none;color:#2327EA;text-decoration:none;}

a:active{outline:none;text-decoration:none;}

a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}

::-webkit-input-placeholder{color:#000;opacity:0.5;}

::-moz-placeholder{color:#000;opacity:0.5;}

:-moz-placeholder{color:#000;opacity:0.5;}

:-ms-input-placeholder{color:#000;opacity:0.5;}

.os-animation{opacity:0;}

.os-animation.animated{opacity:1;}

img{max-width:100%;border:0;height:auto;}

h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:24px;line-height:1.2;font-weight:700;color:inherit;}

h1{font-size:58px;}

h2{font-size:48px;}

h3{font-size:40px;}

h4{font-size:30px;}

h5{font-size:26px;}

h6{font-size:22px;}

p{margin:0px;padding:0px;margin-bottom:0;}

strong{font-weight:700;}

b{font-weight:400;}

p:last-child{margin-bottom:0;}

.grey-bg{background-color:#E6E3DF;}

/* =================core css ends here================= */

/* #main{background-color:#E6E3DF;} */

.overflow-x-clip {overflow-x: clip!important;}


.preloader{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 999999;background-color:#E6E3DF;transition: opacity 0.5s ease, visibility 0.5s ease;}
.preloader-wrapper{padding: 3.5vw;}
.preloader-logo{width: 11vw;}
.preloader-logo img{width: 100%;height: 100%;object-fit: contain;}
.preloader-img{width: 10.5vw;margin-bottom: 7vh;}
.preloader-img img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: multiply;}
.preloader-title{font-family: "IBM Plex Mono", monospace;font-size: 1.96vw;font-weight: 700;line-height: 1.2;margin-bottom: 1.2vh;}
.preloader-para{font-family: "IBM Plex Mono", monospace;font-size: 1.4vw;font-weight: 300;line-height: 1.2;}

/* =================== HERO START ====================== */

.hero-container {background-color:#E6E3DF;width: 100%;height: calc(100vh - 2.5vw);padding-bottom: 2vw;position: relative;display: flex;align-items: center;justify-content: center;flex-flow: column;}

.hero-container.full-height-hero {height: 100vh;}

.hero-title-holder {position: absolute;width: 100%;height: auto;}

.hero-title-outer {width: 100%;height: auto;position: relative;white-space: nowrap;}

.hero-title-wrap {display: inline-block;white-space: nowrap;}

.hero-title-list {display: inline-block;white-space: nowrap;
    animation: heroScroll 24s linear infinite;
}

.hero-title-item {display: inline-block;font-size: 45.6vh;line-height: 1;font-family: 'IBM Plex Sans Devanagari', sans-serif;font-weight: 400;color: #000;}

@keyframes heroScroll {

    from {

        transform: translateX(0%);

    }

    to {

        transform: translateX(-100%);

    }

}


.hero-container.full-height-hero .hero-shoe{height:100svh;}

.hero-shoe {width: 100vw;height: calc(100vh - 2.5vw);position: absolute;inset: 0;z-index: 998;}

.hero-shoe model-viewer {width: 100%;height: 85%;object-fit: contain;}
.hero-shoe-img {width: 100%;height: 85%; padding-top: 5vw;}
.hero-shoe-img img {width: 45%;height: auto;object-fit: contain;}

#ar-prompt {position: absolute;bottom: 16px;left: 50%;transform: translateX(-50%);width: 50px;opacity: 0.8;}

#ar-button {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);padding: 10px 20px;border: none;background: black;color: white;border-radius: 6px;cursor: pointer;}

.color-picker,.logo {z-index: 99999;}

.loading-overlay {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;/* background: rgba(0, 0, 0, 0.8); */position: absolute;top: 0;left: 0;}

.loading-text {color: #000;font-size: 1.5vh;font-weight: bold;background-color: #fff;padding: 2vh 4vh;border-radius: 5vh;}

.custom-poster {display:flex;align-items:center;justify-content: center;margin-top:22vh;}



  

/* =================== HERO END ====================== */

/* ================== VIDEO + TV WRAPPER START ================== */

.video-wrapper {width: 100%;position: relative;display: flex; align-items: center;justify-content: center;padding-top: 4vh;margin-bottom: 4vh;}
.tv-frame {width: auto;height: 100vh;max-width:none;}
.tv-screen {position: relative;}
.video {position: absolute;left: 25%;right: 25%;top: 13%;bottom: 29%;z-index: 99;border-radius: 2%;overflow: hidden;}
.video >*, .tr-video-wrapper >* {width: 100%;height: 100%;object-fit: cover;}

.plyr audio, .plyr iframe, .plyr video {object-fit: cover!important;}
.plyr__control--overlaid,.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {background: #b2b2b2!important;}
    
   
 .plyr__video-wrapper .plyr-video{height:101%;}
video{width:100%; max-width:100vw;object-fit: cover !important;}
.plyr__controls {top: 0!important;bottom: auto !important;padding: 1vw !important;background: transparent !important; border-radius:0 !important;} 
.plyr--video .plyr__control[data-plyr="fullscreen"] svg {width: 0 !important;height: 0 !important;opacity: 0 !important;pointer-events: none; border-radius:0 !important;}
.plyr--video .plyr__control[data-plyr="fullscreen"]{background: url("../images/fullscreeen.svg") center / contain no-repeat!important;width: 18px;height: 18px;padding: 0 !important;margin: 0 !important;position: relative; cursor:pointer;border-radius:0 !important;}
.plyr--video .plyr--fullscreen-active.plyr__control[data-plyr="fullscreen"] {background: url("../images/fullscreeen.svg") center / contain no-repeat!important;}
.video-wrapper .plyr__controls {display: none;}
/* ================== VIDEO + TV WRAPPER END ================== */

.scroll-container {position: relative;overflow: hidden;}

.sticky-wrapper {position: relative;overflow: hidden;}

.content-container {display: flex;height: 100vh;}

.static-image {width: 50vw;display: flex;align-items: center;justify-content: center;overflow: hidden;z-index: 2;flex-shrink: 0;}

.static-image-inside {position: relative;width: 51%;margin: 0 auto;}

.image-cover {width: 100%;height: 100%;object-fit: cover;}

.label-container {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 4;color: #fff;font-size: 1.85vw;text-transform: uppercase;white-space: nowrap;}

.image-label {opacity:1;display: flex;align-items: center;justify-content: center;font-weight: 500;height: auto;transition: 0.3s all ease-in;}

.image-label.label-2.active {opacity: 1;height: auto;transition: 0.3s all ease-in;}

.image-label.label-2 {opacity: 0;height:0;}













.animated-stack {height: 100%;display: inline-block;white-space: nowrap;font-size: 0;vertical-align: top;}

.stack-item {display: inline-block;vertical-align: top; height: 100vh; white-space: nowrap;}

.stack-item img {width: 100%;height: 100%;object-fit: cover;max-width: none;}

.stack-item-logo{width: 30%;height: 30%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);mix-blend-mode: multiply;}
.stack-item-logo img{width: 100%;height: 100%;object-fit: contain;}

.cc-right {width: auto;}

.caption { font-size: 1vw; line-height: 1.25; color: #fff; margin-top: 1vw; position: absolute; left: 0; right: 0; bottom: 0; padding: 1.1vw; background: rgba(0,0,0,0.55); }

.text-right-wrapper {display: flex;height: 100vh;width: 100vw;flex-wrap: wrap;}

.tr-left {width: 64vw;display: flex;justify-content: flex-end;align-items: center;}

.tr-video-wrapper {width: 58vw; height: 36vw;display: flex;justify-content: center;align-items: center;}

.tr-right {width: 36%;background-color: #fff;display: flex;flex-direction: column;justify-content: center;padding:3.5vw 7.9vw 3.5vw 3.5vw;}

.tr-right h2 {font-family: monospace;margin-bottom: 2.4vw;font-size: 2vw;}

.tr-right p {font-size: 1vw;line-height: 1.35;margin-bottom: 2vw;}

.tr-right p img {display: inline-block;margin: 0; width: 8vw;}



/*.plyr-fallback-fullscreen .text-right-wrapper{position:static !important;}*/
/*.plyr-fallback-fullscreen .tr-left{*/
/*position: fixed;*/
/*    background: #f00;*/
/*    height: 100vh;*/
/*    top: 0;*/
/*    left:0;*/
/*    width: 100%;*/
/*    z-index: 99999;*/
/*    justify-content: center;}*/


.performance-section {background:#2327EA;height: 100sv;}

.performance-wrapper {height: 100vh;position: relative;overflow: hidden;background:#2327EA;}

.ib-inside {position: relative;width:100%;height:100%;}

.ib-inside-img {position:absolute;inset:0;display:flex;align-items: flex-end;justify-content: flex-end;}

.model-img--hidden {opacity: 0;visibility: hidden;}

/* .heading-static {z-index: 20;}

.heading-typed {z-index: 20;}  */

.image-box {width: 38vw;}

.image-box img {width: auto;height: 100%;object-fit: cover;    margin-right: -2vh;}

/* .first-img { display: block; } 

.second-img { display: none; }  */

.pw-item {display: flex;width: 100%;height: 100%;}

.text-box {width: 62vw;}

.tb-inside {display: flex;align-items: center;height: 100%;padding: 0 15vw;}
.tb-heading-wrap.first-text {position: absolute;top: 0;left: 0;}
.text-box h2 {color: #fff;font-size: 5.4vw;line-height: 1.15;margin: 0;font-family: 'IBM Plex Sans Devanagari', sans-serif;font-weight: 700;}

.tb-heading-wrap {max-width: 36vw;position:relative;}


.tb-inside-wrap{padding: 0;position: relative;}



.add-index{position:relative;z-index:9;}



 


.signup-modal .modal-close {font-family: "IBM Plex Mono", monospace;font-size: 1.8vw;z-index: 3;background: transparent;border: 0;position: absolute;right: 1vw;display: flex;align-items: center;justify-content: center;}

.signup-modal .modal-body {padding: 0;border: 0;}

.signup-modal h2 {font-size: 1.5vw;margin-bottom: 1vw;}

.signup-modal .modal-left {flex: 1;}

.signup-modal .modal-left img {width: 100%;height: 100%;object-fit: cover;}

.signup-modal .modal-right {flex: 1;padding: 0.5vw;display: flex;align-items: center;}

.signup-modal .modal-content {border: 0;border-radius: 0;}

.modal-right-content {max-width: 78%;margin: 0 auto;font-size: 1vw;}

.signup-form-control {border: 0.1vw solid #231F20;padding: 0.6vw;font-size: 1vw;line-height: 1.2;}

.signup-form-control::placeholder {opacity: 1;color: #231F20;}

.modal-form-box {gap: 0.5vw;margin-top: 1vw;}

.btn-signup {background: #231F20;color: #fff;font-size: 1vw;line-height: 1.2;font-weight: 500;text-transform: uppercase;padding: 0.6vw;border: 0;}

.btn-dismiss {color: #231F20;font-size: 1vw;line-height: 1.6;font-weight: 500;text-transform: uppercase;padding: 0;background: transparent;border: 0;align-self: center;}

.cp-item.active img {filter: brightness(0) invert(1);transform: scale(1.2);opacity: 1;}

.cp-item[data-color="#E6E3DF"] img {filter: none !important;opacity: 1 !important;}

.footer-logo img {mix-blend-mode: multiply;}

.top-bar{position:relative; z-index:99999; display:flex;align-items: center;background: #231F20;color: #fff;line-height: 1.2;font-weight: 400;font-size: 10px;height: 30px;padding: 0 14px;}

#closeTopBar {font-size: 24px;line-height: 1.2;font-weight: 400;background: transparent;border: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.top-bar-text a {position: relative;display: inline-block;padding-bottom: 0;}

.top-bar-text a:before {content: '';width: 100%;height: 1px;background: rgb(255 255 255 / 60%);position: absolute;top: 100%;}

.top-bar-text a:hover{color:currentColor;}

.sticky-wrapper video {width: 100%;height: 100%;object-fit: cover;max-width: none;}

model-viewer::part(default-ar-button) {display: none !important;}

.static-image-box {position: relative;flex-grow: 1;}

.privacy-polciy-container {font-size: 16px;padding: 100px 0px;}

.privacy-polciy-container h1 {font-size: 32px;line-height: 1.3;}

.privacy-polciy-container h2 {font-size: 28px;line-height: 1.3;margin-top: 24px;}

.privacy-polciy-container h1 + p {margin-bottom: 24px;}

.privacy-polciy-container p + ul {margin-top: 10px !important;}

.privacy-polciy-container ul + p + p {margin-top: 16px;margin-bottom: 16px;}

ul:not([class]) {list-style: none;padding-left: 0;margin: 0;}

ul:not([class]) li {position: relative;padding-left: 12px; margin: 8px 0;}

ul:not([class]) li::before{content: "";position: absolute;left: 0;top: 12px;width: 5px;height: 5px;border-radius: 50%;background: #000;transform: translateY(-50%);}

.privacy-polciy-container p:not(:last-child) {margin-bottom: 12px;}

.top-bar-text a:hover:before {width: 0;}

.top-bar {padding: 0 24px;height: 48px;font-size: 16px;}

.modal-backdrop {z-index: 99999;}

.modal {z-index: 999999;} 

.tr-bott-txt p {margin-bottom: 0!important;}

.signup-modal .klaviyo-form form{padding: 0!important;max-width: 100%!important;}
.signup-modal div.needsclick:has(div[data-testid="form-row"]){min-height: auto!important;}
.signup-modal div[data-testid="form-row"]:nth-child(1) div[data-testid="form-component"]{padding: 0 0 1vw!important;}
.signup-modal div[data-testid="form-row"]:nth-child(1) h2{font-family: "IBM Plex Mono", monospace!important;font-size: 1.5vw!important;font-weight: 700!important;line-height: 1.2!important;color: var(--bs-modal-color)!important;}
.signup-modal div[data-testid="form-row"]:nth-child(1) h2 span{font-size: inherit!important;font-weight: inherit!important;}
.signup-modal div[data-testid="form-row"]:nth-child(2) div[data-testid="form-component"]{padding: 0 0 1vw!important;}
.signup-modal div[data-testid="form-row"]:nth-child(2) p{font-family: "IBM Plex Mono", monospace!important;font-size: 1vw!important;font-weight: 400!important;line-height: 1.5!important;color: var(--bs-modal-color)!important;}
.signup-modal div[data-testid="form-component"]:has(input){padding: 0 0 0.5vw!important;}
.signup-modal div[data-testid="form-row"]:nth-child(3) input{height: 2.5vw!important;padding: 0.6vw!important;font-family: "IBM Plex Mono", monospace!important;font-size: 1vw!important;font-weight: 400!important;border: 1px solid #231F20!important;border-radius: 0px!important;}

.signup-modal div[data-testid="form-row"] input[aria-invalid="true"]{border-color:#EB1515!important;}
.signup-modal div[data-testid="form-row"] input[aria-invalid="true"]::placeholder{color:#EB1515!important;}
.signup-modal div[data-testid="form-row"] input[aria-invalid="true"]+.needsclick.kl-private-reset-css-Xuajs1{display:none!important;}
.signup-modal div[data-testid="form-row"] input[aria-invalid="true"],
.signup-modal div[data-testid="form-row"] input[aria-invalid="true"]:hover {border-color: #EB1515 !important;}

.signup-modal div[data-testid="form-row"]:nth-child(3) input::placeholder{font-family: "IBM Plex Mono", monospace!important;font-size: 1vw!important;font-weight: 400!important;}
.signup-modal div[data-testid="form-row"]:nth-child(4) button{height: 2.5vw!important;padding: 0!important;font-family: "IBM Plex Mono", monospace!important;font-size: 1vw!important;font-weight: 500!important;text-transform: uppercase;border-radius: 0px!important;}
/* .signup-modal div[data-testid="form-row"]:nth-child(4) button:after {content: 'NO THANKS';POSITION: ABSOLUTE;top: 100%;left: 50%;transform: translateX(-50%);color: #231F20;font-size: 1.05vw;line-height: 1.6;font-weight: 500;text-transform: uppercase;padding: 0;background: transparent;border: 0;align-self: center;margin-top: 2.5vh;letter-spacing: 0.04em;} */
.signup-modal div[data-testid="form-row"]:nth-child(5) div[data-testid="form-component"]{padding: 0.5vw 0 0!important;}
.signup-modal div[data-testid="form-row"]:nth-child(5) button{height: 1.5vw!important;padding: 0!important;font-family: "IBM Plex Mono", monospace!important;font-size: 1vw!important;font-weight: 500!important;text-transform: uppercase;border-radius: 0px!important;}


.footer .klaviyo-form form{padding: 0!important;}
.footer div.needsclick:has(div[data-testid="form-row"]){min-height: auto!important;}
.footer div[data-testid="form-row"]:nth-child(1) div[data-testid="form-component"]{padding: 0 0 1.2vw!important;}
.footer div[data-testid="form-row"]:nth-child(1) h3, .footer div[data-testid="form-row"]:nth-child(1) h3 span,
.footer div[data-testid="form-row"] div[data-testid="form-component"] h4{font-family: "IBM Plex Mono", monospace!important;font-size: 1.13vw!important;font-weight: 600!important;line-height: 1.2!important;color: var(--bs-body-color)!important;}
.footer div[data-testid="form-row"]:nth-child(2) div[data-testid="form-component"]{padding: 0 0 1vw!important;}
.footer div[data-testid="form-row"]:nth-child(2) p{text-align: left!important;font-family: "IBM Plex Mono", monospace!important;font-size: 0.84vw!important;font-weight: 400!important;line-height: 1.6!important;color: var(--bs-body-color)!important;}
.footer div[data-testid="form-row"]:nth-child(2) p span{font-size: inherit!important;}
.footer div[data-testid="form-row"]:nth-child(3){flex-direction: row!important;border-bottom: 0.113vw solid #000;}

.footer div[data-testid="form-row"]:nth-child(3):has(div[data-testid="form-component"] input[aria-invalid="true"]) {border-color:#EB1515!important;}

.footer div[data-testid="form-row"]:nth-child(3) div[data-testid="form-component"]{padding: 0!important;}
.footer div[data-testid="form-row"]:nth-child(3) div[data-testid="form-component"]:first-child{flex: 1!important;}
.footer div[data-testid="form-row"]:nth-child(3) div[data-testid="form-component"]:last-child{flex: none!important;}
.footer div[data-testid="form-row"] div[data-testid="form-component"] input{height: 2.5vw!important;padding: 0.65vw 1vw 0.65vw 0!important;font-family: "IBM Plex Mono", monospace!important;font-size: 0.85vw!important;font-weight: 400!important;letter-spacing: 0!important;background: transparent!important;border: 0!important;border-radius: 0px!important;}
.footer div[data-testid="form-row"] div[data-testid="form-component"] input::placeholder{font-family: "IBM Plex Mono", monospace!important;font-size: 0.85vw!important;font-weight: 400!important;letter-spacing: 0!important;}
.footer div[data-testid="form-row"] div[data-testid="form-component"] button{height: 2.5vw!important;padding: 0 0.55vw!important;font-family: "IBM Plex Mono", monospace!important;font-size: 0.85vw!important;font-weight: 500!important;letter-spacing: 0!important;color: #212529!important;background: transparent!important;border: 0!important;border-radius: 0px!important;}
.footer div[data-testid="form-row"] div[data-testid="form-component"] button:hover{color: #FFF!important;background: #333!important;}
.footer div[data-testid="form-row"] div[data-testid="form-component"] h4{text-align:left!important;}
  
.footer div[data-testid="form-row"] input[aria-invalid="true"]{border-color:#EB1515!important;}
.footer div[data-testid="form-row"] input[aria-invalid="true"]::placeholder{color:#EB1515!important;}
.footer div[data-testid="form-row"] input[aria-invalid="true"]+.needsclick.kl-private-reset-css-Xuajs1{display:none!important;}



.mute-btn-wrap{width: 20px;height: 20px;position: absolute;z-index: 99;display: flex;align-items: center;justify-content: center;}
.mute-btn{width: 100%;height: 100%;background: transparent;border: 0;}
.mute-btn img{width: 100%;height: 100%;object-fit: contain;}
.mute-btn:not(.muted) .mute-icon{display: none;}
.mute-btn:not(.muted) .unmute-icon{display: block;}
.mute-btn.muted .mute-icon{display: block;}
.mute-btn.muted .unmute-icon{display: none;}

/* .video-wrapper .mute-btn-wrap{top: 8vh;right: 8vh;} */
.text-right-wrapper .mute-btn-wrap{bottom: 1vw;right: 1vw;}
 
.plyr__poster{ background-size:cover !important;}
.tr-left .plyr__poster{background-color: #fff !important;}
@media (min-width: 991.98px) {

.bottom-bar-text a:before {height: 0.01vw;}
.video-wrapper .mute-btn-wrap {top: 5vh;left: 100%;width: 2.4vh;height: 2.4vh;margin-left: -24vh;}

/* =================== HERO START ====================== */

.logo {position: absolute;left: 50%;transform: translateX(-50%);width: 20.6vh;top: 2vw;}

.logo img {width: 100%;height: 100%;object-fit: contain;}

.color-picker {display: flex;justify-content: center;align-items: center;gap: 0.15vw;margin-top: 1.5vw;position: absolute;left: 1.5vw;top: 0;}

.cp-item {display: flex;justify-content: center;align-items: center;cursor: pointer;transition: transform 0.2s ease, opacity 0.2s ease;}

.cp-item img {width: 1.5vw;height: auto;transition: transform 0.2s ease, opacity 0.2s ease, filter 0.3s ease;}

.cp-item:hover img {transform: scale(1.2);opacity: 0.8;}

.hero-tagline {margin-top: auto;text-align: center;width: 100%;/*max-width: 22vw;*/display: flex;flex-flow: column;gap: 1vw;}

.hero-tag-title {color: #231F20;font-weight: 700;font-size: 2.9vh;line-height: 1.2;text-transform: uppercase;margin-bottom: 1vh;}

.hero-tag-subtitle {font-size: 2.125vh;line-height: 1.2;}

/* =================== HERO END ====================== */  

.signup-modal .modal-dialog {max-width: 45vw;}
.scroll-container {height: 500vh;}
.video-holder.ratio-1x1 {--bs-aspect-ratio: 130%;}
/* ==================== FOOTER START ==================== */

.footer {padding: 2vw 4.6vw 4.5vw;display: flex;flex-flow: column;gap: 2.6vw; position: relative;}

.footer-content-box {display: flex;justify-content: space-between;gap: 4vw;}

.fr-inside {display: flex ;}

.footer-left {flex: 1;max-width: 29vw;}

.footer-logo {display: inline-block;width: 4vw;height: 4vw;margin-left: -0.4vw;}

.footer-logo img {width: 100%;height: 100%;object-fit: contain;mix-blend-mode: multiply;}

.footer-left h3 {font-size: 1.13vw;text-transform: uppercase;font-weight: 600;margin-bottom: 1.2vw;}


.footer-icon-wrap {width: 6vh;height: auto;display: flex;align-items: center;justify-content: center;}

.footer-left p {font-size: 0.84vw;line-height: 1.6;margin-bottom: 1vw;}

.email-form {display: flex;margin-top: 1vw;border-bottom: 0.113vw solid #000;}

.email-form input[type="email"] {flex: 1;padding: 0.65vw 1vw 0.65vw 0;border: none;background-color: transparent;font-family: "IBM Plex Mono", monospace;font-size: 0.85vw;}

.email-form input[type="email"]:focus {outline: none;border-bottom-color: #2327EA;}

.email-form input[type="email"]::placeholder {color: #000;opacity: 1;}

.email-form button {padding: 0.4vw 0.55vw;background-color: transparent;border: 0;cursor: pointer;white-space: nowrap;font-family: "IBM Plex Mono", monospace;font-size: 0.85vw;}

.email-form button:hover {background-color: #333;color: #fff;}

.fr-inside {display: flex;flex: 1;max-width: 29.4vw;gap: 3.5vw;}

.footer-right {flex: 1;display: flex;justify-content: flex-end;}

.footer-section {flex: 1;}

.footer-section h3 {font-size: 1.1vw;font-weight: 600;margin-bottom: 1vw;text-transform: uppercase;}

.footer-links {list-style: none;}

.footer-links li:not(:last-child) {margin-bottom: 0.8vw;}


.footer-links a {color: #333;text-decoration: none;font-size: 0.85vw;}

.footer-links a:hover {color: #2327EA;}

.scroll-top {position: fixed;bottom: 3.3vw;right: 3.2vw;width: 2.2vw;height: 2.2vw;background-color: #333;color: #fff;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 1.5vw;opacity: 0;pointer-events: none;transition: opacity 0.4s ease;}

.scroll-top.visible {opacity: 1;pointer-events: all;}

.scroll-top:hover {background-color: #2327EA;}  

/* ==================== FOOTER END ====================== */

/* .sticky-wrapper {
    height: 1000vh;
} */

.signup-form-control.error::placeholder,

.email-form input[type="email"].error::placeholder {color: #EB1515;}

.mrc-sucess-wrap button {margin-top: 6vh;border: 0;background: transparent;font-size: 1.5vh;line-height: 1;font-weight: 500;}

/* .privacy-polciy-container {font-size: 1.85vh;padding: 12vh 20vh;}

.privacy-polciy-container h1 {font-size: 3.68vh;line-height: 1.3;margin-bottom:4vh;}

.privacy-polciy-container h2 {font-size: 3vh;line-height: 1.3;margin-bottom:2vh;margin-top: 3vh;}

.privacy-polciy-container h1 + p {margin-bottom: 3vh;}

.privacy-polciy-container p + ul {margin-top: 1vh !important;}

.privacy-polciy-container ul + p + p {margin-top: 2vh;margin-bottom: 1vh;}

.privacy-polciy-container p >strong {display: inline-block;margin: 1vh 0 1vh;}

ul:not([class]) {list-style: none;padding-left: 0;margin: 0;}

ul:not([class]) li {position: relative;padding-left: 1.5vh; margin: 1vh 0;}

ul:not([class]) li::before{content: "";position: absolute;left: 0;top: 1.3vh;width: 0.6vh;height: 0.6vh;border-radius: 50%;background: #000;  transform: translateY(-50%);} */

.email-status-box h4 {font-size: 2vh;text-transform: uppercase;font-weight: 700;margin-bottom: 1.2vh;}

.email-status-box {font-size: 0.84vw;line-height: 1.6;margin-bottom: 0;font-weight: 400;}

}
@media (min-width: 991.92px) and (max-width: 1024px) {
    .video-wrapper .mute-btn-wrap {
      margin-left: -27vh!important;
    }
  }
  
@media (max-width:1199.98px){



}

@media (max-width: 991.98px) {

.preloader-wrapper{padding: 40px;}
.preloader-logo{width: 110px;}
.preloader-img{width: 120px;margin-bottom: 30px;}
.preloader-title{font-size: 20px;font-weight: 600;margin-bottom: 8px;}
.preloader-para{font-size: 14px;font-weight: 400;}

/* =================== HERO START ====================== */

.hero-container{padding-bottom:0px; /*height: calc(100vh - 40px);*/ height: auto;padding-top: 80px;}

.logo {width: 150px;position: absolute;top: 40px;left: 50%;transform: translateX(-50%);}

.logo img {width: 100%;height: 100%;object-fit: contain;}

.color-picker {position: absolute;top: 30px;left: 10px;display: flex;flex-flow: column;gap: 8px;}

.cp-item {width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;}

.hero-tagline {width: 100%;text-align: center;max-width: 330px;margin-top: 30px;}

.hero-tag-title {font-size: 20px;line-height: 1.2;color: #231F20;font-weight: 700;text-transform: uppercase;margin-bottom: 12px;}

.hero-tag-subtitle {font-size: 14px;line-height: 1.3;}

.hero-shoe {width: 100vw; /*height: calc(100vh - 40px);*/ height: auto;margin-top: 120px;position: relative;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.hero-shoe model-viewer {height: 36vh;}
.hero-shoe-img {height: 36vh; padding-top: 0;}
.hero-shoe-img img{width: 80%; max-width: 400px; max-height:100%;}

.hero-container.full-height-hero, .hero-container.full-height-hero .hero-shoe {height: auto;}

/* =================== HERO END ====================== */ 

.sticky-wrapper {padding-top: 80px;}

.video-wrapper {width: calc(100% + 170px);margin-left: -85px;margin-bottom: 0px;margin-top: 0;padding-top: 8vh;}

.tv-frame {width: calc(100% + 60px); margin-left:-30px;height: auto;max-width:none;}
.video {left: 23%;right: 23%;}

.scroll-container,

.sticky-wrapper,

.animated-stack {overflow: visible;height: auto;}

.content-container {flex-direction: column;height: auto;}

.cc-right {width: 100%;position: relative;z-index: 2; padding-top:250px;}

.animated-stack {flex-direction: column;display: flex;white-space: normal;}

.stack-item {height: auto;padding-bottom: 0;display: flex;vertical-align: unset;white-space: normal;position: relative;width: 100%!important;  margin:-1px 0;}
.stack-item.stack-1{height:120vw !important;}
.stack-item.stack-2{height:100vw !important;}
.stack-item.stack-3{height:100vw !important;}
.stack-item.stack-4{height:100vw !important;}


.stack-item img {position: relative;inset: 0;height: 100%;max-width: 100%;width: 100%;}

.static-image {position: sticky;top: 0;width: 100%; /*min-height: 100svh;*/ flex-flow: column;}

.static-image-inside {width: 100%;padding: 0 30px 0;height: 80lvh;display: flex;flex-flow: column;flex-grow: 1;}
.static-image-box{flex-grow: 1; }
 
.caption {font-size: 15px;line-height: 1.5;color: #000;margin: 0;padding: 20px 0px; position: relative; inset: auto; background: transparent;}


.label-container {font-size: 32px;line-height: 1.2;width: 100%;}

.image-label {opacity: 1;height: auto;}

.image-label.label-2 {opacity: 1;height: auto;}

.sticky-wrapper video {display: flex;/* position: absolute; *//* inset: 0; */}

.image-cover {flex: none;position: absolute;inset: 0;}

.tb-inside-wrap {padding: 0;}



.text-right-wrapper {flex-direction: column;height: auto;padding-bottom: 0; }

.tr-left {height: auto;padding:80px 0 80px 0px;}
.tr-left{padding-bottom: 0;}
.tr-left, .tr-right {width: 100%;justify-content: center;}

.tr-right p img {margin: 0;width: auto;max-width: 90px;}

.tr-video-wrapper {width: 80%;aspect-ratio: 16 / 9;height: auto;}

.tr-right {padding: 70px 30px 104px 30px;}

.tr-right h2 {font-size: 21px;margin-bottom: 20px;}

.tr-right p {font-size: 15px;line-height: 1.5;}

.tr-right p:not(:last-child){margin-bottom: 24px;}

.signup-modal .modal-close {font-size: 18px;right: 12px;filter: brightness(0) invert(1);}

.signup-modal .modal-right {padding: 24px;}

.modal-form-box {gap: 10px;margin-top: 16px;}

.signup-modal h2 {font-size: 14px;margin-bottom: 24px;}

.modal-right-content {max-width: 100%;font-size: 12px;}

.btn-signup {font-size: 10px;padding: 9px;}

.btn-dismiss {font-size: 10px;line-height: 1.6;align-self: center;}
.signup-modal div[data-testid="form-row"]:nth-child(4) button:after{font-size: 10px;line-height: 1.6;align-self: center;margin-top:12px;}
.signup-form-control {border: 1px solid #231F20;padding: 8px;font-size: 12px;}

.signup-modal .modal-left {flex: none;height: 180px;position: relative;padding-bottom: 80%;}

.video-holder {position: absolute;inset: 0;}

.signup-modal .modal-left img {position: absolute;inset: 0;}

.signup-modal .modal-content {max-width: 330px;margin:0 auto;}

.performance-section {height: 470px;}
.performance-wrapper{background:transparent;height: 100%;}

.pw-item {/* flex-flow: column; */}

.text-box h2 {font-size: 30px;/* color: #231F20; */line-height: 1.2;}

.text-box {width: 100%;padding: 80px 20px 52px;position: relative;z-index: 98;}

.image-box {width: 50%;background: #2327EA;height: auto;flex: 1;position: absolute;height: 100%;width: 100%;}

.tb-heading-wrap {max-width: 100%;}

.tb-inside {width: 100%;max-width: 100%;padding: 0;align-items: flex-end;}

.ib-inside {height: 100%;}

/* ==================== FOOTER START ==================== */

.footer {padding: 30px 20px;display: flex;flex-flow: column;gap: 25px;}

.footer-logo {width: 45px;margin-left: -4px;}

.footer-left {/* padding-right: 9.2%; */}

.footer-left h3 {font-size: 16px;font-weight: 600;margin-bottom: 17px;text-transform: uppercase;}

.footer-left p {font-size: 12px;line-height: 1.2;margin-bottom: 0;}

.email-form {border-bottom: 0.81px solid #000;padding: 8px 0;margin-top: 12px;display: flex;align-items: center;justify-content: space-between;}

.email-form input[type="email"] {font-size: 12px;line-height: 1.2;background: transparent;border: 0;font-weight: 400;font-family: "IBM Plex Mono", monospace;flex-grow: 1;padding-right: 15px;}

.email-form input[type="email"]::placeholder {color: #000;opacity: 1;}

.email-form button {border: 0;background: transparent;font-size: 12px;line-height: 1.2;font-family: "IBM Plex Mono", monospace;font-weight: 400;}

.footer-right {margin-top: 54px;}

.footer-section h3 {font-size: 16px;line-height: 1.2;font-weight: 600;text-transform: uppercase;margin-bottom: 8px;}

.footer-links li a {font-size: 12px;font-weight: 400;line-height: 1.6;}

.footer-links {line-height: 1.2;}

.fr-inside {width: 100%;display: flex;justify-content: space-between;gap: 24px;}
.footer-icon-wrap {width: 40px;height: auto;display: flex;align-items: center;justify-content: center;}
.footer-links li + li {margin-top: 8px;}
/* ==================== FOOTER END ====================== */

.hero-title-item {font-size: 20vh;}

.privacy-polciy-container {padding: 50px 0px;}

.privacy-polciy-container h1 {font-size: 24px;}

.privacy-polciy-container h2 {font-size: 18px;}

.privacy-polciy-container {font-size: 14px;} 

.mrc-sucess-wrap button {margin-top: 24px;border: 0;background: transparent;font-size: 10px;line-height: 1;font-weight: 500;}

.top-bar {font-size: 12px;height: 40px;padding: 0;}

.top-bar-text {padding: 0 40px 0 20px;}

#closeTopBar {right: 14px;font-size: 18px;}

.email-status-box h4 {font-size: 14px;font-weight: 700;margin-bottom: 12px;text-transform: uppercase;}

.email-status-box {font-size: 12px;line-height: 1.2;margin-bottom: 0;font-weight: 400;}



.custom-poster {margin-top:10.5vh;height:18vh;}

.custom-poster img{height:18vh;}



.image-box img { margin-right: -2vh;}


.signup-modal .klaviyo-form form{padding: 0!important;}
.signup-modal div[data-testid="form-row"]:nth-child(1) div[data-testid="form-component"]{padding: 0 0 24px!important;}
.signup-modal div[data-testid="form-row"]:nth-child(1) h2{font-size: 14px!important;}
.signup-modal div[data-testid="form-row"]:nth-child(2) div[data-testid="form-component"]{padding: 0 0 16px!important;}
.signup-modal div[data-testid="form-row"]:nth-child(2) p{font-size: 12px!important;}
.signup-modal div[data-testid="form-component"]:has(input){padding: 0 0 10px!important;}
.signup-modal div[data-testid="form-row"]:nth-child(3) input{height: 30px!important;padding: 10px!important;font-size: 10px!important;}
.signup-modal div[data-testid="form-row"]:nth-child(3) input::placeholder{font-size: 10px!important;}
.signup-modal div[data-testid="form-row"]:nth-child(4) button{height: 30px!important;font-size: 10px!important;}
.signup-modal div[data-testid="form-row"]:nth-child(5) div[data-testid="form-component"]{padding: 10px 0 0!important;}
.signup-modal div[data-testid="form-row"]:nth-child(5) button{height: 16px!important;font-size: 10px!important;}



.footer div[data-testid="form-row"]:nth-child(1) div[data-testid="form-component"]{padding: 0 0 17px!important;}
.footer div[data-testid="form-row"]:nth-child(1) h3,
.footer div[data-testid="form-row"]:nth-child(1) h3 span, .footer div[data-testid="form-row"] div[data-testid="form-component"] h4{font-size: 17px!important;}
.footer div[data-testid="form-row"]:nth-child(2) div[data-testid="form-component"]{padding: 0 0 12px!important;}
.footer div[data-testid="form-row"]:nth-child(2) p{font-size: 13px!important;}
.footer div[data-testid="form-row"]:nth-child(3){border-bottom: 0.81px solid #000;}
.footer div[data-testid="form-row"] div[data-testid="form-component"] input{height: 30px!important;padding: 8px 16px 8px 0!important;font-size: 12px!important;}
.footer div[data-testid="form-row"] div[data-testid="form-component"] input::placeholder{font-size: 12px!important;}
.footer div[data-testid="form-row"] div[data-testid="form-component"] button{height: 30px!important;padding: 0!important;font-size: 12px!important;}
.footer div[data-testid="form-row"] div[data-testid="form-component"] button:hover{color: #212529!important;background: transparent!important;}




.mute-btn-wrap{width: 4%;height: 4%;}
.video-wrapper .mute-btn-wrap{top: auto;right: auto;bottom: 10%;left: 25%;}
.text-right-wrapper .mute-btn-wrap{bottom: 12px;right: 12px;width: 24px;height: 20px;  }

.plyr__controls { padding: 12px !important;}
}

    

@media (max-width: 767.98px) {
   
}

@media (max-width: 575.98px) {

.tr-video-wrapper {width: 100%;}
.mute-btn-wrap {width: 24px;height: 20px;}

}

@media (max-width: 350.98px) {

.fr-inside {gap: 12px;}

}