/*------------------------------------------------------------------Project:Serano - Creative Portfolio TemplateVersion:1.0Last change:15/08/2022Assigned to:www.ClaPat.comPrimary use:Showcase Portfolio-------------------------------------------------------------------*/
@import url("content.css");/* @import url("css/showcase.css");*/
@import url("shortcodes.css");@import url("assets.css");@font-face{font-family:'mona-sansextrabold_wide';src:url('../webfonts/mona-sans-extraboldwide-webfont.woff2') format('woff2'),url('../webfonts/mona-sans-extraboldwide-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'mona-sanslight_wide';src:url('../webfonts/mona-sans-lightwide-webfont.woff2') format('woff2'),url('../webfonts/mona-sans-lightwide-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
/*------------------------------------------------------------------01. General Styles02. Magic Cursor03. Page Preloader04. Header Elements05. Main Content06. Footer Elements07. Responsive Media Querries-------------------------------------------------------------------*/
/*--------------------------------------------------01. General Settings---------------------------------------------------*/
/*31/03/2026*/
span.privacy-policy a{color:gray !important;}
span.privacy-policy a.link:hover{color:#FAD644 !important;transition:transform .2s ease-out !important;}
span.privacy-policy{margin-left:82px !important;}
.hero-subtitle.caption-timeline{margin-top:0px;margin-bottom:28px;}
h1.hero-title.caption-timeline{font-size:66px !important;}
.one_first h3{font-size:45px !important;padding-top:21px !important;margin-bottom:9px !important;}
.one_first h4{font-size:26px !important;}
.one_first ul li{margin-bottom:15px !important;line-height:26px !important;}
.one_first h4{margin-bottom:9px !important;}
.one_first h6{margin-bottom:-21px !important;}
html,body{font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;height:100%;width:100%;color:#444;background-color:#fff;user-select:none;/* supported by Chrome and Opera */
 -webkit-user-select:none;/* Safari */
 -khtml-user-select:none;/* Konqueror HTML */
 -moz-user-select:none;/* Firefox */
 -ms-user-select:none;/* Internet Explorer/Edge */
 overflow-x:hidden;}
html{box-sizing:border-box;margin-right:0px !important;overflow:visible !important;}
body{overflow:hidden;overflow-y:scroll;-webkit-transition:opacity 0.2s ease-in-out 0.2s;transition:opacity 0.2s ease-in-out 0.2s;}
body.smooth-scroll{overflow:hidden;}
body.hidden{opacity:0;}
main111{-webkit-transition:background 0.5s ease-in-out 0s;transition:background 0.5s ease-in-out 0s;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;outline:0;padding:0;vertical-align:baseline;}
article,aside,details,figcaption,footer,header,hgroup,nav,section{display:block;}
audio{display:inline-block;max-width:100%;}
address{font-style:italic;margin-bottom:24px;}
abbr[title]{border-bottom:1px dotted #2b2b2b;cursor:help;}
b,strong{font-weight:600;color:#000;}
.light-content b,.light-content strong,.dark-section b,.dark-section strong{font-weight:600;color:#fff;}
.light-content .light-section b,.light-content .light-section strong{font-weight:600;color:#000;}
#page-content{overflow-x:hidden;}
cite,dfn,em,i{font-style:italic;}
mark,ins{background:none repeat scroll 0 0 #000;text-decoration:none;color:#fff;padding:2px 8px;display:inline-block;border-radius:2px;}
.light-content mark,.light-content ins,.dark-section mark,.dark-section ins{background:none repeat scroll 0 0 #fff;color:#000;}
.light-content .light-section mark,.light-content .light-section ins{background:none repeat scroll 0 0 #111;color:#fff;}
code,kbd,tt,var,samp,pre{font-family:monospace,serif;font-size:15px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.6;}
pre{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;background-color:rgba(0,0,0,0.05)}
.light-content pre,.dark-section pre{background-color:rgba(255,255,255,0.05);color:#fff;}
.light-content .light-section pre{background-color:rgba(0,0,0,0.05);color:#000;}
#bgvid{width:50%;height:auto;}
/*---- logo changing animation ---*/
/* Animation for each set */
.clients-table{list-style-type:none;}
.clients-table li{position:relative;overflow:hidden;}
.clients-table li img{/* width:100%;*/
 height:100%;margin:0 auto;opacity:0;/* Start with images hidden */
 position:absolute;display:block;object-position:center;object-fit:contain;transition:opacity 0.5s ease 0s;-webkit-transition:opacity 0.5s ease 0s;}
.clients-table li img.active{opacity:1.0;/* Make the active image visible */
}
blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
blockquote{color:#000;line-height:1.6;font-size:1.5rem;margin-bottom:2.1875rem;font-weight:500;padding-left:3.5rem;margin:0 0 1.5625rem;position:relative;}
.light-content blockquote,.dark-section blockquote{color:#fff;}
.light-content .light-section blockquote{color:#000;}
blockquote::before{content:"\275D";position:absolute;left:0;top:5px;line-height:1;font-size:3rem;font-weight:500;}
blockquote cite,blockquote small{color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5;}
.light-content blockquote cite,.light-content blockquote small{color:#fff;}
blockquote em,blockquote i,blockquote cite{font-style:normal;}
blockquote strong,blockquote b{font-weight:600;}
small{font-size:smaller;}
big{font-size:125%;}
sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline;}
sup{bottom:1ex;}
sub{top:.5ex;}
dl{margin-bottom:24px;}
dt{font-weight:bold;}
dd{margin-bottom:24px;}
ul,ol{list-style:none;margin:0 0 24px 20px;}
ul,ol{list-style:none;margin:20px 0 25px 20px;}
ul{list-style:disc;}
ol{list-style:decimal;}
li>ul,li>ol{margin:20px 0px 15px 25px;}
li{line-height:20px;color:#444;margin-bottom:25px;}
.light-content li,.dark-section li{color:#ccc;}
.light-content .light-section li{color:#444;}
figure{margin:0;position:relative;display:block;}
figure.has-parallax{overflow:hidden;}
.full figure.has-parallax{overflow:hidden;height:100vh;}
figure img{max-width:100%;}
.has-parallax-content>img,.has-parallax>img{width:100%;height:100%;position:absolute;display:block;object-position:center;object-fit:cover;}
figcaption{background-color:rgba(0,0,0,0.3);bottom:0px;color:#fff;font-weight:400;font-size:10px;padding:5px 10px;position:absolute;right:0px;z-index:10;border-radius:0;}
#magic-cursor:hover{border-color:#FAD644;}
fieldset{border:1px solid rgba(0,0,0,0.1);margin:0 0 24px;padding:0;}
/*---- Footer Scroller ---*/
.lines-container{display:flex;flex-direction:column;align-items:flex-start;/* Align children (lines) to the right */
 position:fixed;right:20px;bottom:15px;z-index:1000;}
#whatsapp-sticky{position:fixed;bottom:125px;/* Adjust as needed */
 right: 6px;/* Adjust as needed */
 z-index:1000;}
#whatsapp-sticky img{width:65px;/* Adjust icon size as needed */
 height:auto;/* border-radius:50%;*/
}
.line{background-color:lightgray;height:5px;border-radius:10px;margin-bottom:10px;position:relative;text-align:right;}
.line .fill{position:absolute;bottom:0;right:0;/* Align fill to the right */
 width:100%;height:0;border-radius:10px;background-color:#FAD644;/* Or any color you prefer */
}
#line1{width:28px;/* Largest */
}
#line2{width:28px;/* Medium */
}
#line3{width:28px;/* Smallest */
}
#line4{margin-top:2px;width:27px;/* Largest */
}
#line5{width:20px;/* Medium */
}
#line6{width:15px;/* Smallest */
}
.collab{margin-bottom:0px;}
input[type=text],textarea{/* Remove background color for autofill */
 background-color:transparent !important;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px gray inset !important;-webkit-text-fill-color:#fff !important;}
#info{font-size:24px;}
legend{white-space:normal;}
button,input{line-height:normal;}
input,textarea{background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));/* Removing the inner shadow,rounded corners on iOS inputs */
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{padding:0;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin-bottom:24px;width:100%;color:#444;}
thead,.light-content .light-section thead{background-color:rgba(0,0,0,1);color:#fff;}
.light-content thead,.dark-section thead{background-color:rgba(255,255,255,1);}
thead tr,.light-content .light-section thead tr{color:#fff;}
.light-content thead tr,.dark-section thead tr{color:#000;}
tr,.light-content .light-section tr{color:#444;}
.light-content tr,.dark-section tr{color:#CCC;}
tr:nth-child(2n),.light-content .light-section tr:nth-child(2n){background-color:rgba(0,0,0,0.05);}
.light-content tr:nth-child(2n),.dark-section tr:nth-child(2n){background-color:rgba(255,255,255,0.1);}
caption,th,td{font-weight:normal;text-align:left;}
th{border-width:0 1px 1px 0;padding:10px;}
td{border-width:0 1px 1px 0;padding:10px;}
del{color:#767676;}
hr{border:0;height:28px;width:100%;float:none;margin:0;display:inline-block;opacity:1 !important;-webkit-transition:translateY(0px) !important;transform:translateY(0px) !important;}
hr.animated-line{height:1px;padding-top:20px;padding-bottom:20px;}
hr.animated-line:before{content:"";display:block;width:0;height:1px;background:rgba(0,0,0,0.1);}
.light-content hr.animated-line:before,.dark-section hr.animated-line:before{background:rgba(255,255,255,0.15);}
.light-content .light-section hr.animated-line:before{background:rgba(0,0,0,0.1);}
hr.animated.animated-line:before{width:100%;-webkit-transition:width 0.7s ease-in-out 0.1s;transition:width 0.7s ease-in-out 0.1s;}
hr:after{clear:both;content:" ";display:block;height:0;visibility:hidden;}
::selection{background:#000;color:#fff;text-shadow:none;}
::-moz-selection{background:#000;color:#fff;text-shadow:none;}
img{border:0 none;max-width:100%;vertical-align:middle;height:auto;}
h1,h2,h3,h4,h5,h6{font-family:'mona-sansextrabold_wide';color:#000;margin-bottom:20px;}
.uppercase-titles h1,.uppercase-titles h2,.uppercase-titles h3,.uppercase-titles h4,.uppercase-titles h5,.uppercase-titles h6{text-transform:uppercase;}
.primary-font-title{font-family:'mona-sansextrabold_wide';}
.secondary-font-title,em{font-family:'mona-sanslight_wide';font-style:normal;}
.big-title{font-size:calc(1rem + 4.15vw);line-height:calc(1rem + 4.5vw);}
h1{font-size:calc(1rem + 4.15vw);line-height:calc(1rem + 4.5vw);}
h2{font-size:calc(1rem + 3vw);line-height:calc(1rem + 3.5vw);}
h3{font-size:calc(1rem + 2vw);line-height:calc(1rem + 2.5vw);}
h4{font-size:calc(1rem + 1vw);line-height:calc(1rem + 1.6vw);}
h5{font-size:calc(1rem + 0.6vw);line-height:calc(1rem + 1.5vw);}
h6{font-size:18px;line-height:36px;}
h6.has-icon{padding-left:20px;box-sizing:border-box;display:inline-block;width:auto;position:relative;}
h6.has-icon::before{font:var(--fa-font-solid);content:"\f101";font-size:12px;line-height:inherit;text-align:left;position:absolute;left:0;}
.no-margins{margin:0;}
.light-content h1,.light-content h2,.light-content h3,.light-content h4,.light-content h5,.light-content h6,.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6{color:#fff;}
.light-content h3:hover{color:#FAD644;transition:0.3s ease-in-out;}
.light-content .light-section h1,.light-content .light-section h2,.light-content .light-section h3,.light-content .light-section h5,.light-content .light-section h6{color:#FAD644;}
.light-content .light-section h4{color:#000;}
p{font-size:16px;line-height:30px;font-weight:500;margin-bottom:20px;color:#444;}
#address{color:white;}
#address:hover{color:#FAD644;transition:0.3s ease-in-out;}
.light-content p,.dark-section p{color:lightgray;}
.light-content .light-section p{color:#444;}
.bigger{font-size:20px;line-height:30px;}
.smaller{font-size:12px;line-height:24px;}
.container{max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box;}
.container::after{clear:both;content:" ";display:table;}
a:hover,a:active{outline:0;color:#000;}
a,.light-content .light-section a{text-decoration:none;color:#000;outline:0;}
.light-content a,.dark-section a,.white-header a{color:#fff;}
.light-content .white-header a{color:#000;}
a:hover{text-decoration:none;}
.one_half{width:48% !important;}
.one_third{width:30.6% !important;}
.one_fourth{width:22% !important;}
.one_fifth{width:16.8% !important;}
.one_sixth{width:13.33% !important;}
.two_fifth{width:37.6% !important;}
.two_fourth{width:48% !important;}
.two_third{width:65.33% !important;}
.three_fifth{width:58.4% !important;}
.three_fourth{width:74% !important;}
.four_fifth{width:79.2% !important;}
.five_sixth{width:82.67% !important;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.two_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{float:left !important;margin-bottom:1px !important;margin-right:4% !important;position:relative !important;}
.last{margin-right:0px !important;}
.text-align-left{text-align:left;}
.text-align-center{text-align:center;}
.text-align-right{text-align:right;}
.outer{display:table;width:100%;height:100%;}
.inner{display:table-cell;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.light-section-wrapper,.dark-section-wrapper{margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;max-width:1000% !important;width:100vw !important;}
.light-section-container,.dark-section-container{position:relative;box-sizing:border-box;width:100%;margin:0 auto;}
.content-row{position:relative;width:100%;margin:0 auto;z-index:1;opacity:1;box-sizing:border-box;}
.clip-effects{overflow:hidden;clip-path:inset(6% 18% 0% 18%);}
.content-row::after{clear:both;content:" ";display:table;}
.small{max-width:820px;width:100%;margin:0 auto;}
.large{max-width:1380px;width:100%;margin:0 auto;}
.full{margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;max-width:1000% !important;width:100vw !important;}
.row_padding_top{padding-top:9vw;}
.row_padding_bottom{padding-bottom:9vw;}
.row_padding_left{padding-left:80px;}
.row_padding_right{padding-right:80px;}
.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:80px;padding-right:80px;}
#rotate-device{width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;background-color:#0f1010;background-image:url(images/rotate.png);background-size:100px 100px;background-position:center;background-repeat:no-repeat;display:none;}
i.arrow-icon{border:solid #000;border-width:0px 3px 3px 0px;box-sizing:border-box;display:block;position:relative;top:0px;left:0px;height:20px;width:20px;}
.light-content i.arrow-icon,.dark-content .item i.arrow-icon{border:solid #fff;border-width:0px 3px 3px 0px;}
.light-content .change-header i.arrow-icon,.dark-content .change-header i.arrow-icon{border:solid #000;border-width:0px 3px 3px 0px;}
i.arrow-icon::after{content:"";position:absolute;width:28px;height:3px;top:7px;left:-6px;background-color:#000;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.light-content i.arrow-icon:after,.light-content .change-header i.arrow-icon::after,.dark-content .item i.arrow-icon::after{background-color:#fff;}
.light-content .change-header i.arrow-icon::after,.dark-content .change-header i.arrow-icon::after{background-color:#000;}
i.arrow-icon-down{border:solid #222;border-width:0px 2px 2px 0px;box-sizing:border-box;display:block;position:relative;top:14px;left:14px;height:12px !important;width:12px !important;line-height:12px !important;}
i.arrow-icon-down.left{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
i.arrow-icon-down::after{content:"";position:absolute;width:16px;height:2px;top:4px;left:-3px;background-color:#222;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
/*--- HOME PAGE FOCUS EFFECT ---*/
@keyframes mask-move{0%{transform:translateX(0);}
100%{transform:translateX(250px);/* $componentSize - $maskSize */
}
}
@keyframes mask-inner-move{0%{transform:translateX(0);}
100%{transform:translateX(-250px);/* -($componentSize - $maskSize) */
}
}
*,*:before,*:after{box-sizing:border-box;}
.inner .focus{font-size:5rem;text-transform:uppercase;color:#FAD644;letter-spacing:.2rem;line-height:1;position:relative;width:179px;/* $componentSize */
 font-weight:500;position:relative;display:block;display:inline-block;vertical-align:top;width:auto;overflow:hidden;padding:0;margin-bottom:0;}
.inner .focus:before{content:'Frames';filter:blur(3px);}
.inner .focus:after{content:'';position:absolute;width:50px;/* $maskSize */
 height:calc(100% + 8px);/* 100% + $borderOffset */
 top:-4px;/* -($borderOffset / 2) */
 left:0;/* border-top:2px solid;*/
 /* border-bottom:2px solid;*/
 animation:mask-move 1s linear infinite alternate;/* $animationProps */
}
.focus--mask{overflow:hidden;position:absolute;width:80px;/* $maskSize */
 height:100%;border-radius:50%;border:2px solid #FAD644;top:0;left:0;background:#5a5a5a;/* $backgroundColor */
 animation:mask-move 1s linear infinite alternate;/* $animationProps */
}
.focus--mask-inner{animation:mask-inner-move 1s linear infinite alternate;/* $animationProps */
}
.logo-gif{width:600px;height:auto;}
.credits{color:#FAD644;position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-weight:200;letter-spacing:0.05rem;font-style:italic;text-align:center;}
.credits a{color:#FAD644;text-decoration:none;font-weight:normal;}
.credits a:hover{text-decoration:underline;}
.clients-table .link{filter:grayscale(100%);cursor:pointer;transition:0.3s;}
.link:hover{filter:grayscale(0);}
/*--- GALLERY PHOTOGRAPHY PAGE --*/
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));/* Use minmax(0,1fr) to allow images to shrink if necessary */
 gap:8px;transition:0.3s;margin:10px;grid-auto-flow:dense;overflow:hidden;}
.gallery.ai-cgi-page{grid-template-columns:repeat(3,minmax(0,1fr));/* Use minmax(0,1fr) to allow images to shrink if necessary */
}
.ai-cgi-main .content-max-width{max-width:none;}
#button-text{font-size:16px;}
/* .gallery:hover .gallery__image{filter:grayscale(1);}
*/
.gallery__column{display:flex;flex-direction:column;will-change:transform;width:100%;gap:5px;}
.gallery__link{margin:2px;overflow:hidden;box-shadow:0px 3px 10px #000;display:block;/* Ensures the link behaves like a block element */
}
/* Popup Styles */
/* Popup Styles */
.popup{display:none;/* Hide popup by default */
 position:fixed;margin-top:80px;top:30%;left:50%;transform:translate(-50%,-50%);background-color:gray;border:1px solid #ccc;padding:50px;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);z-index:9999;/* Higher z-index value to appear above other elements */
}
.popup2{top:85%;}
.popup h2{margin-top:0;}
.popup p{margin:10px 0;}
.popup .close{position:absolute;top:5px;right:10px;cursor:pointer;font-size:18px;}
.popup .close:hover{color:white;transition:0.8s linear ease-in-out;}
/* Overlay Styles */
.overlay{display:none;/* Hide overlay by default */
 position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9998;/* Overlay should be just below the popup */
}
/* Centered container to hold the form and popup */
.container{position:relative;width:100%;height:100%;}
.collage-thumb{margin:2px;overflow:hidden;box-shadow:0px 3px 10px #000;}
.gallery__link iframe{width:100%;/* Set width to 100% of its container */
 height:100%;/* Set height to 100% of its container */
 margin:0;/* Remove default margins on the iframe */
 padding:0;/* Remove default padding on the iframe */
}
.gallery__link:hover .gallery__image{filter:grayscale(0);}
.gallery__link:hover .gallery__caption{opacity:1;}
.clapat-img-popup-viewport{position:relative;}
.current-image,.new-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;/* or contain,based on your preference */
}
.clapat-img-popup img{/* Other styles... */
 transition:opacity 0.5s ease-in-out;}
.clapat-img-popup-small{position:absolute;width:180px;/* Adjust size as needed */
 height:300px;/* Adjust size as needed */
 overflow:hidden;border-radius:8px;}
.clapat-img-popup-small img{width:100%;height:100%;object-fit:cover;filter:blur(2px);/* Adjust blur as needed */
 pointer-events:auto;cursor:pointer;}
.clapat-img-popup-small.prev{left:3%;/* Adjust position as needed */
 top:50%;transform:translateY(-50%);}
.clapat-img-popup-small.next{right:3%;/* Adjust position as needed */
 top:50%;transform:translateY(-50%);}
.gallery__thumb{position:relative;}
.gallery__image{display:block;width:100%;transition:0.3s;&:hover{transform:scale(1.1);}
}
.gallery__caption{position:absolute;bottom:0;left:0;padding:15px;width:100%;font-family:'Raleway',sans-serif;font-size:16px;color:white;opacity:0;background:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);transition:0.3s;}
@media (max-width:768px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));}
.gallery.ai-cgi-page{grid-template-columns:repeat(1,minmax(0,1fr));}
.lines-container{right:10px;bottom:15px;}
#info{font-size:17px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){input[type=text]:-webkit-autofill,input[type=email]:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:#ffffff !important;transition:background-color 5000s ease-in-out 0s;/* Delay the transition */
}
}
.light-content i.arrow-icon-down{border:solid #fff;border-width:0px 2px 2px 0px;}
.light-content i.arrow-icon-down::after{background-color:#fff;}
i.arrow-icon-up{border:solid #222;border-width:2px 2px 0px 0px;box-sizing:border-box;display:block;position:relative;top:14px;left:14px;height:12px !important;width:12px !important;line-height:12px !important;}
i.arrow-icon-up.right{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
i.arrow-icon-up::after{content:"";position:absolute;width:16px;height:2px;top:4px;left:-3px;background-color:#222;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.light-content i.arrow-icon-up{border:solid #fff;border-width:2px 2px 0px 0px;}
.light-content i.arrow-icon-up::after{background-color:#fff;}
/*--------------------------------------------------02. Magic Cursor---------------------------------------------------*/
#magic-cursor{position:absolute;left:0;top:0;width:30px;height:30px;pointer-events:none;z-index:10000;-webkit-transition:opacity 0.2s ease-in-out 0.5s;transition:opacity 0.2s ease-in-out 0.5s;}
.hidden-ball #magic-cursor{opacity:0 !important;visibility:hidden;}
#ball{position:fixed;width:80px;height:80px;border:2px solid #999999;border-radius:50%;pointer-events:none;opacity:1;box-sizing:border-box;-webkit-transform:scale(0.5);transform:scale(0.5);}
.light-content #ball,#ball.over-movie,.light-content #ball.with-icon{border:2px solid #999999;border-color:#999999;}
#ball.with-blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#ball:before{font:var(--fa-font-solid);content:"\f106";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:-42px;color:#999;opacity:0;transform:translateY(-20px);-webkit-transform:translateY(-20px);transition:all 0.15s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.light-content #ball:before{color:#999;}
#ball::after{font:var(--fa-font-solid);content:"\f107";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:100px;color:#999;opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all 0.15s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.light-content #ball:before,.light-content #ball:after{color:#999;}
.scale-up #ball:before,.scale-drag-horizontal #ball:before{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.scale-drag-horizontal #ball:before{color:#fff;}
.scale-up #ball:after,.scale-drag-horizontal #ball:after{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.scale-drag-horizontal #ball:after{color:#fff;}
.scale-up.scale-none #ball:before,.scale-up.scale-none #ball:after{opacity:0;}
#ball-drag-x{position:absolute;width:72px;height:72px;pointer-events:none;opacity:1;box-sizing:border-box;}
#ball-drag-x::before{font:var(--fa-font-solid);content:"\f053";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:-37px;top:30px;color:#000;opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.light-content #ball-drag-x:before{color:#fff;}
#ball-drag-x::after{font:var(--fa-font-solid);content:"\f054";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;right:-40px;left:auto;top:30px;color:#000;opacity:0;transform:translateX(20px);-webkit-transform:translateX(20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.light-content #ball-drag-x:before,.light-content #ball-drag-x:after{color:#fff;}
.drag-cursor-white #ball-drag-x:before,.drag-cursor-white #ball-drag-x:after{color:#fff;}
.drag-cursor-black #ball-drag-x:before,.drag-cursor-black #ball-drag-x:after{color:#000;}
.scale-drag-x #ball-drag-x:before{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.scale-drag-x #ball-drag-x:after{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.scale-up.scale-drag #ball-drag-x:before,.scale-up.scale-drag #ball-drag-x:after{opacity:0;}
#ball-drag-y{position:absolute;width:72px;height:72px;pointer-events:none;opacity:1;box-sizing:border-box;}
#ball-drag-y:before{font:var(--fa-font-solid);content:"\f077";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:-40px;color:#000;opacity:0;transform:translateY(-20px);-webkit-transform:translateY(-20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.light-content #ball-drag-y:before{color:#fff;}
#ball-drag-y::after{font:var(--fa-font-solid);content:"\f078";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:100px;color:#000;opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.light-content #ball-drag-y:before,.light-content #ball-drag-y:after{color:#fff;}
.scale-drag-y #ball-drag-y:before{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.scale-drag-y #ball-drag-y:after{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.scale-up.scale-drag #ball-drag-y:before,.scale-up.scale-drag #ball-drag-y:after{opacity:0;}
#ball i{color:#fff;width:76px;height:80px;line-height:78px;text-align:center;font-size:14px;display:block;opacity:1;transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
#ball{display:flex;flex-direction:column;justify-content:center;}
#ball p{color:#fff;width:auto;height:16px;line-height:16px;padding-top:0px;padding-left:0px;box-sizing:border-box;margin:0 auto;margin-bottom:0;text-align:center;font-size:10px;font-weight:600;display:flex;flex-direction:column;align-self:center;opacity:1;position:relative;transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.light-content #ball p{color:#fff;}
#ball p.center-first::before{content:"[";font-size:12px;font-weight:500;position:absolute;height:20px;top:calc(50% - 10px);left:-8px;line-height:20px;}
#ball p.center-first::after{content:"]";font-size:12px;font-weight:500;position:absolute;height:20px;top:calc(50% - 10px);right:-8px;line-height:20px;}
.light-content #ball i,#ball.over-movie i,.light-content #ball.with-icon i{color:#fff;}
.drag-cursor-white #ball i,.drag-cursor-white #ball.with-icon i{color:#fff;}
.drag-cursor-black #ball i,.drag-cursor-black #ball.with-icon i{color:#000;}
.light-content #ball.with-icon.dark-icon i{color:#000;}
.scale-up #ball i{opacity:0;transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
#ball.with-icon i{width:76px;}
#ball.with-icon i:nth-child(2){display:none;}
#ball.close-icon i{width:75px;height:76px;font-size:14px;}
#ball.over-movie i.fa-play,#ball.over-movie.pause-movie i.fa-pause{display:block;}
#ball.over-movie i.fa-pause,#ball.over-movie.pause-movie i.fa-play{display:none;}
#ball-loader{width:100px;height:100px;position:absolute;background-color:transparent;border-right:4px solid transparent;border-bottom:4px solid #999999;border-left:4px solid transparent;border-top:4px solid transparent;border-radius:100px;box-sizing:border-box;opacity:0;-webkit-transform:translate(-14px,-14px) rotate(0deg);transform:translate(-14px,-14px) rotate(0deg);-webkit-animation:rotating 0.8s ease-in-out infinite;animation:rotating 0.8s ease-in-out infinite;-webkit-transition:opacity 0s ease-in-out 0s;transition:opacity 0s ease-in-out 0s;}
.light-content #ball-loader{border-bottom:4px solid #999999;}
.show-loader #ball-loader{opacity:1;-webkit-transition:opacity 0.2s ease-in-out 0s;transition:opacity 0.2s ease-in-out 0s;}
@keyframes rotating{0%{-webkit-transform:translate(-14px,-14px) rotate(0deg);transform:translate(-14px,-14px) rotate(0deg);}
95%{-webkit-transform:translate(-14px,-14px) rotate(350deg);transform:translate(-14px,-14px) rotate(350deg);}
100%{-webkit-transform:translate(-14px,-14px) rotate(360deg);transform:translate(-14px,-14px) rotate(360deg);}
}
.show-loader a,.show-loader nav,.scale-up a,.scale-up .hide-ball,scale-up .link,.scale-up .button-wrap,.scale-up #burger-wrapper,.scale-up .disable-drag,.scale-drag a,.scale-drag .move-title{pointer-events:none !important;}
/* Initially hide the logo */
.specific-page-logo{opacity:0;transition:opacity 0.3s ease;}
/* Show the logo when the 'visible' class is added */
.specific-page-logo.visible{opacity:1;}
.disable-cursor #magic-cursor{display:none;}
#ball i.arrow-icon{border:solid #fff;border-width:3px 3px 0px 0px;box-sizing:border-box;display:block;position:absolute;top:28px;left:30px;height:20px;width:20px;}
.light-content #ball i.arrow-icon{border:solid #fff;border-width:3px 3px 0px 0px;}
#ball i.arrow-icon:after{content:"";position:absolute;width:30px;height:3px;top:8px;left:-8px;background-color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.light-content #ball i.arrow-icon:after{background-color:#fff;}
/*--------------------------------------------------03. Page Preloader---------------------------------------------------*/
.disable-ajaxload .preloader-wrap{display:none;}
.preloader-wrap{width:100%;height:100%;position:fixed;top:0;bottom:0;background:#000;z-index:1800;text-align:center;z-index: 99999;}
.preloader-wrap .outer{padding:0px;box-sizing:border-box;}
.preloader-wrap .inner{vertical-align:middle;box-sizing:border-box;}
.percentage-wrapper{position:relative;display:block;text-align:center;background-color:#000;float:left;width:9vw;overflow:hidden;z-index:10;}
.percentage{opacity:1;font-family:'mona-sanslight_wide';font-size:calc(1rem + 2vw);line-height:calc(1rem + 2.5vw);font-weight:500;color:#fff;display:table;margin:0 auto;margin-top:1px;}
.percentage::after{content:"%";}
.percentage-intro{height:20px;font-size:14px;font-weight:500;line-height:20px;color:rgba(255,255,255,0.6);position:absolute;bottom:60px;left:0;right:0;margin:0 auto;}
.trackbar{width:auto;height:auto;margin:0 auto;display:table;position:relative;padding:0px;opacity:1;}
.loadbar{width:100%;height:100%;background:rgba(0,0,0,0.8);position:absolute;top:0px;right:0;overflow:hidden;z-index:20;}
.hold-progress-bar{width:0%;height:0px;background:rgba(0,0,0,1);position:absolute;top:0px;left:0;right:0;overflow:hidden;}
.preloader-intro{position:relative;display:block;color:#fff;overflow:hidden;padding-left:0vw;float:right;z-index:0;}
.uppercase-titles .preloader-intro{text-transform:uppercase;}
.preloader-intro span{position:relative;display:block;font-family:'mona-sansextrabold_wide';font-weight:500;position:relative;font-size:calc(1rem + 2vw);line-height:calc(1rem + 2.5vw);}
/*--------------------------------------------------04. Header Elements---------------------------------------------------*/
header{width:100%;height:auto;left:0;top:0;background-color:transparent;position:fixed;box-sizing:border-box;z-index:1000;pointer-events:none;-webkit-transition:background 0.4s ease-in-out 0.3s;transition:background 0s ease-in-out 0s;}
#header-container{box-sizing:border-box;height:inherit;padding:20px 80px;margin:0 auto;position:relative;width:100%;z-index:20;opacity:0;}
.header-visible #header-container{opacity:1;}
#logo{position:relative;display:table;pointer-events:initial;z-index:10;top:0px;float:left;z-index: 999;}
.button-wrap.right.menu.burger-lines{position: relative;z-index: 999;}
#logo a{display:block;-webkit-transition:transform 0.5s ease-in-out 0.1s;transition:transform 0.5s ease-in-out 0.1s;}
#logo a.disable,.open #logo a{pointer-events:none;}
#logo img{display:block;width:100%;max-width:120px;-webkit-transition:opacity 0.15s ease-in-out 0s;transition:opacity 0.15s ease-in-out 0s;}
#logo img.black-logo{opacity:1;}
#logo img.white-logo{position:absolute;top:0;left:0;opacity:0;}
.light-content #logo img.white-logo{opacity:1;}
.white-header #logo img.black-logo{opacity:0;}
.light-content .white-header #logo img.black-logo{opacity:1;}
.light-content .white-header.over-white-section #logo img.black-logo,.show-loader1 .light-content .white-header #logo img.black-logo{opacity:0;}
.white-header #logo img.white-logo{opacity:1;}
.light-content .white-header #logo img.white-logo{opacity:0;}
.light-content .white-header.over-white-section #logo img.white-logo,.show-loader1 .light-content .white-header #logo img.white-logo{opacity:1;}
.menu-open.light-content .slide-in #logo img.white-logo{opacity:1;}
nav{pointer-events:none;}
nav.open{pointer-events:initial;}
.dark-content-header #logo img.black-logo{opacity:1 !important;}
.dark-content-header #logo img.white-logo{opacity:0 !important;}
.light-content-header #logo img.black-logo{opacity:0 !important;}
.light-content-header #logo img.white-logo{opacity:1 !important;}
button.send_message{background:transparent;outline:none;border:none;width:100%;font-size:clamp(12px,3vw,18px);height:100%;}
header .button-text{color: #FAD644;}
@media all and (min-width:1025px){.classic-menu nav{position:relative;width:auto;top:0px;-webkit-transition:all 0.2s ease-in-out 0.5s;transition:all 0.2s ease-in-out 0.5s;display:block;float:right;height:60px;margin:10px 0;background-color:transparent !important;opacity:1 !important;}
.classic-menu .flexnav{display:block;float:right;position:relative;width:auto;max-height:60px;}
.classic-menu .flexnav li ul{min-width:180px;}
.classic-menu .flexnav .touch-button{background:transparent none repeat scroll 0 0;}
.flexnav .touch-button .navicon{display:none;}
.classic-menu .flexnav li{background:transparent none repeat scroll 0 0;padding:0 30px;padding-bottom:20px;padding-top:20px;}
.classic-menu .menu-timeline{opacity:1 !important;-webkit-transition:translateY(0px) !important;transform:translateY(0px) !important;pointer-events:initial;}
.classic-menu .flexnav li:last-child{padding-right:0px;}
.classic-menu .before-span{opacity:1 !important;-webkit-transition:translateY(0px) !important;transform:translateY(0px) !important;}
.classic-menu .flexnav li a{background:transparent none repeat scroll 0 0;padding:0;position:relative;border-left:medium none;color:#222;font-size:14px;font-weight:500;line-height:24px;display:block;overflow:hidden;}
.light-content .classic-menu .flexnav li a{color:#fff;}
.light-content .classic-menu.white-header .flexnav li a{color:#222;}
.classic-menu.white-header .flexnav li a{color:#fff;}
.flexnav:hover li a{color:rgba(0,0,0,0.4);}
.light-content .classic-menu .flexnav:hover li a{color:rgba(255,255,255,0.4);}
.classic-menu.white-header .flexnav:hover li a{color:rgba(255,255,255,0.4);}
.light-content .classic-menu.white-header .flexnav:hover li a{color:rgba(0,0,0,0.4);}
.classic-menu .flexnav li:hover a{color:#222;}
.light-content .classic-menu .flexnav li:hover a{color:#fff;}
.classic-menu.white-header .flexnav li:hover a{color:#fff;}
.light-content .classic-menu.white-header .flexnav li:hover a{color:#222;}
.classic-menu .flexnav li a span{position:relative;display:block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;transform-origin:100% 0%;}
.classic-menu .flexnav li a span::before{position:absolute;top:100%;width:100%;left:0;content:attr(data-hover);}
.classic-menu .flexnav li:hover a span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0% 0%;}
.classic-menu .flexnav li a span:nth-child(2),.classic-menu .flexnav li a span:nth-child(3){display:none;}
.classic-menu .flexnav li ul li a{padding:0 20px 20px;background-color:transparent;font-size:14px;font-weight:400;text-transform:none;color:#FAD644 !important;opacity:0.6;-webkit-transition:all 0.05s ease-in-out;-moz-transition:all 0.05s ease-in-out;-o-transition:all 0.05s ease-in-out;-ms-transition:all 0.05s ease-in-out;transition:all 0.05s ease-in-out;}
.classic-menu .flexnav li ul li a.link::before{display:none;}
.classic-menu .flexnav li ul li a.active,.classic-menu .flexnav li ul li a:hover{opacity:1;}
.classic-menu .flexnav li>ul li{margin-left:0;padding:0;opacity:1 !important;transform:none !important;}
.classic-menu .flexnav li ul{-webkit-transform:translate3d(0px,30px,0px);transform:translate3d(0px,30px,0px);display:block !important;opacity:0 !important;height:inherit !important;overflow:visible !important;visibility:hidden;left:15px;top:60px;padding-top:20px;background:#000;border-radius:3px;-webkit-transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,transform 0.2s ease-in-out !important;transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,transform 0.2s ease-in-out !important;}
.classic-menu .flexnav li:last-child ul{left:auto;right:-10px;}
.classic-menu .flexnav li ul ul{left:5px !important;}
.classic-menu .flexnav li ul:after{display:block;content:'';position:absolute;top:-6px;left:20px;width:0;height:0;border-style:solid;border-width:0 10px 9px;border-color:transparent transparent #000;}
.classic-menu .flexnav li:last-child ul:after{left:auto;right:20px;}
.classic-menu .flexnav ul li ul:after{display:block;content:'';position:absolute;top:15px;left:-10px;width:0;height:0;border-style:solid;border-width:0 10px 9px;border-color:transparent transparent #000;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.classic-menu .flexnav li ul li>ul,.classic-menu .flexnav li ul.open ul.open{top:-5px;z-index:10;}
.classic-menu .flexnav li:last-child ul li>ul,.classic-menu .flexnav li:last-child ul.open ul.open{margin-left:-100%;left:-5px !important;right:auto;top:0;}
.classic-menu .flexnav li:last-child ul li ul::after{right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.classic-menu .flexnav ul li ul li a{background:#000;}
.classic-menu .flexnav ul li ul li ul li a{background:#000;}
.classic-menu .flexnav li ul.flexnav-show{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);opacity:1 !important;visibility:visible;-webkit-transition:opacity 0.2s ease-in-out 0.1s,visibility 0.2s ease-in-out,transform 0.2s ease-in-out 0.1s;transition:opacity 0.2s ease-in-out 0.1s,visibility 0.2s ease-in-out,transform 0.2s ease-in-out 0.1s;}
.classic-menu .flexnav .touch-button{display:none;}
/*-- Full Screen Menu --*/
 .fullscreen-menu .nav-height{overflow-y:scroll;position:relative;height:100%;padding:40px 0;padding-right:30px;width:calc(100% + 30px);box-sizing:border-box;}
.fullscreen-menu nav{height:100vh;position:fixed;top:0;left:0;width:100%;box-sizing:border-box;visibility:visible;pointer-events:none;opacity:0;padding:20px 0;}
.fullscreen-menu nav.open{visibility:visible;pointer-events:initial;}
.fullscreen-menu .flexnav{max-height:2000px;-webkit-transition:all 0.2s ease-in 0.6s;transition:all 0.2s ease-in 0.6s;display:table;width:auto;padding:0 20px;box-sizing:border-box;margin:0 auto;float:none;}
.fullscreen-menu .flexnav.flexnav-show{-webkit-transition:all .3s ease-out 0.2s;transition:all .3s ease-out 0.2s;}
.fullscreen-menu .flexnav li{text-align:center;padding:0;box-sizing:border-box;float:none;}
.fullscreen-menu .menu-timeline{opacity:0;}
.fullscreen-menu .flexnav .touch-button{width:100%;display:block;height:6vw;}
.fullscreen-menu .flexnav li ul li .touch-button{height:32px;}
.fullscreen-menu .flexnav:hover li ul li a.active,.fullscreen-menu .flexnav:hover li ul li:hover>a{opacity:1;}
.fullscreen-menu .flexnav .touch-button .navicon{display:none;}
.fullscreen-menu .flexnav li.link{border-bottom:none;}
.fullscreen-menu .flexnav li a{font-family:'mona-sansextrabold_wide';font-weight:500;font-size:calc(1rem + 5.15vw);line-height:120px;padding:0 50px;-webkit-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s;}
.uppercase-titles .fullscreen-menu .flexnav>li>a{text-transform:uppercase;}
.fullscreen-menu .flexnav li a{color:#222;}
.fullscreen-menu.invert-header .flexnav li a{color:#FAD644;}
.fullscreen-menu .flexnav:hover li a,.fullscreen-menu .flexnav.hover li a{opacity:1;}
.fullscreen-menu .flexnav li:hover a,.fullscreen-menu .flexnav li a.active{opacity:1;}
.fullscreen-menu .flexnav:hover li ul li a{opacity:0.3;}
.fullscreen-menu .flexnav:hover li ul li a.active,.fullscreen-menu .flexnav:hover li ul li:hover>a{opacity:1;}
.fullscreen-menu .flexnav a.link::before{display:none;}
.fullscreen-menu .flexnav li ul{margin-top:0px;margin-bottom:30px;position:relative;left:0;}
.fullscreen-menu .flexnav li ul:after{display:none;}
.fullscreen-menu .flexnav li ul li a{padding:0;font-family:'Poppins',sans-serif;font-size:16px;line-height:30px;font-weight:500;border-top:none;text-transform:none;}
.fullscreen-menu .flexnav ul li ul li a{background:transparent;}
.fullscreen-menu .flexnav li ul li>ul,.fullscreen-menu .flexnav li ul.open ul.open{margin-left:0;top:0;}
.fullscreen-menu .menu-timeline{opacity:1;}
.fullscreen-menu .menu-timeline .before-span{opacity:0;display:block;-webkit-transform:translateY(120px);transform:translateY(120px);-webkit-perspective:480px;perspective:480px;}
.fullscreen-menu .flexnav li,.fullscreen-menu .flexnav li a{background-color:transparent;border:0;}
.fullscreen-menu .flexnav li a .span-cube{position:relative;display:block;overflow:visible !important;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-60px) rotateX(0deg);transform:translateZ(-60px) rotateX(0deg);transform-origin:center;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
.fullscreen-menu .flexnav li:hover a .span-cube,.fullscreen-menu .flexnav li.hover a .span-cube{-webkit-transform:translateZ(-60px) rotateX(90deg);transform:translateZ(-60px) rotateX(90deg);}
.fullscreen-menu .flexnav li a span:nth-child(1){font-family:'mona-sansextrabold_wide';color:transparent;position:relative;width:100%;display:block;}
.fullscreen-menu .flexnav li a span:nth-child(2){font-family:'mona-sansextrabold_wide';color:#222;position:absolute;top:0;width:100%;left:0;opacity:1;-webkit-transform:rotateX(0deg) translateZ(60px);transform:rotateX(0deg) translateZ(60px);backface-visibility:hidden;-webkit-transition:opacity 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.fullscreen-menu .flexnav li:hover a span:nth-child(2),.fullscreen-menu .flexnav li.hover a span:nth-child(2){opacity:0;}
.fullscreen-menu .flexnav li a span:nth-child(3){font-family:'mona-sanslight_wide';color:#222;position:absolute;top:50%;width:100%;left:0;opacity:0;-webkit-transform:rotateX(-90deg) translateZ(0px);transform:rotateX(-90deg) translateZ(0px);backface-visibility:hidden;-webkit-transition:opacity 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.fullscreen-menu .flexnav li:hover a span:nth-child(3),.fullscreen-menu .flexnav li.hover a span:nth-child(3){opacity:1;}
.fullscreen-menu.invert-header .flexnav li a span:nth-child(2){color:#FAD644;}
.fullscreen-menu.invert-header .flexnav li a span:nth-child(3){color:#fff;}
}
nav,nav.open{background:transparent;}
#burger-wrapper{width:40px;height:40px;float:right;top:0px;right:0;display:flex;position:relative;justify-content:center;align-items:center;cursor:pointer;pointer-events:initial;}
.classic-menu .button-wrap.right.menu{display:none;}
.burger-dots #menu-burger{top:0px;width:25px;height:25px;position:relative;margin:0 auto;z-index:2;pointer-events:none;}
.menu-overlay #menu-burger{display:block;}
.burger-dots #menu-burger span{display:block;position:absolute;height:5px;width:5px;border-radius:5px;background-color:#000;opacity:1;top:8px;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:background-color 0.05s ease-in-out,transform 0.2s ease-in-out,height 0.2s ease-in-out,width 0.2s ease-in-out,top 0.2s ease-in-out,left 0.2s ease-in-out;transition:background-color 0.05s ease-in-out,transform 0.2s ease-in-out,height 0.2s ease-in-out,width 0.2s ease-in-out,top 0.2s ease-in-out,left 0.2s ease-in-out;}
#burger-wrapper .touch-button{display:none;}
.burger-dots #menu-burger span:nth-child(1){left:0px;}
.burger-dots #menu-burger span:nth-child(2){left:10px;}
.burger-dots #menu-burger span:nth-child(3){left:20px;}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(1){left:10px;}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(3){left:10px;}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(1){left:3px;}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(3){left:3px;}
.burger-dots #menu-burger.open span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:12px;height:2px;width:20px;left:3px;}
.burger-dots #menu-burger.open span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
.burger-dots #menu-burger.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:12px;height:2px;width:20px;left:3px;}
.button-wrap.right.burger-lines{right:-30px;}
.burger-lines #menu-burger{width:16px;height:22px;position:relative;margin:0 auto;z-index:2;pointer-events:none;}
.burger-lines #menu-burger span{display:block;position:absolute;height:2px;width:100%;opacity:1;right:0;background-color:#FAD644;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:background-color 0.05s ease-in-out,transform 0.2s ease-in-out,top 0.2s ease-in-out;transition:background-color 0.05s ease-in-out,transform 0.2s ease-in-out,top 0.2s ease-in-out;}
.burger-lines #menu-burger span:nth-child(1){top:5px;}
.burger-lines #menu-burger span:nth-child(2){top:13px;}
.burger-lines #menu-burger span:nth-child(3){display:none;}
.burger-lines #menu-burger.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:10px;}
.burger-lines #menu-burger.open span:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:10px;}
.light-content #menu-burger span{background-color:#FAD644;}
.white-header #menu-burger span{background-color:#FAD644;}
.light-content .white-header #menu-burger span{/* background-color:gray;*/
 background-color:#FAD644;}
.light-content .white-header.over-white-section #menu-burger span,.show-loader1 .light-content .white-header #menu-burger span{background-color:#FAD644;}
.dark-content-header #menu-burger span{background-color:#000 !important;}
.light-content-header #menu-burger span{background-color:#FAD644 !important;}
.dark-content-header .button-text{color:#000 !important;}
.light-content-header .button-text{color:#FAD644 !important;}
/*--------------------------------------------------05. Main Content---------------------------------------------------*/
#content-scroll{z-index:1;position:relative;}
.smooth-scroll #content-scroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;}
.scroll-content{cursor:default !important;}
.scale-up .scroll-content{cursor:grabbing !important;}
.scrollbar-track{background:transparent !important;}
/*--------------------------------------------------06. Footer Elements---------------------------------------------------*/
footer{position:relative;width:100%;box-sizing:border-box;}
footer.fixed{position:fixed;}
footer.showcase-footer{position:fixed;}
#footer-container{padding:0 80px;margin:20px auto;height:80px;opacity:0;position:absolute;width:100%;box-sizing:border-box;bottom:0;left:0;}
.footer-middle{position:absolute;margin:0 auto;width:100%;height:inherit;display:table;left:0;pointer-events:none;;}
.copyright{position:relative;top:25px;width:auto;height:30px;overflow:hidden;font-size:14px;line-height:30px;font-weight:500;color:#000;pointer-events:initial;display:table;width:auto;padding:0px 20px 0px 20px;max-width:820px;box-sizing:border-box;text-align:center;margin:0 auto;}
.light-content .copyright{color:#fff;}
.socials-wrap{position:relative;float:right;color:#000;width:240px;height:160px;box-sizing:border-box;pointer-events:initial;transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.light-content .socials-wrap{color:#fff;}
footer .socials-wrap{margin-top:0px;}
.socials-wrap:hover{transform:translateY(-40px);-webkit-transform:translateY(-40px);}
.socials-text{float:right;font-size:16px;font-weight:500;line-height:40px;transform:translateY(20px);}
.socials-wrap:hover .socials-text{transform:translateY(15px) translateX(5px);-webkit-transform:translateY(15px) translateX(5px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.socials-icon{float:right;width:30px;height:40px;font-size:14px;line-height:40px;text-align:right;margin-left:10px;transform:scale(1) translateY(20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.socials-wrap:hover .socials-icon{transform:scale(0) translateY(40px);width:0;margin:0;overflow:hidden;}
.socials-icon:after,.socials-text:after{content:"";clear:both;display:table;}
.socials{height:auto;line-height:30px;position:relative;width:auto;margin:0 auto;margin-top:10px;text-align:center;bottom:0;display:table;transform:translateX(15px);-webkit-transform:translateX(15px);}
.socials-wrap .socials{display:inline-block;width:100%;text-align:right;}
.socials li{margin-right:0px;margin-left:10px;list-style:none;color:#999;font-size:15px;margin-bottom:0;line-height:40px;position:relative;display:flex;justify-content:center;align-items:center;height:40px;width:40px;float:right;z-index:2;-webkit-transition:background 0.4s ease-in-out 0s;transition:background 0.4s ease-in-out 0s;}
.socials-wrap .socials li{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.socials-wrap:hover .socials li:nth-child(5){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.05s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px);}
.socials-wrap:hover .socials li:nth-child(4){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.1s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px);}
.socials-wrap:hover .socials li:nth-child(3){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.15s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px);}
.socials-wrap:hover .socials li:nth-child(2){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.2s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px);}
.socials-wrap:hover .socials li:nth-child(1){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.3s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px);}
.socials li:last-child{margin-left:0px;}
.socials li a{color:#333;font-size:14px;font-weight:500;display:block;height:40px;width:40px;line-height:40px;text-align:center;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}
.socials:hover li a{opacity:0.3;}
/*.socials li a:hover{*/
/*color:#333;*/
/*opacity:1;*/
/*}
*/
/*.light-content .socials li a{*/
/*color:#fff;*/
/*}
*/
.light-content .socials:hover li a{opacity:1.0;color:#333;font-size:16px;}
/*.light-content .socials li a:hover{*/
/*color:#fff;*/
/*opacity:1;*/
/*}
*/
.button-wrap{position:relative;cursor:pointer;top:0px;pointer-events:initial;width:auto;display:table;}
.button-wrap:after{clear:both;content:" ";display:block;height:0;visibility:hidden;}
.button-wrap.left{float:left;left:-32px;}
.button-wrap.right{float:right;right:-26px;}
#main .button-wrap.left{float:none;left:-24px;}
#main .button-wrap.button-link.left{float:none;left:-20px;}
#main .button-wrap.right{float:none;right:auto;}
#main .button-wrap.button-link.right{right:-2px;}
.icon-wrap{width:80px;height:80px;display:flex;position:relative;justify-content:center;align-items:center;float:left;}
#main .icon-wrap{width:60px;height:60px;}
.button-wrap.left .icon-wrap{float:left;}
.button-wrap.right .icon-wrap{float:right;}
#main .text-align-right .button-wrap.right{float:right;}
.button-icon{height:40px;width:40px;color:#000;text-align:center;line-height:40px;font-size:18px;}
.button-icon i.fa-solid.fa-sort{font-size:14px;line-height:38px;}
.light-content .button-icon,.dark-section .button-icon{color:#fff;}
.light-content .light-section .button-icon{color:#000;}
.white-header .button-icon{color:#fff;}
.light-content .white-header .button-icon{color:#000;}
.button-icon i{height:40px;line-height:40px;width:40px;text-align:center;}
#main .button-icon i{line-height:40px;}
#main .button-icon i.fa.fa-arrow-right{font-size:14px;}
.button-text{font-weight:500;font-size:14px;line-height:30px;margin:25px 0;overflow:hidden;width:auto;padding:0 10px;color:#000;-webkit-transition:color 0.05s ease-in-out;transition:color 0.05s ease-in-out;}
#main #hero-footer .button-text span::after{content:none;}
#main .button-text{font-size:16px;line-height:30px;font-weight:500;margin:15px 0;transition:transform .2s ease-out;}
#main #hero:not(.has-image) #hero-footer .button-text{font-size:14px;line-height:30px;}
#main .large-btn .button-text{font-size:20px !important;font-weight:500;margin:15px 0;transition:transform .2s ease-out;}
.light-content .button-text,.dark-section .button-text{color:#FAD644;}
.light-content .light-section .button-text{color:#000;}
/* .white-header .button-text{color:#fff;} */
.light-content .white-header .button-text{/* color:gray;*/
 color:#FAD644;}
.light-content .white-header.over-white-section .button-text,.show-loader1 .light-content .white-header .button-text{color:#fff;}
.button-wrap.left a{text-align:left;float:left;}
.button-wrap.right a{text-align:right;float:right;}
.button-wrap.right .button-text{padding-left:0px;}
.button-text span{position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;width:auto;text-align:center;transform-origin:100% 0%;}
.button-link .button-text,#main .button-link .button-text{overflow:visible;transition:padding 0.3s ease-out;}
.button-link.left .button-text{padding-left:0px;}
.button-link.left:hover .button-text{padding-left:10px;}
.button-link .button-text span::before{content:'';position:absolute;bottom:1px;left:0;width:100%;height:1px;background:transparent;transform:scaleX(1);transform-origin:right;transition:transform 0.3s ease-out;}
.button-link.left .button-text span::before{transform-origin:left;}
.light-content .button-link .button-text span::before,.dark-section .button-link .button-text span::before{background:transparent;}
.light-content .light-section .button-link .button-text span::before{background:transparent;}
.button-wrap.button-link:hover .button-text span{transform:translateY(0);-webkit-transform:translateY(0);}
.button-link:hover .button-text span::before{transform:scaleX(0);-webkit-transform:scaleX(0);transform-origin:left;}
.button-link.left:hover .button-text span::before{transform-origin:right;}
.button-link .button-icon i{background-color:#000;border:1px solid rgba(0,0,0,1);color:transparent;font-size:14px;border-radius:100%;transform:scale(0.2);box-sizing:border-box;transition:all .3s ease-out;text-indent:-100px;overflow:hidden;opacity:1;}
.button-link:hover .button-icon i{background-color:#000;color:#fff;border:1px solid rgba(0,0,0,1);transform:scale(1.2);text-indent:0px;opacity:1;}
.light-content .button-link .button-icon i,.dark-section .button-link .button-icon i{background-color:#fff;border:1px solid rgba(255,255,255,1);}
.light-content .button-link:hover .button-icon i,.dark-section .button-link:hover .button-icon i{background-color:#fff;color:#000;border:1px solid rgba(255,255,255,1);opacity:1;}
.light-content .light-section .button-link .button-icon i{border:1px solid gray;}
.light-content .light-section .button-link:hover .button-icon i{background-color:gray;color:#fff;border:1px solid gray;opacity:1;}
.button-link.right .button-icon i{transform:scale(0.2) translateX(-60px);-webkit-transform:scale(0.2) translateX(-60px);}
.button-link.right:hover .button-icon i{transform:scale(1.2) translateX(0px);-webkit-transform:scale(1.2) translateX(0px);}
.button-wrap.left .button-text span{text-align:left;}
.button-wrap.right .button-text span{text-align:right;}
.button-text span::before{position:absolute;width:auto;top:100%;left:0;content:attr(data-hover);}
.header-middle .button-text span::before{content:attr(data-on);}
.button-wrap:hover .button-text span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0% 0%;}
.link-text{font-weight:500;font-size:14px;line-height:30px;margin:0;overflow:hidden;display:table;width:auto;padding:0;color:#000;-webkit-transition:color 0.05s ease-in-out;transition:color 0.05s ease-in-out;}
footer .link-text{float:left;opacity:0;margin-top:25px;}
p .link-text{display:inline-table;font-size:16px;}
.light-content .link-text,.dark-section .link-text{color:#FAD644;}
.light-content .light-section .link-text{color:#000;}
.link-text span{position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;width:auto;text-align:center;transform-origin:100% 0%;pointer-events:initial;cursor:pointer;}
.link-text span::before{position:absolute;width:auto;top:100%;left:0;content:attr(data-hover);}
.link-text:hover span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0% 0%;}
nav,nav.open{background:transparent;}

.hmAboutSec{display:flex;align-items:center;justify-content:space-between;gap:1em;}
.hmAboutSec.content-row::after{display:none;}
.hmAboutSec .one_fourth{font-size:calc(1rem + 4.15vw);font-family: 'mona-sansextrabold_wide'; line-height:calc(1rem + 5.5vw);position:relative;display:block;margin-top:0px;display:inline-block;vertical-align:top;width:auto;overflow:hidden;padding:0;color:#FAD644;margin-bottom:0px !important;margin-right:0px !important;position:relative !important;width:auto !important;}

.sv-services{padding-block:clamp(25px,4vw,50px);background-color:#ffffff;}
.sv-servicesCards-wrapper{display:flex;align-items:stretch;justify-content:center;gap:20px;flex-wrap:wrap;max-width:80%;margin-inline: auto;}
.sv-footWrapper *{display: block;color: #E5E5E5;}
.sv-footWrapper h5{color: #CDCDCD;}
.sv-servicesCards-wrapper>.sv-servicesCard{width:calc(33.333% - 20px);border:1px solid #c4c4c4;border-radius:15px;padding:20px 15px;display:flex;flex-direction: column;justify-content: space-between;transition:all 0.3s;}
.sv-servicesCards-wrapper>.sv-servicesCard:hover{box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;}
.sv-servicesCard>img{width:clamp(25px,8vw,50px);}
.sv-servicesCard h3{font-size:clamp(14px,1.5vw,20px);line-height:1.3;margin-bottom:0;margin-block:1em 0.5em;color: black;min-height: calc(1.3em * 2);}
.sv-servicesCard p{font-size:clamp(12px,1.3vw,17px);color:#8d8d8d;line-height:1.2;    min-height: calc(1.2em * 5);}
.sv-servicesCard-tags{display:inline-flex;font-size:clamp(10px,3vw,14px);font-weight:500;flex-wrap:wrap;gap:0.3em;color: #8d8d8d;}
.sv-servicesCard-tags>span{border:1px solid #c4c4c4;border-radius:50px;padding:0.2em 0.8em;font-size:inherit;}
.sv-servicesCard .button-text{display:flex;align-items:center;gap:12px;pointer-events:none;}
.sv-servicesTitle > h2{color:#FAD644;text-align:center;}
.sv-servicesBtn{display:flex;align-items:center;justify-content:center;margin-top:35px;}
.sv-servicesBtn > a,.button-box > button{text-align:center;color:#FAD644;padding:0.3em 0.8em;border:1px solid #FAD644;border-radius:60px;font-weight:500;font-size:clamp(14px,2vw,20px);float:left;background: transparent;outline: none;}

footer{padding-block:clamp(60px,10vw,100px);background-color:#0f1010;}
.sv-footWrapper{max-width:80%;margin-inline:auto;display:flex;justify-content:space-between;gap:clamp(50px,4.5vw,80px);}
.footSocailIcons{display: flex;align-items: center;gap: 20px;flex-wrap: wrap;margin-top: 25px;}
.footSocailIcons > a{max-width: 40px;opacity: 0.6;transition: all 0.3s;}
.footSocailIcons > a:hover{opacity: 1;}
.sv-footWrapper p{margin-bottom:0;color:#a2a2a2;font-weight:500;}
.footLeftLoc{display:flex;align-items:flex-start;gap:10px;color:#FAD644;border:1px solid #fad6447a;margin-top:25px;border-radius:8px;max-width:max-content;padding:0.3rem 0.8rem;background-color:#5c501d;max-width: 50ch;}
.footLeftLoc > img{max-width: 25px;margin-top: 0.3em;}
.footLeftLoc p,.footLeftLoc p > a{color: #FAD644;}
.footRight > a{display: flex;align-items: center;gap: 10px;margin-top: 16px;}
.footRight > a > span:first-child{max-width: 25px;}
.footLinks a{margin-top:15px;}
.footLeft h3{font-size:clamp(20px,10vw,30px);padding-left: 25px;text-transform:capitalize;position: relative;max-width: max-content;}
.footLeft h3::before{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 100%;background-color: #FAD644;}
.button-box > *{font-size: inherit;padding: inherit;margin: inherit;border: inherit;}

#header-container{display:flex;justify-content:space-between;align-items:center;transition: all 0.3s;}
.fullscreen-menu.scrolled:not(.white-header) #header-container{background:white;}
#header-container .button-wrap.right .icon-wrap{width: 100%;height: auto;}
#header-container .button-wrap.right.burger-lines{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:5px;padding-block: 1rem !important;transition: all 0.3s;}
.fullscreen-menu.scrolled:not(.white-header) #header-container .button-wrap.right.burger-lines{padding-block: 0rem !important;}
#header-container .button-wrap.right .button-text{margin: 0;width: 100%;}

.contact-number-box,.email-box{position: relative;}
.contact-error{color: red;font-size: clamp(10px,2vw,14px);text-align: left;width: 100%;position: absolute;top: 100%;left: 0;}
.thankMsg{font-size: clamp(10px,2vw,14px);text-align: center;width: 100%;color: #00ff00;display: inline-block;}

/* ── Widget root ── */
#yf-widget{position:fixed;bottom:28px;left:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-family:'Poppins',sans-serif;width: 0;}
#yf-widget.open{width: auto;}
/* ── Trigger button ── */
#yf-trigger{width:60px;height:60px;border-radius:50%;background:#FAD644;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(250,214,68,.45),0 2px 8px rgba(0,0,0,.35);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;outline:none;flex-shrink:0;position:relative;}
#yf-trigger:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(250,214,68,.6),0 2px 10px rgba(0,0,0,.4);}
#yf-trigger .wave-emoji{font-size:28px;display:inline-block;animation:yf-wave 2.4s ease-in-out infinite;transform-origin:70% 80%;line-height:1;}
#yf-trigger .close-icon{font-size:22px;color:#0f1010;font-weight:700;display:none;line-height:1;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#yf-widget.open #yf-trigger .wave-emoji{display:none;}
#yf-widget.open #yf-trigger .close-icon{display:block;}
@keyframes yf-wave{0%,60%,100%{transform:rotate(0deg);}
10%,30%{transform:rotate(18deg);}
20%,40%{transform:rotate(-8deg);}
50%{transform:rotate(12deg);}
}
/* ── Tooltip label ── */
#yf-tooltip{background:#0f1010;color:#FAD644;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:60px;border:1px solid rgba(250,214,68,.35);white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;position:absolute;left:72px;bottom:14px;}
#yf-trigger:hover #yf-tooltip,#yf-widget:not(.open) #yf-trigger:focus #yf-tooltip{opacity:1;transform:translateY(0);}
#yf-widget.open #yf-tooltip{display:none;}
/* ── Form panel ── */
#yf-panel{width:440px;background:#141414;border:1px solid rgba(250,214,68,.18);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(250,214,68,.08);/* slide-up animation */
 opacity:0;transform:translateY(20px) scale(.97);pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.34,1.2,.64,1);}
#yf-widget.open #yf-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:all;}
/* ── Panel header ── */
.yf-panel-head{background:linear-gradient(135deg,#1a1a1a 0%,#0f1010 100%);padding:22px 24px 18px;border-bottom:1px solid rgba(250,214,68,.12);position:relative;overflow:hidden;}
.yf-panel-head::before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(250,214,68,.15) 0%,transparent 70%);pointer-events:none;}
.yf-panel-head .yf-dot{width:8px;height:8px;border-radius:50%;background:#FAD644;display:inline-block;margin-right:10px;flex-shrink:0;animation:yf-pulse 2s ease-in-out infinite;}
@keyframes yf-pulse{0%,100%{box-shadow:0 0 0 0 rgba(250,214,68,.5);}
50%{box-shadow:0 0 0 6px rgba(250,214,68,0);}
}
.yf-panel-head h4{font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;color:#fff;margin:0 0 3px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;}
.yf-panel-head p{font-size:12px;color:#cfcfcf;margin:0;line-height:1.5;font-weight:400;}
/* ── Form body ── */
.yf-form-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:12px;}
/* ── Input styles ── */
.yf-field{position:relative;margin-bottom: 14px;}
.yf-field .contact-error{font-size: 9px;}
.yf-field label{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#afafaf;margin-bottom:5px;transition:color .2s;}
.yf-field:focus-within label{color:#FAD644;}
.yf-field input,.yf-field textarea{width:100%;background:#1c1c1c;border:1px solid rgba(255,255,255,0.25);border-radius:10px;padding:10px 14px;font-family:'Poppins',sans-serif;font-size:13px;font-weight:400;color:#e5e5e5;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box;-webkit-appearance:none;}
.yf-field input::placeholder,.yf-field textarea::placeholder{color:#c4c4c4;}
.yf-field input:focus,.yf-field textarea:focus{border-color:rgba(250,214,68,.5);background:#202020;box-shadow:0 0 0 3px rgba(250,214,68,.07);}
.yf-field textarea{resize:none;min-height:90px;line-height:1.5;margin-bottom: 0;}
/* ── Two-column row ── */
.yf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
/* ── Submit button ── */
.yf-submit{width:100%;padding:12px;background:#FAD644;color:#0f1010;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:10px;cursor:pointer;margin-top:2px;transition:background .2s,transform .15s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px;}
.yf-submit:hover{background:#ffe066;transform:translateY(-1px);box-shadow:0 6px 20px rgba(250,214,68,.35);}
.yf-submit:active{transform:translateY(0);}
.yf-submit svg{width:14px;height:14px;transition:transform .2s;}
.yf-submit:hover svg{transform:translateX(3px);}
/* ── Success state ── */
.yf-success{display:none;padding:32px 24px;text-align:center;}
.yf-success .yf-check{width:52px;height:52px;background:rgba(250,214,68,.12);border:2px solid #FAD644;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.yf-success .yf-check svg{width:24px;height:24px;stroke:#FAD644;}
.yf-success h4{font-family:'Poppins',sans-serif;font-size:16px;font-weight:700;color:#fff;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em;}
.yf-success p{font-size:13px;color:#888;margin:0;line-height:1.6;}
/* ── Error text ── */
.yf-error-msg{color:#ff6b6b;font-size:10px;margin-top:3px;display:none;}
/* ── Mobile ── */
@media (max-width:480px){
#yf-widget{bottom:16px;right:45px;}
#yf-panel{width:calc(100vw - 50px);}
.yf-row{grid-template-columns:1fr;}
}


/*--------------------------------------------------07. Responsive---------------------------------------------------*/
@media only screen and (max-width:1466px){
.row_padding_all{padding-left:60px;padding-right:60px;}
.row_padding_left{padding-left:60px;}
.row_padding_right{padding-right:60px;}
.percentage-wrapper{width:10vw;}
.percentage-intro{bottom:50px;}
header{height:100px;}
#header-container{padding:10px 60px;}
.flexnav li{padding:20px;}
#footer-container{padding:0 60px;margin:10px auto;}
.socials-wrap:hover .socials-text{transform:translateY(20px) translateX(5px);-webkit-transform:translateY(20px) translateX(5px);}
}
@media only screen and (max-width:1024px){
.parallax-wrap{transform:none !important;}
.parallax-element{transform:none !important;}
.has-parallax figcaption{display:none;}
.destroy{display:none;}
.row_padding_left{padding-left:0px;}
.row_padding_right{padding-right:0px;}
.full.row_padding_left{padding-left:40px;}
.full.row_padding_right{padding-right:40px;}
.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:0px;padding-right:0px;}
.full.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:40px;padding-right:40px;}
#magic-cursor{display:none;}
.percentage-wrapper{width:12vw;}
.percentage-intro{bottom:40px;}
#header-container{padding:10px 40px;}
nav{height:100vh;width:100%;position:fixed;left:0;top:0;box-sizing:border-box;visibility:visible;pointer-events:none;opacity:0;padding:20px 0;}
nav.open{visibility:visible;pointer-events:initial;}
.nav-height{position:relative;height:100%;padding:40px 0;width:100%;box-sizing:border-box;overflow-y:auto;}
.flexnav{padding:0 20px;max-height:2000px;display:table;width:auto;margin:0 auto;text-align:center;box-sizing:border-box;background:transparent;-webkit-transition:all 0.2s ease-in 0.6s;transition:all 0.2s ease-in 0.6s;}
.flexnav.flexnav-show{-webkit-transition:all .3s ease-out 0.2s;transition:all .3s ease-out 0.2s;}
.flexnav.opacity{opacity:1;}
.flexnav li{padding:0;-webkit-transition:color .15s ease-out 0s;transition:color .15s ease-out 0s;}
.flexnav:hover li{color:rgba(255,255,255,0.4)}
.flexnav li:hover{color:rgba(255,255,255,1)}
.flexnav li a,.flexnav li ul li a{background:transparent;}
.flexnav li a{font-family:'mona-sansextrabold_wide';font-weight:500;font-size:calc(1rem + 4.15vw);line-height:calc(1rem + 4.5vw);padding:0;-webkit-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s;}
.uppercase-titles .flexnav>li>a{text-transform:uppercase;}
.flexnav li a{color:#000;}
.invert-header .flexnav li a{color:#fff;}
.flexnav:hover li a{opacity:1;}
.flexnav li:hover a,.flexnav li a.active{opacity:1;}
.flexnav .touch-button{width:100%;display:block;height:calc(1rem + 5.5vw);}
.menu-timeline .before-span{opacity:0;display:block;-webkit-transform:translateY(120px);transform:translateY(120px);-webkit-perspective:480px;perspective:480px;}
.flexnav li,.flexnav li a{background-color:transparent;border:0;}
.flexnav li a .span-cube{position:relative;display:block;overflow:visible !important;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-30px) rotateX(0deg);transform:translateZ(-30px) rotateX(0deg);transform-origin:center;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
.flexnav li:hover a .span-cube,.flexnav li.hover a .span-cube{-webkit-transform:translateZ(-30px) rotateX(90deg);transform:translateZ(-30px) rotateX(90deg);}
.flexnav li a span:nth-child(1){font-family:'mona-sansextrabold_wide';color:transparent;position:relative;width:100%;display:block;}
.flexnav li a span:nth-child(2){font-family:'mona-sansextrabold_wide';color:#222;position:absolute;top:0;width:100%;left:0;opacity:1;-webkit-transform:rotateX(0deg) translateZ(30px);transform:rotateX(0deg) translateZ(30px);backface-visibility:hidden;-webkit-transition:opacity 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.flexnav li:hover a span:nth-child(2),.flexnav li.hover a span:nth-child(2){opacity:0;}
.flexnav li a span:nth-child(3){font-family:'mona-sanslight_wide';color:#222;position:absolute;top:50%;width:100%;left:0;opacity:0;-webkit-transform:rotateX(-90deg) translateZ(0px);transform:rotateX(-90deg) translateZ(0px);backface-visibility:hidden;-webkit-transition:opacity 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.flexnav li:hover a span:nth-child(3),.flexnav li.hover a span:nth-child(3){opacity:1;}
.invert-header .flexnav li a span:nth-child(2){color:#FAD644;}
.invert-header .flexnav li a span:nth-child(3){color:#fff;}
.flexnav li ul{margin-bottom:15px;}
.flexnav li ul li a{padding:0;font-family:'Poppins',sans-serif;font-size:16px;line-height:30px;font-weight:500;border-top:none;text-transform:none;opacity:0.4;}
.flexnav li ul li:hover a,.flexnav li ul li a.active{opacity:1;}
.flexnav:hover li ul li a{opacity:0.3;}
.flexnav:hover li ul li a.active,.flexnav:hover li ul li:hover>a{opacity:1;}
.flexnav ul li ul li a{background:transparent;}
.flexnav li ul li ul li a{padding:10px 40px;}
.flexnav li ul li .touch-button{height:30px;}
.flexnav .touch-button .navicon{display:none;}
#menu-burger span.touch-button{display:none;}
.classic-menu .button-wrap.right.menu{display:block;}
#footer-container{padding:0 40px;}
.copyright{text-align:center;}
.socials-wrap{width:240px;height:40px;float:right;margin:0 auto;right:-10px;transform:translateX(0px) translateY(20px) !important;-webkit-transform:translateX(0px) translateY(20px) !important;}
.socials-wrap:hover{transform:translateY(20px);-webkit-transform:translateY(20px);}
.socials-icon,.socials-text{display:none;}
.socials-wrap .socials{margin-top:3px;text-align:right;transform:translateX(0px);-webkit-transform:translateX(0px);}
.socials-wrap .socials li{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.socials-wrap:hover .socials li{opacity:1;transform:translateY(0px) !important;-webkit-transform:translateY(0px) !important;}
.socials li{margin-right:10px;line-height:30px;height:30px;width:30px;margin:0 5px auto;display:inline-block;float:none;}
.socials li a{height:30px;width:30px;line-height:30px;}
.hmAboutSec{flex-direction:column;}
.sv-servicesCards-wrapper>.sv-servicesCard{width:calc(50% - 10px);}
.sv-footWrapper{flex-wrap: wrap;justify-content: left;}
.footLeft{width: 100%;}
.footRight{width: 50%;}
.hmAboutSec .one_half,.hmAboutSec .one_fourth{width: 93% !important;}
.light-content a{text-align: left;}
}
@media only screen and (max-width:767px){
h1.hero-title.caption-timeline{font-size:35px !important;}
.one_first h3{font-size:30px !important;line-height:34px;}
.one_first h4{font-size:22px !important;line-height:34px;}
.one_first p{margin-bottom:2px;}
span.privacy-policy a{font-size:15px !important;display:block !important;margin-top:5px !important;margin-bottom:-3px;}
figcaption{background-color:rgba(0,0,0,0.3);bottom:0px;font-size:10px;padding:5px 10px;right:0px;border-radius:0;}
.text-aligh-right{text-align:left;}
.one_half{width:100% !important;}
.one_half{padding-right:0 !important;}
.one_half.last{padding-left:0 !important;}
.logo-gif{width:400px;height:auto;}
.one_third{width:100% !important;}
.one_fourth{width:100% !important;}
.one_fifth{width:100% !important;}
.one_sixth{width:100% !important;}
.two_fifth{width:100% !important;}
.two_fourth{width:100% !important;}
.two_third{width:100% !important;}
.three_fifth{width:100% !important;}
.three_fourth{width:100% !important;}
.four_fifth{width:100% !important;}
.five_sixth{width:100% !important;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.two_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{margin-bottom:30px !important;margin-right:0% !important;}
.row_padding_top{padding-top:10vw;}
.row_padding_bottom{padding-bottom:10vw;}
.row_padding_left{padding-left:0px;}
.row_padding_right{padding-right:0px;}
.full.row_padding_left{padding-left:30px;}
.full.row_padding_right{padding-right:30px;}
.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:0px;padding-right:0px;}
.full.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:30px;padding-right:30px;}
hr{height:20px;}
.percentage-wrapper{width:16vw;}
.percentage-intro{bottom:30px;}
header{height:80px;}
#header-container{padding:0;margin:0 auto;}
#logo{left:30px;}
.button-wrap.right.menu{right:4px;}
.button-wrap.right.menu.burger-lines{right:0px;}
header .button-text{display:none;}
/* #logo img{height:100px;} */
.flexnav li a{font-size:calc(1rem + 7vw);line-height:calc(1rem + 9.5vw);}
.footer-button-wrap{bottom:80px;}
#footer-container{height:80px;padding:0 30px;margin:0;}
#footer-container #backtotop.button-wrap.left{float:none;top:5px;left:0;right:0;position:absolute;display:block;}
#backtotop.button-wrap.left .button-text{text-align:left;float:left;display:none;}
#backtotop.button-wrap.left .icon-wrap{float:none;position:absolute;right:auto;left:0;margin:auto;top:0px;opacity:0.4;-webkit-transition:opacity 0.2s ease-out 0s;transition:opacity 0.2s ease-out 0s;}
#backtotop.button-wrap.left:hover .icon-wrap{opacity:1;}
.footer-middle{max-width:1180px;height:20px;position:relative;margin:0 auto;left:0;width:100%;top:0px;margin-bottom:15px;}
.copyright{margin:0 auto;left:auto;right:auto;top:0;height:20px;line-height:20px;}
footer.showcase-footer .arrows-wrap{right:auto;left:-30px;float:left;margin:auto;}
.socials-wrap{width:auto;float:none;display:table;left:auto;right:auto;top:0;margin:0 auto;height:20px;line-height:20px;transform:translateX(0px) translateY(0px) !important;-webkit-transform:translateX(0px) translateY(0px) !important;}
.socials-wrap .socials{text-align:center;margin:0 auto;height:20px;line-height:20px;display:table;width:auto;}
.socials li,.socials li a{height:20px;line-height:20px;margin:0 auto;}
.sv-servicesCards-wrapper>.sv-servicesCard,.footRight{width:100%;}
.sv-servicesCards-wrapper{max-width:90%;}
.sv-servicesCard h3,.sv-servicesCard p{min-height: auto;}
#whatsapp-sticky img{width:50px;}
#yf-trigger{width:40px;height:40px;}
#yf-trigger .wave-emoji{font-size:18px;}
#yf-tooltip{font-size:9px;right:50px;bottom:7px;}
.footLinks a{text-align: left;}
.page-nav-caption{transform: none !important;opacity: 1 !important;top: 0 !important;}
}
@media only screen and (max-width:479px){
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.two_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{margin-bottom:20px !important;margin-right:0% !important;}
#bgvid{width:100%;height:auto;}
#whatsapp-sticky{right:10px;}
.row_padding_top{padding-top:12vw;}
.row_padding_bottom{padding-bottom:12vw;}
.row_padding_left{padding-left:0px;}
.row_padding_right{padding-right:0px;}
.full.row_padding_left{padding-left:20px;}
.full.row_padding_right{padding-right:20px;}
.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:0px;padding-right:0px;}
.full.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:20px;padding-right:20px;}
hr{height:10px;}
.percentage-wrapper{width:20vw;}
#logo{left:20px;}
.button-wrap.right.menu{right:-6px;}
.button-wrap.right.menu.burger-lines{right:-10px;}
#footer-container{padding:0px;margin:0;}
footer.showcase-footer #footer-container{padding:0px 20px;}
.arrows-wrap{left:-10px;width:80px;}
.prev-wrap,.next-wrap{width:40px;}
footer.showcase-footer .arrows-wrap{right:0;left:0;float:none;margin:auto;}
footer.showcase-footer .arrows-wrap{width:100%;}
footer.showcase-footer .prev-wrap,footer.showcase-footer .next-wrap{width:60px;}
footer.showcase-footer .footer-middle{top:0px;}
footer.showcase-footer .showcase-subtitles-wrap{left:0;}
footer.showcase-footer .socials-wrap{display:none;}
.button-text{display:none;}
#main-page-content .button-text,#hero .button-text{display:block;}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){
#rotate-device{display:block;}
}