.hero-section{background-image:url(/backgrounds/hero-bg.png);background-size:cover;background-position:50%;color:#fff}.hero-section h2{font-weight:800;font-size:32px;line-height:52px;text-shadow:0 2px 10px rgba(0,0,0,.1);position:relative}.hero-section p{font-weight:400;font-size:18px;line-height:33px;letter-spacing:0;max-width:500px;text-shadow:0 1px 2px rgba(0,0,0,.05);margin-top:20px;position:relative}.hero-section .main-btn{margin-top:10px;position:relative;overflow:hidden;transition:all .3s ease}.hero-section .main-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.hero-section .main-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2),transparent);transform:translateX(-100%);transition:transform .6s ease}.hero-section .main-btn:hover:before{transform:translateX(100%)}.hero-section .word-rotate{font-weight:800;font-size:32px;line-height:52px;background:linear-gradient(102.99deg,#b5cc34 1.08%,#6b8d9e 73.19%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-section .word-rotate:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:linear-gradient(102.99deg,#b5cc34 1.08%,transparent 73.19%);border-radius:2px}.hero-section .box-logos{position:relative;height:540px;width:540px;backdrop-filter:blur(10px);background-image:url(/backgrounds/border-bg.png);background-size:contain;background-repeat:no-repeat}.hero-section .box-logos,.hero-section .box-logos .hero-logo{max-width:100%;display:flex;justify-content:center;align-items:center}.hero-section .box-logos .hero-logo{width:300px;height:300px;max-height:100%;border-radius:50%;background-color:#163744;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.hero-section .box-logos .hero-logo img{width:77%}.hero-section .box-logos .circle-container{position:absolute;top:0;left:0;width:100%;height:100%}.hero-section .box-logos .circle-container .logo-box{width:100px;height:100px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;position:relative;z-index:10}.hero-section .box-logos .circle-container .logo-box:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle,rgba(181,204,52,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.hero-section .box-logos .circle-container .logo-box:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}.hero-section .box-logos .circle-container .logo-box:hover:after{opacity:1}@media screen and (max-width:767px){.hero-section .box-logos{height:300px;width:300px}.hero-section .box-logos .hero-logo{width:180px;height:180px}}.side-bar{z-index:200;position:fixed;height:460px;width:32px;top:50%;right:2vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);border:0}.side-bar ul{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%}.side-bar .nav-item{display:block;width:40px;height:40px;border-radius:50%;background-color:var(--bg-color);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:8px}.side-bar ul li{position:relative}.side-bar ul li .title{position:absolute;color:var(--bg-color);font-weight:600;font-size:1.2rem;top:50%;right:130%;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transition:all .3s cubic-bezier(.455,.03,.515,.955);-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955);-moz-transition:all .3s cubic-bezier(.455,.03,.515,.955);-ms-transition:all .3s cubic-bezier(.455,.03,.515,.955);-o-transition:all .3s cubic-bezier(.455,.03,.515,.955)}.side-bar ul li[data-section=hero] .title,.side-bar ul li[data-section=our-clients] .title{color:#fff}.side-bar ul li.active .title{transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1)}.side-bar li.active .nav-item{background-color:var(--main-color)}.side-bar .nav-item img{width:100%;height:100%}.about-us{background:#688e0e47;background-image:url(/backgrounds/image\ 1.png);background-size:cover;background-position:50%;color:#fff;border:1px solid #e3e3e3}.about-us h6{font-size:20px;line-height:28px;background:linear-gradient(90deg,#263238,#b5cc34);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-us h3,.about-us h6{font-weight:800;letter-spacing:0;margin-bottom:2rem}.about-us h3{font-size:32px;line-height:37px;color:var(--bg-color);max-width:450px}.about-us p{font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;color:#2c2c2c;max-width:800px}.time-lien{padding-top:50px;padding-bottom:50px;background-color:#fafafa;min-height:500px}.time-lien .container{height:100%;width:100%;min-height:400px}.time-lien .container .animate-marquee{background-image:url(/icons/lien-squer.svg);background-repeat:repeat-x;background-size:contain;background-position:50%}.time-lien .box{width:300px;height:100%;max-width:50%}