@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

html,body { width: 100%; height: 100%; margin: 0;  padding: 0}
body {line-height: 1.7; font-size: 15px; color:#111; font-family: 'Plus Jakarta Sans', sans-serif;  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden;  -webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #fff;background-color: #000;font-size: 14px;line-height: 1.2; }
.btn, a, button, .transition {webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-o-transition: all 250ms ease;-ms-transition: all 250ms ease; transition: all 250ms ease;}
a { text-decoration: none;color: #000;}
a:hover:not(.btn), a:focus:not(.btn), a:active:not(.btn) {color:#50575a; text-decoration: none; outline: 0; }
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*BUTTONS*/
.cta-btn-lg{font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; min-width: 300px; height: 56px; display: inline-flex; justify-content: center; align-items: center;}
.racb-btn{background-image: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%);}
.racb-btn:hover{background-image: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%); color:#000}

/*FORM CONTROL*/
.form-control{border: 1px solid #ddd; height: 45px; line-height: 45px;padding-right: 10px;padding-left: 10px;font-size: 13px;}
.form-control:focus { border-color:#30363d}
textarea{resize: none;}
textarea.form-control { height: auto !important;}

 

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}
 
/*SECTION HEADING LG*/
.section-heading h2{ margin-top: 20px; margin-bottom: 10px; font-size: 52px; font-weight: 700; line-height: 1.3; letter-spacing: -1px; }

/*SWIPER NAV BUTTONS======================================================================================*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 36px; width: 36px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 16px; color: #000; background-color: #fff;  display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after{background-color: #676868;color:#fff;}
.swiper-pagination-bullet-active-main{background-color: #fff;} 



.all_heading {margin-top: 20px;margin-bottom: 10px;font-size: 52px;font-weight: 700;line-height: 1.3; letter-spacing: -1px;}

 
.gradiant-color{-webkit-text-fill-color: transparent;background-image: linear-gradient(to right, #ffffff, #ffe785 35%, #ffd23f 72%, #ffb703);-webkit-background-clip: text;background-clip: text;} 
 
.w-layout-grid {grid-row-gap: 16px;grid-column-gap: 16px;grid-template-rows: auto auto;grid-template-columns: 1fr 1fr;grid-auto-columns: 1fr;display: grid;}
.navbar-brand img{ width:80px}

/*NAVBAR*/
.container.nav-container {height: 100%;flex-direction: column;justify-content: center;align-items: center; padding-top: 0;padding-bottom: 0;display: flex;}
.nav-menu-container {height:60px;-webkit-backdrop-filter: blur(34px);backdrop-filter: blur(34px);
background-color: rgba(33, 33, 33, .8);border: 1px solid rgba(255, 255, 255, .1);border-radius: 100px;justify-content: space-between;align-items: center;padding-left: 20px;padding-right: 20px;display: flex; overflow: visible !important;box-shadow: 0 14px 20px rgba(0, 0, 0, .21);}

.nav-item .nav-link {color: #fff;margin: auto 25px;font-weight: 500;transition: opacity .2s, color .35s;    font-size: 14px;}
.nav-item .nav-link:hover {color: #81859f;}

 
 
 
 /*HERO SEC.*/
.hero-section {flex-direction: column;justify-content: space-between; align-items: center; display: flex;}
.hero-sticky-holder {width: 100%;flex-direction: column;justify-content: center;align-items: center;display: flex;}
.hero-text-holder {grid-column-gap: 40px;perspective: 1000px;white-space: nowrap;flex-direction: row;justify-content: center;align-items: center;display: flex;position: absolute;}
.hero-paragraph-holder {max-width: 750px;margin:5px auto 40px auto;}
.hero-section-text-holder {width: 100%;height: 130vh;flex-direction: column;align-items: center;display: flex;}
.iphone-holder {z-index: 1;height: 600px;border-radius: 60px;flex-direction: column;justify-content: center;align-items: center;display: flex;position: relative;top: 6%;}
.iphone-screen {z-index: 1;flex-direction: column;justify-content: flex-start;align-items: center;padding: 4.1% 4.6%; display: flex; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%;}
.iphone-image {z-index: 2; height: 100%; position: relative;}
.hero-section-sticky { width: 100%; position: -webkit-sticky; position: sticky; top: 50%;}
.hero-section-paragraph-holder { padding-top:40px; }
.iphone-screen-image {width: 100%;height: 100%;object-fit: cover;object-position: 50% 0%;border-radius: 40px;}
 
.iphone-drop-shadow { width: 120%; height: 70%; filter: blur(64px); background-color: #000; position: absolute;}
.hero-text-blur {opacity: .64;filter: blur(120px);-webkit-text-fill-color: transparent;background-image: linear-gradient(to right, #ffffff, #ffe785 35%, #ffd23f 72%, #ffb703);-webkit-background-clip: text;background-clip: text;font-size: 8vw;font-weight: 700;position: absolute;}
.hero-text { -webkit-text-fill-color: transparent;background-image: linear-gradient(to right, #ffffff, #ffe785 35%, #ffd23f 72%, #ffb703);-webkit-background-clip: text;background-clip: text;font-size: 8vw;font-weight: 700;}
.hero-text._02 { background-image: linear-gradient(to right, #ffffff, #ffe785 20%, #ffd23f 65%, #ffb703 90%); }


.hero-paragraph-holder p {color: #b4bcd0;letter-spacing: 1px;margin-bottom: 10px;font-size: 16px;font-weight: 500;line-height: 1.6;}
.hero-section-sticky .text-white.subtitle-small {position: relative; top: clamp(-108px, -7vw, -98px); text-align: center; font-size:25px;}

/*FORM SEC.*/
.from-holder {flex-direction: column;justify-content: center;align-items: flex-end;display: flex;position: relative;}
.form-block { margin-bottom: 0;}
.from-wra-er {flex-direction: column;justify-content: flex-start;align-items: center;display: flex;}
 
.text-field-form {width: 460px;height: 50px;color: #fff;background-color: rgba(13, 13, 24, .5);border: 1px solid rgba(252, 252, 252, .2);border-radius: 160px;margin-bottom: 0;padding-top: 13px;padding-bottom: 13px;padding-left: 26px;font-size: 16px; transition: transform .4s, border-color .4s;}
.text-field-form:focus {border-color: #fff;}
.text-field-form::-ms-input-placeholder { color: #a3a4bf;}
.text-field-form::placeholder {color: #a3a4bf;}
.button.from {height: 45px;padding-top: 10px;padding-bottom: 10px;position: absolute;right: 3px;border: none;}


.button {color: #000;background-color: #fff;border-radius: 100px;padding: 16px 24px;font-size: 16px; font-weight: 600;transition: background-color .3s, box-shadow .5s;}
.button:hover {color: #000;background-color: #f5f5f5;box-shadow: 0 0 13px rgba(255, 255, 255, .38);}

.nav-item.button {padding: 7px 16px; font-size: 14px;}
 
/*CALLBACK SECTION*/
.callback-section{padding-bottom: 100px;}

/*CLIENTS SECTION*/
.clients-section{padding-top: 65px;padding-bottom: 50px;}
.clients-section .fade-in-move-on-scroll p{text-align: center; margin-bottom: 40px; font-size: 40px; font-weight: 700; letter-spacing: -0.5px;}

.clients-slider .swiper-wrapper {-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important; }

.clients-slider .client-block{margin-top: 30px;margin-bottom: 30px;display: flex; justify-content: center; align-items: center; position: relative;}
.clients-slider .client-block img{width: auto;height: 100px;}

/*CONTENT CARD BLOCK*/
.content-block{z-index: 5; width: 100%; background-color: #161b22; border-radius: 26px; position: relative; overflow: hidden; padding: 50px; color: #c8c8c8; border: 1px solid #30363d; }
.content-block .content-block__heading {line-height: 100; font-size: 32px; font-weight: 800; line-height: 1.5;}
.content-block p {color: #D8D8D8; letter-spacing: 0.1px; margin-bottom: 15px; font-size: 18px; font-weight: 400; line-height: 1.6; }
.content-block p.small {font-size: 14px;}
.content-block p.xsmall {font-size: 12px;}
.content-block p:last-child {margin-bottom: 0;}

.bg-dark-1{background-color: #161b22;}
.bg-dark-2{background-color: #080a0e;}

/*ABOUT SECTION*/
.about-section{padding-top:50px; padding-bottom: 130px;} 

.contact-form-wrap .form-group{margin-bottom:25px;}
.contact-form-wrap .form-control{border: 1px solid #c2c2c2; height: 56px; line-height: 45px; padding-right: 20px; padding-left: 20px; font-size: 15px; background-color: transparent; color: #fff; border-radius: 10px; }
.contact-form-wrap .form-control::-webkit-input-placeholder {color: #fff; opacity: 0.6;}
.contact-form-wrap .form-control::-moz-placeholder {color: #fff; opacity: 0.6;}
.contact-form-wrap .form-control:-ms-input-placeholder {color: #fff; opacity: 0.6;}
.contact-form-wrap .form-control:-moz-placeholder {color: #fff; opacity: 0.6;}

.contact-form-wrap .btn{background-color: #ed1c24; height: 56px; font-weight: 600; border-radius: 10px;margin-top: 5px;}

.logos-apps img{width:50px; padding-right:15px}

.wwo li {position: relative;padding-left: 26px; margin-bottom: 10px; color:#fff; line-height:22px; font-size:15px}
.wwo li:before {left: 0px;color:#ffd23f;content: "\f058"; position: absolute;top: 12px;
transform: translateY(-50%);font-family: "FontAwesome";font-size: 1.1rem;}




/*WORK SECTION*/
.work-section{ padding-bottom: 80px;}

.work-block{padding:35px 25px;}
.work-block__client-logo{margin-bottom: 15px;}
.work-block__client-logo img{height: 70px;width: auto;/*filter: gray;-webkit-filter: grayscale(1);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);*/}

.work-block__download{padding-top: 30px; padding-bottom: 30px}
.work-block__download .work-block__download-platform{max-width: 200px; margin-right: 10px;display: inline-block;}
.work-block__download .work-block__download-platform:hover{opacity: 0.7;}

.work-block__tasks{padding-top: 30px; padding-bottom: 30px}
.work-block__download img{width:50px; padding-right:15px}
.content-block1 p {color: #D8D8D8; letter-spacing: 0.1px; margin-bottom: 15px; font-size: 16px; font-weight: 400; line-height: 1.6; }

.work-callback .tap_invite { left:12px;}
.work-slider .racb-btn{ padding-left:55px}


.work-section  .swiper-button-prev{margin-left:-10px;}
.work-section  .swiper-button-next{margin-right:-10px;}
.work-slider.swiper{padding-left: 50px; padding-right: 50px;}

/*AWARD SECTION*/
.award-section {padding-top:30px; padding-bottom: 100px; position: relative; overflow: hidden;}
.award-bg-color { background-color: #161b22;border-radius: 26px;padding:45px; color: #c8c8c8;border: 1px solid #30363d}
 

/*WHU US SECTION*/
.whyus-section{padding-top: 50px;padding-bottom: 80px;}

.stats-list-wrap {padding-top: 400px;position: relative; z-index: 10; }
.stats-list-wrap .stat-list{margin-bottom: 60px; font-size: 16px; font-weight: 400; letter-spacing: 0.5px;}
.stats-list-wrap .stat-list span{font-size: 64px; font-weight: 700;line-height: 1.5; }
.stats-list-wrap .stat-list h6{font-size: 20px; font-weight: 600;text-transform: uppercase;}
.stats-list-wrap .stat-list p{color: #ABABAB; letter-spacing: 0.1px; margin-bottom: 20px; font-size: 14px; font-weight: 400; line-height: 1.5;}


.why-choose-wrap{position: sticky; top:200px;}
.why-choose-wrap .content-block__heading{font-size: 48px; font-weight: 800; line-height: 1.2;}

/*FOOTER*/
.site-footer{padding-top:50px;padding-bottom:50px;}
.footer-inner {padding: 35px 50px; border-radius: 40px;}
.footer-inner .footer-logo{width: 140px}
 
.ftr-info-block{}
.ftr-info-block h6{color: #ededed;margin-bottom: 16px; font-size: 16px;}
.ftr-info-block p{font-size: 13px; line-height: 1.5;}
.ftr-info-block p, .ftr-info-block p a{color: #cacaca;}

.ftr-copyright p{font-size: 12px;color: #cacaca;}


 
/*----Popup dots and form css----*/
.tap_invite {display: flex;justify-content: center;align-items: center;width: calc(6.7888112vh);
height: calc(6.7888112vh); position:absolute; left:1px;transition: opacity 2s cubic-bezier(0.23, 1, 0.32, 1);cursor: pointer;}
.circle {width: 100%;height: 100%; border-radius: 50%;background-color: #fff;position: absolute;opacity: 0;animation: scaleIn 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);z-index: 2;}
.one { animation-delay: -3s;}
.two {animation-delay: -2s;} 
.three{animation-delay: -1s; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.white_dot { width: 8px;height: 8px;border-radius: 50%;background-color:#198754;position: absolute;
top: 50%;left: 50%;z-index: 3; transform: translate(-50%, -50%);}
@keyframes scaleIn { from { transform: scale(0.5, 0.5);opacity: 0.5;}to {transform: scale(2, 2);opacity: 0;}}

.exampleModal{background: #000000bf;}
.exampleModal .modal-body {padding: 0 40px 40px 40px}
.exampleModal h3 {line-height: 32px; color:#000}
.exampleModal p {margin: 0;padding: 0 0 10px}
.exampleModal .modal-content {background-image: url(./img-bg-right.png),url(./img-bg-left.png); background-position: top right,bottom left;background-repeat: no-repeat}
.exampleModal .modal-lg {--bs-modal-width: 700px}
.exampleModal .btn-close { --bs-btn-close-bg: none;right: 11px;position: relative;top: -6px}
.exampleModal .form-floating>label{ color: #a3a4bf;}
 
 



.discuss{background: #ffd23f;font-size: 12px;padding: 0px 12px;border-radius: 10px 10px 0px 0px;top: -10px;left: 2px; width:155px}
.bottomMenu {position: fixed;bottom:10px;z-index: 50;transition: all .5s; left:5px}
.hide {opacity:0;}
.show {opacity:1;}

.right_fix{ position:fixed; right:0; bottom:10px}
.enquery-btn{color: #fff; height: 50px; width: 50px; border-radius: 50%; background-color: #ddd;display: flex; justify-content: center; align-items: center; text-align: center;font-size: 28px; box-shadow: 0 8px 10px rgb(16 180 24 / 50%); background-color: #ffd23f;-webkit-animation:highlight2 linear 1s infinite; animation:highlight2 linear 1s infinite; margin-right:10px}
.enquery-btn  i{-webkit-animation: opsimple 2s infinite; animation: opsimple 2s infinite; color:#fff;font-size: 22px;}
@keyframes opsimple {0% {opacity: 0; } 40% {opacity: 1; } 80% {opacity: 1; } 100% {opacity: 0; } }

@-webkit-keyframes opsimple {0% {opacity: 0; } 40% {opacity: 1; } 80% {opacity: 1; } 100% {opacity: 0; } }

@-webkit-keyframes highlight2 {0% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 0 rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 40% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 15px rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 80% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 26.7px rgba(16,180,24,0.067) } 100% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 40px rgba(16,180,24,0.0) } }

@keyframes highlight2 {0% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 0 rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 40% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 15px rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 80% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 26.7px rgba(16,180,24,0.067) } 100% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 40px rgba(16,180,24,0.0) } }


/*Thankyou page==================================================================*/

.thanks-bg {background-image: url(./thanks-bg.jpg);background-position: top;background-size: cover;background-repeat: no-repeat;padding-top: 100px; padding-bottom: 100px;}
.thanks-box { padding: 80px; color:#000}


.mobile-work, .work-block { background-color:#080a0e}

.celebrating-icon{width:210px}


.Videomedia-sec .play-btn1 {left: 0;margin: 0 auto;right: 0;top: 48%;background:#151515c7;
color: #ffffff;height: 40px;width: 40px;border-radius: 50%;box-shadow: 0 0 0 6px #5c5c5c52;text-align: center;line-height: 40px;position: absolute}


.iframe-video{ height:380px; border: 1px solid #30363d;}

/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (min-width: 1900px) {
    
}

@media screen and (min-width: 1600px) {
  
}
 
@media screen and (min-width: 1400px) {
   
} 

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

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

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

@media (max-width: 767.98px) {

}

@media (max-width: 576.98px) {
body{ overflow-x: hidden;}
.navbar-toggler{ float:right;border-color: #404040;}
.navbar-brand img {width: 65px;}
.iphone-holder {height: auto;width:80%}
.iphone-image {height: auto;width:100%}
.nav-menu-container{display: block;overflow: inherit;padding-top: 9px;}
.container.nav-container {display: block;width: 100%;}
.navbar-nav{background-color:transparent !important;background:transparent !important;margin-top: 8px;}
.nav-item .nav-link {margin:10px;}
.hero-section-text-holder { height: 120vh;}
.hero-text-holder {grid-column-gap: 12px;}
.hero-text {font-size: 10vw;}
.hero-section-sticky .text-white.subtitle-small { top: -35px;font-size: 28px;} 
.hero-paragraph-holder p {font-size: 13px}
.hero-section-paragraph-holder {padding-top: 0;}
.clients-section .fade-in-move-on-scroll p {margin-bottom: 10px;}
.text-field-form { width: 370px;font-size: 12px}
.button {padding: 16px}

.clients-section {padding-top: 0px;padding-bottom: 30px;}
.clients-section .fade-in-move-on-scroll p, .section-heading h2, .why-choose-wrap .content-block__heading, .all_heading {font-size: 35px;}
.content-block {padding: 20px;  }
.content-block p {font-size: 15px}
.about-section { padding-top: 30px;padding-bottom: 10px;}
.work-block {padding: 0px 20px;}
.work-block__client-logo {margin-top: 25px;text-align: center;}
.work-section {padding-bottom: 10px}

.work-section  .swiper-button-prev{margin-left:-10px;}
.work-section  .swiper-button-next{margin-right:-10px;}
.work-slider.swiper{padding-left:0px; padding-right: 0px;}
.screen-wrok{ margin-top:20px}
.mob-mgn{ margin-top:10px; margin-bottom:10px}
.content-block1 p {margin-bottom: 5px;font-size: 14px;}
.award-section { padding-bottom: 30px;}
.why-choose-wrap {position: relative;top: 0;}
.stats-list-wrap {padding-top: 0px;}
.whyus-section { padding-top: 10px;padding-bottom: 10px;}
.footer-inner {padding: 20px;}
.footer-inner .col-sm-auto{ text-align:center} 
.footer-inner .racb-btn, .work-slider .racb-btn{ width:100%} 
.footer-btm .py-3{ padding-bottom:1px !important; padding-top:1px !important}
ul.social-network {margin-left: 0px; margin-top: 25px;display: block;}

.mobile-fx {display: block;position: fixed;bottom: 0;left: 0;right: 0;z-index: 999;}
.mobile-fx .box-text{background-color: #161b22;height: 52px;line-height: 52px;}
.mobile-fx .box-text2{background-color:#ffd23f}

#fixButton{ display:none !important}


.mobile-work p{font-weight: 400;line-height: 1.6;}
.mobile-work-slider .racb-btn{ width:100%;font-size: 13px;padding-left: 25px;}
}

/* ==========================================================================
   USER'S TEXT FONT & ANIMATED YELLOW TO GOLD COLOR SYSTEM
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

@keyframes mwYellowToGoldFlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

h1, h2, h3, h4, h5, h6,
.all_heading,
.hero-text,
.hero-text-blur,
.section-heading h2,
.content-block__heading,
.subtitle-small,
.gradiant-color {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Fluid Animated Yellow to Gold Shimmer */
.gradiant-color,
.hero-text,
.hero-text-blur,
.all_heading,
.section-heading h2,
.content-block__heading,
.stats-list-wrap .stat-list .gradiant-color,
.stats-list-wrap .counter {
    background: linear-gradient(120deg, #ffffff 0%, #fff176 15%, #ffd23f 38%, #f59e0b 60%, #ffd23f 78%, #fff176 90%, #ffffff 100%) !important;
    background-size: 260% 260% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: mwYellowToGoldFlow 4.5s ease-in-out infinite alternate !important;
}

.hero-text-blur {
    opacity: 0.65 !important;
    filter: blur(100px) !important;
}

.white_dot {
    background-color: #ffd23f !important;
    box-shadow: 0 0 10px #ffd23f !important;
}

.circle {
    background-color: rgba(255, 210, 63, 0.45) !important;
}


/* ==========================================================================
   USER'S SIGNATURE MEEWAYS STANDALONE ACLONICA LOGO SYSTEM
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');

.meeways-standalone-aclonica-logo {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    line-height: 1 !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
}

.meeways-standalone-aclonica-logo:hover {
    transform: scale(1.04) translateY(-1px) !important;
    filter: drop-shadow(0 0 16px rgba(255, 210, 63, 0.65)) !important;
}

.mw-standalone-brand-monolith {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
}

.mw-clean-top-brand {
    display: flex !important;
    align-items: baseline !important;
    line-height: 1 !important;
    position: relative !important;
}

.mw-aclonica-wordmark {
    font-family: 'Aclonica', cursive, sans-serif !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    letter-spacing: 0.025em !important;
    display: inline-block !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, #ffd23f 0%, #ffffff 25%, #ffd23f 50%, #ffffff 75%, #ffd23f 100%) !important;
    background-size: 250% 250% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: mwGoldWhiteFlow 4s ease-in-out infinite alternate !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 14px rgba(255, 210, 63, 0.4)) !important;
}

@keyframes mwGoldWhiteFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.mw-gold-sphere-dot {
    width: 7.5px !important;
    height: 7.5px !important;
    border-radius: 50% !important;
    position: relative !important;
    display: inline-block !important;
    margin-left: 3px !important;
    margin-bottom: 3px !important;
    align-self: flex-end !important;
    flex-shrink: 0 !important;
    background: radial-gradient(circle at 32% 30%, #ffffff 0%, #fff0a8 18%, #ffd23f 45%, #d97706 75%, #78350f 100%) !important;
    box-shadow: 0 0 10px #ffd23f, 0 0 18px rgba(255, 210, 63, 0.85) !important;
    animation: mwGoldSpherePulse 2.4s infinite ease-in-out !important;
}

@keyframes mwGoldSpherePulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 8px #ffd23f, 0 0 16px rgba(255, 210, 63, 0.7); }
    50% { transform: scale(1.25); box-shadow: 0 0 14px #ffffff, 0 0 24px #ffd23f; }
}

.mw-clean-tagline-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 5px !important;
    margin-top: 2px !important;
    width: 100% !important;
}

.mw-clean-laser-line {
    height: 1.2px !important;
    flex-grow: 1 !important;
    min-width: 14px !important;
    border-radius: 1px !important;
}

.mw-clean-laser-line.left {
    background: linear-gradient(90deg, transparent 0%, rgba(255, 210, 63, 0.4) 40%, #ffd23f 100%) !important;
    box-shadow: 0 0 6px rgba(255, 210, 63, 0.5) !important;
}

.mw-clean-laser-line.right {
    background: linear-gradient(90deg, #ffd23f 0%, rgba(255, 210, 63, 0.4) 60%, transparent 100%) !important;
    box-shadow: 0 0 6px rgba(255, 210, 63, 0.5) !important;
}

.mw-clean-tagline-text {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 7.8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
    white-space: nowrap !important;
    display: flex !important;
    gap: 3.5px !important;
    line-height: 1 !important;
}

.tag-brand-white { color: #ffffff !important; }
.tag-brand-gold { color: #ffd23f !important; }

/* In navbar */
.navbar-brand.meeways-standalone-aclonica-logo {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin-right: 20px !important;
}

@media (max-width: 991px) {
    .mw-aclonica-wordmark {
        font-size: 22px !important;
    }
    .mw-clean-tagline-text {
        font-size: 6.8px !important;
    }
}


/* ==========================================================================
   LUXURY ATTRACTIVE HEADER CAPSULE & MICRO-INTERACTIONS
   ========================================================================== */
header nav.fixed-top {
    top: 16px !important;
    padding: 0 !important;
    z-index: 10000 !important;
}

.luxury-nav-capsule {
    height: 64px !important;
    background: rgba(8, 10, 16, 0.92) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    border: 1px solid rgba(255, 210, 63, 0.45) !important;
    border-radius: 999px !important;
    padding: 6px 10px 6px 22px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.8), 0 0 25px rgba(255, 210, 63, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: all 0.3s ease !important;
}

.luxury-nav-capsule:hover {
    border-color: rgba(255, 210, 63, 0.75) !important;
    box-shadow: 0 14px 45px rgba(0, 0, 0, 0.9), 0 0 35px rgba(255, 210, 63, 0.28), inset 0 1px 2px rgba(255, 255, 255, 0.22) !important;
}

/* Nav links */
.luxury-nav-capsule .navbar-nav .nav-link {
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 4px !important;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    letter-spacing: 0.2px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
}

.luxury-nav-capsule .navbar-nav .nav-link:hover {
    color: #ffd23f !important;
    background: rgba(255, 210, 63, 0.12) !important;
    text-shadow: 0 0 12px rgba(255, 210, 63, 0.6) !important;
    transform: translateY(-1px) !important;
}

/* Active Gold Pill */
.luxury-nav-capsule .navbar-nav .nav-link.active-gold-pill {
    color: #ffd23f !important;
    background: rgba(255, 210, 63, 0.1) !important;
    border: 1px solid rgba(255, 210, 63, 0.5) !important;
    box-shadow: 0 0 16px rgba(255, 210, 63, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    text-shadow: 0 0 10px rgba(255, 210, 63, 0.6) !important;
}

/* 12+ Badge */
.nav-badge-pill {
    background: rgba(255, 210, 63, 0.18) !important;
    color: #ffd23f !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 210, 63, 0.4) !important;
    line-height: 1 !important;
    letter-spacing: 0.5px !important;
}

/* Luxury CTA Button */
.btn-luxury-header-cta {
    background-image: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #050508 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    letter-spacing: 0.3px !important;
    border-radius: 999px !important;
    padding: 10px 22px !important;
    border: none !important;
    box-shadow: 0 0 22px rgba(255, 210, 63, 0.55), 0 4px 12px rgba(0, 0, 0, 0.5) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    position: relative !important;
    overflow: hidden !important;
    text-decoration: none !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-luxury-header-cta:hover {
    color: #050508 !important;
    transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 0 32px rgba(255, 210, 63, 0.85), 0 6px 18px rgba(0, 0, 0, 0.6) !important;
    background-image: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
}

.btn-luxury-header-cta .cta-arrow {
    transition: transform 0.25s ease !important;
}

.btn-luxury-header-cta:hover .cta-arrow {
    transform: translateX(4px) !important;
}

/* Diagonal Specular Sheen Sweep */
.btn-luxury-header-cta .btn-shimmer-sheen {
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
    transform: skewX(-25deg);
    transition: left 0.6s ease;
    pointer-events: none;
}

.btn-luxury-header-cta:hover .btn-shimmer-sheen {
    left: 180%;
}


/* ==========================================================================
   USER'S EXACT UPLOADED MEEWAYS LOGO (media_1788431818921.png)
   ========================================================================== */
.meeways-exact-brand-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 48px !important; /* Perfect breathing room between logo and menu */
    cursor: pointer !important;
}

@media (max-width: 991px) {
    .meeways-exact-brand-link {
        margin-right: 0 !important;
    }
}

.meeways-exact-logo-img {
    height: 42px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
    border-radius: 4px !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), filter 0.28s ease !important;
}

.meeways-exact-brand-link:hover .meeways-exact-logo-img {
    transform: scale(1.03) translateY(-1px) !important;
    filter: drop-shadow(0 0 14px rgba(255, 210, 63, 0.75)) !important;
}

.meeways-exact-footer-logo-img {
    height: 48px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
    border-radius: 4px !important;
    transition: transform 0.28s ease !important;
}

.meeways-exact-brand-link:hover .meeways-exact-footer-logo-img {
    transform: scale(1.03) !important;
    filter: drop-shadow(0 0 14px rgba(255, 210, 63, 0.75)) !important;
}

@media (max-width: 991px) {
    .meeways-exact-logo-img {
        height: 36px !important;
    }
}


/* Balanced spacing for navigation island */
@media (min-width: 992px) {
    .luxury-nav-capsule .navbar-collapse {
        gap: 32px !important;
    }
    .luxury-nav-capsule .navbar-nav {
        gap: 6px !important;
        margin-left: 0 !important;
    }
}


/* ==========================================================================
   PURE 100% TRANSPARENT VECTOR LOGO (ENLARGED) & TIGHT MENU CLUSTER
   ========================================================================== */
.meeways-standalone-aclonica-logo {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 36px !important;
    cursor: pointer !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), filter 0.28s ease !important;
}

.meeways-standalone-aclonica-logo:hover {
    transform: scale(1.03) translateY(-1px) !important;
    filter: drop-shadow(0 0 18px rgba(255, 210, 63, 0.65)) !important;
}

.mw-standalone-brand-monolith {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
}

.mw-clean-top-brand {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    line-height: 1 !important;
    background: transparent !important;
}

/* ENLARGED LOGO WORDMARK */
.mw-aclonica-wordmark {
    font-family: 'Aclonica', cursive, sans-serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, #ffd23f 0%, #ffffff 28%, #ffd23f 55%, #fff5c0 80%, #ffd23f 100%) !important;
    background-size: 250% 250% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: mwGoldWhiteFlow 4s ease-in-out infinite alternate !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 16px rgba(255, 210, 63, 0.5)) !important;
    letter-spacing: 0.02em !important;
}

/* ENLARGED 3D GOLD SPHERE DOT */
.mw-gold-sphere-dot {
    width: 9.5px !important;
    height: 9.5px !important;
    border-radius: 50% !important;
    margin-left: 4px !important;
    margin-bottom: 3px !important;
    align-self: flex-end !important;
    flex-shrink: 0 !important;
    background: radial-gradient(circle at 35% 30%, #ffffff 0%, #fff0a8 20%, #ffd23f 50%, #d97706 80%, #78350f 100%) !important;
    box-shadow: 0 0 10px #ffd23f, 0 0 20px rgba(255, 210, 63, 0.85) !important;
    animation: mwGoldSpherePulse 2.4s infinite ease-in-out !important;
    display: inline-block !important;
}

.mw-clean-tagline-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    margin-top: 3px !important;
    width: 100% !important;
}

.mw-clean-laser-line {
    height: 1.2px !important;
    flex-grow: 1 !important;
    min-width: 16px !important;
    border-radius: 1px !important;
}

.mw-clean-laser-line.left {
    background: linear-gradient(90deg, transparent 0%, rgba(255, 210, 63, 0.4) 40%, #ffd23f 100%) !important;
    box-shadow: 0 0 6px rgba(255, 210, 63, 0.5) !important;
}

.mw-clean-laser-line.right {
    background: linear-gradient(90deg, #ffd23f 0%, rgba(255, 210, 63, 0.4) 60%, transparent 100%) !important;
    box-shadow: 0 0 6px rgba(255, 210, 63, 0.5) !important;
}

.mw-clean-tagline-text {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 8.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
    white-space: nowrap !important;
    display: flex !important;
    gap: 3.5px !important;
    line-height: 1 !important;
}

.tag-brand-white { color: #ffffff !important; }
.tag-brand-gold { color: #ffd23f !important; }

/* TIGHT MENU CLUSTER (MENU ITEMS CLOSER TOGETHER) */
.nav-tight-cluster {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important; /* Brought closer together */
    margin: 0 !important;
}

.nav-tight-cluster .nav-item {
    margin: 0 !important;
}

.nav-tight-cluster .nav-link {
    padding: 7px 13px !important; /* Compact padding */
    margin: 0 2px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
}

.nav-tight-cluster .nav-link.active-gold-pill {
    padding: 7px 15px !important;
}

@media (max-width: 991px) {
    .meeways-standalone-aclonica-logo {
        margin-right: 0 !important;
    }
    .mw-aclonica-wordmark {
        font-size: 24px !important;
    }
}


/* ==========================================================================
   LOGO 10% REDUCTION & SLIM / REFINED COMPACT MENU ITEMS
   ========================================================================== */

/* 1. LOGO: 10% REDUCED SIZE */
.mw-aclonica-wordmark {
    font-size: 30px !important; /* Reduced 10% from 34px */
    letter-spacing: 0.015em !important;
}

.mw-gold-sphere-dot {
    width: 8px !important;
    height: 8px !important;
    margin-left: 3.5px !important;
    margin-bottom: 2.5px !important;
}

.mw-clean-tagline-bar {
    gap: 5px !important;
    margin-top: 2px !important;
}

.mw-clean-laser-line {
    min-width: 14px !important;
    height: 1px !important;
}

.mw-clean-tagline-text {
    font-size: 7.6px !important;
    letter-spacing: 0.035em !important;
    font-weight: 600 !important;
}

/* 2. MENU ITEMS: CHOTA (SMALLER) & PATLA (SLIMMER / LIGHTER WEIGHT) */
.nav-tight-cluster {
    gap: 3px !important;
}

.nav-tight-cluster .nav-link {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12.5px !important; /* Chota */
    font-weight: 400 !important; /* Patla / Slim */
    letter-spacing: 0.35px !important;
    padding: 5px 11px !important;
    border-radius: 999px !important;
    color: rgba(255, 255, 255, 0.88) !important;
    transition: all 0.22s ease !important;
}

.nav-tight-cluster .nav-link:hover {
    color: #ffd23f !important;
    font-weight: 500 !important;
    background: rgba(255, 210, 63, 0.1) !important;
}

/* Active Pill: Refined & Slim */
.nav-tight-cluster .nav-link.active-gold-pill {
    font-size: 12.5px !important;
    font-weight: 500 !important; /* Slimmer */
    padding: 5px 13px !important;
    border: 1px solid rgba(255, 210, 63, 0.45) !important;
    background: rgba(255, 210, 63, 0.08) !important;
}

/* Badge 12+: Delicate & Slim */
.nav-badge-pill {
    font-size: 9px !important;
    font-weight: 500 !important;
    padding: 1px 5.5px !important;
    margin-left: 3px !important;
    border: 1px solid rgba(255, 210, 63, 0.35) !important;
}


/* ==========================================================================
   USER'S SIGNATURE LUXURY GOLD FOOTER & FLOATING TRIGGERS
   ========================================================================== */

/* Universal RACB button color override (replaces electric green with user's radiant gold) */
.racb-btn {
    background-image: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #050508 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 20px rgba(255, 210, 63, 0.4) !important;
    border: none !important;
}

.racb-btn:hover {
    background-image: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    color: #050508 !important;
    box-shadow: 0 6px 28px rgba(255, 210, 63, 0.65) !important;
}

/* Footer Card */
.luxury-footer-card {
    background: radial-gradient(circle at 50% 0%, #151828 0%, #090b14 100%) !important;
    border: 1px solid rgba(255, 210, 63, 0.28) !important;
    border-radius: 36px !important;
    padding: 48px 56px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85), 0 0 35px rgba(255, 210, 63, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}

.footer-gold-divider {
    border-color: rgba(255, 210, 63, 0.2) !important;
    opacity: 0.8 !important;
}

.footer-gold-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #ffd23f !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 14px !important;
    text-shadow: 0 0 12px rgba(255, 210, 63, 0.3) !important;
}

.btn-luxury-footer-cta {
    background-image: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #050508 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    padding: 14px 34px !important;
    border: none !important;
    box-shadow: 0 0 25px rgba(255, 210, 63, 0.6), 0 4px 14px rgba(0, 0, 0, 0.5) !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-luxury-footer-cta:hover {
    color: #050508 !important;
    transform: translateY(-2px) scale(1.02) !important;
    background-image: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    box-shadow: 0 0 35px rgba(255, 210, 63, 0.85), 0 6px 20px rgba(0, 0, 0, 0.6) !important;
}

.footer-contact-link {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.footer-contact-link:hover {
    color: #ffd23f !important;
    text-shadow: 0 0 10px rgba(255, 210, 63, 0.5) !important;
}

.footer-whatsapp-badge {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(37, 211, 102, 0.15) !important;
    border: 1px solid rgba(37, 211, 102, 0.4) !important;
    color: #25d366 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.footer-whatsapp-badge:hover {
    background: rgba(37, 211, 102, 0.28) !important;
    color: #ffffff !important;
    box-shadow: 0 0 14px rgba(37, 211, 102, 0.4) !important;
}

.footer-links-list li {
    margin-bottom: 8px !important;
}

.footer-links-list a {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.footer-links-list a:hover {
    color: #ffd23f !important;
    padding-left: 4px !important;
}

/* Floating Right Action Button (Gold Glow, Replaces Neon Green) */
.enquery-btn {
    background: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    box-shadow: 0 0 25px rgba(255, 210, 63, 0.65), 0 4px 12px rgba(0,0,0,0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.enquery-btn i {
    color: #050508 !important;
}

/* Floating Left Phone Call Trigger */
#fixButton .racb-btn {
    background: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #050508 !important;
    box-shadow: 0 0 20px rgba(255, 210, 63, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

@media (max-width: 768px) {
    .luxury-footer-card {
        padding: 30px 22px !important;
        border-radius: 24px !important;
    }
}


/* ==========================================================================
   THE PERFECT BUTTON SYSTEM (MEEWAYS RADIANT GOLD LUXURY PALETTE)
   ========================================================================== */
.racb-btn,
.cta-btn-lg,
.button.from,
.btn-submit-gold {
    background-image: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    background-color: #ffd23f !important;
    color: #050508 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 0 25px rgba(255, 210, 63, 0.5), 0 6px 18px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important;
    text-shadow: none !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.racb-btn:hover,
.cta-btn-lg:hover,
.button.from:hover,
.btn-submit-gold:hover {
    color: #050508 !important;
    background-image: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    box-shadow: 0 0 38px rgba(255, 210, 63, 0.85), 0 8px 24px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.6) !important;
    transform: translateY(-2px) scale(1.02) !important;
}

/* Ensure padding for buttons with radar pulse on left */
.racb-btn:has(.tap_invite),
.cta-btn-lg:has(.tap_invite) {
    padding-left: 55px !important;
    padding-right: 35px !important;
}

/* Radar pulse positioning & gold styling on buttons */
.racb-btn .tap_invite,
.cta-btn-lg .tap_invite {
    left: 14px !important;
    width: 32px !important;
    height: 32px !important;
    position: absolute !important;
    pointer-events: none !important;
}

.racb-btn .white_dot,
.cta-btn-lg .white_dot {
    background-color: #050508 !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.8) !important;
    width: 7px !important;
    height: 7px !important;
}

.racb-btn .circle,
.cta-btn-lg .circle {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.75) !important;
}

/* Ensure full width on mobile or modal where needed */
.wwo .racb-btn,
.contact-form .racb-btn,
.modal .racb-btn {
    width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}


/* ==========================================================================
   OUR CLIENT LOGOS SYSTEM (CLEAN UNIFORM LUXURY MONOCHROME & COLOR HOVER)
   ========================================================================== */
.clients-slider .client-block {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 70px !important;
    padding: 0 15px !important;
}

.clients-slider .client-block img {
    max-height: 48px !important;
    max-width: 150px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45)) !important;
    opacity: 0.96 !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.clients-slider .client-block:hover img {
    filter: drop-shadow(0 0 14px rgba(255, 210, 63, 0.5)) brightness(1.08) !important;
    transform: scale(1.08) !important;
    opacity: 1 !important;
}


/* ==========================================================================
   HERO CALLBACK INPUT BAR (PERFECT RADIANT GOLD THEME)
   ========================================================================== */
.text-field-form {
    background-color: rgba(13, 16, 28, 0.9) !important;
    border: 1px solid rgba(255, 210, 63, 0.45) !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.6), 0 0 16px rgba(255, 210, 63, 0.15) !important;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    padding-right: 210px !important; /* ensure text doesn't hide under button */
}

.text-field-form:focus {
    border-color: #ffd23f !important;
    box-shadow: 0 0 25px rgba(255, 210, 63, 0.45) !important;
    outline: none !important;
}

.text-field-form::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

.from-holder input[type="submit"],
.from-holder .button.from,
.button.from.w-button,
.button.from {
    background: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    background-image: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    background-color: #ffd23f !important;
    color: #050508 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    letter-spacing: 0.4px !important;
    border-radius: 999px !important;
    border: none !important;
    box-shadow: 0 0 20px rgba(255, 210, 63, 0.55), 0 4px 12px rgba(0,0,0,0.5) !important;
    padding: 10px 24px !important;
    height: 44px !important;
    position: absolute !important;
    right: 3px !important;
    top: 3px !important;
    cursor: pointer !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.from-holder input[type="submit"]:hover,
.from-holder .button.from:hover,
.button.from.w-button:hover,
.button.from:hover {
    background: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    background-image: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    color: #050508 !important;
    box-shadow: 0 0 30px rgba(255, 210, 63, 0.85), 0 6px 16px rgba(0,0,0,0.6) !important;
    transform: scale(1.02) !important;
}

.discuss {
    background: #ffd23f !important;
    color: #050508 !important;
    font-weight: 700 !important;
}

.mobile-fx .box-text2 {
    background-color: #ffd23f !important;
    color: #050508 !important;
}


/* ==========================================================================
   PREMIUM APPLE MACBOOK PRO 16" HERO SHOWCASE (SPACE BLACK)
   ========================================================================== */
.macbook-holder {
    height: auto !important;
    width: 100% !important;
    max-width: 820px !important;
    top: 2% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.macbook-showcase-container {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    z-index: 2 !important;
}

.macbook-hero-image {
    width: 100% !important;
    max-width: 760px !important;
    height: auto !important;
    object-fit: contain !important;
    position: relative !important;
    z-index: 3 !important;
    filter: drop-shadow(0 20px 45px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 35px rgba(255, 210, 63, 0.16)) !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
}

.macbook-showcase-container:hover .macbook-hero-image {
    transform: scale(1.02) translateY(-3px) !important;
    filter: drop-shadow(0 25px 60px rgba(0, 0, 0, 0.98)) drop-shadow(0 0 50px rgba(255, 210, 63, 0.32)) !important;
}

.macbook-glow-aura {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    height: 75% !important;
    background: radial-gradient(circle, rgba(255, 210, 63, 0.14) 0%, rgba(255, 183, 3, 0.04) 50%, transparent 75%) !important;
    filter: blur(45px) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

@media (max-width: 991px) {
    .macbook-hero-image {
        max-width: 92% !important;
    }
}


/* ==========================================================================
   PERFECT DEAD-CENTER ALIGNMENT FOR HERO CALLBACK BAR
   ========================================================================== */
.from-wra-er {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.form-block.w-form {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
}

.from-holder {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.text-field-form,
.from-holder .text-field-form {
    width: 100% !important;
    max-width: 520px !important;
    height: 56px !important;
    border-radius: 999px !important;
    background-color: rgba(13, 16, 28, 0.95) !important;
    border: 1px solid rgba(255, 210, 63, 0.45) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7), 0 0 20px rgba(255, 210, 63, 0.15) !important;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14.5px !important;
    padding-left: 26px !important;
    padding-right: 215px !important; /* Total safety clearance for the button */
    box-sizing: border-box !important;
    margin: 0 !important;
    display: block !important;
    outline: none !important;
    line-height: normal !important;
}

.text-field-form:focus,
.from-holder .text-field-form:focus {
    border-color: #ffd23f !important;
    box-shadow: 0 0 25px rgba(255, 210, 63, 0.5) !important;
}

.from-holder input[type="submit"],
.from-holder .button.from,
.from-holder .racb-btn.button.from.w-button,
.button.from.w-button,
.button.from {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 6px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    border: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    background-image: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #050508 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 0 22px rgba(255, 210, 63, 0.55), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    z-index: 10 !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.from-holder input[type="submit"]:hover,
.from-holder .button.from:hover,
.from-holder .racb-btn.button.from.w-button:hover,
.button.from.w-button:hover,
.button.from:hover {
    transform: translateY(-50%) scale(1.02) !important;
    background: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    background-image: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    box-shadow: 0 0 32px rgba(255, 210, 63, 0.85), 0 6px 16px rgba(0, 0, 0, 0.5) !important;
    color: #050508 !important;
}

@media (max-width: 576px) {
    .text-field-form {
        padding-right: 170px !important;
        font-size: 12.5px !important;
        height: 50px !important;
    }
    .from-holder input[type="submit"],
    .from-holder .button.from {
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 14px !important;
        font-size: 11px !important;
    }
}


/* ==========================================================================
   MOBILE-FIRST MASTER PERFECTION OVERRIDES (PRIMARY FOCUS)
   ========================================================================== */
@media (max-width: 991px) {
    /* 1. HEADER & CAPSULE ON MOBILE */
    header nav.fixed-top {
        top: 8px !important;
        padding: 0 10px !important;
    }

    .luxury-nav-capsule {
        height: 54px !important;
        padding: 0 14px !important;
        width: 100% !important;
        border-radius: 999px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .navbar-brand.meeways-standalone-aclonica-logo {
        margin-right: 0 !important;
    }

    .mw-aclonica-wordmark {
        font-size: 24px !important;
    }

    .mw-gold-sphere-dot {
        width: 6.5px !important;
        height: 6.5px !important;
    }

    .mw-clean-tagline-text {
        font-size: 6.5px !important;
    }

    .navbar-toggler {
        border: none !important;
        padding: 6px !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .navbar-toggler .brand-image {
        width: 24px !important;
        height: 24px !important;
        filter: brightness(0) invert(1) !important;
    }

    /* Mobile Dropdown Menu */
    .luxury-nav-capsule .navbar-collapse {
        position: absolute !important;
        top: 60px !important;
        left: 10px !important;
        right: 10px !important;
        background: rgba(10, 13, 24, 0.98) !important;
        -webkit-backdrop-filter: blur(30px) !important;
        backdrop-filter: blur(30px) !important;
        border: 1px solid rgba(255, 210, 63, 0.4) !important;
        border-radius: 20px !important;
        padding: 18px !important;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.95), 0 0 25px rgba(255, 210, 63, 0.15) !important;
        z-index: 10001 !important;
    }

    .luxury-nav-capsule .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-link {
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        padding: 10px 16px !important;
        border-radius: 12px !important;
        text-align: left !important;
        margin: 0 !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-link.active-gold-pill,
    .luxury-nav-capsule .navbar-nav .nav-link:hover {
        background: rgba(255, 210, 63, 0.12) !important;
        color: #ffd23f !important;
        border-color: rgba(255, 210, 63, 0.3) !important;
    }

    /* 2. HERO SECTION COMPACT LUXURY ON MOBILE */
    .section.py-5 {
        padding-top: 75px !important;
        padding-bottom: 25px !important;
    }

    .hero-section-text-holder {
        height: auto !important;
        min-height: auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .hero-section-sticky {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
    }

    .hero-sticky-holder {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    .hero-sticky-holder .subtitle-small {
        position: relative !important;
        top: 0 !important;
        font-size: 17px !important;
        margin-bottom: 6px !important;
        text-align: center !important;
    }

    .hero-text-holder {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .hero-text, .hero-text-blur {
        font-size: 34px !important;
        line-height: 1.1 !important;
        text-align: center !important;
        position: relative !important;
        letter-spacing: -0.5px !important;
    }

    .hero-text-blur {
        position: absolute !important;
        filter: blur(35px) !important;
    }

    /* MacBook Pro on Mobile */
    .macbook-holder {
        height: auto !important;
        width: 100% !important;
        top: 0 !important;
        margin: 5px 0 20px !important;
        display: flex !important;
        justify-content: center !important;
    }

    .macbook-hero-image {
        max-width: 96% !important;
        margin: 0 auto !important;
    }

    /* 3. HERO CALLBACK FORM BAR ON MOBILE */
    .callback-section {
        padding: 20px 10px 30px !important;
    }

    .hero-section-paragraph-holder .celebrating-icon {
        width: 55px !important;
        height: auto !important;
        margin-bottom: 12px !important;
    }

    .all_heading {
        font-size: 24px !important;
        line-height: 1.25 !important;
        margin-bottom: 12px !important;
    }

    .hero-paragraph-holder p {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
        padding: 0 8px !important;
        margin-bottom: 18px !important;
    }

    .from-wra-er {
        width: 100% !important;
        padding: 0 8px !important;
    }

    .form-block.w-form {
        width: 100% !important;
        max-width: 100% !important;
    }

    .from-holder {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        position: relative !important;
    }

    .text-field-form,
    .from-holder .text-field-form {
        width: 100% !important;
        max-width: 100% !important;
        height: 52px !important;
        font-size: 13px !important;
        padding-left: 20px !important;
        padding-right: 155px !important; /* Safety room for compact mobile button */
    }

    .from-holder input[type="submit"],
    .from-holder .button.from,
    .from-holder .racb-btn.button.from.w-button {
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 16px !important;
        font-size: 11px !important;
        letter-spacing: 0.3px !important;
        right: 6px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    /* 4. CLIENTS SECTION ON MOBILE */
    .clients-section {
        padding: 15px 0 !important;
    }

    .clients-section p.fs24 {
        font-size: 17px !important;
        margin-bottom: 15px !important;
    }

    .clients-slider .client-block {
        height: 46px !important;
        margin: 8px 0 !important;
        padding: 0 8px !important;
    }

    .clients-slider .client-block img {
        max-height: 30px !important;
        max-width: 100px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .clients-slider .client-block img.img-circle {
        max-height: 34px !important;
        max-width: 34px !important;
    }

    .clients-section .pt-5 {
        padding-top: 20px !important;
    }

    .cta-btn-lg {
        min-width: 220px !important;
        height: 48px !important;
        font-size: 12.5px !important;
    }

    /* 5. ABOUT & WHY CHOOSE US ON MOBILE */
    .about-section {
        padding: 25px 12px !important;
    }

    .section-heading h2,
    .why-choose-wrap .content-block__heading {
        font-size: 23px !important;
        line-height: 1.3 !important;
    }

    .content-block {
        padding: 20px 16px !important;
        border-radius: 20px !important;
    }

    .wwo li {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
        margin-bottom: 10px !important;
    }

    /* 6. STATS / COUNTERS ON MOBILE */
    .stats-list-wrap {
        padding: 10px 0 !important;
    }

    .stats-list-wrap .counter {
        font-size: 34px !important;
    }

    .stats-list-wrap p {
        font-size: 12px !important;
    }

    /* 7. FOOTER ON MOBILE */
    .site-footer {
        padding-top: 30px !important;
        padding-bottom: 85px !important; /* Room for fixed bottom dock */
    }

    .luxury-footer-card {
        padding: 26px 18px !important;
        border-radius: 24px !important;
        text-align: center !important;
    }

    .btn-luxury-footer-cta {
        width: 100% !important;
        justify-content: center !important;
        font-size: 13px !important;
        padding: 12px 20px !important;
        margin-top: 10px !important;
    }

    .ftr-info-block {
        text-align: center !important;
    }

    .footer-gold-title {
        font-size: 15px !important;
    }

    /* 8. LUXURY FROSTED OBSIDIAN & GOLD FIXED BOTTOM DOCK */
    .mobile-fx {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 99999 !important;
        background: rgba(8, 10, 18, 0.95) !important;
        -webkit-backdrop-filter: blur(24px) !important;
        backdrop-filter: blur(24px) !important;
        border-top: 1px solid rgba(255, 210, 63, 0.35) !important;
        box-shadow: 0 -8px 25px rgba(0, 0, 0, 0.85) !important;
        padding: 8px 12px !important;
    }

    .btn-mob-quote {
        background: rgba(255, 210, 63, 0.12) !important;
        border: 1px solid rgba(255, 210, 63, 0.45) !important;
        color: #ffd23f !important;
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-weight: 700 !important;
        font-size: 12.5px !important;
        border-radius: 999px !important;
        padding: 10px 8px !important;
        display: block !important;
        text-align: center !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    .btn-mob-call {
        background: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
        color: #050508 !important;
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-weight: 800 !important;
        font-size: 12.5px !important;
        border-radius: 999px !important;
        padding: 10px 8px !important;
        display: block !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: 0 0 16px rgba(255, 210, 63, 0.6) !important;
        transition: all 0.2s ease !important;
    }
}


/* User's Exact MacBook Air Laptop PNG Sizing */
.macbook-holder {
    max-width: 880px !important;
}

.macbook-hero-image {
    max-width: 860px !important;
    filter: drop-shadow(0 20px 45px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 35px rgba(255, 210, 63, 0.2)) !important;
}

@media (max-width: 991px) {
    .macbook-holder {
        max-width: 100% !important;
    }
    .macbook-hero-image {
        max-width: 98% !important;
    }
}


/* ==========================================================================
   LAPTOP SHIFTED DOWN & CLEAN ADDRESS BAR SHOWCASE
   ========================================================================== */
.macbook-holder {
    top: 9% !important;
    margin-top: 48px !important;
}

@media (max-width: 991px) {
    .macbook-holder {
        top: 0 !important;
        margin-top: 32px !important;
    }
}


/* ==========================================================================
   MOBILE HERO: "WEBSITE DESIGNING" (ONE LINE) ON TOP & LAPTOP DIRECTLY UNDERNEATH
   ========================================================================== */
@media (max-width: 991px) {
    .section.py-5 {
        padding-top: 108px !important; /* Spacious breathing gap from floating capsule navbar */
        padding-bottom: 20px !important;
    }

    .hero-section {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        position: relative !important;
    }

    .hero-section-text-holder {
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        position: relative !important;
        padding: 0 !important;
    }

    /* 1. HEADLINE ON TOP OF LAPTOP (ORDER: 1) */
    .hero-section-sticky {
        order: 1 !important; /* PLACES HEADLINE ON TOP OF LAPTOP! */
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin-top: 24px !important; /* Perfect luxury gap below navbar */
        margin-bottom: 16px !important;
        z-index: 5 !important;
    }

    .hero-sticky-holder {
        position: relative !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        transform: none !important;
        z-index: 5 !important;
    }

    .hero-sticky-holder .subtitle-small {
        position: relative !important;
        top: 0 !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        letter-spacing: 2.5px !important;
        text-transform: uppercase !important;
        margin-bottom: 12px !important;
        text-align: center !important;
        display: inline-block !important;
        color: #ffd23f !important;
        text-shadow: 0 0 10px rgba(255, 210, 63, 0.4) !important;
    }

    /* "WEBSITE DESIGNING" IN ONE SINGLE HORIZONTAL LINE */
    .hero-text-holder {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        display: flex !important;
        flex-direction: row !important; /* ONE SINGLE LINE */
        flex-wrap: nowrap !important;
        align-items: baseline !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 auto !important;
        white-space: nowrap !important;
        perspective: none !important;
        pointer-events: auto !important;
        z-index: 5 !important;
    }

    .hero-text-wrapper,
    .hero-text-wrapper._01,
    .hero-text-wrapper._02 {
        position: relative !important;
        display: inline-flex !important;
        width: auto !important;
        margin: 0 !important;
        line-height: 1.1 !important;
    }

    .hero-text,
    .hero-text._02 {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 28px !important; /* Fits perfectly on 1 line on every mobile device */
        font-weight: 800 !important;
        line-height: 1.1 !important;
        letter-spacing: -0.3px !important;
        text-align: center !important;
        white-space: nowrap !important;
        display: inline-block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: linear-gradient(120deg, #ffffff 0%, #fff176 15%, #ffd23f 38%, #f59e0b 60%, #ffd23f 78%, #fff176 90%, #ffffff 100%) !important;
        background-size: 260% 260% !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        animation: mwYellowToGoldFlow 4.5s ease-in-out infinite alternate !important;
    }

    .hero-text-blur {
        display: none !important;
    }

    /* 2. LAPTOP DIRECTLY UNDERNEATH THE HEADLINE (ORDER: 2) */
    .macbook-holder {
        order: 2 !important; /* PLACES LAPTOP UNDER HEADLINE! */
        position: relative !important;
        top: 0 !important;
        margin: 8px auto 25px !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        transform: none !important;
        z-index: 2 !important;
    }

    .macbook-showcase-container {
        width: 100% !important;
        max-width: 95% !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .macbook-hero-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
        filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 25px rgba(255, 210, 63, 0.2)) !important;
    }
}

@media (max-width: 380px) {
    .hero-text,
    .hero-text._02 {
        font-size: 24px !important;
        letter-spacing: -0.2px !important;
    }
    .hero-text-holder {
        gap: 6px !important;
    }
}



/* ==========================================================================
   REMOVE BLACK BACKGROUND FROM MOBILE & DESKTOP MENU ITEMS
   ========================================================================== */
.navbar-nav,
.nav-item,
.navbar-collapse,
.luxury-nav-capsule .navbar-nav,
.luxury-nav-capsule .navbar-nav .nav-item {
    background: transparent !important;
    background-color: transparent !important;
}

.luxury-nav-capsule .navbar-nav .nav-link {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
}

@media (max-width: 991px) {
    /* Mobile dropdown: Translucent Frosted Glass (Zero harsh opaque black box) */
    .luxury-nav-capsule .navbar-collapse {
        background: rgba(12, 15, 25, 0.65) !important;
        background-color: rgba(12, 15, 25, 0.65) !important;
        -webkit-backdrop-filter: blur(28px) !important;
        backdrop-filter: blur(28px) !important;
        border: 1px solid rgba(255, 210, 63, 0.35) !important;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 210, 63, 0.12) !important;
    }

    .luxury-nav-capsule .navbar-nav {
        background: transparent !important;
        background-color: transparent !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-item {
        background: transparent !important;
        background-color: transparent !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-link {
        background: transparent !important;
        background-color: transparent !important;
        color: #ffffff !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-link.active-gold-pill,
    .luxury-nav-capsule .navbar-nav .nav-link:hover {
        background: rgba(255, 210, 63, 0.12) !important;
        border: 1px solid rgba(255, 210, 63, 0.45) !important;
        color: #ffd23f !important;
    }
}



/* ==========================================================================
   PERFECT LUXURY GAP BETWEEN FLOATING CAPSULE NAVBAR AND "TOP-NOTCH"
   ========================================================================== */
@media (max-width: 991px) {
    .section.py-5,
    section.section.py-5,
    section.section.py-5:first-of-type {
        padding-top: max(86px, calc(env(safe-area-inset-top, 0px) + 74px)) !important;
        padding-bottom: 18px !important;
    }

    .section.py-5 .hero-section,
    .hero-section {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .hero-section-text-holder {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .hero-section-sticky {
        margin-top: 6px !important;
        margin-bottom: 8px !important;
    }

    .hero-sticky-holder .subtitle-small {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        font-size: 13px !important;
        letter-spacing: 2px !important;
    }

    .hero-text-holder {
        margin-bottom: 8px !important;
    }

    .macbook-holder {
        margin: 4px auto 18px !important;
    }
}

@media (max-width: 576px) {
    .section.py-5,
    section.section.py-5,
    section.section.py-5:first-of-type {
        padding-top: max(82px, calc(env(safe-area-inset-top, 0px) + 70px)) !important;
        padding-bottom: 12px !important;
    }

    .hero-section-sticky {
        margin-top: 4px !important;
        margin-bottom: 6px !important;
    }

    .hero-sticky-holder .subtitle-small {
        margin-bottom: 4px !important;
        font-size: 12px !important;
    }

    .hero-text-holder {
        margin-bottom: 6px !important;
    }

    .macbook-holder {
        margin: 2px auto 14px !important;
    }
}



/* ==========================================================================
   EXACT HEADER CAPSULE COLOR & BORDER MATCH FOR MOBILE DROPDOWN MENU
   ========================================================================== */
@media (max-width: 991px) {
    .luxury-nav-capsule .navbar-collapse,
    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        position: absolute !important;
        top: 58px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        /* EXACT SAME BACKGROUND AS HEADER CAPSULE */
        background: rgba(8, 10, 16, 0.97) !important;
        background-color: rgba(8, 10, 16, 0.97) !important;
        -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
        backdrop-filter: blur(28px) saturate(180%) !important;
        /* EXACT SAME GOLD BORDER BORDER-TO-BORDER */
        border: 1px solid rgba(255, 210, 63, 0.45) !important;
        border-radius: 22px !important;
        padding: 14px 16px !important;
        /* EXACT SAME LUXURY GLOW & TOP SPECULAR INSET HIGHLIGHT */
        box-shadow: 0 16px 45px rgba(0, 0, 0, 0.92), 0 0 25px rgba(255, 210, 63, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
        z-index: 10001 !important;
    }

    .luxury-nav-capsule .navbar-nav {
        background: transparent !important;
        background-color: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-item {
        background: transparent !important;
        background-color: transparent !important;
        width: 100% !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-link {
        color: #ffffff !important;
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        padding: 10px 18px !important;
        border-radius: 999px !important;
        background: transparent !important;
        background-color: transparent !important;
        border: 1px solid transparent !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        transition: all 0.25s ease !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-link.active-gold-pill,
    .luxury-nav-capsule .navbar-nav .nav-link:hover {
        background: rgba(255, 210, 63, 0.12) !important;
        background-color: rgba(255, 210, 63, 0.12) !important;
        border: 1px solid rgba(255, 210, 63, 0.45) !important;
        color: #ffd23f !important;
        box-shadow: 0 0 15px rgba(255, 210, 63, 0.2) !important;
    }
}



/* ==========================================================================
   CELEBRATING 6 YEARS BADGE: PROMINENT SIZE INCREASE
   ========================================================================== */
.celebrating-icon,
.celebrating-animated-badge,
.hero-section-paragraph-holder .celebrating-icon,
.celebrating-badge-container .celebrating-icon {
    width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
    margin: 0 auto 10px !important;
}

@media (max-width: 991px) {
    .celebrating-icon,
    .celebrating-animated-badge,
    .hero-section-paragraph-holder .celebrating-icon,
    .celebrating-badge-container .celebrating-icon {
        width: 170px !important;
        max-width: 170px !important;
        margin: 0 auto 8px !important;
    }
}

@media (max-width: 480px) {
    .celebrating-icon,
    .celebrating-animated-badge,
    .hero-section-paragraph-holder .celebrating-icon,
    .celebrating-badge-container .celebrating-icon {
        width: 155px !important;
        max-width: 155px !important;
    }
}



/* ==========================================================================
   FLAGSHIP MEEWAYS WEB STRATEGY MODAL (100% WEBSITE DEDICATED & SINGLE SCREEN MOBILE)
   ========================================================================== */
.luxury-web-modal .modal-dialog {
    max-width: 960px !important;
    margin: 1.75rem auto !important;
}

.mw-modal-card {
    background: rgba(10, 13, 22, 0.98) !important;
    -webkit-backdrop-filter: blur(35px) saturate(180%) !important;
    backdrop-filter: blur(35px) saturate(180%) !important;
    border: 1px solid rgba(255, 210, 63, 0.45) !important;
    border-radius: 28px !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.95), 0 0 35px rgba(255, 210, 63, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    position: relative !important;
    overflow: hidden !important;
    color: #ffffff !important;
}

.btn-close-modal {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 210, 63, 0.3) !important;
    color: #ffd23f !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 20 !important;
    transition: all 0.25s ease !important;
    outline: none !important;
}

.btn-close-modal:hover {
    background: rgba(255, 210, 63, 0.2) !important;
    color: #ffffff !important;
    transform: rotate(90deg) scale(1.08) !important;
}

/* Left Column */
.mw-modal-left-col {
    padding: 36px 28px !important;
    background: rgba(6, 8, 14, 0.7) !important;
    border-right: 1px solid rgba(255, 210, 63, 0.25) !important;
}

.mw-modal-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #34d399 !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
}

.pulse-dot {
    width: 7px !important;
    height: 7px !important;
    background-color: #34d399 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 8px #34d399 !important;
    display: inline-block !important;
}

.mw-modal-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important;
}

.mw-contact-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 12px !important;
    background: rgba(15, 18, 30, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mw-contact-box:hover {
    background: rgba(255, 210, 63, 0.1) !important;
    border-color: rgba(255, 210, 63, 0.4) !important;
    transform: translateY(-2px) !important;
}

.mw-contact-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
}

.mw-contact-icon.whatsapp { background: rgba(37, 211, 102, 0.15) !important; color: #25d366 !important; }
.mw-contact-icon.phone { background: rgba(255, 210, 63, 0.15) !important; color: #ffd23f !important; }
.mw-contact-icon.mail { background: rgba(59, 130, 246, 0.15) !important; color: #60a5fa !important; }
.mw-contact-icon.studio { background: rgba(239, 68, 68, 0.15) !important; color: #f87171 !important; }

.mw-contact-text {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.15 !important;
}

.mw-c-sub { font-size: 9px !important; font-weight: 600 !important; color: rgba(255, 255, 255, 0.5) !important; letter-spacing: 0.5px !important; }
.mw-c-main { font-size: 11.5px !important; font-weight: 700 !important; color: #ffffff !important; }

.mw-trust-pill {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.75) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Right Column */
.mw-modal-right-col {
    padding: 34px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.mw-launchpad-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #ffd23f !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

.dot-gold {
    width: 6px !important;
    height: 6px !important;
    background-color: #ffd23f !important;
    border-radius: 50% !important;
    box-shadow: 0 0 6px #ffd23f !important;
    display: inline-block !important;
}

/* Scope Pills */
.mw-scope-pills-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.mw-scope-pill {
    background: rgba(18, 22, 36, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}

.mw-scope-pill:hover {
    border-color: rgba(255, 210, 63, 0.45) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

.mw-scope-pill.active {
    background: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    border-color: #ffd23f !important;
    color: #050508 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 16px rgba(255, 210, 63, 0.5) !important;
}

/* Form Inputs */
.mw-input-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.mw-input-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin: 0 !important;
}

.mw-modal-input {
    width: 100% !important;
    height: 44px !important;
    background: rgba(15, 18, 30, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    padding: 0 14px !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}

.mw-modal-textarea {
    height: 60px !important;
    padding: 8px 14px !important;
    resize: none !important;
}

.mw-modal-input:focus {
    border-color: #ffd23f !important;
    box-shadow: 0 0 15px rgba(255, 210, 63, 0.35) !important;
    background: rgba(20, 24, 40, 0.95) !important;
}

.btn-modal-gold-submit {
    height: 48px !important;
    background-image: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #050508 !important;
    border: none !important;
    border-radius: 999px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0.4px !important;
    box-shadow: 0 0 25px rgba(255, 210, 63, 0.6), 0 4px 14px rgba(0, 0, 0, 0.5) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
}

.btn-modal-gold-submit:hover {
    transform: translateY(-2px) scale(1.01) !important;
    background-image: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    box-shadow: 0 0 35px rgba(255, 210, 63, 0.85), 0 6px 18px rgba(0, 0, 0, 0.6) !important;
    color: #050508 !important;
}

.btn-submit-sheen {
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
    transform: skewX(-25deg);
    transition: left 0.6s ease;
    pointer-events: none;
}

.btn-modal-gold-submit:hover .btn-submit-sheen {
    left: 180%;
}

.mw-submit-subtext {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ==========================================================================
   MOBILE PERFECTION: FITS IN ONE SCREEN (ZERO SCROLLING NEEDED!)
   ========================================================================== */
@media (max-width: 991px) {
    .luxury-web-modal .modal-dialog {
        max-width: 94% !important;
        margin: 0.5rem auto !important;
    }

    .mw-modal-card {
        border-radius: 22px !important;
        padding: 0 !important;
    }

    .mw-modal-right-col {
        padding: 20px 16px 16px !important;
    }

    .mw-modal-mobile-title {
        font-size: 19px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
    }

    .mw-scope-pills-wrap {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
        margin-bottom: 8px !important;
    }

    .mw-scope-pill {
        font-size: 11.5px !important;
        padding: 6px 8px !important;
        text-align: center !important;
        border-radius: 10px !important;
        white-space: nowrap !important;
    }

    .mw-modal-input {
        height: 40px !important;
        font-size: 12.5px !important;
        padding: 0 12px !important;
        border-radius: 10px !important;
    }

    .mw-input-label {
        font-size: 9.5px !important;
    }

    .btn-modal-gold-submit {
        height: 42px !important;
        font-size: 12.5px !important;
        padding: 0 12px !important;
    }

    .mw-submit-subtext {
        font-size: 9.5px !important;
    }

    .btn-close-modal {
        top: 10px !important;
        right: 10px !important;
        width: 30px !important;
        height: 30px !important;
        font-size: 14px !important;
    }
}



/* ==========================================================================
   SMOOTH MENU TRANSITION ON OPEN & CLOSE
   ========================================================================== */
.luxury-nav-capsule .navbar-collapse {
    transition: height 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
}

.luxury-nav-capsule .navbar-collapse.collapsing {
    transition: height 0.32s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
    overflow: hidden !important;
}



/* ==========================================================================
   EXECUTIVE PC FLOATING HOTLINE & STRATEGY CAPSULES
   ========================================================================== */
#fixButton.left_fix {
    bottom: 24px !important;
    left: 24px !important;
    z-index: 9999 !important;
}

.mw-fixed-luxury-hotline-capsule {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: rgba(10, 12, 20, 0.92) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255, 210, 63, 0.45) !important;
    border-radius: 999px !important;
    padding: 7px 10px 7px 14px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.85), 0 0 20px rgba(255, 210, 63, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mw-fixed-luxury-hotline-capsule:hover {
    transform: translateY(-3px) scale(1.02) !important;
    border-color: rgba(255, 210, 63, 0.85) !important;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.95), 0 0 35px rgba(255, 210, 63, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.25) !important;
}

.mw-hotline-beacon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 210, 63, 0.15) !important;
    border: 1px solid rgba(255, 210, 63, 0.5) !important;
    color: #ffd23f !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    position: relative !important;
}

.mw-hotline-ping {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    border: 1px solid #ffd23f !important;
    animation: mwHotlineBeacon 2s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}

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

.mw-hotline-details {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.15 !important;
    text-align: left !important;
}

.mw-hotline-label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #ffd23f !important;
    text-transform: uppercase !important;
}

.mw-hotline-number {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: 0.3px !important;
}

.mw-hotline-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #050508 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    box-shadow: 0 0 14px rgba(255, 210, 63, 0.5) !important;
    transition: transform 0.2s ease !important;
}

.mw-fixed-luxury-hotline-capsule:hover .mw-hotline-action {
    transform: scale(1.05) !important;
}

/* Right-side Fixed Strategy Call Button */
.mw-fixed-right-enquiry {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    z-index: 9999 !important;
}

.mw-fixed-enquiry-pill {
    display: inline-flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #050508 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 11px 22px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 25px rgba(255, 210, 63, 0.5) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mw-fixed-enquiry-pill:hover {
    transform: translateY(-3px) scale(1.03) !important;
    color: #050508 !important;
    background: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9), 0 0 35px rgba(255, 210, 63, 0.8) !important;
}



/* Remove redundant right-side floating button as header already has sticky Book Strategy Call */
.mw-fixed-right-enquiry,
.enquery-btn,
.right_fix {
    display: none !important;
}



/* ==========================================================================
   PURE VECTOR ANIMATED HAMBURGER MENU ICON (ZERO BROKEN IMAGES)
   ========================================================================== */
.navbar-toggler {
    border: none !important;
    padding: 6px 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mw-hamburger-box {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 22px !important;
    height: 16px !important;
    cursor: pointer !important;
}

.mw-hamburger-line {
    display: block !important;
    width: 100% !important;
    height: 2.2px !important;
    background-color: #ffffff !important;
    border-radius: 2px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.navbar-toggler:hover .mw-hamburger-line {
    background-color: #ffd23f !important;
}

/* Animated Transform when open */
.navbar-toggler[aria-expanded="true"] .mw-hamburger-line:nth-child(1),
.navbar-toggler:not(.collapsed) .mw-hamburger-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
    background-color: #ffd23f !important;
}

.navbar-toggler[aria-expanded="true"] .mw-hamburger-line:nth-child(2),
.navbar-toggler:not(.collapsed) .mw-hamburger-line:nth-child(2) {
    opacity: 0 !important;
}

.navbar-toggler[aria-expanded="true"] .mw-hamburger-line:nth-child(3),
.navbar-toggler:not(.collapsed) .mw-hamburger-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
    background-color: #ffd23f !important;
}



/* ==========================================================================
   DESKTOP HEADER PERFECTION: ZERO HAMBURGER ICON ON PC & PERFECT BREATHING GAP
   ========================================================================== */
@media (min-width: 992px) {
    .navbar-toggler,
    button.navbar-toggler,
    .luxury-nav-capsule .navbar-toggler {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .luxury-nav-capsule {
        height: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 6px 14px 6px 24px !important;
    }

    .luxury-nav-capsule .navbar-brand {
        margin-right: 36px !important;
    }

    .luxury-nav-capsule .navbar-nav {
        gap: 6px !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-link {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        padding: 6px 16px !important;
        border-radius: 999px !important;
        color: rgba(255, 255, 255, 0.9) !important;
        letter-spacing: 0.3px !important;
    }
}

@media (max-width: 991px) {
    .navbar-toggler,
    button.navbar-toggler {
        display: flex !important;
    }
}



/* ==========================================================================
   USER'S AUTHENTIC ORIGINAL LOGO & LUXURY FOOTER RESTORATION
   ========================================================================== */
.meeways-original-brand-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
}

.meeways-original-logo-img {
    height: 38px !important;
    width: auto !important;
    max-width: 170px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 10px rgba(255, 210, 63, 0.35)) !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), filter 0.28s ease !important;
}

.meeways-original-brand-link:hover .meeways-original-logo-img {
    transform: scale(1.04) !important;
    filter: drop-shadow(0 0 16px rgba(255, 210, 63, 0.6)) !important;
}

@media (max-width: 991px) {
    .meeways-original-logo-img {
        height: 28px !important;
        max-width: 135px !important;
    }
}

.meeways-original-footer-logo-img {
    height: 44px !important;
    width: auto !important;
    max-width: 200px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 12px rgba(255, 210, 63, 0.35)) !important;
}

/* Luxury Footer Card Enhancement */
.luxury-footer-card {
    background: radial-gradient(circle at 50% 0%, #161a2e 0%, #080a14 100%) !important;
    border: 1px solid rgba(255, 210, 63, 0.35) !important;
    border-radius: 36px !important;
    padding: 48px 56px !important;
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.9), 0 0 35px rgba(255, 210, 63, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 991px) {
    .luxury-footer-card {
        padding: 28px 20px !important;
        border-radius: 24px !important;
    }
}

.footer-gold-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #ffd23f !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 12px !important;
    text-shadow: 0 0 12px rgba(255, 210, 63, 0.3) !important;
}

.footer-whatsapp-badge {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(37, 211, 102, 0.15) !important;
    border: 1px solid rgba(37, 211, 102, 0.4) !important;
    color: #25d366 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.footer-whatsapp-badge:hover {
    background: rgba(37, 211, 102, 0.25) !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(37, 211, 102, 0.4) !important;
    transform: translateY(-1px) !important;
}

.hover-gold:hover {
    color: #ffd23f !important;
    transition: color 0.2s ease !important;
}



/* ==========================================================================
   USER'S EXACT LOGO WITH PROMINENT TAGLINE (media_1788438822142.png)
   ========================================================================== */
.meeways-original-brand-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.meeways-original-logo-img {
    height: 44px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 10px rgba(255, 210, 63, 0.4)) !important;
    transition: transform 0.25s ease !important;
}

.meeways-original-brand-link:hover .meeways-original-logo-img {
    transform: scale(1.03) !important;
}

@media (max-width: 991px) {
    .meeways-original-logo-img {
        height: 34px !important;
        max-width: 125px !important;
    }
}

.meeways-original-footer-logo-img {
    height: 52px !important;
    width: auto !important;
    max-width: 190px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 14px rgba(255, 210, 63, 0.45)) !important;
}



/* ==========================================================================
   LOGO SIZE INCREASE PER USER DIRECTIVE (PROMINENT & MAJESTIC)
   ========================================================================== */
.meeways-original-logo-img {
    height: 50px !important;
    width: auto !important;
    max-width: 190px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 12px rgba(255, 210, 63, 0.42)) !important;
    transition: transform 0.25s ease !important;
}

.meeways-original-brand-link:hover .meeways-original-logo-img {
    transform: scale(1.03) !important;
    filter: drop-shadow(0 0 18px rgba(255, 210, 63, 0.65)) !important;
}

@media (max-width: 991px) {
    .meeways-original-logo-img {
        height: 39px !important;
        max-width: 145px !important;
    }
}

.meeways-original-footer-logo-img {
    height: 62px !important;
    width: auto !important;
    max-width: 230px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 16px rgba(255, 210, 63, 0.5)) !important;
}



/* ==========================================================================
   EXACT MASTER MEEWAYS LOGO FROM INDEX.HTML HEADER
   ========================================================================== */
.meeways-standalone-aclonica-logo {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.mw-standalone-brand-monolith {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
    text-decoration: none !important;
}

.mw-clean-top-brand {
    display: flex !important;
    align-items: baseline !important;
    line-height: 1 !important;
    position: relative !important;
}

.mw-aclonica-wordmark {
    font-family: 'Aclonica', cursive, sans-serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    letter-spacing: 0.025em !important;
    display: inline-block !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, #ffd23f 0%, #ffffff 25%, #ffd23f 50%, #ffffff 75%, #ffd23f 100%) !important;
    background-size: 250% 250% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: mwGoldWhiteFlow 4s ease-in-out infinite alternate !important;
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 16px rgba(255, 210, 63, 0.4)) !important;
    transition: all 0.35s ease !important;
}

@keyframes mwGoldWhiteFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.mw-gold-sphere-dot {
    width: 9.5px !important;
    height: 9.5px !important;
    border-radius: 50% !important;
    position: relative !important;
    display: inline-block !important;
    margin-left: 4px !important;
    margin-bottom: 4px !important;
    align-self: flex-end !important;
    flex-shrink: 0 !important;
    background: radial-gradient(circle at 32% 30%, #ffffff 0%, #fff0a8 18%, #ffd23f 45%, #d97706 75%, #78350f 100%) !important;
    box-shadow: 0 0 10px #ffd23f, 0 0 20px rgba(255, 210, 63, 0.85) !important;
    animation: mwGoldSpherePulse 2.4s infinite ease-in-out !important;
}

@keyframes mwGoldSpherePulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 10px #ffd23f, 0 0 20px rgba(255, 210, 63, 0.85); }
    50% { transform: scale(1.15); box-shadow: 0 0 15px #ffd23f, 0 0 28px rgba(255, 210, 63, 1); }
}

.mw-clean-tagline-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin-top: 2px !important;
    width: 100% !important;
}

.mw-clean-laser-line {
    height: 1.2px !important;
    flex-grow: 1 !important;
    min-width: 16px !important;
    border-radius: 1px !important;
}

.mw-clean-laser-line.left {
    background: linear-gradient(90deg, transparent 0%, rgba(255, 210, 63, 0.4) 40%, #ffd23f 100%) !important;
    box-shadow: 0 0 6px rgba(255, 210, 63, 0.5) !important;
}

.mw-clean-laser-line.right {
    background: linear-gradient(90deg, #ffd23f 0%, rgba(255, 210, 63, 0.4) 60%, transparent 100%) !important;
    box-shadow: 0 0 6px rgba(255, 210, 63, 0.5) !important;
}

.mw-clean-tagline-text {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 8.5px !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

.tag-brand-white {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

.tag-brand-gold {
    color: #ffd23f !important;
    font-weight: 600 !important;
    text-shadow: 0 0 10px rgba(255, 210, 63, 0.6), 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

/* Mobile Adaptation matching index.html */
@media (max-width: 991px) {
    .mw-aclonica-wordmark {
        font-size: 26px !important;
    }
    .mw-gold-sphere-dot {
        width: 7.5px !important;
        height: 7.5px !important;
        margin-left: 3px !important;
        margin-bottom: 3px !important;
    }
    .mw-clean-tagline-text {
        font-size: 7.2px !important;
    }
    .mw-clean-laser-line {
        min-width: 10px !important;
    }
}



/* ==========================================================================
   EXACT TITLE-CASE TAGLINE MATCHING INDEX.HTML HOME PAGE
   ========================================================================== */
.mw-clean-tagline-text,
.mw-clean-tagline-text span,
.tag-brand-white,
.tag-brand-gold {
    text-transform: none !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    letter-spacing: 0.025em !important;
}

.tag-brand-white {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

.tag-brand-gold {
    color: #ffd23f !important;
    font-weight: 600 !important;
    text-shadow: 0 0 10px rgba(255, 210, 63, 0.6), 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}



/* ==========================================================================
   FLAGSHIP MEEWAYS STUDIO MASTER CLEAN & PREMIUM FOOTER SYSTEM
   ========================================================================== */
.studio-footer {
    position: relative !important;
    background: #060608 !important;
    padding: 64px 0 28px !important;
    border-top: 1px solid rgba(255, 210, 63, 0.22) !important;
    overflow: hidden !important;
    color: #ffffff !important;
}

.f-ambient-glow {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 900px !important;
    height: 320px !important;
    background: radial-gradient(ellipse at 50% 0%, rgba(255, 210, 63, 0.12) 0%, transparent 70%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Part 1: Monumental Agency Statement & Direct Trigger */
.f-hero-cta {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 1.25fr 1fr !important;
    gap: 36px !important;
    align-items: center !important;
    background: linear-gradient(135deg, rgba(24, 24, 30, 0.85) 0%, rgba(12, 12, 16, 0.98) 100%) !important;
    border: 1px solid rgba(255, 210, 63, 0.3) !important;
    border-radius: 28px !important;
    padding: 38px 42px !important;
    margin-bottom: 32px !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.9), 0 0 40px rgba(255, 210, 63, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.f-availability-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    color: #ffd23f !important;
    background: rgba(255, 210, 63, 0.08) !important;
    border: 1px solid rgba(255, 210, 63, 0.28) !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    margin-bottom: 14px !important;
}

.f-live-pulse {
    width: 7px !important;
    height: 7px !important;
    background: #00e676 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px #00e676 !important;
    animation: mwFooterPulseLive 1.8s infinite !important;
}

@keyframes mwFooterPulseLive {
    0% { transform: scale(0.9); opacity: 0.7; }
    50% { transform: scale(1.3); opacity: 1; }
    100% { transform: scale(0.9); opacity: 0.7; }
}

.f-cta-headline {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: clamp(26px, 3.2vw, 38px) !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.18 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 12px !important;
}

.f-cta-headline .text-gradient {
    background: linear-gradient(135deg, #ffd23f 0%, #fff0a8 50%, #ffd23f 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline !important;
}

.f-cta-sub {
    font-size: 14px !important;
    color: #b0b0b8 !important;
    line-height: 1.55 !important;
    max-width: 520px !important;
    margin-bottom: 0 !important;
}

.f-cta-right {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.f-dispatch-card {
    width: 100% !important;
    max-width: 440px !important;
    background: linear-gradient(135deg, rgba(28, 28, 36, 0.95) 0%, rgba(16, 16, 22, 0.98) 100%) !important;
    border: 1.5px solid rgba(255, 210, 63, 0.35) !important;
    border-radius: 20px !important;
    padding: 24px 22px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75), 0 0 30px rgba(255, 210, 63, 0.1) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    transition: all 0.28s ease !important;
    box-sizing: border-box !important;
}

.f-dispatch-card:hover {
    border-color: #ffd23f !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.85), 0 0 45px rgba(255, 210, 63, 0.2) !important;
    transform: translateY(-2px) !important;
}

.f-dispatch-head {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.f-producer-avatar {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: rgba(255, 210, 63, 0.15) !important;
    border: 1.5px solid rgba(255, 210, 63, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffd23f !important;
    flex-shrink: 0 !important;
}

.f-avatar-dot {
    position: absolute !important;
    top: 1px !important;
    right: 1px !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #00e676 !important;
    border: 1.5px solid #141418 !important;
    box-shadow: 0 0 8px #00e676 !important;
}

.f-dispatch-meta strong {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

.f-dispatch-meta span {
    display: block !important;
    font-size: 12px !important;
    color: #a0a0ab !important;
    line-height: 1.3 !important;
}

.f-btn-launch {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    background: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #08080a !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
    padding: 13px 18px !important;
    min-height: 48px !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 25px rgba(255, 210, 63, 0.4) !important;
    transition: all 0.28s ease !important;
    text-decoration: none !important;
}

.f-btn-launch:hover {
    background: #ffffff !important;
    color: #08080a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 35px rgba(255, 255, 255, 0.4) !important;
}

.f-btn-arrow {
    font-size: 18px !important;
    transition: transform 0.25s ease !important;
}

.f-btn-launch:hover .f-btn-arrow {
    transform: translateX(4px) !important;
}

.f-quick-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.f-action-chip {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 8px !important;
    min-height: 42px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #dfdfe6 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.25s ease !important;
}

.f-action-chip:hover {
    background: rgba(255, 210, 63, 0.15) !important;
    border-color: #ffd23f !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

.f-chip-whatsapp {
    color: #25D366 !important;
    border-color: rgba(37, 211, 102, 0.25) !important;
    background: rgba(37, 211, 102, 0.08) !important;
}

.f-chip-whatsapp:hover {
    background: #25D366 !important;
    color: #08080a !important;
    border-color: #25D366 !important;
}

.f-dispatch-contact {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    color: #8e8e98 !important;
    padding-top: 4px !important;
    flex-wrap: wrap !important;
    text-align: center !important;
}

.f-direct-email {
    color: #ffd23f !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.f-direct-email:hover {
    color: #ffffff !important;
}

/* Part 2: Studio Soundstages & Global Hubs Bar */
.f-hubs-grid {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
    margin-bottom: 32px !important;
    padding-bottom: 28px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.f-hub-card {
    background: rgba(18, 18, 24, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 16px !important;
    padding: 18px 20px !important;
    transition: all 0.28s ease !important;
}

.f-hub-card:hover {
    border-color: rgba(255, 210, 63, 0.35) !important;
    background: rgba(24, 24, 32, 0.95) !important;
    transform: translateY(-2px) !important;
}

.f-hub-badge {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    color: #ffd23f !important;
    margin-bottom: 6px !important;
}

.f-hub-card h4 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 4px !important;
}

.f-hub-card p {
    font-size: 12.5px !important;
    color: #8e8e98 !important;
    line-height: 1.45 !important;
    margin-bottom: 8px !important;
}

.f-hub-tz {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #ffd23f !important;
    background: rgba(255, 210, 63, 0.08) !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
}

/* Part 3: Mega Directory 4-Column Grid */
.f-directory-grid {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 32px !important;
    margin-bottom: 28px !important;
}

.f-col-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.f-col-title::after {
    content: "" !important;
    flex: 1 !important;
    height: 1px !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.f-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.f-links a {
    color: #a8a8b2 !important;
    font-size: 13.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.22s ease !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.f-links a:hover {
    color: #ffd23f !important;
    transform: translateX(3px) !important;
}

/* Part 4: Subtle Background Watermark Typography */
.f-watermark-wrap {
    position: absolute !important;
    bottom: 24px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    text-align: center !important;
    overflow: hidden !important;
    line-height: 0.85 !important;
    user-select: none !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 0.35 !important;
}

.f-watermark-text {
    font-family: 'Aclonica', cursive, sans-serif !important;
    font-size: clamp(60px, 14vw, 150px) !important;
    font-weight: 900 !important;
    letter-spacing: 6px !important;
    color: transparent !important;
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.05) !important;
    display: inline-block !important;
}

/* Part 5: Ultra-Luxury Bottom Legal & Social Bar */
.f-bottom-bar {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 26px !important;
    margin-top: 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    font-size: 12px !important;
    color: #8c8c9a !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.f-bottom-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.f-copy-text {
    margin: 0 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #a2a2b0 !important;
    letter-spacing: 0.2px !important;
}

.f-copy-text strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.f-rights-tag {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    background: rgba(255, 210, 63, 0.08) !important;
    border: 1px solid rgba(255, 210, 63, 0.22) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #ffd23f !important;
    letter-spacing: 0.3px !important;
}

.f-social-chips {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.f-social-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 14px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #c4c4ce !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.f-social-chip:hover {
    background: #ffd23f !important;
    border-color: #ffd23f !important;
    color: #08080a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(255, 210, 63, 0.4) !important;
}

.f-bottom-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.f-legal-link {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #8c8c9a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.f-legal-link:hover {
    color: #ffd23f !important;
}

.f-sep {
    color: #4a4a58 !important;
}

.f-back-top {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.f-back-top:hover {
    background: rgba(255, 210, 63, 0.15) !important;
    border-color: rgba(255, 210, 63, 0.4) !important;
    color: #ffd23f !important;
}

/* Responsive Footer Breakpoints */
@media (max-width: 1024px) {
    .f-hero-cta { grid-template-columns: 1fr !important; gap: 30px !important; padding: 36px 30px !important; }
    .f-hubs-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
    .f-directory-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 30px 24px !important; }
}

@media (max-width: 768px) {
    .studio-footer { padding: 40px 0 25px !important; }
    .f-hero-cta {
        padding: 22px 16px !important;
        gap: 20px !important;
        margin-bottom: 24px !important;
        border-radius: 20px !important;
    }
    .f-cta-headline { font-size: 24px !important; margin-bottom: 8px !important; }
    .f-cta-sub { font-size: 13px !important; }
    .f-cta-right { justify-content: center !important; width: 100% !important; }
    .f-dispatch-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 18px 14px !important;
        gap: 10px !important;
    }
    .f-directory-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
    .f-bottom-bar { flex-direction: column !important; text-align: center !important; justify-content: center !important; gap: 14px !important; }
    .f-bottom-left, .f-bottom-right { justify-content: center !important; width: 100% !important; }
}



/* ==========================================================================
   CLEAN & COMPACT LUXURY FOOTER CARD (MINIMAL, ZERO CLUTTER)
   ========================================================================== */
.site-footer {
    position: relative !important;
    background: #060608 !important;
    padding: 40px 0 30px !important;
    border-top: 1px solid rgba(255, 210, 63, 0.15) !important;
}

.luxury-footer-card {
    background: radial-gradient(circle at 50% 0%, #151828 0%, #080a14 100%) !important;
    border: 1px solid rgba(255, 210, 63, 0.28) !important;
    border-radius: 32px !important;
    padding: 40px 48px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85), 0 0 35px rgba(255, 210, 63, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 991px) {
    .luxury-footer-card {
        padding: 24px 18px !important;
        border-radius: 20px !important;
    }
}

.footer-gold-divider {
    border-color: rgba(255, 210, 63, 0.22) !important;
    opacity: 0.7 !important;
    margin: 0 !important;
}

.footer-gold-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #ffd23f !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 12px !important;
    text-shadow: 0 0 12px rgba(255, 210, 63, 0.25) !important;
}

.btn-luxury-footer-cta {
    background-image: linear-gradient(135deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    color: #050508 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    font-size: 13.5px !important;
    letter-spacing: 0.5px !important;
    padding: 12px 30px !important;
    border: none !important;
    box-shadow: 0 0 25px rgba(255, 210, 63, 0.55), 0 4px 14px rgba(0, 0, 0, 0.5) !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.28s ease !important;
    text-decoration: none !important;
}

.btn-luxury-footer-cta:hover {
    color: #050508 !important;
    transform: translateY(-2px) scale(1.02) !important;
    background-image: linear-gradient(135deg, #ffffff 0%, #ffe580 50%, #ffd23f 100%) !important;
    box-shadow: 0 0 35px rgba(255, 210, 63, 0.8), 0 6px 20px rgba(0, 0, 0, 0.6) !important;
}

.footer-contact-link {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.footer-contact-link:hover {
    color: #ffd23f !important;
}

.footer-whatsapp-badge {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(37, 211, 102, 0.15) !important;
    border: 1px solid rgba(37, 211, 102, 0.4) !important;
    color: #25d366 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.footer-whatsapp-badge:hover {
    background: #25d366 !important;
    color: #050508 !important;
    box-shadow: 0 0 12px rgba(37, 211, 102, 0.5) !important;
}

.footer-links-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.hover-gold:hover {
    color: #ffd23f !important;
    transition: color 0.2s ease !important;
}



/* ==========================================================================
   HIDE FLAGSHIP ECOSYSTEM ON MOBILE SCREENS PER USER DIRECTIVE
   ========================================================================== */
@media (max-width: 767px) {
    .footer-ecosystem-col,
    .col-lg-4.col-md-12.d-none.d-md-block {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}



/* ==========================================================================
   MOBILE FOOTER CARD: SYMMETRICAL TOP & BOTTOM SPACE + ROUNDED CORNERS
   (Fixes bottom dock overlap so full rounded bottom card is floating & visible)
   ========================================================================== */
@media (max-width: 991px) {
    .site-footer {
        padding-top: 40px !important;
        padding-bottom: 120px !important; /* Clears fixed mobile dock with generous breathing room */
        background: #060608 !important;
    }

    .luxury-footer-card {
        border-radius: 28px !important; /* All 4 corners perfectly rounded */
        padding: 30px 20px 28px 20px !important;
        margin-bottom: 15px !important;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9), 0 0 25px rgba(255, 210, 63, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
    }

    .ftr-copyright {
        padding-top: 14px !important;
        text-align: center !important;
    }

    .ftr-copyright p {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin-bottom: 6px !important;
    }
}



/* ==========================================================================
   EXECUTIVE HOTLINE: LUXURY DOWNWARD SLIDE-OUT ANIMATION PAST WHY SECTION
   ========================================================================== */
#fixButton {
    position: fixed !important;
    bottom: 28px !important;
    left: 28px !important;
    z-index: 9999 !important;
    transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1), 
                opacity 0.38s cubic-bezier(0.16, 1, 0.3, 1), 
                visibility 0.48s ease !important;
    will-change: transform, opacity;
}

#fixButton.show-hotline {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#fixButton.hide-hotline,
#fixButton.hide {
    transform: translateY(130px) scale(0.92) !important; /* Smooth Downward Disappearance */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}



/* ==========================================================================
   MOBILE DOCK: LUXURY DOWNWARD SLIDE-OUT ANIMATION PAST WHY SECTION
   ========================================================================== */
.mobile-fx {
    transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1), 
                opacity 0.38s cubic-bezier(0.16, 1, 0.3, 1), 
                visibility 0.48s ease !important;
    will-change: transform, opacity;
}

.mobile-fx.show-mobile-dock {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.mobile-fx.hide-mobile-dock {
    transform: translateY(115%) !important; /* Smoothly slides down completely off-screen */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}



/* ==========================================================================
   BULLETPROOF MOBILE DOCK HIDE OVERRIDE FOR ALL SMARTPHONES
   ========================================================================== */
.mobile-fx {
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), 
                opacity 0.35s ease, 
                visibility 0.45s ease !important;
    will-change: transform, opacity;
}

.mobile-fx.show-mobile-dock {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.mobile-fx.hide-mobile-dock {
    transform: translateY(125%) !important; /* Fully slides down below screen */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}



/* ==========================================================================
   REMOVE EXCESSIVE SPACE GAPS ON MOBILE (COMPACT, TIGHT & ELEGANT)
   ========================================================================== */
@media (max-width: 991px) {
    /* Tighten section gap between Why-Us and Footer */
    .whyus-section {
        padding-bottom: 16px !important;
    }

    /* Remove the massive 120px bottom void & top gap */
    .site-footer {
        padding-top: 16px !important;
        padding-bottom: 24px !important; /* Perfect balanced bottom space */
        background: #060608 !important;
    }

    /* Compact luxury footer card with premium breathing gap above logo */
    .luxury-footer-card {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 38px 18px 22px 18px !important;
        margin-bottom: 0 !important;
        border-radius: 22px !important;
        text-align: center !important;
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.9), 0 0 25px rgba(255, 210, 63, 0.08) !important;
    }

    .luxury-footer-card .footer-top {
        margin-top: 0 !important;
        padding-top: 6px !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .luxury-footer-card .footer-top > * {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .luxury-footer-card .footer-top .col-md-auto {
        margin: 0 auto !important;
        width: auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .luxury-footer-card .meeways-standalone-aclonica-logo {
        display: inline-block !important;
        margin: 0 auto !important;
    }

    .luxury-footer-card .mw-aclonica-wordmark {
        font-size: 25px !important;
        line-height: 1 !important;
    }

    .luxury-footer-card .mw-clean-tagline-text {
        font-size: 6.8px !important;
        white-space: nowrap !important;
    }

    /* Reduce vertical padding around dividers inside footer */
    .luxury-footer-card .py-3 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    /* Reduce column gap between info blocks */
    .luxury-footer-card .footer-btm.gy-4 {
        --bs-gutter-y: 14px !important;
    }

    .luxury-footer-card .footer-gold-title {
        font-size: 14.5px !important;
        margin-bottom: 6px !important;
        text-align: center !important;
    }

    .luxury-footer-card .ftr-info-block p {
        margin-bottom: 4px !important;
        font-size: 13.5px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }

    .luxury-footer-card .footer-contact-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 38px !important;
        font-size: 13.5px !important;
        padding: 4px 8px !important;
    }

    .luxury-footer-card .footer-whatsapp-badge {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 42px !important;
        padding: 9px 22px !important;
        font-size: 13px !important;
        margin-top: 4px !important;
    }

    /* Bottom copyright bar */
    .ftr-copyright {
        padding-top: 6px !important;
        margin-top: 0 !important;
        text-align: center !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    .ftr-copyright .col-md-8,
    .ftr-copyright .col-md-4 {
        text-align: center !important;
        width: 100% !important;
    }

    .ftr-copyright .copyright-text {
        font-size: 12.5px !important;
        text-align: center !important;
    }

    .ftr-copyright a {
        display: inline-block !important;
        padding: 4px 6px !important;
        font-size: 12px !important;
    }
    }
}



/* ==========================================================================
   THEME YELLOW-GOLDEN HAMBURGER MENU ICON (100% BRAND MATCH)
   ========================================================================== */
.mw-hamburger-line {
    display: block !important;
    width: 100% !important;
    height: 2.4px !important;
    background: linear-gradient(90deg, #ffe580 0%, #ffd23f 50%, #ffb703 100%) !important;
    background-color: #ffd23f !important;
    border-radius: 3px !important;
    box-shadow: 0 0 8px rgba(255, 210, 63, 0.55) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.navbar-toggler:hover .mw-hamburger-line {
    background: #ffffff !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.8) !important;
}

.navbar-toggler[aria-expanded="true"] .mw-hamburger-line:nth-child(1),
.navbar-toggler:not(.collapsed) .mw-hamburger-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
    background: #ffd23f !important;
    background-color: #ffd23f !important;
    box-shadow: 0 0 10px rgba(255, 210, 63, 0.8) !important;
}

.navbar-toggler[aria-expanded="true"] .mw-hamburger-line:nth-child(2),
.navbar-toggler:not(.collapsed) .mw-hamburger-line:nth-child(2) {
    opacity: 0 !important;
}

.navbar-toggler[aria-expanded="true"] .mw-hamburger-line:nth-child(3),
.navbar-toggler:not(.collapsed) .mw-hamburger-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
    background: #ffd23f !important;
    background-color: #ffd23f !important;
    box-shadow: 0 0 10px rgba(255, 210, 63, 0.8) !important;
}



/* ==========================================================================
   FLAGSHIP TYPOGRAPHY: OUTFIT (HEADINGS) + PLUS JAKARTA SANS (SENTENCES/BODY)
   ========================================================================== */

/* 1. Global Sentences / Body Typography: Plus Jakarta Sans */
html, body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body, p, span, li, a, label, input, textarea, select, 
.hero-paragraph-holder p, 
.ftr-info-block p, 
.stat-list p, 
.why-choose__content p, 
.card p, 
.modal-body p, 
.text-white-50, 
.fs14, .fs13, .fs12, .fs15, .fs16 {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* 2. All Headings & High-Impact Display Titles: Outfit */
h1, h2, h3, h4, h5, h6,
.hero-text, 
.hero-text-blur,
.subtitle-small,
.content-block__heading,
.section-title,
.gradiant-color p,
.stat-list h6,
.stat-list .counter,
.footer-gold-title,
.mw-modal-title,
.mw-modal-mobile-title,
.btn-luxury-header-cta,
.btn-luxury-footer-cta,
.btn-modal-gold-submit,
.racb-btn,
.nav-link {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    letter-spacing: -0.02em !important;
}

/* Fine-tune Heading Weights */
.hero-text, .hero-text-blur {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}

.subtitle-small {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
}

.content-block__heading {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
}

.stat-list h6 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

.stat-list .counter {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 900 !important;
}

/* Buttons Typography */
.btn-luxury-header-cta, 
.btn-luxury-footer-cta, 
.btn-modal-gold-submit, 
.racb-btn {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

/* Navigation Links */
.navbar-nav .nav-link {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
}

/* Preserve Authentic Logo Wordmark */
.mw-aclonica-wordmark {
    font-family: 'Aclonica', cursive, sans-serif !important;
}

.mw-clean-tagline-text,
.mw-clean-tagline-text span {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    text-transform: none !important;
}



/* ==========================================================================
   FLAGSHIP LUXURY HEADER MENU (HOME, SERVICES, OUR WORK, LEARN, ORDER INSTANT)
   ========================================================================== */

/* Expand desktop capsule slightly to accommodate full flagship menu comfortably */
@media (min-width: 992px) {
    .nav-container {
        max-width: 1320px !important;
    }

    .luxury-nav-capsule {
        max-width: 1260px !important;
        padding: 6px 14px 6px 20px !important;
    }

    .luxury-nav-capsule .navbar-brand {
        margin-right: 20px !important;
    }

    .luxury-nav-capsule .navbar-nav {
        gap: 4px !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-link {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        padding: 7px 13px !important;
        color: rgba(255, 255, 255, 0.88) !important;
        letter-spacing: 0.1px !important;
    }

    /* Open dropdown on hover for desktop */
    .luxury-nav-capsule .nav-item.dropdown:hover .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
}

/* Order Project Instant Pill */
.nav-link-instant-order {
    background: rgba(255, 210, 63, 0.12) !important;
    border: 1px solid rgba(255, 210, 63, 0.45) !important;
    color: #ffd23f !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.nav-link-instant-order:hover,
.nav-link-instant-order[aria-expanded="true"] {
    background: linear-gradient(135deg, rgba(255, 210, 63, 0.3), rgba(255, 183, 3, 0.2)) !important;
    border-color: #ffd23f !important;
    color: #ffffff !important;
    box-shadow: 0 0 16px rgba(255, 210, 63, 0.45) !important;
    transform: translateY(-1px) !important;
}

.order-bolt-icon {
    display: inline-block !important;
    font-size: 12px !important;
    filter: drop-shadow(0 0 4px #ffd23f) !important;
}

/* Luxury Dropdown Panel */
.mw-luxury-dropdown {
    background: rgba(9, 11, 19, 0.97) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(255, 210, 63, 0.35) !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9), 0 0 30px rgba(255, 210, 63, 0.15) !important;
    padding: 8px !important;
    min-width: 250px !important;
    margin-top: 8px !important;
    transition: all 0.25s ease !important;
}

.mw-luxury-dropdown .dropdown-item {
    color: rgba(255, 255, 255, 0.88) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
}

.mw-luxury-dropdown .dropdown-item:hover,
.mw-luxury-dropdown .dropdown-item.active {
    background: rgba(255, 210, 63, 0.15) !important;
    color: #ffd23f !important;
    padding-left: 18px !important;
}

/* Mobile Dropdown Styling */
@media (max-width: 991px) {
    .mw-luxury-dropdown {
        background: rgba(14, 17, 28, 0.95) !important;
        border: 1px solid rgba(255, 210, 63, 0.2) !important;
        margin: 6px 0 10px 0 !important;
        box-shadow: none !important;
    }
    .nav-link-instant-order {
        width: 100% !important;
        justify-content: center !important;
        margin-top: 4px !important;
    }
}



/* ==========================================================================
   BULLETPROOF DROPDOWN DISPLAY FIX (MOBILE TOUCH & DESKTOP CLICK / HOVER)
   ========================================================================== */

/* Dropdown Caret Styling */
.navbar-nav .dropdown-toggle::after {
    display: inline-block !important;
    margin-left: 0.35em !important;
    vertical-align: 0.2em !important;
    content: "" !important;
    border-top: 0.3em solid #ffd23f !important;
    border-right: 0.3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0.3em solid transparent !important;
    transition: transform 0.25s ease !important;
}

.navbar-nav .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg) !important;
}

/* Base Dropdown Menu */
.mw-luxury-dropdown {
    background: rgba(9, 11, 20, 0.98) !important;
    border: 1px solid rgba(255, 210, 63, 0.4) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.95), 0 0 30px rgba(255, 210, 63, 0.2) !important;
    padding: 8px !important;
    min-width: 260px !important;
    z-index: 999999 !important;
}

.mw-luxury-dropdown.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Desktop Hover & Click Alignment */
@media (min-width: 992px) {
    .luxury-nav-capsule .nav-item.dropdown {
        position: relative !important;
    }

    .luxury-nav-capsule .mw-luxury-dropdown {
        position: absolute !important;
        top: calc(100% + 12px) !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(8px) !important;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s ease, transform 0.25s ease !important;
    }

    .luxury-nav-capsule .nav-item.dropdown:hover > .mw-luxury-dropdown,
    .luxury-nav-capsule .mw-luxury-dropdown.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(-50%) translateY(0) !important;
        pointer-events: auto !important;
    }
}

/* Mobile Accordion Style for Dropdowns */
@media (max-width: 991px) {
    .mw-luxury-dropdown {
        display: none;
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: rgba(14, 17, 28, 0.96) !important;
        border: 1px solid rgba(255, 210, 63, 0.3) !important;
        border-radius: 14px !important;
        margin: 8px 0 !important;
        padding: 6px !important;
        box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5) !important;
    }

    .mw-luxury-dropdown.show {
        display: block !important;
        animation: mwDropSlideDown 0.25s ease forwards !important;
    }
}

@keyframes mwDropSlideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* ==========================================================================
   MASTER LUXURY DROPDOWN ENGINE (OVERFLOW FREE, HOVER BRIDGE & RICH ICONS)
   ========================================================================== */
header,
.navbar,
.nav-container,
.nav-menu-container,
.luxury-nav-capsule,
.navbar-collapse {
    overflow: visible !important;
}

/* Nav Item Dropdown Anchor */
.luxury-nav-capsule .nav-item.dropdown {
    position: relative !important;
}

/* Luxury Dropdown Menu Container */
.mw-luxury-dropdown {
    min-width: 300px !important;
    background: rgba(10, 12, 19, 0.98) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    border: 1px solid rgba(255, 210, 63, 0.45) !important;
    border-radius: 18px !important;
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.95), 0 0 35px rgba(255, 210, 63, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    padding: 10px !important;
    list-style: none !important;
    margin: 0 !important;
    z-index: 9999999 !important;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease !important;
}

/* Hover Bridge: Prevents gap loss when moving cursor from trigger to dropdown */
.mw-luxury-dropdown::before {
    content: '' !important;
    position: absolute !important;
    top: -20px !important;
    left: 0 !important;
    right: 0 !important;
    height: 22px !important;
    background: transparent !important;
}

/* Desktop Positioning */
@media (min-width: 992px) {
    .mw-luxury-dropdown {
        position: absolute !important;
        top: calc(100% + 14px) !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(8px) !important;
        display: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .luxury-nav-capsule .nav-item.dropdown:hover > .mw-luxury-dropdown,
    .mw-luxury-dropdown.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(-50%) translateY(0) !important;
        pointer-events: auto !important;
    }
}

/* Mobile Accordion Positioning */
@media (max-width: 991px) {
    .mw-luxury-dropdown {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        min-width: 100% !important;
        background: rgba(14, 18, 28, 0.98) !important;
        border-color: rgba(255, 210, 63, 0.3) !important;
        box-shadow: none !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        display: none;
    }

    .mw-luxury-dropdown.show {
        display: block !important;
        transform: none !important;
    }
}

/* Rich Dropdown Item */
.mw-luxury-dropdown .drop-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    background: transparent !important;
    margin-bottom: 4px !important;
}

.mw-luxury-dropdown .drop-item:hover,
.mw-luxury-dropdown .drop-item.active-page {
    background: rgba(255, 210, 63, 0.14) !important;
    transform: translateX(4px) !important;
}

.mw-luxury-dropdown .drop-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: radial-gradient(circle at 35% 35%, rgba(255, 210, 63, 0.28) 0%, rgba(255, 210, 63, 0.08) 100%) !important;
    border: 1.5px solid rgba(255, 210, 63, 0.55) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 12px rgba(255, 210, 63, 0.3) !important;
    transition: transform 0.2s ease !important;
}

.mw-luxury-dropdown .drop-item:hover .drop-icon {
    transform: scale(1.12) rotate(3deg) !important;
    border-color: #ffd23f !important;
    box-shadow: 0 0 18px rgba(255, 210, 63, 0.6) !important;
}

.mw-luxury-dropdown .drop-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    text-align: left !important;
}

.mw-luxury-dropdown .drop-text strong {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    transition: color 0.2s ease !important;
}

.mw-luxury-dropdown .drop-item:hover .drop-text strong,
.mw-luxury-dropdown .drop-item.active-page .drop-text strong {
    color: #ffd23f !important;
}

.mw-luxury-dropdown .drop-text small {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11.5px !important;
    color: rgba(255, 255, 255, 0.55) !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}



/* ==========================================================================
   ELEGANT FLOATING GAP BETWEEN HEADER CAPSULE AND SUBMENU DROPDOWN
   ========================================================================== */
@media (min-width: 992px) {
    .mw-luxury-dropdown {
        top: calc(100% + 28px) !important; /* Generous luxury floating gap */
        transform: translateX(-50%) translateY(8px) !important;
    }

    .luxury-nav-capsule .nav-item.dropdown:hover > .mw-luxury-dropdown,
    .mw-luxury-dropdown.show {
        transform: translateX(-50%) translateY(0) !important;
    }

    /* Invisible hover bridge spanning the new floating gap */
    .mw-luxury-dropdown::before {
        content: '' !important;
        position: absolute !important;
        top: -34px !important;
        left: 0 !important;
        right: 0 !important;
        height: 36px !important;
        background: transparent !important;
    }
}



/* ==========================================================================
   EXACT 1-TO-1 GAP & ALIGNMENT FROM INDEX.HTML (MEDIA_1788445685445.PNG)
   ========================================================================== */
@media (min-width: 992px) {
    .luxury-nav-capsule .nav-item.dropdown {
        position: relative !important;
    }

    /* Exact gap spacing matching index.html */
    .mw-luxury-dropdown {
        position: absolute !important;
        top: calc(100% + 14px) !important; /* EXACT 14px visual gap from Services button */
        left: 0 !important; /* Left-aligned under Services button like index.html */
        transform: translateY(6px) !important;
        min-width: 310px !important;
        background: rgba(12, 12, 16, 0.98) !important;
        border: 1px solid rgba(255, 210, 63, 0.4) !important;
        border-radius: 16px !important;
        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.95), 0 0 35px rgba(255, 210, 63, 0.22) !important;
        padding: 10px !important;
        display: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s ease !important;
    }

    /* Right align the Order Instant dropdown so it doesn't overflow screen */
    .luxury-nav-capsule .nav-item.dropdown:last-of-type .mw-luxury-dropdown,
    .order-dropdown-luxury {
        left: auto !important;
        right: 0 !important;
    }

    .luxury-nav-capsule .nav-item.dropdown:hover > .mw-luxury-dropdown,
    .mw-luxury-dropdown.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }

    /* Invisible hover bridge across exact 14px gap */
    .mw-luxury-dropdown::before {
        content: '' !important;
        position: absolute !important;
        top: -18px !important;
        left: 0 !important;
        right: 0 !important;
        height: 20px !important;
        background: transparent !important;
    }
}

/* Luxury Dropdown SVG Icon Styling matching index.html */
.mw-luxury-dropdown .drop-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: radial-gradient(circle at 35% 35%, rgba(255, 210, 63, 0.28) 0%, rgba(255, 210, 63, 0.09) 100%) !important;
    border: 1.5px solid rgba(255, 210, 63, 0.55) !important;
    box-shadow: 0 0 14px rgba(255, 210, 63, 0.35), inset 0 0 8px rgba(255, 210, 63, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.mw-luxury-dropdown .drop-item:hover .drop-icon {
    transform: scale(1.14) rotate(4deg) !important;
    border-color: #ffd23f !important;
    box-shadow: 0 0 22px rgba(255, 210, 63, 0.7), inset 0 0 12px rgba(255, 210, 63, 0.35) !important;
}

.mw-luxury-dropdown .drop-text strong {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
}

.mw-luxury-dropdown .drop-item:hover .drop-text strong,
.mw-luxury-dropdown .drop-item.active-page .drop-text strong {
    color: #ffd23f !important;
}

.mw-luxury-dropdown .drop-text small {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11px !important;
    color: #8c8ea0 !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
}



/* ==========================================================================
   DROPDOWN STRICTLY BELOW HEADER BORDER LINE (CLEAR VISIBLE GAP)
   ========================================================================== */
@media (min-width: 992px) {
    .luxury-nav-capsule .navbar-collapse {
        height: 100% !important;
    }

    .luxury-nav-capsule .navbar-nav {
        height: 100% !important;
        align-items: center !important;
    }

    .luxury-nav-capsule .nav-item.dropdown {
        position: relative !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    /* The dropdown top is strictly 14px BELOW the header capsule bottom border line */
    .mw-luxury-dropdown {
        position: absolute !important;
        top: calc(100% + 14px) !important;
        left: 0 !important;
        transform: translateY(6px) !important;
        min-width: 310px !important;
        background: rgba(12, 12, 16, 0.98) !important;
        border: 1px solid rgba(255, 210, 63, 0.4) !important;
        border-radius: 16px !important;
        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.95), 0 0 35px rgba(255, 210, 63, 0.22) !important;
        padding: 10px !important;
        display: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s ease !important;
        z-index: 9999999 !important;
    }

    /* Order Instant dropdown aligns to right so it doesn't overflow screen */
    .order-dropdown-luxury {
        left: auto !important;
        right: 0 !important;
    }

    .luxury-nav-capsule .nav-item.dropdown:hover > .mw-luxury-dropdown,
    .mw-luxury-dropdown.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }

    /* Invisible hover bridge across the 14px gap */
    .mw-luxury-dropdown::before {
        content: '' !important;
        position: absolute !important;
        top: -24px !important;
        left: 0 !important;
        right: 0 !important;
        height: 26px !important;
        background: transparent !important;
    }
}



/* ==========================================================================
   PERFECT HORIZONTAL CENTERING FOR SERVICES DROPDOWN (NO RIGHT OVERFLOW)
   ========================================================================== */
@media (min-width: 992px) {
    /* Center Services Dropdown symmetrically under the Services button pill */
    .mw-luxury-dropdown.service-dropdown-luxury {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) translateY(6px) !important;
        min-width: 285px !important;
    }

    .luxury-nav-capsule .nav-item.dropdown:hover > .mw-luxury-dropdown.service-dropdown-luxury,
    .mw-luxury-dropdown.service-dropdown-luxury.show {
        transform: translateX(-50%) translateY(0) !important;
    }

    /* Right-align Order Instant Dropdown to keep it flush inside viewport */
    .order-dropdown-luxury {
        left: auto !important;
        right: 0 !important;
        transform: translateY(6px) !important;
        min-width: 280px !important;
    }

    .luxury-nav-capsule .nav-item.dropdown:hover > .order-dropdown-luxury,
    .order-dropdown-luxury.show {
        transform: translateY(0) !important;
    }
}



/* ==========================================================================
   UNIVERSAL FUTURE-PROOF DROPDOWN & MEGA MENU ENGINE (ALL MENUS & SUBMENUS)
   ========================================================================== */

/* A. Kill overflow clipping across all nav containers */
header,
.site-header,
.navbar,
.nav-container,
.nav-menu-container,
.luxury-nav-capsule,
.navbar-collapse {
    overflow: visible !important;
}

/* B. All Nav Items with Dropdowns share unified full-height anchor */
@media (min-width: 992px) {
    .luxury-nav-capsule .navbar-collapse {
        height: 100% !important;
    }

    .luxury-nav-capsule .navbar-nav {
        height: 100% !important;
        align-items: center !important;
    }

    .luxury-nav-capsule .nav-item.dropdown,
    .luxury-nav-capsule .nav-item.has-dropdown {
        position: relative !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Universal Floating Dropdown Panel: Strictly below header border line with 14px gap */
    .luxury-nav-capsule .dropdown-menu,
    .luxury-nav-capsule .dropdown-panel,
    .luxury-nav-capsule .mw-luxury-dropdown {
        position: absolute !important;
        top: calc(100% + 14px) !important; /* EXACT 14px gap below header capsule bottom line */
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) translateY(6px) !important;
        min-width: 290px !important;
        background: rgba(12, 12, 16, 0.98) !important;
        backdrop-filter: blur(28px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
        border: 1px solid rgba(255, 210, 63, 0.4) !important;
        border-radius: 16px !important;
        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.95), 0 0 35px rgba(255, 210, 63, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.12) !important;
        padding: 10px !important;
        list-style: none !important;
        margin: 0 !important;
        display: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s ease !important;
        z-index: 9999999 !important;
    }

    /* Invisible hover bridge spanning the 14px gap */
    .luxury-nav-capsule .dropdown-menu::before,
    .luxury-nav-capsule .dropdown-panel::before,
    .luxury-nav-capsule .mw-luxury-dropdown::before {
        content: '' !important;
        position: absolute !important;
        top: -24px !important;
        left: 0 !important;
        right: 0 !important;
        height: 26px !important;
        background: transparent !important;
    }

    /* Active / Hover Reveal Physics */
    .luxury-nav-capsule .nav-item.dropdown:hover > .dropdown-menu,
    .luxury-nav-capsule .nav-item.dropdown:hover > .dropdown-panel,
    .luxury-nav-capsule .nav-item.dropdown:hover > .mw-luxury-dropdown,
    .luxury-nav-capsule .nav-item.has-dropdown:hover > .dropdown-menu,
    .luxury-nav-capsule .nav-item.has-dropdown:hover > .dropdown-panel,
    .luxury-nav-capsule .dropdown-menu.show,
    .luxury-nav-capsule .dropdown-panel.show,
    .luxury-nav-capsule .mw-luxury-dropdown.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(-50%) translateY(0) !important;
        pointer-events: auto !important;
    }

    /* Universal Right-Edge Overflow Protection (Last 2 nav items or right-aligned menus) */
    .luxury-nav-capsule .navbar-nav > .nav-item:last-child .dropdown-menu,
    .luxury-nav-capsule .navbar-nav > .nav-item:last-child .dropdown-panel,
    .luxury-nav-capsule .navbar-nav > .nav-item:nth-last-child(2) .dropdown-menu,
    .luxury-nav-capsule .navbar-nav > .nav-item:nth-last-child(2) .dropdown-panel,
    .luxury-nav-capsule .dropdown-menu-end,
    .luxury-nav-capsule .order-dropdown-luxury {
        left: auto !important;
        right: 0 !important;
        transform: translateY(6px) !important;
    }

    .luxury-nav-capsule .navbar-nav > .nav-item:last-child:hover > .dropdown-menu,
    .luxury-nav-capsule .navbar-nav > .nav-item:last-child:hover > .dropdown-panel,
    .luxury-nav-capsule .navbar-nav > .nav-item:nth-last-child(2):hover > .dropdown-menu,
    .luxury-nav-capsule .navbar-nav > .nav-item:nth-last-child(2):hover > .dropdown-panel,
    .luxury-nav-capsule .dropdown-menu-end.show,
    .luxury-nav-capsule .order-dropdown-luxury.show {
        transform: translateY(0) !important;
    }

    /* Universal Future Mega Menu Architecture */
    .luxury-nav-capsule .nav-item.has-megamenu {
        position: static !important;
    }

    .luxury-nav-capsule .has-megamenu .megamenu-panel,
    .luxury-nav-capsule .megamenu-dropdown {
        position: absolute !important;
        top: calc(100% + 14px) !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(6px) !important;
        width: min(1200px, 94vw) !important;
        max-width: 1200px !important;
        border-radius: 20px !important;
        padding: 24px !important;
    }

    .luxury-nav-capsule .has-megamenu:hover > .megamenu-panel,
    .luxury-nav-capsule .megamenu-dropdown.show {
        transform: translateX(-50%) translateY(0) !important;
    }
}

/* C. Universal Mobile Accordion for ALL Dropdowns & Mega Menus */
@media (max-width: 991px) {
    .luxury-nav-capsule .dropdown-menu,
    .luxury-nav-capsule .dropdown-panel,
    .luxury-nav-capsule .mw-luxury-dropdown,
    .luxury-nav-capsule .megamenu-panel {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        min-width: 100% !important;
        background: rgba(14, 18, 28, 0.98) !important;
        border: 1px solid rgba(255, 210, 63, 0.28) !important;
        border-radius: 14px !important;
        box-shadow: none !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        padding: 6px !important;
        display: none;
    }

    .luxury-nav-capsule .dropdown-menu.show,
    .luxury-nav-capsule .dropdown-panel.show,
    .luxury-nav-capsule .mw-luxury-dropdown.show,
    .luxury-nav-capsule .megamenu-panel.show {
        display: block !important;
        animation: mwDropSlideDown 0.25s ease forwards !important;
    }
}



/* ==========================================================================
   LEARN (BY EARNIX ACADEMY) & OUR WORK DROPDOWN STYLING
   ========================================================================== */
.nav-learn-wrap {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

.nav-learn-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.nav-learn-sub {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    color: #ffd23f !important;
    letter-spacing: 0.25px !important;
    margin-top: 1px !important;
    opacity: 0.95 !important;
    text-transform: none !important;
}

.nav-link:hover .nav-learn-sub {
    color: #ffffff !important;
}

/* Our Work Dropdown Centering */
@media (min-width: 992px) {
    .work-dropdown-luxury {
        min-width: 320px !important;
    }
    .learn-dropdown-luxury {
        min-width: 290px !important;
    }
}



/* ==========================================================================
   ULTRA-FINE REFINED SUBTITLE: by Earnix Academy
   ========================================================================== */
.nav-learn-sub {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 7.5px !important;
    font-weight: 500 !important;
    color: #ffd23f !important;
    letter-spacing: 0.35px !important;
    margin-top: 0px !important;
    opacity: 0.88 !important;
    text-transform: none !important;
    line-height: 1 !important;
    display: block !important;
}



/* ==========================================================================
   LEARN: EXACT NORMAL SIZE AS OTHER ITEMS + ULTRA-SMALL BY EARNIX ACADEMY
   ========================================================================== */
.nav-link-learn {
    display: inline-flex !important;
    align-items: center !important;
}

.nav-learn-wrap {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
}

/* "Learn" is 100% identical to Home, Services, and Our Work */
.nav-learn-title {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    letter-spacing: inherit !important;
    line-height: 1.15 !important;
}

/* "by Earnix Academy" is small, refined, and distinctly subordinate */
.nav-learn-sub {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    color: #ffd23f !important;
    letter-spacing: 0.25px !important;
    margin-top: 2px !important;
    line-height: 1 !important;
    display: block !important;
    text-transform: none !important;
    opacity: 0.92 !important;
}

.nav-link:hover .nav-learn-sub {
    color: #ffffff !important;
    opacity: 1 !important;
}



/* ==========================================================================
   LEARN 100% IDENTICAL HORIZONTAL BASELINE WITH OTHER ITEMS + SUB-MICRO LABEL
   ========================================================================== */
.luxury-nav-capsule .navbar-nav .nav-link-learn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* Keeps identical padding as all other nav-links */
    padding: 7px 13px !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* by Earnix Academy sits elegantly below without altering the baseline of Learn */
.luxury-nav-capsule .navbar-nav .nav-link-learn .nav-learn-sub {
    position: absolute !important;
    bottom: -1px !important;
    left: calc(50% - 6px) !important; /* Centered right below the word Learn */
    transform: translateX(-50%) !important;
    white-space: nowrap !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 7.5px !important;
    font-weight: 600 !important;
    color: #ffd23f !important;
    letter-spacing: 0.25px !important;
    line-height: 1 !important;
    pointer-events: none !important;
    text-transform: none !important;
    opacity: 0.92 !important;
}

.luxury-nav-capsule .navbar-nav .nav-link-learn:hover .nav-learn-sub {
    color: #ffffff !important;
    opacity: 1 !important;
}



/* ==========================================================================
   LEARN TEXT 100% IDENTICAL TO "OUR WORK" (EXACT FONT, SIZE, WEIGHT & SPACING)
   ========================================================================== */
.luxury-nav-capsule .navbar-nav .nav-link-learn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 7px 13px !important;
}

/* Identical typography to Our Work & Services */
.luxury-nav-capsule .navbar-nav .nav-link-learn,
.luxury-nav-capsule .navbar-nav .nav-link-learn .learn-text-label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    letter-spacing: 0.1px !important;
    line-height: inherit !important; text-transform: none !important; display: inline-block !important;
}

.luxury-nav-capsule .navbar-nav .nav-link-learn:hover .learn-text-label {
    color: #ffd23f !important;
}

/* by Earnix Academy micro-subtitle directly under the text */
.luxury-nav-capsule .navbar-nav .nav-link-learn .nav-learn-sub {
    position: absolute !important;
    bottom: -1px !important;
    left: calc(50% - 6px) !important;
    transform: translateX(-50%) !important;
    white-space: nowrap !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 7.5px !important;
    font-weight: 500 !important;
    color: #ffd23f !important;
    letter-spacing: 0.25px !important;
    line-height: 1 !important;
    pointer-events: none !important;
    text-transform: none !important;
    opacity: 0.92 !important;
}

.luxury-nav-capsule .navbar-nav .nav-link-learn:hover .nav-learn-sub {
    color: #ffffff !important;
    opacity: 1 !important;
}





/* ==========================================================================
   LEARN: EXACT SAME WEIGHT (NO EXTRA THICKNESS) AS OUR WORK & SERVICES
   ========================================================================== */
.luxury-nav-capsule .navbar-nav .nav-link-learn,
.luxury-nav-capsule .navbar-nav .nav-link-learn .learn-text-label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important; /* Exact standard weight - no extra motai */
    letter-spacing: 0.1px !important;
    color: rgba(255, 255, 255, 0.88) !important;
    line-height: inherit !important;
    text-transform: none !important;
    display: inline-block !important;
}



/* ==========================================================================
   DROPDOWN MENU TITLES: CRISP, BRILLIANT PURE WHITE (NOT DULL)
   ========================================================================== */
.mw-luxury-dropdown .drop-text strong,
.dropdown-panel .drop-text strong,
.dropdown-menu .drop-text strong {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important; /* Crisp Pure Brilliant White */
    line-height: 1.25 !important;
    letter-spacing: 0.15px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
    transition: color 0.2s ease !important;
}

/* Maintain pure white title even on hover and active state */
.mw-luxury-dropdown .drop-item:hover .drop-text strong,
.mw-luxury-dropdown .drop-item.active-page .drop-text strong,
.dropdown-panel .drop-item:hover .drop-text strong,
.dropdown-panel .drop-item.active-page .drop-text strong {
    color: #ffffff !important; /* Never turns dull yellow */
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.5) !important;
}

/* Subtitle: High-contrast readable silver-white instead of dull grey */
.mw-luxury-dropdown .drop-text small,
.dropdown-panel .drop-text small,
.dropdown-menu .drop-text small {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11.5px !important;
    color: rgba(255, 255, 255, 0.72) !important; /* Clean readable silver-white */
    line-height: 1.3 !important;
    font-weight: 400 !important;
    transition: color 0.2s ease !important;
}

.mw-luxury-dropdown .drop-item:hover .drop-text small,
.mw-luxury-dropdown .drop-item.active-page .drop-text small,
.dropdown-panel .drop-item:hover .drop-text small,
.dropdown-panel .drop-item.active-page .drop-text small {
    color: rgba(255, 255, 255, 0.95) !important;
}



/* ==========================================================================
   MASTER LUXURY MOBILE NAVIGATION DRAWER (FLAWLESS PIXEL-PERFECT LAYOUT)
   ========================================================================== */
@media (max-width: 991px) {
    /* Main Mobile Dropdown Card Container */
    .luxury-nav-capsule .navbar-collapse {
        background: rgba(12, 15, 24, 0.96) !important;
        backdrop-filter: blur(32px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(32px) saturate(180%) !important;
        border: 1.5px solid rgba(255, 210, 63, 0.4) !important;
        border-radius: 24px !important;
        box-shadow: 0 25px 65px rgba(0, 0, 0, 0.95), 0 0 35px rgba(255, 210, 63, 0.2) !important;
        padding: 16px 14px !important;
        margin-top: 12px !important;
    }

    .luxury-nav-capsule .navbar-nav {
        width: 100% !important;
        gap: 6px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-item {
        width: 100% !important;
        margin: 0 !important;
        display: block !important;
    }

    /* Unified Luxury Row Cards for ALL Mobile Nav Links */
    .luxury-nav-capsule .navbar-nav .nav-link {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px 16px !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.035) !important;
        border: 1px solid rgba(255, 255, 255, 0.07) !important;
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
        line-height: 1.25 !important;
        letter-spacing: 0.15px !important;
        text-align: left !important;
        transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
        margin: 0 !important;
    }

    /* Touch & Tap Feedback */
    .luxury-nav-capsule .navbar-nav .nav-link:active,
    .luxury-nav-capsule .navbar-nav .nav-link:hover,
    .luxury-nav-capsule .navbar-nav .nav-link[aria-expanded="true"] {
        background: rgba(255, 210, 63, 0.12) !important;
        border-color: rgba(255, 210, 63, 0.45) !important;
        color: #ffd23f !important;
    }

    /* Caret Arrows on Mobile: Pushed to far right */
    .luxury-nav-capsule .navbar-nav .dropdown-toggle::after {
        margin-left: auto !important;
        font-size: 12px !important;
        opacity: 0.75 !important;
        transition: transform 0.25s ease !important;
    }

    .luxury-nav-capsule .navbar-nav .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(180deg) !important;
        color: #ffd23f !important;
        opacity: 1 !important;
    }

    /* Learn Item on Mobile: Perfect 16px text + Champagne Gold Micro-Pill */
    .luxury-nav-capsule .navbar-nav .nav-link-learn {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px 16px !important;
        position: relative !important;
    }

    .luxury-nav-capsule .navbar-nav .nav-link-learn .learn-text-label {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 16px !important; /* Exactly matches Home, Services, Our Work */
        font-weight: 600 !important;
        color: #ffffff !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    /* by Earnix Academy as sleek luxury micro-tag next to Learn */
    .luxury-nav-capsule .navbar-nav .nav-link-learn .nav-learn-sub {
        position: static !important;
        transform: none !important;
        display: inline-block !important;
        margin-left: 8px !important;
        margin-right: auto !important;
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 9.5px !important;
        font-weight: 600 !important;
        color: #ffd23f !important;
        background: rgba(255, 210, 63, 0.12) !important;
        border: 1px solid rgba(255, 210, 63, 0.35) !important;
        padding: 2px 7px !important;
        border-radius: 999px !important;
        letter-spacing: 0.25px !important;
        line-height: 1.2 !important;
    }

    /* Order Project Instant Pill Row on Mobile */
    .luxury-nav-capsule .navbar-nav .nav-link-instant-order {
        background: rgba(255, 210, 63, 0.1) !important;
        border: 1px solid rgba(255, 210, 63, 0.4) !important;
        color: #ffd23f !important;
        font-weight: 700 !important;
    }

    /* Mobile Dropdown Submenu Container (Inside the card) */
    .luxury-nav-capsule .mw-luxury-dropdown {
        background: rgba(8, 10, 16, 0.95) !important;
        border: 1px solid rgba(255, 210, 63, 0.3) !important;
        border-radius: 14px !important;
        padding: 8px !important;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6) !important;
    }

    .luxury-nav-capsule .mw-luxury-dropdown .drop-item {
        padding: 10px 12px !important;
        border-radius: 10px !important;
        margin-bottom: 4px !important;
    }

    .luxury-nav-capsule .mw-luxury-dropdown .drop-item:hover,
    .luxury-nav-capsule .mw-luxury-dropdown .drop-item:active {
        background: rgba(255, 210, 63, 0.14) !important;
    }

    .luxury-nav-capsule .mw-luxury-dropdown .drop-text strong {
        font-size: 13.5px !important;
        color: #ffffff !important;
    }

    .luxury-nav-capsule .mw-luxury-dropdown .drop-text small {
        font-size: 11px !important;
        color: rgba(255, 255, 255, 0.65) !important;
    }

    /* Book Strategy Call Mobile CTA Button */
    .luxury-nav-capsule .btn-luxury-header-cta {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 13px 20px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        border-radius: 999px !important;
        margin-top: 8px !important;
    }
}



/* ==========================================================================
   BULLETPROOF MOBILE DROPDOWN ACCORDION ENGINE (GUARANTEED OPEN ON TAP)
   ========================================================================== */
@media (max-width: 991px) {
    /* Submenu Hidden by Default on Mobile */
    .luxury-nav-capsule .dropdown-menu,
    .luxury-nav-capsule .dropdown-panel,
    .luxury-nav-capsule .mw-luxury-dropdown {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        position: static !important;
        transform: none !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        background: rgba(8, 10, 16, 0.96) !important;
        border: 1px solid rgba(255, 210, 63, 0.35) !important;
        border-radius: 14px !important;
        padding: 8px !important;
        margin: 8px 0 4px 0 !important;
        box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.75) !important;
        list-style: none !important;
        transition: none !important;
    }

    /* Submenu Strictly Visible when .show is applied */
    .luxury-nav-capsule .dropdown-menu.show,
    .luxury-nav-capsule .dropdown-panel.show,
    .luxury-nav-capsule .mw-luxury-dropdown.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        animation: mwMobileDropSlide 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    }

    @keyframes mwMobileDropSlide {
        from {
            opacity: 0;
            transform: translateY(-8px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Submenu Items on Mobile */
    .luxury-nav-capsule .mw-luxury-dropdown .drop-item,
    .luxury-nav-capsule .dropdown-menu .drop-item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 10px 12px !important;
        border-radius: 10px !important;
        margin-bottom: 4px !important;
        text-decoration: none !important;
        background: rgba(255, 255, 255, 0.02) !important;
        border: 1px solid transparent !important;
        transition: all 0.2s ease !important;
    }

    .luxury-nav-capsule .mw-luxury-dropdown .drop-item:active,
    .luxury-nav-capsule .mw-luxury-dropdown .drop-item:hover {
        background: rgba(255, 210, 63, 0.14) !important;
        border-color: rgba(255, 210, 63, 0.4) !important;
    }

    .luxury-nav-capsule .mw-luxury-dropdown .drop-icon {
        width: 34px !important;
        height: 34px !important;
        border-radius: 8px !important;
        flex-shrink: 0 !important;
    }

    .luxury-nav-capsule .mw-luxury-dropdown .drop-text strong {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
    }

    .luxury-nav-capsule .mw-luxury-dropdown .drop-text small {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 11px !important;
        color: rgba(255, 255, 255, 0.7) !important;
    }
}



/* ==========================================================================
   ROCK-SOLID MOBILE ACCORDION DISPLAY RULES
   ========================================================================== */
@media (max-width: 991px) {
    /* Hide all submenus on mobile when NOT .show */
    .luxury-nav-capsule .navbar-nav .dropdown-menu:not(.show),
    .luxury-nav-capsule .navbar-nav .dropdown-panel:not(.show),
    .luxury-nav-capsule .navbar-nav .mw-luxury-dropdown:not(.show) {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    /* Force display and visibility when .show is active on mobile */
    .luxury-nav-capsule .navbar-nav .dropdown-menu.show,
    .luxury-nav-capsule .navbar-nav .dropdown-panel.show,
    .luxury-nav-capsule .navbar-nav .mw-luxury-dropdown.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: static !important;
        transform: none !important;
        width: 100% !important;
        background: rgba(8, 10, 16, 0.98) !important;
        border: 1.5px solid rgba(255, 210, 63, 0.4) !important;
        border-radius: 14px !important;
        padding: 8px !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.7), inset 0 1px 1px rgba(255, 210, 63, 0.2) !important;
    }
}



/* ==========================================================================
   DYNAMIC LUXURY WREATH BADGE (SINCE 2020, ENLARGED TEXT & SLOW-MO BREEZE SWAY)
   ========================================================================== */
.celebrating-badge-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto 16px auto !important;
    width: 100% !important;
}

.luxury-wreath-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    gap: 8px !important;
    user-select: none !important;
}

/* Wreath Branch Images */
.wreath-branch {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.wreath-leaf-img {
    height: 108px !important;
    width: auto !important;
    max-width: 58px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 10px rgba(255, 210, 63, 0.4)) !important;
    will-change: transform !important;
}

/* Left Branch: Slow-Motion Wind Sway ("hava ki trh hilna") */
.branch-left .wreath-leaf-img {
    transform-origin: bottom right !important;
    animation: breezeSwayLeft 5.6s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate !important;
}

/* Right Branch: Slow-Motion Counter-Phase Wind Sway */
.branch-right .wreath-leaf-img {
    transform-origin: bottom left !important;
    animation: breezeSwayRight 6.2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate !important;
}

@keyframes breezeSwayLeft {
    0% {
        transform: rotate(0deg) scale(1) translateY(0);
    }
    30% {
        transform: rotate(-3.5deg) scale(1.02) translateY(-2px);
    }
    70% {
        transform: rotate(2deg) scale(0.99) translateY(1px);
    }
    100% {
        transform: rotate(-2.5deg) scale(1.01) translateY(-1px);
    }
}

@keyframes breezeSwayRight {
    0% {
        transform: rotate(0deg) scale(1) translateY(0);
    }
    35% {
        transform: rotate(3.5deg) scale(1.02) translateY(-2px);
    }
    68% {
        transform: rotate(-2deg) scale(0.99) translateY(1px);
    }
    100% {
        transform: rotate(2.5deg) scale(1.01) translateY(-1px);
    }
}

/* Center Typography - Enlarged & High-Contrast */
.wreath-center-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 4px !important;
}

.wreath-sub-top {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffd23f !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    text-shadow: 0 0 12px rgba(255, 210, 63, 0.45) !important;
    margin-bottom: 2px !important;
}

.wreath-years-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 44px !important;
    font-weight: 900 !important;
    line-height: 1.0 !important;
    letter-spacing: 1px !important;
    margin: 2px 0 4px 0 !important;
    background: linear-gradient(135deg, #ffffff 0%, #ffd23f 45%, #f59e0b 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 4px 12px rgba(255, 210, 63, 0.35)) !important;
    text-transform: uppercase !important;
}

.wreath-sub-bottom {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    letter-spacing: 0.4px !important;
    line-height: 1.1 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

/* Responsive Scaling on Tablets & Mobile */
@media (max-width: 768px) {
    .wreath-leaf-img {
        height: 84px !important;
        max-width: 44px !important;
    }

    .wreath-sub-top {
        font-size: 11px !important;
        letter-spacing: 3px !important;
    }

    .wreath-years-title {
        font-size: 34px !important;
    }

    .wreath-sub-bottom {
        font-size: 12.5px !important;
    }
}

@media (max-width: 480px) {
    .wreath-leaf-img {
        height: 72px !important;
        max-width: 38px !important;
    }

    .wreath-sub-top {
        font-size: 9.5px !important;
        letter-spacing: 2.2px !important;
    }

    .wreath-years-title {
        font-size: 28px !important;
    }

    .wreath-sub-bottom {
        font-size: 11px !important;
    }
}



/* ==========================================================================
   LUXURY HERO H1 HEADING SIZE ON MOBILE (34px - 36px COMMANDING AUTHORITY)
   ========================================================================== */
@media (max-width: 991px) {
    .all_heading,
    h1.all_heading,
    .hero-section-paragraph-holder .all_heading {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: clamp(31px, 8.4vw, 36px) !important;
        line-height: 1.16 !important;
        font-weight: 800 !important;
        letter-spacing: -0.5px !important;
        margin-top: 14px !important;
        margin-bottom: 14px !important;
        text-shadow: 0 4px 20px rgba(255, 210, 63, 0.3) !important;
    }
}

@media (max-width: 480px) {
    .all_heading,
    h1.all_heading,
    .hero-section-paragraph-holder .all_heading {
        font-size: clamp(29px, 8vw, 34px) !important;
        line-height: 1.18 !important;
        font-weight: 800 !important;
    }
}



/* ==========================================================================
   MASTER LUXURY SECTION HEADINGS SCALE ON MOBILE (28px - 30px HARMONY)
   ========================================================================== */
@media (max-width: 991px) {
    /* H2 Section Headings: Upgraded from 23px to 28px - 30px */
    .section-heading h2,
    h2.gradiant-color,
    .why-choose-wrap .content-block__heading,
    .awards-section .section-heading h2,
    .testimonial-wrap .section-heading h2,
    .work-section .section-heading h2 {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: clamp(26px, 7.2vw, 30px) !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: -0.4px !important;
        margin-top: 14px !important;
        margin-bottom: 12px !important;
        text-shadow: 0 4px 18px rgba(255, 210, 63, 0.25) !important;
    }

    /* H3 Subheadings / Feature Card Headings: Upgraded to 21px - 22px */
    h3.content-block__heading,
    .content-block .content-block__heading,
    .why-choose-wrap h3.content-block__heading,
    .content-block h3 {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: clamp(19.5px, 5.5vw, 22px) !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        letter-spacing: -0.25px !important;
        margin-bottom: 10px !important;
    }

    /* Section Subtitle Badges */
    .subtitle-small,
    .section-heading .subtitle-small {
        font-size: 11.5px !important;
        letter-spacing: 2.5px !important;
        font-weight: 700 !important;
    }
}

@media (max-width: 480px) {
    .section-heading h2,
    h2.gradiant-color,
    .why-choose-wrap .content-block__heading {
        font-size: clamp(25px, 6.8vw, 28.5px) !important;
        line-height: 1.22 !important;
    }

    h3.content-block__heading,
    .content-block .content-block__heading {
        font-size: clamp(18.5px, 5vw, 21px) !important;
        line-height: 1.26 !important;
    }
}



/* ==========================================================================
   UNIFIED LUXURY TYPOGRAPHY ENGINE (100% IDENTICAL FONT-FAMILY & 800 MOTAI)
   ========================================================================== */
/* Force ALL headings to the exact same luxury 'Plus Jakarta Sans' typeface with 800 weight */
h1, h2, h3, h4,
.all_heading,
h1.all_heading,
.section-heading h2,
.content-block__heading,
.why-choose-wrap .content-block__heading,
.awards-section .section-heading h2,
.testimonial-wrap .section-heading h2,
.work-section .section-heading h2,
.hero-text,
.hero-text-blur,
.gradiant-color,
.hero-section-paragraph-holder .all_heading {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Master Mobile Heading Proportions (All in Outfit 800) */
@media (max-width: 991px) {
    /* 1. Hero H1 */
    .all_heading,
    h1.all_heading,
    .hero-section-paragraph-holder .all_heading {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: clamp(31px, 8.4vw, 36px) !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        letter-spacing: -0.03em !important;
        margin-top: 14px !important;
        margin-bottom: 14px !important;
        text-shadow: 0 4px 20px rgba(255, 210, 63, 0.3) !important;
    }

    /* 2. Section H2s */
    .section-heading h2,
    h2.gradiant-color,
    .why-choose-wrap .content-block__heading,
    .awards-section .section-heading h2,
    .testimonial-wrap .section-heading h2,
    .work-section .section-heading h2 {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: clamp(26px, 7.2vw, 30px) !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: -0.025em !important;
        margin-top: 14px !important;
        margin-bottom: 12px !important;
        text-shadow: 0 4px 18px rgba(255, 210, 63, 0.25) !important;
    }

    /* 3. Feature/Card H3s */
    h3.content-block__heading,
    .content-block .content-block__heading,
    .why-choose-wrap h3.content-block__heading,
    .content-block h3 {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: clamp(20px, 5.5vw, 22px) !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 480px) {
    .all_heading,
    h1.all_heading,
    .hero-section-paragraph-holder .all_heading {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: clamp(29px, 8vw, 34px) !important;
        font-weight: 800 !important;
    }

    .section-heading h2,
    h2.gradiant-color,
    .why-choose-wrap .content-block__heading {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: clamp(25px, 6.8vw, 28.5px) !important;
        font-weight: 800 !important;
    }

    h3.content-block__heading,
    .content-block .content-block__heading {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: clamp(19px, 5.2vw, 21px) !important;
        font-weight: 800 !important;
    }
}

/* ==========================================================================
   ORIGINAL LUXURY WHITE & YELLOW GOLD GRADIENT (RESTORED TO USER PERFECTION)
   ========================================================================== */
.all_heading,
h1.all_heading,
.hero-text,
.hero-text._02,
.section-heading h2,
h2.section-title,
.content-block__heading,
.why-choose-wrap .content-block__heading,
.awards-section .section-heading h2,
.testimonial-wrap .section-heading h2,
.work-section .section-heading h2,
.hero-section-paragraph-holder .all_heading,
.gradiant-color,
.text-gradient {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    background: linear-gradient(to right, #ffffff 0%, #ffe785 35%, #ffd23f 72%, #ffb703 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(255, 210, 63, 0.35)) !important;
    animation: none !important;
}



/* ==========================================================================
   MINIMALIST LUXURY CLIENT TRUST LABEL (APPLE / STRIPE AESTHETIC)
   ========================================================================== */
.client-trust-label-wrap {
    margin: 10px auto 26px auto !important;
    text-align: center !important;
    width: 100% !important;
}

.client-trust-eyebrow {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.48) !important;
    margin: 0 auto !important;
    display: inline-block !important;
    line-height: 1.4 !important;
    text-shadow: none !important;
    background: none !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.48) !important;
    transition: color 0.3s ease, -webkit-text-fill-color 0.3s ease !important;
}

.client-trust-eyebrow:hover {
    color: rgba(255, 210, 63, 0.8) !important;
    -webkit-text-fill-color: rgba(255, 210, 63, 0.8) !important;
}

@media (max-width: 768px) {
    .client-trust-label-wrap {
        margin: 6px auto 18px auto !important;
    }

    .client-trust-eyebrow {
        font-size: 10px !important;
        letter-spacing: 2.2px !important;
        padding: 0 16px !important;
    }
}



/* ==========================================================================
   LUXURY THANK YOU STATE ANIMATIONS (ZERO EXTERNAL REDIRECTION)
   ========================================================================== */
.animate-fade-in {
    animation: mwThankYouFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes mwThankYouFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.mw-thankyou-box i.fa-circle-check {
    color: #ffd23f !important;
}



/* ==========================================================================
   PERFECT DEAD-CENTER ALIGNMENT FOR THANK YOU CARD (TOP, BOTTOM, LEFT, RIGHT)
   ========================================================================== */
.contact-form.has-thankyou {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.contact-form-wrap.has-thankyou {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 480px !important;
    margin: auto !important;
    text-align: center !important;
    width: 100% !important;
}

.section-thankyou {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: auto !important;
    width: 100% !important;
}



/* ==========================================================================
   RESTORED SPLIT-SCREEN STICKY SCROLL (RIGHT SIDE STICKS, LEFT SCROLLS UP)
   ========================================================================== */
@media (min-width: 992px) {
    .whyus-section .row {
        display: flex !important;
        align-items: flex-start !important;
    }

    .whyus-section .col-md-6 {
        align-self: stretch !important;
        position: relative !important;
    }

    .why-choose-wrap {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 150px !important;
        z-index: 10 !important;
    }

    .stats-list-wrap {
        padding-top: 160px !important;
        position: relative !important;
        z-index: 5 !important;
    }

    .stats-list-wrap .stat-list {
        margin-bottom: 70px !important;
    }
}



/* ==========================================================================
   PREMIUM ANIMATED SHARP ICONS & HALO PODS (LUXURY AGENCY SYSTEM)
   ========================================================================== */
.mw-standard-card {
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 210, 63, 0.22) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.mw-standard-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1.5px;
    background: linear-gradient(90deg, transparent, rgba(255, 210, 63, 0.7), transparent);
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.mw-standard-card:hover {
    transform: translateY(-6px) scale(1.02) !important;
    border-color: rgba(255, 210, 63, 0.55) !important;
    box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.7), 0 0 24px rgba(255, 210, 63, 0.25) !important;
}

.mw-standard-card:hover::before {
    opacity: 1;
}

/* Glass Halo Pod */
.mw-icon-halo-pod {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    background: radial-gradient(circle at 35% 30%, rgba(255, 210, 63, 0.16) 0%, rgba(18, 18, 22, 0.85) 85%);
    border: 1.5px solid rgba(255, 210, 63, 0.38);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 0 16px rgba(255, 210, 63, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.35s ease;
}

.mw-standard-card:hover .mw-icon-halo-pod {
    transform: scale(1.08);
    border-color: #ffd23f;
    box-shadow: 0 8px 26px rgba(255, 210, 63, 0.4), inset 0 0 12px rgba(255, 210, 63, 0.3);
}

/* Sharp SVG Physics */
.mw-sharp-svg {
    filter: drop-shadow(0 2px 8px rgba(255, 210, 63, 0.4));
    transition: all 0.3s ease;
}

/* 1. Trophy Levitation Float Physics */
.mw-trophy-svg {
    animation: mwTrophyFloat 3.8s ease-in-out infinite alternate;
}

@keyframes mwTrophyFloat {
    0% {
        transform: translateY(0) rotate(0deg);
        filter: drop-shadow(0 2px 8px rgba(255, 210, 63, 0.4));
    }
    50% {
        transform: translateY(-4px) rotate(-2deg);
        filter: drop-shadow(0 6px 16px rgba(255, 210, 63, 0.7));
    }
    100% {
        transform: translateY(0) rotate(0deg);
        filter: drop-shadow(0 2px 8px rgba(255, 210, 63, 0.4));
    }
}

/* 2. Lightning Bolt Energy Sparkle */
.mw-bolt-svg {
    animation: mwBoltEnergy 2.6s ease-in-out infinite;
}

@keyframes mwBoltEnergy {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 2px 8px rgba(255, 210, 63, 0.5));
    }
    50% {
        transform: scale(1.08) translateY(-2px);
        filter: drop-shadow(0 4px 20px rgba(255, 240, 100, 0.9)) brightness(1.18);
    }
}

/* 3. Diamond Prism Gleam */
.mw-diamond-svg {
    animation: mwDiamondGleam 4.2s ease-in-out infinite alternate;
}

@keyframes mwDiamondGleam {
    0% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 2px 8px rgba(255, 210, 63, 0.4));
    }
    50% {
        transform: translateY(-3px) scale(1.06);
        filter: drop-shadow(0 6px 18px rgba(255, 210, 63, 0.75)) brightness(1.15);
    }
    100% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 2px 8px rgba(255, 210, 63, 0.4));
    }
}

/* 4. 3D Star Twinkle */
.mw-star-svg {
    animation: mwStarTwinkle 3.4s ease-in-out infinite alternate;
}

@keyframes mwStarTwinkle {
    0% {
        transform: rotate(0deg) scale(1);
        filter: drop-shadow(0 2px 8px rgba(255, 210, 63, 0.45));
    }
    50% {
        transform: rotate(6deg) scale(1.07);
        filter: drop-shadow(0 4px 18px rgba(255, 210, 63, 0.8)) brightness(1.2);
    }
    100% {
        transform: rotate(0deg) scale(1);
        filter: drop-shadow(0 2px 8px rgba(255, 210, 63, 0.45));
    }
}

/* Subtle Specular Sparkle Accents */
.mw-sparkle-dot {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 8px #ffd23f, 0 0 14px #ffffff;
    pointer-events: none;
}

.mw-sparkle-dot.top-right {
    top: 8px;
    right: 8px;
    animation: mwSparklePulse 2.8s infinite ease-in-out;
}

.mw-sparkle-dot.top-left {
    top: 8px;
    left: 8px;
    animation: mwSparklePulse 3.2s infinite ease-in-out 0.8s;
}

.mw-sparkle-dot.pulse-aura {
    bottom: 8px;
    right: 10px;
    animation: mwSparklePulse 2.2s infinite ease-in-out 0.4s;
}

.mw-sparkle-dot.center-flare {
    bottom: 8px;
    left: 10px;
    animation: mwSparklePulse 3s infinite ease-in-out 1.2s;
}

@keyframes mwSparklePulse {
    0%, 100% {
        opacity: 0.2;
        transform: scale(0.7);
    }
    50% {
        opacity: 1;
        transform: scale(1.4);
    }
}









/* ==========================================================================
   SIMPLE LUXURY ANIMATED ICONS (CLEAR VISIBLE MOTION, ZERO CLUTTER)
   ========================================================================== */
.mw-simple-premium {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 210, 63, 0.2) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mw-simple-premium:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(255, 210, 63, 0.55) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.65), 0 0 20px rgba(255, 210, 63, 0.22) !important;
}

/* Sleek Minimalist Luxury Pod */
.mw-simple-luxury-pod {
    width: 66px !important;
    height: 66px !important;
    border-radius: 20px !important;
    background: radial-gradient(circle at 35% 30%, rgba(255, 210, 63, 0.14) 0%, rgba(18, 18, 22, 0.85) 85%) !important;
    border: 1px solid rgba(255, 210, 63, 0.32) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.35s ease !important;
    animation: mwPodSoftGlow 3s ease-in-out infinite alternate !important;
}

.mw-simple-premium:hover .mw-simple-luxury-pod {
    border-color: #ffd23f !important;
    box-shadow: 0 8px 24px rgba(255, 210, 63, 0.35), inset 0 0 12px rgba(255, 210, 63, 0.2) !important;
    transform: scale(1.05) !important;
}

@keyframes mwPodSoftGlow {
    0% {
        border-color: rgba(255, 210, 63, 0.25);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
    100% {
        border-color: rgba(255, 210, 63, 0.55);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5), 0 0 16px rgba(255, 210, 63, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    }
}

/* Sharp Vector Base */
.mw-sharp-vector {
    transition: filter 0.35s ease !important;
}

/* 1. Trophy: Visible Organic Floating Levitation (Moves up and down smoothly) */
.mw-sharp-vector.icon-trophy {
    animation: mwSimpleTrophyFloat 2.6s ease-in-out infinite alternate !important;
    transform-origin: center bottom !important;
}

@keyframes mwSimpleTrophyFloat {
    0% {
        transform: translateY(2px) scale(0.98);
        filter: drop-shadow(0 2px 5px rgba(255, 210, 63, 0.4));
    }
    100% {
        transform: translateY(-6px) scale(1.05);
        filter: drop-shadow(0 8px 16px rgba(255, 210, 63, 0.8)) brightness(1.15);
    }
}

/* 2. Lightning Bolt: Visible Electric Power Pulse (Smoothly scales & gleams) */
.mw-sharp-vector.icon-bolt {
    animation: mwSimpleBoltPulse 2.2s ease-in-out infinite alternate !important;
    transform-origin: center center !important;
}

@keyframes mwSimpleBoltPulse {
    0% {
        transform: scale(0.94);
        filter: drop-shadow(0 2px 6px rgba(255, 210, 63, 0.45));
    }
    100% {
        transform: scale(1.12);
        filter: drop-shadow(0 0 18px rgba(255, 235, 90, 0.95)) brightness(1.22);
    }
}

/* 3. Diamond: Visible 3D Jewel Glimmer Tilt (Tilts like a genuine jewel) */
.mw-sharp-vector.icon-diamond {
    animation: mwSimpleDiamondTilt 2.8s ease-in-out infinite alternate !important;
    transform-origin: center center !important;
}

@keyframes mwSimpleDiamondTilt {
    0% {
        transform: rotate(-5deg) translateY(1px) scale(0.97);
        filter: drop-shadow(0 2px 6px rgba(255, 210, 63, 0.4));
    }
    100% {
        transform: rotate(5deg) translateY(-4px) scale(1.06);
        filter: drop-shadow(0 6px 18px rgba(255, 210, 63, 0.85)) brightness(1.18);
    }
}

/* 4. Star: Visible 3D Starlight Twinkle & Soft Rotation */
.mw-sharp-vector.icon-star {
    animation: mwSimpleStarTwinkle 2.5s ease-in-out infinite alternate !important;
    transform-origin: center center !important;
}

@keyframes mwSimpleStarTwinkle {
    0% {
        transform: rotate(-7deg) scale(0.95);
        filter: drop-shadow(0 2px 6px rgba(255, 210, 63, 0.4));
    }
    100% {
        transform: rotate(7deg) scale(1.1);
        filter: drop-shadow(0 0 20px rgba(255, 220, 70, 0.9)) brightness(1.22);
    }
}



/* ==========================================================================
   CINEMATIC LUXURY CUSTOM CURSOR (GOLDEN RING & GLOWING CORE DOT)
   ========================================================================== */
.cursor-dot {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 8px !important;
    height: 8px !important;
    background: #ffd23f !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 10000000 !important;
    box-shadow: 0 0 12px #ffd23f, 0 0 20px rgba(255, 210, 63, 0.9) !important;
    opacity: 0;
    will-change: transform;
}

.cursor-ring {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 44px !important;
    height: 44px !important;
    border: 1.8px solid rgba(255, 210, 63, 0.75) !important;
    background: rgba(255, 210, 63, 0.05) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 9999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0;
    box-shadow: 0 0 16px rgba(255, 210, 63, 0.25) !important;
    transition: width 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
                height 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.25s ease, 
                background 0.25s ease,
                opacity 0.2s ease !important;
    will-change: transform, width, height;
}

.cursor-ring.is-hovering {
    width: 58px !important;
    height: 58px !important;
    border-color: #ffd23f !important;
    background: rgba(255, 210, 63, 0.18) !important;
    box-shadow: 0 0 24px rgba(255, 210, 63, 0.45) !important;
}

.cursor-badge {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #08080a !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    opacity: 0 !important;
    transform: scale(0.5) !important;
    transition: all 0.22s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    pointer-events: none !important;
}

@media (max-width: 768px), (pointer: coarse) {
    .cursor-dot, .cursor-ring { display: none !important; }
}



/* --- 11. BULLETPROOF UNIFORM CLIENT LOGOS MARQUEE (NO OVERSIZED LOGOS EVER) --- */
.th-clients-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.th-logo-marquee-outer {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}

.th-logo-marquee-track {
    display: inline-flex !important;
    align-items: center !important;
    gap: 48px !important;
    animation: thMarqueeLoop 30s linear infinite !important;
    will-change: transform;
}

.th-logo-marquee-outer:hover .th-logo-marquee-track {
    animation-play-state: paused;
}

@keyframes thMarqueeLoop {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.th-brand-logo-pill,
.client-block,
.auth-brand-logo-card {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 52px !important;
    max-height: 52px !important;
    padding: 0 14px !important;
    flex-shrink: 0 !important;
    background: transparent !important;
}

.th-brand-logo-pill img,
.client-block img,
.auth-brand-logo-card img,
.th-logo-marquee-track img {
    max-height: 44px !important;
    height: auto !important;
    max-width: 140px !important;
    width: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45)) !important;
    opacity: 0.96 !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.th-brand-logo-pill:hover img,
.client-block:hover img,
.auth-brand-logo-card:hover img,
.th-logo-marquee-track img:hover {
    filter: drop-shadow(0 0 14px rgba(255, 210, 63, 0.6)) brightness(1.08) !important;
    transform: scale(1.08) !important;
    opacity: 1 !important;
}

/* ==========================================================================
   UNIVERSAL DARK MODE AUTOFILL PROTECTION
   Prevents browser from painting white/light-blue background on autofill
   ========================================================================== */
html {
    color-scheme: dark !important;
}

:root {
    color-scheme: dark;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #0d101c inset !important;
    box-shadow: 0 0 0 1000px #0d101c inset !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    caret-color: #ffffff !important;
    background-color: transparent !important;
    transition: background-color 5000000s ease-in-out 0s !important;
}

input:-moz-autofill,
input:-moz-autofill-preview {
    filter: none !important;
    background-color: #0d101c !important;
    color: #ffffff !important;
}