@import url(https://fonts.cdnfonts.com/css/century-schoolbook);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);.page-acc{position:relative;width:100%;height:400vh}.acc-titre{position:absolute;color:#fff;font-size:2.6vw;font-weight:700;top:15%;left:30px;text-align:center;z-index:8}.acc-bandeau{position:absolute;background-color:rgba(0,0,0,.4);width:60vw;height:32vh;top:40vh;left:18vw;text-align:left;z-index:3;transition:.5s ease-in-out}.acc-bandeau:hover{transform:scale(1.2);background-color:rgba(0,0,0,.7);border-radius:15px}.spe-cnp{top:43%}.sec-cnp,.spe-cnp{position:absolute;padding-left:41%;font-size:2.6vw;font-family:Lato,sans-serif}.sec-cnp{top:70%}.triangleacc-container{position:absolute;justify-content:center;top:165vh;left:1vw;gap:2vw;padding:0 5%}.triangleacc-container a:active,.triangleacc-container a:hover,.triangleacc-container a:link,.triangleacc-container a:visited{color:inherit;text-decoration:none}.triangleacc{width:20vw;height:18vw;background-size:cover;background-position:50%;border:.1vw solid #000;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transition:clip-path 1.5s ease-in-out,border-radius .2s ease-in-out;overflow:hidden;position:absolute;top:100vh;cursor:pointer}.triangle1{background-image:url(/img/Pont_bascule.3c36e3a5.jpg);left:13.5vw;top:30vh}.triangle2{background-image:url(/img/Pont_rail.98745501.jpg);top:49vh;left:39.5vw}.triangle3{background-image:url(/img/analyse_prot.d4ab23a0.jpg);background-size:110%;top:30vh;left:65.5vw;background-position:50%}.triangleacc:hover{border-radius:80%;border:2px solid #000;clip-path:circle(45%);transform:scale(1.1)}.triangleacc .label{position:absolute;bottom:1em;width:100%;padding:1em 0;background-color:#123e63cc;color:#fff;text-align:center;font-size:1.5vw;z-index:3}.label:hover{text-decoration:underline}.router-link:hover{color:#000;border:#000}.triangleacc:active{transform:scale(.9)}.pres-cnp{position:absolute;width:50vw;height:30vh;top:115vh;left:26.5vw;text-align:center;font-size:1.7vw;font-family:Lato,sans-serif;letter-spacing:.05vw}.text-rect{background-color:rgba(0,0,0,.3);height:200px;width:1000px;bottom:200px;z-index:7}.text-acc,.text-rect{position:absolute;left:150px;transition:.5s ease-in-out}.text-acc{text-align:center;font-style:oblique;bottom:300px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:220%;color:#fff;z-index:8}.wrapper:hover .text-acc,.wrapper:hover .text-rect{transform:scale(1.05)}.wrapper:hover .titre-acc{transform:translateX(-15px) scale(1.05)}.titre-acc{position:absolute;text-align:center;text-decoration:underline;left:4em;bottom:7.8em;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:280%;color:#fff;z-index:8;transition:.5s ease-in-out}.image-acc{width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;margin:0;padding:0;top:0;left:-10%}.secteur{position:absolute;align-items:center;width:60vw;height:60vh;left:20vw;top:75%;transition:.5s ease-in-out}.secteur:hover{transform:scale(1.1)}.titres{font-size:150%;text-decoration:underline;text-align:center;color:#123e63}.slider-2{position:absolute;width:100vw;height:100vh;top:0;left:0;margin:0;overflow:hidden;display:flex}.slider-2 .slider{display:flex;height:100%;width:500%;animation:slider-2 15s ease-in-out infinite}.slider-2 .slide{flex-shrink:0;height:100%;width:100vw}.slider-2 p{width:100%;text-align:center;font-size:45px;color:#f1f1f1}@keyframes slider-2{0%,20%{transform:translateX(0)}25%,45%{transform:translateX(-20%)}50%,70%{transform:translateX(-40%)}75%,95%{transform:translateX(-60%)}to{transform:translateX(-80%)}}input[type=radio]{display:none}#slide1:checked~.slider{transform:translateY(0)}#slide2:checked~.slider{transform:translateY(-100%)}#slide3:checked~.slider{transform:translateY(-200%)}#slide4:checked~.slider{transform:translateY(-300%)}.logo-contact{position:relative;width:14vw;height:35vh;left:39vw;top:-44.4vh}.image_contact{position:relative;width:100vw;height:110vh;-o-object-fit:cover;object-fit:cover;margin:0;padding:0;top:-7em;left:0}.lien-mail{transition:.5s ease-in-out}.lien-mail:hover{color:red}.text-contact{position:relative;width:60vw;height:60vh;left:20vw;background-color:rgba(18,62,99,.1);border:6px solid #000;font-size:2vw;text-align:left;transition:.5s ease-in-out}.text-contact1{list-style-type:none;padding:0;margin:10px}c{pointer-events:none;font-size:20px;text-align:left;color:#fff}.form-devis-contact{display:block;justify-content:center;align-items:center;width:100%;transition:.5s ease-in-out}.form-contact{position:relative;display:flex;flex-direction:column;width:40vw;padding:4vw;background-color:#123e63;border-radius:1vw;box-shadow:0 4px 8px rgba(0,0,0,.1);bottom:25vh;left:25.5vw}input[type=email],input[type=text],textarea{margin-bottom:30px;padding:30px;width:100%}input[type=email],input[type=text],textarea{border-radius:8px;border:1px solid #ccc;font-size:16px}textarea{height:150px;padding:10px}.button-contact{background-color:#123e63;color:#fff;border:2px solid #fff;border-radius:12px;cursor:pointer;font-size:2vw;transition:.5s ease-in-out}.button-contact:hover{background-color:#45a049;text-decoration:underline}.button-contact:active{transform:scale(.8)}.btn[data-v-7df792ea]{background:red;color:#fff;width:20%}.inp-id[data-v-7df792ea],.inp-pwd[data-v-7df792ea]{width:100%;height:15px;border-radius:0;border:1px solid #000}.bloc-modale[data-v-7df792ea]{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.overlay[data-v-7df792ea]{background:rgba(0,0,0,.3);position:fixed;top:0;left:0;bottom:0;right:0}.modale[data-v-7df792ea]{background:#f1f1f1;color:#333;padding:50px;position:fixed}.btn-modale[data-v-7df792ea]{position:absolute;top:10px;right:10px}#counter[data-v-05cae352]{font-size:50px}.titre-un[data-v-05cae352]{position:relative;font-size:2.5vw;top:-2vh;font-family:Lato,sans-serif;font-weight:700;color:#6878c2}.black-square[data-v-05cae352]{width:100px;height:100px;background-color:#000;cursor:pointer;margin:50px auto}.popup[data-v-05cae352]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup-content[data-v-05cae352]{background-color:#fff;padding:20px;border-radius:8px;width:300px;text-align:center}.hiding[data-v-05cae352]{position:absolute;top:0;left:0;width:2%;background:#000;height:4%}.popup-buttons[data-v-05cae352]{margin-top:10px;display:flex;justify-content:space-between}button[data-v-05cae352]{padding:5px 10px;cursor:pointer}button[type=submit][data-v-05cae352]{background-color:green;color:#fff;border:none}button[type=button][data-v-05cae352]{background-color:red;color:#fff;border:none}.bandeau_titre{position:absolute;background-color:rgba(0,0,0,.4);width:40vw;height:12vh;top:50vh;right:0;z-index:3;transition:.5s ease-in-out}.bandeau_titre:hover{transform:scale(1.2);background-color:rgba(0,0,0,.6);border-radius:15px}.partenaire_titre{position:absolute;color:#fff;font-size:3vw;font-weight:700;top:20%;left:30px;z-index:8}.barre_blanche{position:relative;background-color:#fff;width:47vw;height:.3vh;top:91%;z-index:8}.partenaire-section{margin-bottom:40px}.titre-partenaire-humidimetre,.titre-partenaire-pesage{font-size:30px;text-align:center;text-decoration:underline;margin-bottom:20px;color:#123e63}table{position:relative;border:2px solid #000;width:90%;left:5vw;text-align:center;margin-bottom:40px}table img{width:15vw;height:auto;border-radius:8px;transition:transform .3s ease}table img:hover{transform:scale(1.05);border:2px solid #acabab}td{padding:30px}.page-qsn{width:100%;height:250vh}.titre-qsn{font-size:3vw;font-weight:700}.histoire-cnp,.titre-qsn{font-family:Lato,sans-serif}.histoire-cnp{position:absolute;width:70%;height:100%;left:15%;border-radius:10px;color:#000;text-align:center;font-size:1.6vw;overflow-y:none;transition:.5s ease-in-out;letter-spacing:.05vw}.titre-quisommesnous:hover{transform:scale(1.2);background-color:rgba(18,62,99,.9)}h1[data-v-52501f2d]{position:relative;text-align:center;top:6vh;font-size:3vw}.page-service[data-v-52501f2d]{position:relative;width:100%;top:10vh;height:160vh}div[data-v-52501f2d]{text-align:center}.box-verif[data-v-52501f2d]{position:relative;width:70%;height:100%;top:6vh;left:15%;font-family:Lato,sans-serif}.box-vente[data-v-52501f2d]{position:relative;width:75%;height:100%;top:6vh;left:15%}.titre-vente[data-v-52501f2d],.titre-verif[data-v-52501f2d]{position:relative;font-size:2.2vw;top:6vh;font-family:Lato,sans-serif;color:#6878c2}.prestation[data-v-52501f2d]{text-align:left}.demande[data-v-52501f2d]{position:relative;top:10vh}.text-vente[data-v-52501f2d],.text-verif[data-v-52501f2d]{position:relative;list-style-type:none;text-align:center;padding:15px;margin:20px;top:6vh;font-size:1.5vw;font-family:Lato,sans-serif}router-link[data-v-52501f2d]{cursor:pointer;color:blue;text-decoration:underline}h1{text-align:center}.zone-texte-et-images{position:relative;width:60vw;margin:5vh auto;background-color:#f5f5f5;border-radius:15px;padding:3vw;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;top:-18vh}.texte-explicatif{font-size:1.5vw;line-height:1.5;color:#000;margin-bottom:2vh}.images-container{display:flex;justify-content:center;gap:2vw}.image-balance{width:12vw;height:auto;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .3s ease}.image-balance:hover{transform:scale(1.05)}.img-pb .slide-s{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.img-pb .slide-s img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}@keyframes slider-horizontal{0%{transform:translateX(0)}to{transform:translateX(-500%)}}.banner{width:100%;height:100vh;text-align:center;overflow:hidden;position:relative}.banner .slider{position:absolute;width:200px;height:255px;left:calc(50% - 100px);border-radius:15px;transform-style:preserve-3d;transform:perspective(1000px);animation:autoRun 20s linear infinite;z-index:2}@keyframes autoRun{0%{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}to{transform:perspective(1000px) rotateX(0deg) rotateY(120deg)}to{transform:perspective(1000px) rotateX(0deg) rotateY(240deg)}to{transform:perspective(1000px) rotateX(0deg) rotateY(1turn)}}.banner .slider .item{position:absolute;inset:0 0 0 0;transform:rotateY(calc((var(--position) - 1)*90deg)) translateZ(300px)}.banner .slider .item img{width:150%;border-radius:15px;height:100%;-o-object-fit:cover;object-fit:cover}.banner .content{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(1400px,100vw);height:-moz-max-content;height:max-content;padding-bottom:100px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:1}.banner .content h1{font-family:ICA Rubrik;font-size:16em;line-height:1em;color:#25283b;position:relative}.banner .content h1:after{position:absolute;inset:0 0 0 0;content:attr(data-content);z-index:2;-webkit-text-stroke:2px #d2d2d2;color:transparent}.banner .content .author{font-family:Poppins;text-align:right;max-width:200px}.banner .content h2{font-size:3em}.banner .content .model{width:100%;height:75vh;position:absolute;bottom:0;left:0;background-size:auto 130%;background-repeat:no-repeat;background-position:top;z-index:1}.img-ps{width:1370px;height:650px;top:-10px;left:-40px;margin:0 auto;border:1px solid #000}.img-pb,.img-ps{position:relative;overflow:hidden}.img-pb{left:6vw;width:45vw;height:45vh;top:2vh;border-radius:15px;text-align:center;transition:.5s ease-in-out}.img-pb:hover{transform:scale(1.2);left:12vh;border:2px solid #000}.text-pb{position:relative;width:36vw;height:32vh;border-color:#000;border-radius:15px;text-align:center;padding-top:2vh;color:#000;left:58vw;bottom:40vh;font-family:Lato,sans-serif;font-size:1.6vw;transition:.5s ease-in-out;overflow-y:auto;display:flex;justify-content:center;align-items:center;transition:.1s ease-in step-end .8s;letter-spacing:.05vw}.text-pb:hover{border:2px solid #000}.text-silo{width:35vw;height:30vh;border-color:#000;color:#000;left:4vw;bottom:40vh;font-family:Lato,sans-serif;font-size:1.6vw;transition:.5s ease-in-out;overflow-y:auto;display:flex;justify-content:center;align-items:center;transition:.1s ease-in step-end .8s;letter-spacing:.05vw}.img-silo,.text-silo{position:relative;border-radius:15px;text-align:center}.img-silo{left:22vw;top:7vh;width:30vw;height:55vh;overflow:hidden;transition:.5s ease-in-out}.img-silo:hover{transform:scale(1.2);left:35vh}.img-silo:hover,.text-silo:hover{border:2px solid #000}.text-carre1{position:relative;width:38vw;height:38vh;border-radius:15px;border-color:#000;text-align:center;color:#000;left:55vw;bottom:55vh;font-family:Lato,sans-serif;font-size:1.6vw;transition:.1s ease-in step-end .8s;overflow-y:hidden;display:flex;justify-content:center;align-items:center;letter-spacing:.05vw}.text-carre1:hover{border:2px solid #000}.img-carre1{position:relative;right:20vw;width:40vw;height:55vh;border-color:#000;border-radius:15px;text-align:center;bottom:10vh;overflow-y:auto;transition:.5s ease-in-out}.img-carre1:hover{transform:scale(1.2);border:2px solid #000;border-radius:25px}.text-carre2{position:relative;width:370px;height:260px;border:2px solid #000;border-bottom-right-radius:15px;border-color:#000;text-align:center;color:#000;left:597px;bottom:226px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;transition:.5s ease-in-out;background-color:rgba(18,62,99,.5);overflow-y:auto;display:flex;justify-content:center;align-items:center;letter-spacing:.05vw}.text-carre2:hover{transform:scale(1.1) translateX(30px) translateY(30px);border-radius:25px;color:#fff;background:#123e63}.img-carre2{position:relative;width:370px;height:260px;border:2px solid #000;border-bottom-left-radius:15px;border-color:#000;text-align:center;color:#000;left:225px;bottom:490px;transition:.5s ease-in-out;overflow-y:auto}.img-carre2:hover{transform:scale(1.2) translateX(-40px) translateY(30px);border-radius:25px}.form-devis{display:flex;justify-content:center;align-items:center;width:auto;transition:.5s ease-in-out}form{display:flex;flex-direction:column;width:30vw;padding:2vw;background-color:#f5f5f5;border-radius:1.5vw;box-shadow:0 .5vh 1vh rgba(0,0,0,.1);position:relative;bottom:10vh}button,input[type=email],input[type=text],textarea{margin-bottom:1vh}button,input[type=email],input[type=text],textarea{padding:1.5vh 1.5vw;border-radius:1.5vw;border:.2vh solid #ccc;font-size:1.8vh;width:100%;box-sizing:border-box}textarea{height:20vh;resize:none;line-height:1.5;overflow-y:auto}button{background-color:#123e63;color:#fff;border:none;cursor:pointer;font-size:2vh;padding:1.5vh 2vw;border-radius:1.5vw;transition:background-color .3s ease}button:hover{background-color:#0e2d4a;background-color:#45a049;text-decoration:underline}button:active{transform:scale(.8)}input::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input::placeholder,textarea::placeholder{color:#aaa}div{text-align:center}b{color:#000;text-align:left}.text-exemple{position:relative;width:740px;height:260px;border:2px solid #000;border-top-left-radius:15px;border-top-right-radius:15px;border-color:#000;text-align:center;color:#000;left:225px;bottom:-40px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;background-color:#123e6380;overflow-y:auto;transition:.5s ease-in-out;display:flex;justify-content:center;align-items:center}.text-exemple:hover{border-radius:25px;color:#fff;background:#123e63;transform:scale(1.1) translateY(-30px)}.img-exemple1{position:relative;width:369px;height:260px;border:2px solid #000;border-bottom-right-radius:15px;border-color:#000;text-align:center;color:#000;left:596px;bottom:-38px;transition:.5s ease-in-out;overflow-y:auto}.img-exemple1:hover{transform:scale(1.1) translateX(40px) translateY(30px);border-radius:25px}.img-exemple2{position:relative;width:369px;height:260px;border:2px solid #000;border-bottom-left-radius:15px;border-color:#000;text-align:center;color:#000;left:225px;bottom:226px;transition:.5s ease-in-out;overflow-y:auto}.img-exemple2:hover{transform:scale(1.1) translateX(-40px) translateY(30px);border-radius:25px}h1[data-v-be2e2eb2]{position:relative;text-align:center;top:6vh;font-size:3vw}.titre-un[data-v-be2e2eb2]{position:relative;font-size:2.2vw;top:-2vh;font-family:Lato,sans-serif;font-weight:700;color:#6878c2}.image-metro[data-v-be2e2eb2]{width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;margin:0;padding:0;top:0;left:-10%}.page-metro[data-v-be2e2eb2]{position:relative;width:100%;top:10vh;height:320vh}.box-metro[data-v-be2e2eb2]{position:relative;width:70vw;height:130vh;left:15vw;font-size:1.5vw;font-family:Lato,sans-serif}.toti{list-style-type:none;padding:0;margin:10px}.box-mention-legal{position:relative;width:600px;height:300px;left:305px;background-color:rgba(18,62,99,.3);border:2px solid #000;border-radius:10px;transition:.5s ease-in-out}.box-mention-legal:hover{transform:scale(1.2);background-color:rgba(18,62,99,.9);color:#fff}.text-mention-legal{position:relative;width:500px;height:200px;left:50px;top:45px;text-align:left;font-size:25px}.hexa-cont{position:relative;width:30vw;height:25.98vw;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#000}.hexa-humi{position:absolute;width:95%;height:95%;top:2.5%;left:2.5%;clip-path:inherit;overflow:hidden}.hexa-humi img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.container{margin:0 auto;height:auto}@media screen and (max-width:1499px){.footer{height:45vh;padding:1%}.black-footer{width:110%;left:-10%}.contact-bloc,.horaire-bloc{left:5%;font-size:90%;bottom:1em}.page-container{padding-bottom:20vh}.logo{width:8%}.logo-bas{width:15%;bottom:-10em;right:-50%}.triangle{width:120vw;height:80vh;right:25%}.triangle-bas{width:40vw;height:30vh;right:-120%}.navbar{width:90%;gap:3%;padding:1%}.navbar a{font-size:1.8vh}.navbar span{width:6%}.dropdown-menu,.dropdown-metro{width:20%;top:5vh;box-shadow:0 1vh 2vw rgba(0,0,0,.15)}.dropdown-menu li,.dropdown-metro li{padding:.3em}.dropdown-toggle,.dropdown-toggle2{gap:1vw}}html{scroll-behavior:smooth}.date_cnp{right:-1vw}.date_cnp,.mention-leg{position:relative;font-size:1.2vw;text-decoration:none;color:#fff}.mention-leg{left:2vw}.mention-leg:hover{text-decoration:underline;color:#41739c}.black-footer{position:relative;width:100vw;height:2.7vh;left:0;background-color:#000;text-align:left;z-index:2}.footer{position:relative;flex:1 0 auto;width:100%;bottom:0;left:-1em;height:53.7vh;overflow:hidden;display:flex;align-items:flex-end;padding:1em;box-sizing:border-box;background-color:#fff}.horaire-bloc{position:relative;text-align:left;left:-16vw;bottom:4.8vh;font-size:1.2vw;font-family:Lato,sans-serif;transition:.5s ease-in-out}.horaire-bloc:hover{scale:1.2}.horaire-footer li{list-style-type:none}.titre-horaire{font-size:2.5vw}.contact-bloc{position:relative;text-align:left;left:2vw;bottom:14.8vh;font-size:1.2vw;font-family:Lato,sans-serif;transition:.5s ease-in-out}.contact-bloc:hover{scale:1.2}.contact-footer li{list-style-type:none}.titre-contact{font-size:2.5vw}.router-text{text-decoration:none;color:#000}.navbar a.router-link-active{color:#fff;font-style:oblique;text-decoration:underline}.logo{position:absolute;width:6%;height:auto;top:2%;left:2%;border-radius:1em;box-shadow:3px 3px #a9a9a9;z-index:2;transition:transform .5s ease}body{width:100vw;height:100vh;margin:0;overflow-x:hidden}.page-container{position:relative;padding-bottom:45vh}.logo-bas{position:relative;width:20%;height:auto;bottom:-50%;right:15%;border-radius:1em;box-shadow:3px 3px #a9a9a9;z-index:2;rotate:90deg;transition:transform .5s ease-in-out}.triangle-bas{position:relative;bottom:-1em;right:-75%;width:29vw;height:50vh;background:radial-gradient(circle at top left,#fff 10%,#123e63 70%);transform:rotate(0deg);clip-path:polygon(0 0,100% 100%,0 100%);rotate:270deg;z-index:1}.logo:hover{transform:scale(1.2);transform:translateX(10px)}.logo:active{transform:scale(.9)}.logo-bas:hover{transform:scale(1.1)}.logo-bas:active{transform:translateY(4px)}.triangle{position:absolute;right:35%;bottom:15%;width:150vw;height:100vh;background:radial-gradient(circle at bottom left,#fff 50%,#123e63 90%);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;z-index:1}.navbar{position:absolute;top:2%;right:0;width:57%;height:2%;display:flex;gap:6%;padding:1% 2%;border-radius:20px;align-items:center;box-shadow:2px 2px 8px #123e63;background-color:rgba(18,62,99,.9);opacity:1;z-index:4}.dropdown-toggle,.dropdown-toggle2,.navbar a{text-decoration:none;color:#fff;font-size:2.1vh;font-weight:700;z-index:6}.navbar a:hover{color:#fff}.navbar span{position:absolute;top:0;left:0;width:8%;height:62%;background:#a9a9a9;border-radius:20px;z-index:5;transition:.5s ease ease-out 0s;opacity:0}.navbar a:active~span{background:linear-gradient(120deg,#696f75,#a9a9a9);transform:scale(.9)}.navbar a:first-child:hover~span{opacity:70%;width:8%;left:0;color:#000}.navbar a:nth-child(2):hover~span{left:12%;width:15%;opacity:70%}.navbar a:nth-child(3):hover~span{left:35%;opacity:70%}.navbar a:nth-child(4):hover~span{left:50%;opacity:70%}.navbar a:nth-child(5):hover~span{left:73.5%;width:8.5%;opacity:70%}.navbar a:nth-child(6):hover~span{left:86.5%;width:8%;opacity:70%}.dropdown,.dropdown2{position:relative}.dropdown-toggle,.dropdown-toggle2{display:flex;align-items:center;padding:.2vw .2vw;gap:2vw}.arrow{font-size:8px;transition:transform .5s ease;display:inline-block;margin-left:-.5vw;color:#fff}.dropdown-menu{width:12vw;top:4vh;left:-2vw}.dropdown-menu,.dropdown-metro{display:none;list-style:none;padding:0;margin:0;position:absolute;text-align:left;background-color:rgba(18,62,99,.8);box-shadow:0 1.5vh 2vw rgba(0,0,0,.2);border-bottom-left-radius:.8em;border-bottom-right-radius:.8em;z-index:5}.dropdown-metro{width:15vw;top:4.6vh;left:-1vw}.dropdown-menu li,.dropdown-metro li{padding:.5em}.dropdown-menu li a,.dropdown-metro li a{text-decoration:none;color:#fff}.dropdown-menu li:hover,.dropdown-metro li:hover{background:linear-gradient(120deg,#123e63,#ddd);border-radius:8px}.dropdown-menu li:active,.dropdown-metro li:active{background-color:#ddd;border-radius:8px}.dropdown2:hover .dropdown-metro,.dropdown:hover .dropdown-menu{display:block}.dropdown2:hover .arrow,.dropdown:hover .arrow{transform:rotate(180deg)}.dropdown-menu:hover,.dropdown-metro:hover{display:block}