@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400;600;700&display=swap");@-webkit-keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(1rem)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(1rem)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes moveInDot{0%{opacity:0.5;transform:translateX(calc(-2.75rem - 50%))}25%{opacity:1;transform:translateX(calc(0.75rem - 50%))}50%{opacity:1;transform:translateX(calc(-0.5rem - 50%))}75%{opacity:1;transform:translateX(calc(0.5rem - 50%))}100%{opacity:1;transform:translateX(calc(0 - 50%))}}@keyframes moveInDot{0%{opacity:0.5;transform:translateX(calc(-2.75rem - 50%))}25%{opacity:1;transform:translateX(calc(0.75rem - 50%))}50%{opacity:1;transform:translateX(calc(-0.5rem - 50%))}75%{opacity:1;transform:translateX(calc(0.5rem - 50%))}100%{opacity:1;transform:translateX(calc(0 - 50%))}}@-webkit-keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes moveInButton{0%{opacity:0;transform:translateY(3rem)}100%{opacity:1;transform:translateY(0)}}@keyframes moveInButton{0%{opacity:0;transform:translateY(3rem)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes pulse-dot{0%{transform:translate(-50%, -50%) scale(0.9);box-shadow:0 0 0 0 rgba(23,194,237,0.7)}70%{transform:translate(-50%, -50%) scale(1);box-shadow:0 0 0 10px rgba(23,194,237,0)}100%{transform:translate(-50%, -50%) scale(0.9)}}@keyframes pulse-dot{0%{transform:translate(-50%, -50%) scale(0.9);box-shadow:0 0 0 0 rgba(23,194,237,0.7)}70%{transform:translate(-50%, -50%) scale(1);box-shadow:0 0 0 10px rgba(23,194,237,0)}100%{transform:translate(-50%, -50%) scale(0.9)}}@-webkit-keyframes pulse-btn{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,255,255,0.7)}50%{transform:scale(1);box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{transform:scale(0.95)}}@keyframes pulse-btn{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,255,255,0.7)}50%{transform:scale(1);box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{transform:scale(0.95)}}*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:62.5%}@media only screen and (min-width: 100em){html{font-size:68.75%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (max-width: 37.5em){html{font-size:45%}}body{overflow-x:hidden;position:relative}body::-webkit-scrollbar{width:1.75rem}@media only screen and (min-width: 100em){body::-webkit-scrollbar{width:1.5rem}}body::-webkit-scrollbar-track{background-color:white}body::-webkit-scrollbar-thumb{background-color:rgba(153,153,153,0.5);border-radius:2rem;border:3.5px solid white}body::-webkit-scrollbar-thumb:hover{background-color:rgba(23,194,237,0.6)}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none}.backdrop.show{display:block;cursor:pointer;z-index:100}.container{max-width:120rem;padding:0 3.2rem;margin:0 auto}::-moz-selection{background-color:#17c2ed;color:#fff}::selection{background-color:#17c2ed;color:#fff}body{font-family:'Nunito Sans', sans-serif;font-weight:400;line-height:1.7;color:#8b8f92}.heading-logo{font-size:3rem;font-weight:400;color:#fff;letter-spacing:2px}@media only screen and (max-width: 75em){.heading-logo{font-size:2.7rem}}@media screen and (max-width: 480px){.heading-logo{font-size:3rem}}.heading-logo span{color:#17c2ed}.heading-primary{color:#fff;font-size:4rem;letter-spacing:2px;line-height:1.25}@media only screen and (max-width: 75em){.heading-primary{font-size:3.3rem}}@media only screen and (max-width: 62.5em){.heading-primary{letter-spacing:1px}}@media only screen and (max-width: 56.25em){.heading-primary{font-size:2.5rem}}@media screen and (max-width: 480px){.heading-primary{font-size:3rem}}.heading-secondary{font-size:3rem;font-weight:700;color:#0e1726;position:relative;text-align:center;margin-bottom:3.5rem;letter-spacing:3px}.heading-secondary::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:12rem;height:4px;border-radius:3px;background-color:#17c2ed;display:inline-block}@media screen and (max-width: 480px){.heading-secondary{font-size:2.5rem;margin-bottom:2rem}}.heading-secondary.white{color:#fff}.heading-secondary.white::after{background-color:#fff}.heading-tertiary{font-size:1.6rem;font-weight:700;text-transform:uppercase}.paragraph{font-size:1.6rem}.paragraph:not(:last-child){margin-bottom:3rem}.text-dg-4{font-size:1.6rem;color:#444}.text-dg-4.mb{margin-bottom:2rem}.laws__title{font-size:4rem;font-weight:700;color:#0e1726;position:relative;text-align:center;margin-bottom:5rem;padding-top:5rem;letter-spacing:3px}.laws__title::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:12rem;height:4px;border-radius:3px;background-color:#17c2ed;display:inline-block}@media screen and (max-width: 480px){.laws__title{font-size:2.5rem;margin-bottom:2rem}}.btn{cursor:pointer;font-weight:600;padding:1rem 2.5rem;background-color:#17c2ed;color:#fff;font-size:1.6rem;border:none;border-radius:1rem;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all 0.3s}.btn--big{font-weight:700;font-size:2rem;padding:1rem 4rem}@media only screen and (max-width: 56.25em){.btn--big{font-size:1.8rem}}.btn--small{font-size:1.4rem;padding:0.75rem 3rem;border-radius:0.7rem;opacity:0.75;transition:all 0.3s;background-color:transparent;color:#17c2ed;border:1px solid #17c2ed}.btn--small:hover{color:#0e1726;opacity:1}.btn--small.disabled{pointer-events:none;color:#8b8f92;border:1px solid #8b8f92}.btn:hover{background-color:#18b7df;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.12);opacity:1}.btn:active{background-color:#18b7df;transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,0.08)}.wrapper.disabled{cursor:not-allowed}.play-btn{cursor:pointer;border:0;background:transparent;display:flex;align-items:center}.play-btn.about{margin-top:auto;margin-bottom:2rem}.play-btn .circle{width:4.5rem;height:4.5rem;margin-right:1rem;border-radius:50%;background-color:transparent;border:1px solid #17c2ed;display:flex;align-items:center;justify-content:center;transition:all 0.3s}.play-btn .circle .play-btn--img{display:block;transform:translateX(1px);transition:all 0.3s}@media only screen and (max-width: 56.25em){.play-btn .circle .play-btn--img{transform:translateX(1px) scale(0.8)}}.play-btn .circle .play-btn--img path{fill:#17c2ed;transition:all 0.3s}.play-btn:hover .circle{background-color:#17c2ed;box-shadow:0 0 12px rgba(0,0,0,0.07);transform:scale(1.05)}@media only screen and (max-width: 56.25em){.play-btn:hover .circle .play-btn--img{transform:translateX(1px) scale(0.8)}}.play-btn:hover .circle .play-btn--img path{fill:#fff}.play-btn:active .circle{transform:scale(0.97);background-color:#17c2ed;box-shadow:0 0 8px rgba(0,0,0,0.1)}.play-btn__text{color:#17c2ed;text-transform:uppercase;font-weight:200;font-size:1.6rem;letter-spacing:1px}@media only screen and (max-width: 56.25em){.play-btn__text{font-size:1.2rem}}.footer{padding:4rem 4rem 6rem 4rem;margin-top:3.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0e1726}@media screen and (max-width: 420px){.footer{padding-bottom:8rem}}.footer__top{display:flex;align-items:center;justify-content:center;margin-bottom:3rem}.footer__top img{transform:scale(0.9);opacity:0.7;transition:opacity 0.3s}.footer__top img:hover{opacity:1}.footer__bottom{width:90%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:1.8rem}@media only screen and (max-width: 62.5em){.footer__bottom{width:100%}}@media only screen and (max-width: 56.25em){.footer__bottom{flex-direction:column}}.footer__bottom--left,.footer__bottom--right{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.7)}@media only screen and (max-width: 56.25em){.footer__bottom--left,.footer__bottom--right{border:none}}.footer__bottom--left{list-style:none;display:flex}@media only screen and (max-width: 56.25em){.footer__bottom--left{padding-bottom:1.5rem;border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5)}}.footer__bottom--left li:not(:last-of-type){margin-right:1.5rem}.footer__bottom--left a{text-decoration:none;color:#fff;opacity:0.7;transition:opacity 0.3s}.footer__bottom--left a:hover{opacity:1}.footer__bottom--right{color:#fff}.footer__bottom--right span{opacity:0.7;transition:opacity 0.3s}.footer__bottom--right span:hover{opacity:1}.header{width:100vw;background-color:transparent;padding:3rem 6rem;display:flex;justify-content:space-between;align-items:center;z-index:1}@media only screen and (max-width: 46.875em){.header{padding:4rem 3rem 2rem 3rem}}.header .logo{max-height:7.5rem;z-index:101}@media only screen and (max-width: 62.5em){.header .logo{max-height:6.9rem}}.header .logo-container{z-index:101}.header a{text-decoration:none;position:relative;display:flex;align-items:center}.header a h1{color:#253234;font-weight:700;letter-spacing:3px;font-size:5rem;margin-left:2rem}@media only screen and (max-width: 56.25em){.header a h1{font-size:4rem;letter-spacing:2px}}@media only screen and (max-width: 37.5em){.header a h1{margin-left:1rem;font-size:3.5rem;letter-spacing:1px}}.header .main-nav{margin-left:auto;margin-right:4rem}@media only screen and (max-width: 37.5em){.header .main-nav{display:none}}.header .main-nav__list{display:flex;align-items:center;justify-content:center;gap:4rem;list-style:none}.header .main-nav__link{color:#8b8f92;font-size:2rem;font-weight:700;text-decoration:none;color:inherit;position:relative;transition:all 0.3s}.header .main-nav__link::after{content:'';position:absolute;bottom:-0.8rem;left:50%;transform:translateX(-50%);width:0.8rem;height:0.8rem;border-radius:50%;background-color:transparent;display:inline-block}.header .main-nav__link:hover{color:#3d5156}.header .main-nav__link:hover::after{-webkit-animation:moveInDot 0.5s;animation:moveInDot 0.5s;background-color:#17c2ed}.header .main-nav__link.mobile:hover{color:#fff}@media only screen and (max-width: 37.5em){.header .btn-container{margin-right:8rem}}.header .toggle-btn{cursor:pointer;display:none;width:35px;height:35px;border-radius:0.8rem;padding:0.25rem;background-color:#fff;box-shadow:3px 3px 7px rgba(0,0,0,0.2);transform:scale(1.025)}.header .toggle-btn__line{width:50%;height:1px;margin:0 auto;border-radius:2px;background-color:#444;transition:all 0.4s}.header .toggle-btn__line.B{margin:0.5rem 0}@media only screen and (max-width: 37.5em){.header .toggle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:4.6rem;right:3.3rem;z-index:200}}.header .toggle-btn.open .toggle-btn__line.A{transform:rotate(135deg) translate(4px, -4px)}.header .toggle-btn.open .toggle-btn__line.B{opacity:0}.header .toggle-btn.open .toggle-btn__line.C{transform:rotate(-135deg) translate(3px, 3px)}.header .mobile-nav{position:fixed;transform:translateX(100%);min-width:35rem;width:50%;height:100vh;display:flex;background-color:#0e1726;flex-direction:column;align-items:center;justify-content:center;top:0;right:0;z-index:101;border-radius:3rem 0 0 3rem;transition:all 0.3s}.header .mobile-nav .mobile{display:flex;flex-direction:column}.header .mobile-nav--logo{opacity:0.75;height:7rem;position:absolute;bottom:5rem;left:50%;transform:translateX(-50%)}@media only screen and (max-width: 37.5em){.header .mobile-nav.open{transform:translateX(0)}}.section-hero{margin-top:4.8rem;display:flex;align-items:center;justify-content:space-between;gap:5rem}@media only screen and (max-width: 46.875em){.section-hero{flex-direction:column;max-width:75rem;width:90%;margin:0 auto;margin-top:4.8rem}}.section-hero__text,.section-hero__img{flex:1}.section-hero__text h2{color:#253234;font-size:4.8rem;letter-spacing:2px;font-weight:700;line-height:1.2}@media only screen and (max-width: 62.5em){.section-hero__text h2{font-size:4rem}}@media only screen and (max-width: 56.25em){.section-hero__text h2{font-size:3.5rem}}.section-hero__text h2 .blue{color:#17c2ed}.section-hero__text p{margin:3.5rem 0;font-size:1.6rem;line-height:1.5;color:#777777}.section-hero .cta-container{display:flex;align-items:center;justify-content:space-between}.section-hero__img img{display:block;width:100%}.section-services{margin-top:4.8rem}.section-services h4{font-size:1.4rem;color:#c4c4c4;text-transform:uppercase;letter-spacing:3px}.section-services h3{color:#3d5156;font-size:3rem;margin-top:-1rem;margin-bottom:3rem}@media only screen and (max-width: 56.25em){.section-services h3{margin-bottom:2rem}}.section-services .gallery{width:80%;margin:0 auto;padding:2rem;display:grid;grid-template-columns:repeat(3, 1fr);gap:4rem}@media only screen and (max-width: 46.875em){.section-services .gallery{grid-template-columns:1fr 1fr;width:100%;gap:3rem}}.section-services .gallery .card{background-color:#e8f9fd;border-radius:1.6rem;padding:5rem 2.5rem 4rem 2.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all 0.3s}.section-services .gallery .card img{display:block;width:80%;margin:0 auto;margin-bottom:3rem}.section-services .gallery .card p{font-size:1.8rem;font-weight:700;text-align:center;color:#3d5156;line-height:1.2}.section-services .gallery .card:hover{transform:translateY(-8px);box-shadow:0 4px 12px rgba(0,0,0,0.07)}.section-about{padding:3rem;margin:6.4rem auto;display:flex;justify-content:space-between;gap:5rem}@media only screen and (max-width: 46.875em){.section-about{flex-direction:column;max-width:75rem;width:75%;padding:1rem}}.section-about__img,.section-about__text{flex:1;display:flex;flex-direction:column}.section-about__img img{width:100%}.section-about h4{font-size:1.4rem;color:#c4c4c4;text-transform:uppercase;letter-spacing:3px}.section-about h3{color:#3d5156;font-size:3rem;margin-top:-1rem;margin-bottom:3rem}@media only screen and (max-width: 56.25em){.section-about h3{margin-bottom:2rem}}.section-about p{font-size:1.6rem;margin-bottom:1.7rem}@media only screen and (max-width: 56.25em){.section-about p{margin-bottom:0.8rem}}.section-about ul{list-style:none;padding-left:1rem;margin:1rem 0 2rem 0}.section-about ul li{display:flex;align-items:center;font-size:1.6rem;margin-bottom:0.5rem}.section-about ul li .blue-dot{width:8px;height:8px;border-radius:50%;background-color:#17c2ed;margin-right:1rem}