*{padding:0;margin:0;box-sizing:border-box;font-family:Spectral,serif}html{scroll-behavior:smooth}.back-image{background:url(/assets/heroImage-DexNV_N1.webp);width:100%;height:120vh;background-size:cover;background-position:center;background-attachment:fixed;position:relative}.overlay{background:linear-gradient(#f5f5f5e6,#cccecee6 40%,#fefff44d 70%,#ffffff1f);width:100%;height:100%}.wave-shape{width:100%;position:absolute;bottom:0;left:0}.wave-shape img{width:100%;display:block}.hero-text{position:absolute;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.hero-text h1{font-size:48px;line-height:30px}.hero-text span{background:linear-gradient(276deg,#081730,#5f9ea0 40%,#081730);font-weight:bolder;background-clip:text;font-size:70px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:26px;margin-top:-15px}@media only screen and (max-width:1250px){.hero-text{margin-top:70px}.hero-text h1{font-size:46px}.hero-text span{font-size:66px}.hero-text p{font-size:24px}}@media only screen and (max-width:1080px){.back-image{background-attachment:scroll}}@media only screen and (max-width:1000px){.hero-text h1{font-size:38px}.hero-text span{font-size:58px}.hero-text p{font-size:19px;margin-top:-9px}}@media only screen and (max-width:880px){.hero-text h1{font-size:30px}.hero-text span{font-size:50px}}@media only screen and (max-width:760px){.hero-text h1{font-size:28px}.hero-text span{font-size:45px}}@media only screen and (max-width:682px){.hero-text h1{font-size:26px}.hero-text{width:100%}.hero-text span{font-size:44px}}@media only screen and (max-width:350px){.hero-text span{font-size:34px}}li{list-style:none}a{text-decoration:none}.navbar{display:flex;width:100%;align-items:center;justify-content:space-between;background-color:transparent;padding:0 100px 0 0;position:fixed;top:0;left:0;z-index:100000}#logo.scrolled{width:130px}.navbar .logo img{width:220px;cursor:pointer}.navbar .logo img:hover{transform:scale(1.1);transition:.5s ease-in}.hamburger-menu i{font-size:35px;color:#5f9ea0;display:none}.navbar .navMenu{display:flex;align-items:center;gap:35px}.navMenu li{background:linear-gradient(45deg,#5f9ea0,#add8e6);padding:4px 20px;border-radius:40px}.navMenu li a{font-size:25px;color:#081730;font-weight:600;cursor:pointer}.navMenu li:hover{background:#081730;transition:.4s ease-in-out}.navMenu li a:hover{color:#5f9ea0;transition:.4s ease-in-out}.navbar.scrolled{background-color:#fff!important;transition:background-color .2s linear;box-shadow:7px 10px 15px #0000004d;height:85px;padding-top:10px;align-items:center}@media only screen and (max-width:1250px){.navbar{padding:0 60px 0 0}.navbar .navMenu{gap:26px}.navMenu li{padding:4px 20px}.navMenu li a{font-size:21px}}@media only screen and (max-width:1000px){.navbar{padding:0 40px 0 0}.navbar .navMenu{gap:20px}.navMenu li{padding:3px 18px}.navMenu li a{font-size:19px}.navbar .logo img{width:200px}}@media only screen and (max-width:800px){.navbar .navMenu{flex-direction:column;width:300px;height:100vh;background-color:#fffffff1;position:absolute;right:-100%;top:107px;justify-content:center;gap:30px;transition:right .5s linear;z-index:200}.navbar.scrolled .navMenu{top:80px}.navMenu.open{right:0}.hamburger-menu i.fa-times{transform:rotate(-180deg)}.hamburger-menu i{display:block;transition:transform .5s ease,opacity .3s ease;z-index:300}.navMenu li a{font-size:22px}}@media only screen and (max-width:500px){.navbar .navMenu{width:100%}}.about-container{padding:100px}.about-container h1{text-align:center;background:linear-gradient(246deg,#081730 30%,#5f9ea0 60%,#081730 70%);background-clip:text;font-weight:bolder;font-size:40px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-text-image{display:flex;gap:30px;margin-top:100px}.about-text-image .about-left{width:60%;position:relative;display:flex;flex-direction:column}.about-left img{width:100%;height:300px;box-shadow:2px 3px 10px #00000080;border-radius:20px;cursor:pointer}.about-text-image .about-right{width:40%;position:relative}.about-right p{font-size:20px;color:#252525}.about-text-container{margin-top:30px}.about-text-container p{font-size:20px;color:#252525}.cargo-image{margin-top:30px;width:100%;position:relative;height:200px}.cargo-image img{width:100%;height:300px;box-shadow:2px 3px 10px #00000080;border-radius:20px;cursor:pointer}.cargo-image img:hover,.about-left img:hover{transform:scale(1.04);transition:.5s ease}.pourquoi{margin-top:60px}.cart-container{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:30px}.cart{width:330px;height:200px;box-shadow:2px 3px 10px #00000080;border-radius:20px;padding:20px;text-align:center;cursor:pointer}.cart:hover{transform:scale(1.04);transition:.5s ease}.cart h3{background:linear-gradient(276deg,#081730,#5f9ea0 40%,#081730);background-clip:text;font-weight:bolder;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:30px}.cart p{margin-top:5px;font-size:16px;color:#666}.vision{text-align:center;margin-top:50px}.vision h3{background:linear-gradient(276deg,#081730 30%,#5f9ea0 70%,#081730 50%);background-clip:text;font-weight:bolder;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:25px}.vision p{margin-top:5px;font-size:22px;color:#666}@media only screen and (max-width:1130px){.cart{width:330px;height:250px}.cart h3{font-size:25px}.cart p{margin-top:15px}}@media only screen and (max-width:1000px){.about-container{padding:100px 80px}.about-text-image .about-left{width:66%}.about-left img{height:250px}.about-right p,.about-text-container p{font-size:16px}.cargo-image img{height:200px}}@media only screen and (max-width:965px){.cart{width:330px;height:250px}.cart h3{font-size:22px}.cart h3 i{font-size:20px}.cart p{margin-top:15px;font-size:15px}}@media only screen and (max-width:885px){.about-container{padding:100px 60px}.cart-container{flex-wrap:wrap}.cart{width:330px;height:230px}.cart h3{font-size:22px}.cart h3 i{font-size:20px}.cart p{margin-top:15px;font-size:16px}}@media only screen and (max-width:750px){.about-container{padding:100px 50px}.about-text-image{display:flex;flex-direction:column;gap:30px;margin-top:100px}.about-container h1{font-size:35px}.about-text-image .about-left{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-left img{width:100%;height:300px}.about-text-image .about-right{width:100%;position:relative}.about-right p{font-size:18px;margin-top:100px}.about-text-container{margin-top:30px}.about-text-container p{font-size:18px}.cargo-image{margin-top:30px;width:100%;height:200px}.cargo-image img{width:100%;height:300px}.about-text-image .about-right{display:flex;flex-direction:column-reverse;align-items:center!important;justify-content:center!important;gap:30px}}@media only screen and (max-width:630px){.about-container h1{font-size:28px}.vision p{font-size:18px}}@media only screen and (max-width:540px){.about-container h1{font-size:23px}.vision h3{font-size:19px}}@media only screen and (max-width:470px){.about-container{padding:100px 20px}.about-left img,.cargo-image img{width:290px;height:200px}.cargo-image{display:flex;align-items:center;justify-content:center}.about-right p{font-size:17px;margin-top:10px}.about-text-container p{font-size:17px}}.service-container{padding:100px}.service-container h1{text-align:center;background:linear-gradient(246deg,#081730 30%,#5f9ea0 60%,#081730 70%);background-clip:text;font-weight:bolder;font-size:40px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:60px}.service-cart-container{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-content:center;gap:30px;max-width:1000px;margin:30px auto}.service-cart{width:330px;height:250px;box-shadow:2px 3px 10px #00000080;border-radius:20px;padding:20px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:20px}.service-cart:hover{transform:scale(1.07);transition:.4s ease-in}.service-cart h3{font-size:23px}.service-cart i{font-size:25px}.service-cart p{font-size:19px}@media only screen and (max-width:1165px){.service-container{padding:100px 70px}.service-cart{width:300px;height:250px}.service-cart h3{font-size:21px}.service-cart p{font-size:16px}}@media only screen and (max-width:1030px){.service-container{padding:100px 60px}.service-cart-container{grid-template-columns:1fr 1fr;max-width:500px}.service-cart{width:350px;height:240px}}@media only screen and (max-width:830px){.service-container{padding:100px 40px}.service-cart{width:300px;height:260px}}@media only screen and (max-width:830px){.service-container{padding:100px 20px}.service-cart{width:270px;height:280px}}@media only screen and (max-width:630px){.service-container h1{font-size:30px}.service-cart{width:235px;height:290px}}@media only screen and (max-width:540px){.service-cart-container{display:flex;flex-direction:column}.service-container h1{font-size:24px}.service-cart{width:340px;height:230px}}@media only screen and (max-width:362px){.service-cart{width:250px;height:300px}.service-container{padding:30px 20px}}.contact-container{width:100%;height:150vh;padding:120px 80px}.contact-container .my-contact{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.my-contact .paragraph{color:#515151;font-size:20px;text-align:center}.my-contact h1{background:linear-gradient(246deg,#081730 30%,#5f9ea0 60%,#081730 70%);background-clip:text;font-weight:bolder;font-size:40px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#252525;margin-bottom:30px}.contact-form,.form-div-container{display:flex;flex-direction:column;align-items:center;gap:50px}.upper-div{display:flex;gap:30px}.upper-div input{width:300px;padding:20px;outline:none;border:1px solid gray;background-color:#fff;box-shadow:1px 2px 10px #0003;border-radius:15px}.upper-div input::placeholder,.under-div textarea::placeholder{font-size:18px}.under-div textarea{padding:20px;width:630px;height:200px;outline:none;border:1px solid gray;resize:none;background-color:#fff;box-shadow:1px 2px 10px #0003;border-radius:15px}.contact-form button{padding:16px 40px;font-size:17px;border-radius:40px;border:none;color:#081730;font-weight:700;background:linear-gradient(276deg,#081730,#5f9ea0 40%,#081730);display:flex;align-items:center;gap:10px;cursor:pointer}.status-message{margin-top:-10px;padding:10px;border-radius:5px;text-align:center}.status-message.success{background-color:#d4edda;color:#155724}.status-message.error{background-color:#f8d7da;color:#721c24}.error-message{color:red;font-size:13px;margin-top:5px;margin-left:10px}.contact-information{margin:100px 0}.contact-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px}.contact-box .box1{width:300px;height:130px;padding:0 15px;background-color:#f0f8ff;box-shadow:1px 2px 10px #0003;border-radius:15px;display:flex;align-items:center;gap:20px;cursor:pointer;color:#252525}.whatsapp-div{display:flex;align-items:center;gap:30px;color:#252525;font-size:17px}.contact-box .box1:hover{transform:scale(1.04);transition:.5s ease}.box1 i{font-size:25px}.adress{width:100%;height:200px;position:relative}.address{display:flex;justify-content:center}iframe{margin:50px 0;width:60%;height:200px;position:absolute;border-radius:20px;box-shadow:1px 2px 10px #0003}.paragraph-container p a{color:#252525}@media only screen and (max-width:1250px){.contact-container{height:150vh;padding:120px 60px 0}iframe{margin:60px 0}}@media only screen and (max-width:1090px){.contact-container{height:150vh}}@media only screen and (max-width:1000px){iframe{width:600px;height:200px}}@media only screen and (max-width:788px){.contact-container{padding:120px 40px 0}.contact-box{display:grid;grid-template-columns:1fr 1fr;max-width:600px;margin:0 auto}.contact-box .box1{width:280px;padding:0 13px;gap:10px}.whatsapp-div{gap:10px;font-size:16px}}@media only screen and (max-width:720px){iframe{width:550px;height:180px}}@media only screen and (max-width:700px){.contact-container{padding:120px 20px 0}.upper-div input{width:270px;padding:15px}.upper-div input::placeholder,.under-div textarea::placeholder{font-size:15px}.under-div textarea{padding:18px;width:580px}}@media only screen and (max-width:630px){.contact-container{height:160vh}.my-contact .paragraph{font-size:18px}.my-contact h1{font-size:30px}.upper-div{flex-direction:column}.upper-div input{width:300px}.under-div textarea{width:480px}.form-div-container{align-items:center}.contact-box{display:grid;grid-template-columns:1fr 1fr;max-width:600px;margin:0 auto}.contact-box .box1{width:257px;padding:0 13px;gap:10px}iframe{width:490px;height:170px}}@media only screen and (max-width:570px){.contact-box{display:flex;align-items:center;justify-content:center;margin:0 auto}.contact-box .box1{width:300px}.contact-container{height:220vh}iframe{width:470px;height:170px}}@media only screen and (max-width:540px){.my-contact h1{font-size:24px}.under-div textarea{width:390px}iframe{width:400px;height:170px}}@media only screen and (max-width:450px){.under-div textarea{width:300px}.contact-container{height:160vh}iframe{width:300px;height:150px}}@media only screen and (max-width:348px){.contact-container{height:240vh}}@media only screen and (max-width:335px){.contact-container{height:260vh}iframe{width:270px;height:150px}}@media only screen and (max-width:305px){.under-div textarea,.upper-div input{width:280px}iframe{width:230px;height:140px}}footer{width:100%;background-color:#f0f8ff;margin-top:200px;padding:0 80px}.logo-image{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.logo-image img{width:100%;cursor:pointer}.logo-image img:hover{transform:scale(1.05);transition:.5s ease-in}.footer-container{display:flex;justify-content:space-between}.footer-container .navMenu{display:flex;align-items:center}.footer-container .navMenu li{background:transparent;color:#fff}.footer-container .navMenu li a{color:#081730;font-size:18px}.footer-container .navMenu li a:hover{color:#5f9ea0;border-bottom:2px solid cadetblue;transition:.5s ease}@media only screen and (max-width:1410px){footer{margin-top:600px}}@media only screen and (max-width:900px){footer{padding:0 10px}.logo-image{width:140px;height:140px}}@media only screen and (max-width:600px){footer{padding-right:20px}.logo-image{width:100px;height:100px}.footer-container .navMenu{gap:20px}.footer-container .navMenu li{padding:0}.footer-container .navMenu li a{font-size:16px}.copyright p{font-size:14px;margin-left:20px}footer{padding-bottom:10px}}@media only screen and (max-width:430px){footer{padding-right:20px}.logo-image{width:100px;height:100px}.footer-container .navMenu{gap:18px}.footer-container .navMenu li{padding:0}.footer-container .navMenu li a{font-size:15px}}@media only screen and (max-width:408px){.logo-image{width:80px;height:80px}.footer-container .navMenu li a{font-size:13px}.footer-container .navMenu{gap:14px}}@media only screen and (max-width:346px){.logo-image{width:80px;height:80px}.footer-container .navMenu li a{font-size:13px}.footer-container .navMenu{gap:14px;justify-content:end;margin-top:-20px}.footer-container{display:flex;flex-direction:column}footer{margin-top:470px}}
