.icon-box,.icon-box .icon{transition:all .3s ease-in-out}.hero-section{height:120vh;overflow:hidden;position:relative;display:flex;align-items:center}.hero-section .parallax,.hero-section:before{position:absolute;top:0;width:100%;height:100%;left:0}.hero-section:before{content:'';background-color:rgba(17,17,17,.6);z-index:3}.hero-section .parallax{z-index:0}.hero-section .parallax.current{z-index:2}.hero-section .parallax.previous{z-index:1}.hero-section .description{position:relative;z-index:4}.hero-section h1{color:#fff;font-size:52px;line-height:1.1;font-family:Light,Arial,Helvetica,sans-serif;margin-bottom:25px}.hero-section p{font-size:18px;line-height:1.6;color:#fff}.hero-section .down--btn{border:2px solid #fff;height:40px;width:24px;display:block;z-index:10;position:absolute;bottom:22vh;left:0;right:0;opacity:.7;margin:0 auto;background-color:rgba(255,255,255,.5);border-radius:16px}.hero-section .down--btn .wheel{animation-name:mouse-anim-drop;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-play-state:running;border-radius:10px;background-color:#fff!important;position:relative;width:2px;height:6px;top:4px;margin:auto}.shape-style-one,.shape-style-one .waves{position:absolute!important;width:100%;right:0;left:0}.shape-style-one{z-index:4!important;bottom:0}.shape-style-one .waves{bottom:-10px;fill:#fff;height:160px}.shape-style-one .waves path:first-child{opacity:.1}.shape-style-one .waves path:nth-child(2){opacity:.5}#projectsContent .project:hover .project-info,.shape-style-one .waves path:last-child{opacity:1}.equal-section{padding-top:100px;padding-bottom:100px}.icon-box-holder:first-child .icon{background-color:#32587d}.icon-box-holder:nth-child(2) .icon{background-color:#ffbf00}.icon-box-holder:nth-child(3) .icon{background-color:#ff5589}.icon-box{padding:60px 30px;border-radius:5px;margin:15px 0;background-color:#fff;box-shadow:0 4px 40px 0 rgba(22,52,75,.05);position:relative}.icon-box:hover .icon{border-radius:5px 50px 50px}.icon-box .icon-box-title{color:#343d48;font-family:Medium,Arial,Helvetica,sans-serif;margin-bottom:10px;font-size:18px;line-height:1.6}.icon-box .icon-box-desc{color:#5c636c;line-height:24px}.icon-box .icon{width:75px;height:75px;padding:15px;border-radius:50px 50px 5px;margin-bottom:25px}.icon-box .icon svg{width:45px;height:auto;fill:#fff}.icon-box .icon svg path{fill:#fff}.brands-section{padding-bottom:100px;background:#32587d}#section-realisations .heading-container{margin-bottom:50px}#section-realisations #projects{border:0;margin-bottom:50px;justify-content:center}#section-realisations #projects .nav-link{background:#32587d;color:#fff;border-color:#32587d;margin:10px 5px;padding:8px 30px;border-radius:50px;text-align:center;display:inline-block;cursor:pointer;text-transform:capitalize;font-size:13px;font-family:Bold,Arial,Helvetica,sans-serif;box-shadow:0 8px 30px transparent;transition:all .3s ease-in-out}#section-realisations #projects .nav-link.active{box-shadow:0 8px 30px rgba(0,0,0,.2);background:#fff;color:#32587d;border:1px solid #fff}#projectsContent .project{display:block;position:relative;overflow:hidden;margin-bottom:30px;border-radius:5px}#projectsContent .project:hover img{transform:scale(1.3)}#projectsContent .project img{width:100%;transition:all ease-in-out .3s}#projectsContent .project .project-info{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:30px 40px;background-color:rgba(38,92,220,.9);transition:all ease-in-out .4s;opacity:0}#projectsContent .project .name{color:#fff;font-size:18px;line-height:1.6;font-family:Bold,Arial,Helvetica,sans-serif}#projectsContent .project .category{color:#fff;font-size:13px;line-height:1.7;font-family:Medium,Arial,Helvetica,sans-serif}.about-us{max-width:700px;text-align:center;margin:auto;font-size:18px;line-height:26px}.section-contact #map{height:100%;min-height:400px}.section-contact form{padding-left:8%}@media (max-width:991px){.section-contact form{padding-left:0}}.section-contact .contact-phone{text-align:center;margin-top:30px}.section-contact .contact-phone:hover span{color:#32587d}.section-contact .contact-phone span{color:#212529;font-weight:700;transition:all .2s ease-out;font-family:Bold,Arial,Helvetica,sans-serif}.section-contact .contact-phone i{width:40px;height:40px;border-radius:50%;background:#32587d;line-height:40px;color:#fff;margin-right:10px;font-size:17px}@keyframes mouse-anim-drop{0%{top:5px;opacity:0}30%{top:10px;opacity:1}100%{top:25px;opacity:0}}