*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--blue: rgb(5 5 194);--red: red;--black: black;--white-blur: rgba(255, 255, 255, .9);--white: #fff;--blue-light:rgba(5, 5, 194, .5);--black-light:rgba(0, 0, 0, .2);--shadow-col: rgba(0, 0, 0, .12);--gold: rgb(224, 9, 9)}.top-title,.footer-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--blue),red);-webkit-background-clip:text}.margin-top{margin-top:50px;display:block}.margin-bottom{margin-bottom:5px}html{scroll-behavior:smooth}section{display:block;overflow-wrap:normal}.top-title{position:relative;margin-bottom:40px;padding-bottom:25px;text-transform:uppercase;font-size:3rem;font-weight:700}.top-title:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:140px;height:2px;background:linear-gradient(90deg,red,var(--blue))}.top-title:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:45px;height:5px;background:linear-gradient(90deg,red,var(--blue))}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.content{max-width:1250px;margin:auto;padding:0 30px}.navbar{position:fixed;z-index:5;width:100%;padding:10px 0;background:transparent;transition:all .3s ease}.navbar.sticky{padding:10px 0;background:var(--blue)}.navbar .content{display:flex;align-items:center;justify-content:space-between}.navbar .logo a{color:var(--white);font-size:30px;text-decoration:none}.navbar .logo a img{width:50px;height:50px;border-radius:10%}.navbar .menu-list{display:inline-flex}.menu-list li{list-style:none}.menu-list li a{color:var(--white);font-size:18px;font-weight:500;margin-left:25px;text-decoration:none;transition:all .3s ease}.menu-list li a:hover{color:var(--red)}.icon{color:var(--white);font-size:20px;cursor:pointer;display:none}.icon .cancel-btn{position:absolute;right:75%;top:20px}#progress{position:fixed;bottom:20px;right:10px;height:50px;width:50px;display:none;place-items:center;border-radius:50%;box-shadow:0 0 10px var(--blue);cursor:pointer;z-index:9}#progress-value{display:block;height:calc(100% - 15px);width:calc(100% - 15px);background-color:var(--white);border-radius:50%;display:grid;place-items:center;font-size:20px;color:#001a2e}.slider{position:relative;width:100%;margin-bottom:60px}.myslider{height:655px;display:none;overflow:hidden}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);font-size:50px;padding:15px;cursor:pointer;color:var(--white);transition:.1s;-webkit-user-select:none;user-select:none}.prev:hover,.next:hover{color:var(--blue)}.next{right:0}.dotsbox{position:absolute;left:50%;transform:translate(-50%);bottom:20px;cursor:pointer}.dotter{display:inline-block;width:15px;height:15px;border:3px solid #fff;border-radius:50%;margin:0 10px;cursor:pointer}.active,.slider .dotter:hover{border-color:var(--blue)}.fade{animation-name:fade;animation-duration:1.5}@keyframes fade{0%{opacity:.8}to{opacity:1}}.myslider .text{border-top:5px solid var(--blue);border-radius:20px;background-color:#fff3;box-shadow:0 0 10px 1px #00000040;-webkit-backdrop-filter:blur(-1px);backdrop-filter:blur(-1px);position:absolute;letter-spacing:2px;line-height:35px;margin-left:20%;margin-right:20%;bottom:30%;animation:position 2s;z-index:1}.myslider .text h1{margin-top:20px;animation:position 5s}.myslider .text h1,.myslider .text p{text-align:center}@keyframes position{0%{bottom:0}to{bottom:30%}}.myslider .text h1{color:var(--blue);font-weight:700;margin-bottom:20px}.myslider .text p{color:var(--black);font-weight:700;font-size:20px;opacity:.85}.myslider img{transform:scale(1.5);animation:zoomin 40s infinite}@keyframes zoomin{0%{transform:scale(1)}to{transform:scale(1.3)}}html{font-family:Poppins,sans-serif;font-size:62.5%}.container{width:100%;margin:0 auto;padding:0 1rem}#section_counter{padding:5rem 0;background:var(--blue)}#section_counter .section-heading{padding-bottom:5rem;text-align:center;letter-spacing:.1rem}.counter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:2rem}.counter-item{background:var(--blue-light);padding:3rem 1.5rem;text-align:center;border-radius:1rem;border-bottom:10px solid var(--red);transition:all .5s ease-in-out;transform:translateY(6rem)}.counter-item .counter:after{content:"+";display:inline-block;margin-left:2px}.counter-img{width:7rem;height:7rem;object-fit:contain;filter:drop-shadow(0 0 .2rem var(--blue-light));margin:0 30%;margin-bottom:1rem}.counter-img i{font-size:5rem;color:linear-gradient(90deg,red,var(--blue))}.counter-img:nth-child(1){width:9rem;height:auto}.counter-item:hover{background:var(--white);cursor:pointer;transition:all .5s ease-in-out;opacity:.8}.counter-item .counter{font-size:4.5rem;color:transparent;letter-spacing:.5rem;-webkit-text-stroke-width:.15rem;-moz-text-stroke-width:.15rem;-ms-text-stroke-width:.15rem;-o-text-stroke-width:.15rem;-webkit-text-stroke-color:var(--white);-moz-text-stroke-color:var(--white);-ms-text-stroke-color:var(--white);-o-text-stroke-color:var(--white)}.counter-item:hover .counter{-webkit-text-stroke-color:var(--black);-moz-text-stroke-color:var(--black);-ms-text-stroke-color:var(--black);-o-text-stroke-color:var(--black)}.counter-text{margin-top:1rem;font-size:2rem;font-weight:bolder}@keyframes slide-up{0%{transform:translateY(6rem)}to{transform:translateY(0)}}.branches li{list-style:none}.agences{padding:10px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:40px auto}.agences ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px}.agences ul li{letter-spacing:1px;padding:5px 15px;cursor:pointer;margin:5px;text-transform:uppercase;border-bottom:2px solid transparent;font-weight:700;font-size:15px;transition:.3s ease}.agences ul li.active{border-color:var(--red);color:var(--red)}.agence{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.agence .itembox{position:relative;width:400px;height:300px;margin:5px;display:block}.agence .itembox img{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0;cursor:pointer}.agence .itembox .contact{position:absolute;width:65px;font-weight:400;font-size:15px;right:9px;top:5px;background:red;color:#fff;padding:2px 3px;border-radius:10px;z-index:3}.agence .itembox a{text-decoration:none;cursor:pointer;text-align:center}.agence .itembox .agence-name{position:absolute;bottom:3rem;background:var(--blue-light);width:100%;height:3rem;display:flex;justify-content:space-around}.agence .itembox .agence-name p{color:var(--white);font-size:25px;font-weight:200;text-transform:uppercase;letter-spacing:1.5px;word-spacing:4px}.agence .itembox .agence-trajet{position:absolute;bottom:0;background:var(--white-blur);width:100%;height:3rem;display:flex;justify-content:space-around}.agence .itembox .agence-trajet p{color:var(--blue);padding-top:7px;font-size:17px;font-weight:90}.agences .agence .itembox.show{animation:show .5s ease 0s 1 forwards;transform-origin:center}.agences .agence .itembox.hide{animation:hide .5s ease 0s 1 forwards;transform-origin:center}@keyframes hide{0%{transform:scale(1)}to{transform:scale(0);width:0;height:0;margin:0}}@keyframes show{0%{transform:scale(0);width:0;height:0;margin:0}to{transform:scale(1)}}.section-service{width:100%;display:grid;place-items:center}.section-service .row{display:flex;flex-wrap:wrap}.section-service .row .column{width:100%;padding:0 1em 1em;text-align:center}.section-service .row .column .card{width:100%;height:100%;padding:2em 1.5em;background:linear-gradient(var(--white) 50%,var(--blue) 50%);background-size:100% 200%;background-position:0 2.5%;border-radius:5px;box-shadow:0 0 35px var(--shadow-col);cursor:pointer;transition:.5s}.section-service .row .column h3{font-size:20px;font-weight:600;color:var(--black);margin:1em 0}.section-service .row .column p{color:var(--black);font-size:15px;line-height:1.6;letter-spacing:.03em;opacity:.8}.section-service .row .column .icon-wrapper{background-color:var(--blue);position:relative;margin:auto;font-size:30px;height:2.5em;width:2.5em;color:var(--white);border-radius:50%;display:grid;place-items:center;transition:.5s}.section-service .row .column .card:hover{background-position:0 100%}.section-service .row .column .card:hover .icon-wrapper{background-color:var(--white);color:var(--blue)}.section-service .row .column .card:hover h3,.section-service .row .column .card:hover p{color:var(--white)}#testim .top-title{display:flex;justify-content:center}.testim{width:100%;position:relative;background:#f7fbfe}.testim .wrap{position:relative;width:100%;max-width:1020px;padding:40px 20px;margin:auto}.testim .arrow{display:block;position:absolute;color:var(--blue-light);cursor:pointer;font-size:2em;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;padding:5px;z-index:2}.testim .arrow:before{cursor:pointer}.testim .arrow.left{left:10px}.testim .arrow.right{right:10px}.testim .arrow:hover{color:var(--blue)}.testim .dots{text-align:center;position:absolute;width:100%;bottom:60px;left:0;display:block;z-index:1;height:12px}.testim .dots .dot{list-style-type:none;display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid var(--blue-light);margin:0 10px;cursor:pointer;transition:all .5s ease-in-out;position:relative}.testim .dots .dot.active,.testim .dots .dot:hover{background:var(--blue);border-color:var(--blue)}.testim .dots .dot.active{animation:testim-scale .5s ease-in-out forwards}.testim .cont{position:relative;overflow:hidden}.testim .cont>div{text-align:center;position:absolute;top:0;left:0;padding:0 0 70px;opacity:0}.testim .cont>div.inactive{opacity:1}.testim .cont>div.active{position:relative;opacity:1}.testim .cont div .img img{display:block;width:100px;height:100px;margin:auto;border-radius:50%}.testim .cont div h2{color:var(--blue);font-size:1em;margin:15px 0}.testim .cont div p{font-size:1.15em;color:var(--black);width:80%;margin:auto}.testim .cont div.active .img img{animation:testim-show .5s ease-in-out forwards}.testim .cont div.active h2{animation:testim-content-in .4s ease-in-out forwards}.testim .cont div.active p{animation:testim-content-in .5s ease-in-out forwards}.testim .cont div.inactive .img img{animation:testim-hide .5s ease-in-out forwards}.testim .cont div.inactive h2{animation:testim-content-out .4s ease-in-out forwards}.testim .cont div.inactive p{animation:testim-content-out .5s ease-in-out forwards}@keyframes testim-scale{0%{box-shadow:0 0 0 0 var(--white)}35%{box-shadow:0 0 10px 5px var(--white)}70%{box-shadow:0 0 10px 5px var(--blue)}to{box-shadow:0 0 0 0 var(--blue)}}@keyframes testim-content-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes testim-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes testim-show{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes testim-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}footer{position:relative;width:100%;background:var(--blue);min-height:100px;padding:20px 50px;display:flex;flex-direction:column;flex-wrap:wrap;font-size:16px;align-items:flex-end;margin-top:10em}footer .row{padding:2em 1em}footer .footer-primary{display:flex;width:100%}footer .footer-primary h3{margin-bottom:1rem}footer .column{display:flex;flex-direction:column;padding:0 2em}footer .column h3{width:100%;text-align:left;color:var(--gold);font-size:1.6em;white-space:nowrap}footer .links ul{list-style:none;display:flex;flex-direction:column;padding:0;margin:0}footer .links li:first-child{margin-top:.8em}footer .links ul li a{color:var(--white-blur);text-decoration:none;transition:.3s ease-in-out}footer .links ul li{margin:.5em}footer .links ul li a:hover{color:var(--red)}footer .about{display:flex;width:40%}footer .about p{text-align:justify;line-height:2;margin:0;color:var(--white)}footer .links{width:25%}footer .social{display:flex;justify-content:space-around;font-size:2.4em;margin-top:.5em;gap:2rem;flex-wrap:wrap}.social i{background-color:var(--white);padding:1.5rem;border-radius:50%;transition:.3s ease}.social i:hover{color:var(--white);transform:translateY(-10px);background-color:var(--black)}footer .footer-secondary{display:flex;justify-content:space-evenly;text-align:center;width:100%}footer .footer-secondary i{font-size:1.8em;color:var(--gold)}footer .footer-secondary .info:hover{transform:translateY(-10px)}footer .footer-secondary p{color:var(--white)}footer .footer-secondary .info p:first-child{margin-bottom:1.5rem}footer .copyright{padding:.3em 1em;width:100%;margin-top:1.3em;justify-content:center}footer .copyright p{font-size:.9em;text-align:center;color:var(--gold)}footer .wave{position:absolute;top:-100px;left:0;width:100%;height:100px;background:url(wave.546454324712578e.png);background-size:1000px 100px}footer .wave#wave1{z-index:1;opacity:1;bottom:0;animation:animatewave 4s linear infinite}footer .wave#wave2{z-index:2;opacity:.5;bottom:10px;animation:animatewave2 4s linear infinite}footer .wave#wave3{z-index:3;opacity:.2;bottom:15px;animation:animatewave 3s linear infinite}footer .wave#wave4{z-index:2;opacity:.7;bottom:20px;animation:animatewave2 3s linear infinite}@keyframes animatewave{0%{background-position-x:1000px}to{background-position-x:0px}}@keyframes animatewave2{0%{background-position-x:0px}to{background-position-x:1000px}}@media screen and (max-width: 850px){.footer-primary{grid-template-columns:1fr}footer .footer-secondary{flex-direction:column}}@media only screen and (max-width: 600px){.testim .arrow{font-size:1.5rem}.testim .cont div p{line-height:25px}.icon{display:block}.navbar .menu-list{position:fixed;top:0;left:-100%;height:100vh;width:100%;max-width:400px;background:var(--blue);display:block;padding:40px 0;text-align:center}.navbar .menu-list.active{left:0}.navbar .menu-list li{margin-top:45px}.navbar .menu-list li a{font-size:23px}footer .footer-primary{flex-wrap:wrap}footer .about{width:100%}footer .links{width:50%}footer .subscribe h3,footer .links h3{margin-top:1rem}}@media only screen and (min-width: 600px){body.disabled{overflow:hidden}.icon.hide{display:none}}@media only screen and (min-width: 768px){.section-service{padding:0 2em}.section-service .row .column{flex:0 50%;max-width:50%}}@media only screen and (min-width: 992px){.section-service{padding:1em 3em}.section-service .row .column{flex:0 0 33.33%;max-width:33.33%}}@media only screen and (max-width: 990px){footer .footer-primary{flex-wrap:wrap;margin-right:0}footer .about{width:100%}footer .links{width:50%}footer .subscribe h3,footer .links h3{margin-top:1rem}footer .footer-secondary .info{margin:2rem 0}}
