:root{--main-bg-color:#EAF7FD;--primary-color:#C4EEFF;--secondary-color:#29ABE2;--accent-color:#FFF3E5;--footer-text:#fff;--button-text:#fff;--gradient-button:linear-gradient(180deg, #FCE586 0%, #E98B23 100%);--icon-filter:brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(5%) hue-rotate(168deg) brightness(101%) contrast(103%);--icon-filter-hover:brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(5%) hue-rotate(168deg) brightness(101%) contrast(103%);--services-text-hover:#fff}
*{outline:0!important;-webkit-box-sizing:border-box;box-sizing:border-box}
ol,ul{padding:0;margin:0}
ol li,ul li{list-style-type:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}
a,a:active,a:focus,a:hover{outline:0!important;text-decoration:none;color:var(--secondary-color)}
body{font-size:14px;overflow-x:auto}
body,html{height:inherit!important}
img{max-width:100%;display:block}
.dropdown-container{position:relative}
.dropdown-menu{display:none;position:absolute;background:#fff;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.1);padding:10px 0;opacity:0;pointer-events:none;column-count:2}
.dropdown-menu>li>a{padding:8px}
.dropdown-container:hover .dropdown-menu{display:block;opacity:1;pointer-events:auto;top:40px}
.close{opacity:1!important}
#about{float:left;width:100%}
.container{max-width:1240px;margin:0 auto;padding:0 20px}
.content-main{float:left;width:100%}
.logo img{max-height:60px}
.page-dark-btn{padding:15px 20px;font-weight:700;font-size:20px;border-radius:10px;background-color:var(--secondary-color);border:1px solid var(--secondary-color);transition:all .5s;color:#fff;line-height:inherit}
.page-dark-btn:hover{background-color:#fff;border:1px solid var(--secondary-color);transition:all .5s;color:var(--secondary-color)}
.header-btn{padding:15px 20px;font-weight:700;font-size:20px;border-radius:10px;background-color:var(--secondary-color);border:1px solid var(--secondary-color);transition:all .5s;color:#fff;line-height:inherit}
.header-btn.page-dark-btn:hover svg path{fill:var(--secondary-color)}
.header-btn.page-dark-btn:hover img{filter:brightness(0) saturate(100%) invert(19%) sepia(16%) saturate(1485%) hue-rotate(230deg) brightness(94%) contrast(90%)}
.fw-medium{font-weight:500}
@-webkit-keyframes spin{
100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@keyframes spin{
100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@-webkit-keyframes slide-in{
from{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slide-in{
from{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
.opacity-80{opacity:80%}
.header{position:fixed;top:0;width:100%;z-index:999}
.header .header-inner{position:relative;background-color:var(--primary-color);z-index:1}
.header.fixed-top .header-inner{background-color:var(--primary-color);-webkit-animation:slide-in .4s ease-out;animation:slide-in .4s ease-out}
.logo{position:relative;background-color:var(--secondary-color);padding-right:30px!important}
.logo::after{content:'';background-color:var(--secondary-color);position:absolute;top:0;bottom:0;right:100%;width:100000%;display:block}
.logo::before{width:35px;height:100%;background-color:var(--secondary-color);clip-path:polygon(0 0,100% 0,0 100%);content:'';position:absolute;right:-35px}
.navbar-nav .nav-item{padding:10px 20px!important}
.nav-item .nav-link{font-weight:400;font-size:18px;line-height:22px;position:relative;color:#3c2d4f}
.nav-item .nav-link:after{content:"";height:2px;width:0;display:block;position:absolute;bottom:0;left:0;right:0;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s;background:var(--secondary-color);margin:auto}
.nav-item:hover .nav-link{color:var(--secondary-color)}
.nav-item:hover .nav-link:after{width:100%;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
.header-mobile-number{background-color:#fff;margin-top:1px;padding:10px 20px}
.header-mobile-number a{font-size:20px;font-weight:800;color:#3c2d4f}
.mobile-bottom-btn{position:fixed;width:100%;bottom:0}
.mobile-btn-left{background-color:#222}
.mobile-btn-right{background-color:var(--secondary-color)}
.mobile-btn-right:hover{color:#000}
.mobile-btn{padding:17px 22px;font-size:24px;width:50%;display:block;color:#fff;font-weight:700}
.any-question{font-weight:500;font-size:18px;line-height:21.98px;color:rgba(255,255,255,.6)}
.top-bar-button{font-weight:700;font-size:28px;line-height:38px;color:#fff}
.hero-section{height:calc(100vh - 87px);background-image:url(../images/header1.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;padding:70px 0}
@media (max-width: 991px){.hero-section {background-image:url(../images/header1-mobile.webp)}}
.hero-section:after{content:'';background:linear-gradient(0deg,rgba(0,0,0,.7) 24.44%,rgba(0,0,0,0) 42.78%);bottom:0;top:0;right:0;left:0;position:absolute}
.hero-inner{width:100%;margin:auto;position:relative;z-index:1;max-width:730px}
.hero-inner strong{color:#fff;font-weight:700;line-height:56px;padding-bottom:26px;font-size:48px}
.hero-inner p{font-size:22px;color:#fff;font-weight:400;line-height:26px;padding-bottom:32px}
.hero-inner a{color:#fff;padding:19px 52px;background-color:var(--secondary-color);border-radius:10px;text-align:center;font-weight:700;font-size:28px;transition:all .5s;line-height:inherit}
.hero-inner a:hover{background-color:#fff;border:1px solid var(--secondary-color);color:var(--secondary-color);transition:all .5s}
.btn-white{padding:10px 20px;font-weight:700;font-size:24px;border-radius:5px;background-color:#fff!important;transition:all .5s;color:var(--secondary-color)!important}
.btn-white:hover{background-color:#222!important;transition:all .5s;color:#fff!important}
.contact-section{padding:80px 0;background-color:#fff}
.contact-us{background:var(--main-bg-color);border-radius:40px;padding:10px}
.contact-us-left{padding:70px;width:48%}
.contact-us-left h2{color:#222;font-weight:700;line-height:82px;padding-bottom:38px;font-size:70px}
.contact-us-left p{font-weight:500;font-size:20px;line-height:26px;color:rgba(34,34,34,.6)}
.contact-us-right{background-color:#fff;border-radius:30px;padding:42px;width:52%}
.text-red{color:#eb1f1f}
.page-field .form-control{font-size:15px;font-weight:500;color:#222;padding:16px;line-height:22px;background-color:#f5f5f5;border-radius:5px}
.page-field .iti__selected-flag{border-radius:5px 0 0 5px;padding:0 14px;background-color:transparent}
.page-field .intl-tel-input,.page-field .iti{width:100%}
.form_button{min-width:150px;height:60px}
.parsley-required,.parsley-type{color:red;font-weight:500}
.footer{background:var(--secondary-color);padding:60px 0}
.footer-description{color:#fff;font-size:16px;line-height:19px;font-weight:400;word-break:break-word}
.footer-contact-detail svg{min-width:21px}
.footer-contact-detail a:hover,.footer-list ul li a:hover{color:#fff}
.footer-list h3{font-size:20px;font-weight:500;line-height:24px;color:#fff}
.footer-list ul li{padding-top:24px}
@media(max-width:1100px){
.logo{max-width:195px}
}
@media(max-width:991px){
.dropdown-menu{display:none;position:static;box-shadow:none;column-count:1;background-color:transparent}
.dropdown-menu>li>a{color:#222}
.dropdown-menu.show{display:block}
.dropdown-container:hover .dropdown-menu{border:0}
.nav-item .nav-link{color:#3c2d4f}
.logo-close-sidebar-top{padding:20px}
.navbar-nav .nav-item{padding:10px 20px!important}
.navbar-toggler-icon.close{background-image:none}
.header-mobile-number{display:none!important}
.header.fixed-top .header-mobile-number{display:block!important}
.mobile-bottom-btn{display:none!important}
.header.fixed-top .mobile-bottom-btn{display:flex!important}
.logo{background-color:transparent;padding-right:0!important;margin-left:auto;height:auto;margin-top:0}
.header .header-inner::after,.logo::after,.logo::before{content:unset}
.header .header-inner{background-color:var(--secondary-color);position:static;padding:14px 0}
.header.fixed-top .header-inner{background-color:var(--secondary-color);padding:10px 0}
.header .header-inner .navbar-collapse{display:block!important;position:fixed;top:0;bottom:0;left:-350px;background-color:#fff;width:100%;max-width:350px;z-index:33;height:auto!important;overflow-y:auto;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.header .header-inner .navbar-collapse.show{left:0}
.sidebar-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(255,255,255,.5);-webkit-filter:blur(1px);filter:blur(1px);filter:invert(100%);-webkit-filter:invert(100%);-webkit-animation:fadeIn ease .3s;animation:fadeIn ease .3s;z-index:3}
.hero-inner p{padding-bottom:30px}
.contact-us-left{padding:27px;width:100%}
.contact-us-right{padding:32px;width:100%}
.copyright-text{margin-top:20px;text-align:center}
.footer{margin-bottom:70px}
}
@media(max-width:767px){
.footer{padding-top:50px;padding-bottom:20px}
.footer-logo-text{padding-bottom:20px}
.footer-list{padding:20px 0}
.footer-list ul li{flex-basis:50%;padding:24px 0 0 0}
.copyright-text{text-align:left}
}
@media(max-width:576px){
.hero-section{padding:44px 0;height:calc(100vh - 76px);background-position:right}
.hero-section:after{background:linear-gradient(0deg,#000 24.44%,rgba(0,0,0,0) 50%)}
.hero-inner strong{line-height:43px;padding-bottom:24px;font-size:36px}
.hero-inner p{font-size:18px;line-height:21px}
.hero-inner a{padding:9px 20px;font-size:19px}
.mobile-btn{padding:25px 22px;font-size:20px}
.contact-section{padding:50px 0}
.contact-us{border-radius:24px;padding:5px}
.contact-us-left h2{font-size:42px;line-height:48px;padding-bottom:24px}
.contact-us-left p{font-size:16px;line-height:20px}
.contact-us-right{padding:16px;border-radius:20px}
.form_button{height:58px}
.footer{margin-bottom:80px}
.environment-agency{max-width:95px}
.stripe{max-width:206px}
}