.explore-sea{position:relative;padding-block:clamp(50px,calc(50px - (50px/1180px*420px) + 50px/1180px*100vw),100px);overflow:hidden;height:calc(100vh - 97px)}@media(max-width:768px){.explore-sea{height:calc(100vh - 44px)}}.explore-sea .container{position:relative;z-index:2;width:100%;height:100%}.explore-sea__bg{position:absolute;inset:0;z-index:1}.explore-sea__wrap{opacity:0;transform:translateY(50px);width:100%;position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:50px;height:100%}@media(max-width:768px){.explore-sea__wrap{flex-direction:column;align-items:center;text-align:center}}.explore-sea__title .xl-title{color:#fff;text-transform:uppercase}@media(max-width:768px){.explore-sea__title .xl-title{color:#0b1735}}.explore-sea__card{background-color:#fff;padding:24px;border-radius:30px;width:100%;max-width:446px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 40px #0003}.explore-sea__card-img{aspect-ratio:398/380;border-radius:20px;overflow:hidden}.explore-sea__card-img img{width:100%;height:100%;object-fit:cover}.explore-sea__card-footer .ctab{width:100%;text-align:center}.hero{padding-block:clamp(50px,calc(50px - (100px/1180px*420px) + 100px/1180px*100vw),150px);background-color:#c8d9ec}.hero__wrap{position:relative;display:grid;gap:37.5px}@media(max-width:992px){.hero__wrap{gap:20px}}.hero__wrap-title{display:grid;justify-items:center;gap:15px}.hero__wrap-title .xl-title{max-width:1015px;text-align:center;text-transform:uppercase}.hero__wrap-title .html-content{text-align:center;max-width:819px;font-weight:400;font-size:17px;line-height:23px}.hero__wrap-img{width:100%;height:100%;max-width:918px;margin-inline:auto;position:relative;z-index:1}@media(max-width:992px){.hero__wrap-img{margin-top:15px}}.hero__wrap-img svg{aspect-ratio:918/436;width:100%;height:100%;object-fit:cover}.hero__wrap-img svg .pin,.hero__wrap-img svg .line{fill:#a6bed8;transition:fill .45s ease}.hero__wrap-img svg .alw-active{fill:#00101b}.hero__wrap-img svg .active{fill:#00101b}.hero__wrap-nav{display:flex;align-items:center;justify-content:center;width:fit-content;margin-inline:auto;margin-top:115px;gap:5px;padding:10px;background-color:#fff;border-radius:50px}.hero__wrap-nav .nav-ctab{display:flex;padding:15px 20px;border-radius:50px;background:transparent;transition:background-color .45s ease,color .45s ease}@media(hover:hover)and (pointer:fine){.hero__wrap-nav .nav-ctab:hover:not(.is-active){background-color:#00101b;color:#fff}}.hero__wrap-nav .nav-ctab.is-active{background-color:#00101b;color:#fff}.hero .hero__card{position:absolute;z-index:4;bottom:250px;right:clamp(0px,calc(0px - (40px/100px*1500px) + 40px/100px*100vw),40px);display:flex;flex-direction:column;gap:15px;padding:15px;border-radius:20px;background-color:#fff}@media(max-width:1400px){.hero .hero__card{position:static}}.hero .hero__card-img{width:clamp(270px,calc(270px - (30px/1256px*344px) + 30px/1256px*100vw),300px);aspect-ratio:1;border-radius:15px;overflow:hidden}.hero .hero__card-img img{aspect-ratio:1;width:100%;height:100%;object-fit:cover}.hero .hero__card-footer{display:flex;align-items:center;justify-content:space-between}.hero .hero__card-title{font-weight:300;font-size:clamp(16px,calc(16px - (2px/1578px*22px) + 2px/1578px*100vw),18px);line-height:clamp(20px,calc(20px - (2px/1574px*26px) + 2px/1574px*100vw),22px);text-transform:uppercase}.hero .hero__card-ctab{display:flex;gap:clamp(10px,calc(10px - (10px/1574px*26px) + 10px/1574px*100vw),20px);align-items:center;padding-inline:14px 4px;padding-block:5px;background-color:#1a2832;border-radius:50px;color:#fff;font-weight:600;font-size:15px;line-height:23px;border:1px solid #1A2832;transition:background-color .45s ease,color .45s ease}.hero .hero__card-ctab .arrow{width:35px;height:35px;border-radius:50%;background-color:#fff;color:#1a2832;display:flex;align-items:center;justify-content:center;transition:background-color .45s ease,color .45s ease}.hero .hero__card-ctab .arrow svg{width:12px;height:12px;fill:currentColor}@media(hover:hover)and (pointer:fine){.hero .hero__card-ctab:hover{background-color:#fff;color:#1a2832}.hero .hero__card-ctab:hover .arrow{background-color:#1a2832;color:#fff}}@media(max-width:1400px){.hero .hero__wrap-title{order:1}.hero .hero__wrap-nav{margin-top:0;order:2}.hero .hero__wrap-img{order:3}.hero .hero__card{order:4;width:fit-content;margin-inline:auto}}