@font-face { font-family: 'Helvetica Neue'; src: url("/assets/landing/ISS2025/fontHelveticaNeue-Thin.otf"); font-weight: 100; }
@font-face { font-family: 'Helvetica Neue'; src: url("/assets/landing/ISS2025/fontHelveticaNeue-Light.otf"); font-weight: 200; }
@font-face { font-family: 'Helvetica Neue'; src: url("/assets/landing/ISS2025/fontHelveticaNeue-Roman.otf"); font-weight: 400; }
@font-face { font-family: 'Helvetica Neue'; src: url("/assets/landing/ISS2025/fontHelveticaNeue-Medium.otf"); font-weight: 500; }
@font-face { font-family: 'Helvetica Neue'; src: url("/assets/landing/ISS2025/font/HelveticaNeueBold.ttf"); font-weight: 700; }
body { max-width: 1920px; min-width: 320px; margin: 0px auto; box-sizing: border-box; font-family: "Helvetica Neue", Arial, sans-serif; overflow-x: hidden; }

@keyframes fadeInOut { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeInLeft { from { opacity: 0; transform: translateX(-400px); }
  to { opacity: 1; transform: translateX(0px); } }
@keyframes fadeInRight { from { opacity: 0; transform: translateX(400px); }
  to { opacity: 1; transform: translateX(0px); } }
h1, h2, h3, p, ul, li, label, input { margin: 0px; font-family: "Helvetica Neue", Arial, sans-serif; }

.desktop-hidden { display: none; }
@media (max-width: 1023px) { .desktop-hidden { display: block; } }

@media (max-width: 1023px) { .mobile-hidden { display: none; } }

.hidden { display: none; }

.container { width: 1200px; margin: 0px auto; }
@media (max-width: 1279px) { .container { width: auto; padding: 0px 40px; } }
@media (max-width: 767px) { .container { padding: 0px 30px; } }

header { background-image: url("/assets/landing/ISS2025/img/i_1724366018 1.jpg"); background-position: right center; background-repeat: no-repeat; position: relative; overflow: hidden; }
@media (max-width: 1023px) { header { background-image: unset; } }
@media (max-width: 1023px) { header .container { padding: 0px; } }
header .container .content { padding: 70px 30px 45px; background: rgba(255, 255, 255, 0.9); width: 540px; position: relative; z-index: 50; }
@media (max-width: 1023px) { header .container .content { background: transparent; width: 100%; padding: 0px; } }
@media (max-width: 511px) { header .container .content .logo-box img { width: 180px; height: auto; } }
header .container .content .title-desc .title-box { background-repeat: no-repeat; background-size: cover; background-position: right center; overflow: hidden; position: relative; }
@media (max-width: 1023px) { header .container .content .title-desc .title-box { background-image: url("/assets/landing/ISS2025/img/i_1724366018 1.jpg"); padding: 50px 40px 150px; } }
@media (max-width: 511px) { header .container .content .title-desc .title-box { background-position: center center; background-image: url("/assets/landing/ISS2025/img/4046717cb61a99cd5be53a3be8bf134a.jpg"); padding: 30px 0px 250px 30px; } }
header .container .content .title-desc .title-box .title { color: #025697; font-size: 60px; font-weight: 750; line-height: 65px; font-family: "Helvetica Neue", Arial, sans-serif; padding: 50px 0px 40px; }
@media (max-width: 1023px) { header .container .content .title-desc .title-box .title { padding: 25px 0px 10px; position: relative; z-index: 50; text-shadow: 0px 0px 6px #fff; font-size: 48px; line-height: 56px; } }
@media (max-width: 511px) { header .container .content .title-desc .title-box .title { text-shadow: unset; font-size: 38px; line-height: 45px; } }
@media (max-width: 374px) { header .container .content .title-desc .title-box .title { font-size: 32px; } }
header .container .content .title-desc .title-box .title span { font-weight: 500; line-height: normal; font-size: 40px; color: #248FCF; }
@media (max-width: 1023px) { header .container .content .title-desc .title-box .title span { font-size: 36px; } }
@media (max-width: 511px) { header .container .content .title-desc .title-box .title span { font-size: 30px; } }
@media (max-width: 1023px) { header .container .content .title-desc .title-box .dark-blue-bg { display: none; } }
@media (max-width: 511px) { header .container .content .title-desc .title-box .dark-blue-bg { display: block; } }
@media (max-width: 1023px) { header .container .content .title-desc .title-box .light-blue-bg { display: none; } }
@media (max-width: 511px) { header .container .content .title-desc .title-box .light-blue-bg { display: block; } }
@media (max-width: 1023px) { header .container .content .title-desc .desc-box { padding: 30px 40px 10px; } }
@media (max-width: 511px) { header .container .content .title-desc .desc-box { padding: 30px 30px 10px; } }
header .container .content .title-desc .desc-box .desc { font-size: 20px; line-height: normal; font-weight: 300; color: #333233; font-family: "Helvetica Neue", Arial, sans-serif; padding: 0px 0px 20px; }
@media (max-width: 511px) { header .container .content .title-desc .desc-box .desc { padding: 0px 0px 15px; font-size: 16px; } }
header .container .content .goForm { width: 100%; color: #fff; background-color: #F69F0F; border-radius: 15px; text-align: center; font-weight: 700; border: 0px; line-height: normal; font-family: "Helvetica Neue", Arial, sans-serif; padding: 10px 10px 5px; font-size: 35px; transition: 0.5s; position: relative; z-index: 50; cursor: pointer; }
@media (max-width: 1023px) { header .container .content .goForm { padding: 10px 50px; width: auto; } }
@media (max-width: 511px) { header .container .content .goForm { width: calc(100% - 30px); padding: 10px 10px 5px; font-size: 30px; line-height: 45px; } }
header .container .content .goForm:hover { background-color: #1D91D0; }
header .container .dark-blue-bg { width: 1107px; height: 327px; background-color: #153659; transform: rotate(20deg); flex-shrink: 0; position: absolute; bottom: -200px; left: -175px; z-index: 3; }
@media (max-width: 511px) { header .container .dark-blue-bg { left: -20px; bottom: -40px; width: 40%; height: 10%; } }
header .container .light-blue-bg { background: rgba(29, 145, 208, 0.5); position: absolute; right: -175px; bottom: -215px; transform: rotate(-20deg); width: 1515px; height: 424px; z-index: 5; }
@media (max-width: 511px) { header .container .light-blue-bg { width: 90%; height: 25%; right: -40px; bottom: -95px; } }

.sec-container .container { display: flex; }
@media (max-width: 1279px) { .sec-container .container { align-items: center; } }
@media (max-width: 1023px) { .sec-container .container { display: block; } }
.sec-container .container .content { width: 50%; }
@media (max-width: 1023px) { .sec-container .container .content { width: 100%; } }
.sec-container .container .left-content { height: 420px; }
@media (max-width: 1279px) { .sec-container .container .left-content { height: auto; } }
@media (max-width: 1023px) { .sec-container .container .left-content { text-align: center; } }
.sec-container .container .left-content img { animation: fadeInLeft 2s; -webkit-animation: fadeInLeft 2s; }
@media (max-width: 1279px) { .sec-container .container .left-content img { width: 100%; height: auto; } }
@media (max-width: 1023px) { .sec-container .container .left-content img { width: 600px; } }
@media (max-width: 767px) { .sec-container .container .left-content img { width: 452px; } }
@media (max-width: 511px) { .sec-container .container .left-content img { width: 100%; } }
.sec-container .container .right-content { padding: 50px 0px 0px; }
@media (max-width: 1279px) { .sec-container .container .right-content { padding: 30px 0px 0px; } }
.sec-container .container .right-content h2 { color: #025697; font-size: 35px; line-height: 40px; padding: 0px 0px 0px 52px; font-family: "Helvetica Neue", Arial, sans-serif; }
@media (max-width: 1023px) { .sec-container .container .right-content h2 { font-size: 32px; line-height: 34px; padding: 0px; } }
@media (max-width: 511px) { .sec-container .container .right-content h2 { font-size: 25px; line-height: 30px; } }
.sec-container .container .right-content .blue-line { background: #1D91D0; width: 150px; height: 8px; margin: 11px 0px 0px 52px; }
@media (max-width: 1023px) { .sec-container .container .right-content .blue-line { margin: 11px 0px 0px; } }
.sec-container .container .right-content p { color: #333233; font-weight: 300; font-size: 20px; line-height: normal; font-family: "Helvetica Neue", Arial, sans-serif; padding: 20px 0px 0px 52px; }
@media (max-width: 1023px) { .sec-container .container .right-content p { font-size: 18px; padding: 20px 0px 18px; } }
@media (max-width: 511px) { .sec-container .container .right-content p { font-size: 16px; } }

.trd-container { background: #153659; padding: 50px 0px 55px; }
@media (max-width: 511px) { .trd-container { padding: 60px 0px 65px; } }
.trd-container .container h2 { color: #E7F6FF; font-size: 35px; line-height: 42px; font-family: "Helvetica Neue", Arial, sans-serif; }
@media (max-width: 1023px) { .trd-container .container h2 { font-size: 32px; line-height: 38px; } }
@media (max-width: 511px) { .trd-container .container h2 { font-size: 25px; line-height: 30px; } }
.trd-container .container .blue-line { background: #1D91D0; width: 150px; height: 8px; margin: 11px 0px 20px; }
@media (max-width: 767px) { .trd-container .container .blue-line { margin: 11px 0px 40px; } }
.trd-container .container .content { display: flex; justify-content: space-between; }
@media (max-width: 767px) { .trd-container .container .content { flex-direction: column; align-items: center; gap: 45px; } }
.trd-container .container .content .con-box { width: 268px; text-align: center; }
.trd-container .container .content .con-box p { margin: 20px 0px 0px; font-size: 20px; font-weight: 700; font-family: "Helvetica Neue", Arial, sans-serif; color: #fff; line-height: 24px; }

.fourth-container { overflow: hidden; }
.fourth-container .container { display: flex; width: 100%; margin-left: calc((100% - 1200px) / 2); }
@media (max-width: 1279px) { .fourth-container .container { padding-left: 40px; margin-left: 0px; align-items: center; } }
@media (max-width: 1023px) { .fourth-container .container { display: block; padding: 0px; } }
@media (max-width: 1023px) { .fourth-container .container .content { width: auto !important; } }
.fourth-container .container .left-content { padding: 65px 38px 0px 0px; width: 562px; }
@media (max-width: 1279px) { .fourth-container .container .left-content { width: calc((100% - 80px) / 2); padding: 65px 38px 30px 0px; } }
@media (max-width: 1023px) { .fourth-container .container .left-content { padding: 65px 40px 50px; } }
@media (max-width: 511px) { .fourth-container .container .left-content { padding: 52px 30px 42px; } }
.fourth-container .container .left-content h2 { color: #025697; font-size: 35px; line-height: 40px; font-family: "Helvetica Neue", Arial, sans-serif; }
@media (max-width: 1023px) { .fourth-container .container .left-content h2 { font-size: 32px; line-height: 34px; } }
@media (max-width: 511px) { .fourth-container .container .left-content h2 { font-size: 25px; line-height: 30px; } }
.fourth-container .container .left-content .blue-line { background: #1D91D0; width: 150px; height: 8px; margin: 11px 0px 20px; }
.fourth-container .container .left-content ul { padding: 0px 0px 0px 18px; }
.fourth-container .container .left-content ul li { color: #333233; font-weight: 300; font-size: 20px; line-height: normal; font-family: "Helvetica Neue", Arial, sans-serif; }
@media (max-width: 1023px) { .fourth-container .container .left-content ul li { font-size: 18px; } }
@media (max-width: 511px) { .fourth-container .container .left-content ul li { font-size: 16px; } }
.fourth-container .container .left-content li::marker { color: #1D91D0; }
.fourth-container .container .right-content { width: calc(100% - 600px); }
@media (max-width: 1279px) { .fourth-container .container .right-content { width: calc(100% - ((100% - 80px) / 2)); } }
.fourth-container .container .right-content img { animation: fadeInRight 2s; -webkit-animation: fadeInRight 2s; height: 100%; width: 1000px; }
@media (max-width: 1279px) { .fourth-container .container .right-content img { width: 100%; height: auto; } }

.fifth-container { padding: 72px 0px 40px; background: linear-gradient(to bottom, #025697 100%, #fff 0%); background-repeat: no-repeat; background-size: 100% 60%; margin: -95px 0px 0px; position: relative; }
@media (max-width: 1279px) { .fifth-container { margin: 0px; } }
@media (max-width: 1023px) { .fifth-container { margin: -4px 0px 0px; } }
.fifth-container .container h2 { font-size: 35px; line-height: 42px; color: #E7F6FF; }
@media (max-width: 511px) { .fifth-container .container h2 { font-size: 25px; line-height: 29px; } }
.fifth-container .container .blue-line { background: #1D91D0; width: 150px; height: 8px; margin: 11px 0px 30px; }
.fifth-container .container .content { display: flex; justify-content: space-between; }
@media (max-width: 1279px) { .fifth-container .container .content { justify-content: center; gap: 30px; flex-wrap: wrap; } }
.fifth-container .container .content .con-box { border-radius: 15px; width: 360px; height: 581px; overflow: hidden; position: relative; z-index: 20; }
@media (max-width: 511px) { .fifth-container .container .content .con-box { width: 315px; height: 508px; } }
.fifth-container .container .content .con-box h3 { color: #fff; font-size: 25px; padding: 20px 10px 10px; line-height: normal; font-weight: 500; background-color: #1D91D0; text-align: center; border-radius: 15px; position: absolute; top: 0px; z-index: 10; }
@media (max-width: 511px) { .fifth-container .container .content .con-box h3 { font-size: 20px; line-height: 26px; } }
.fifth-container .container .content .con-box .yellow-arrow { position: absolute; top: 190px; left: calc((100% - 30px) / 2); transition: 0.5s; z-index: 6; fill: #F69F0F; }
@media (max-width: 511px) { .fifth-container .container .content .con-box .yellow-arrow { top: 175px; } }
@media (max-width: 374px) { .fifth-container .container .content .con-box .yellow-arrow { top: 130px; } }
.fifth-container .container .content .con-box .light-blue-bg { background: linear-gradient(0deg, #153659 40.34%, rgba(2, 86, 151, 0.75) 59.31%); position: absolute; z-index: 5; width: 100%; height: 100%; top: 0px; animation: fadeInOut 0.5s; }
.fifth-container .container .content .con-box .show-img { transition: 0.3s; }
@media (max-width: 511px) { .fifth-container .container .content .con-box .show-img { width: 100%; height: auto; } }
.fifth-container .container .content .con-box .transofrm180deg { transform: rotate(180deg); }
.fifth-container .container .content .con-box p { position: absolute; z-index: 10; top: 316px; font-size: 20px; font-weight: 300; padding: 0px 18px; color: #fff; line-height: normal; }
@media (max-width: 511px) { .fifth-container .container .content .con-box p { top: 260px; font-size: 18px; } }
@media (max-width: 374px) { .fifth-container .container .content .con-box p { top: 180px; } }
.fifth-container .container .content .con-box:hover .show-img { transform: scale(1.05); }

footer { background: url("/assets/landing/ISS2025/img/i_1696781145 1.png"); background-repeat: no-repeat; background-position: center bottom; background-size: 1920px 600px; }
@media (max-width: 511px) { footer { background-size: 1104px 362px; } }
footer .container .form-content { display: flex; align-items: end; gap: 50px; }
@media (max-width: 1023px) { footer .container .form-content { display: block; } }
footer .container .form-content .form-container { border-radius: 15px; background: rgba(255, 255, 255, 0.85); width: 600px; }
@media (max-width: 1279px) { footer .container .form-content .form-container { width: auto; } }
@media (max-width: 1023px) { footer .container .form-content .form-container { width: 640px; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2); margin: 0px auto 30px; } }
@media (max-width: 767px) { footer .container .form-content .form-container { width: auto; } }
footer .container .form-content .form-container h2 { padding: 23px 30px 16px; border-radius: 15px 15px 0px 0px; background-color: #153659; font-size: 30px; line-height: normal; color: #fff; }
@media (max-width: 1279px) { footer .container .form-content .form-container h2 { font-size: 21px; } }
@media (max-width: 1023px) { footer .container .form-content .form-container h2 { font-size: 28px; } }
@media (max-width: 511px) { footer .container .form-content .form-container h2 { padding: 26px 13px 26px 18px; font-size: 21px; line-height: 24px; } }
footer .container .form-content .form-container form { padding: 30px 30px 35px; border-radius: 0px 0px 15px 15px; }
@media (max-width: 511px) { footer .container .form-content .form-container form { padding: 20px 15px 30px; } }
footer .container .form-content .form-container form .field-container .input-field { padding: 2px 0px; }
footer .container .form-content .form-container form .field-container .input-field input { border: 1px solid #1D91D0; background-color: #fff; border-radius: 15px; width: calc(100% - 32px); font-size: 20px; color: #1D91D0; line-height: normal; font-weight: 300; padding: 10px 15px 10px; margin: 0px 0px 20px; }
footer .container .form-content .form-container form .field-container .input-field input::placeholder { color: #1D91D0; }
footer .container .form-content .form-container form .field-container-checkbox { display: flex; align-items: center; gap: 10px; margin: 0px 0px 20px; }
footer .container .form-content .form-container form .field-container-checkbox input { width: 12px; height: 12px; margin: 0px; border: 1px solid #1D91D0; background-color: #fff; }
footer .container .form-content .form-container form .field-container-checkbox label { font-size: 12px; font-weight: 300; line-height: normal; color: #333233; }
footer .container .form-content .form-container form .field-container-button .button-field button { border: 0px; text-align: center; background-color: #F69F0F; border-radius: 15px; font-size: 35px; font-weight: 700; padding: 7px 0px; line-height: normal; color: #fff; width: 100%; transition: 0.5s; }
@media (max-width: 1279px) { footer .container .form-content .form-container form .field-container-button .button-field button { font-size: 28px; } }
@media (max-width: 511px) { footer .container .form-content .form-container form .field-container-button .button-field button { font-size: 30px; line-height: 35px; } }
footer .container .form-content .form-container form .field-container-button .button-field button:hover { background-color: #1D91D0; }
@media (max-width: 1023px) { footer .container .form-content .img-container { text-align: center; } }
footer .container .form-content .img-container img { height: auto; }
@media (max-width: 1279px) { footer .container .form-content .img-container img { width: 450px; } }
@media (max-width: 511px) { footer .container .form-content .img-container img { width: 100%; } }
footer .container .footer-declare { padding: 72px 0px 92px; }
@media (max-width: 1023px) { footer .container .footer-declare { padding: 60px 0px 50px; } }
@media (max-width: 511px) { footer .container .footer-declare { padding: 46px 0px 20px; text-align: center; } }
footer .container .footer-declare img { width: 250px; height: auto; }
@media (max-width: 511px) { footer .container .footer-declare img { width: 180px; } }
footer .container .footer-declare p { text-align: right; font-size: 12px; line-height: normal; font-weight: 300; color: #fff; }
@media (max-width: 767px) { footer .container .footer-declare p { text-align: center; } }
@media (max-width: 511px) { footer .container .footer-declare p { padding: 28px 0px 0px; } }

.back-top { position: fixed; bottom: 30px; right: 30px; z-index: 20; padding: 10px 5px; background-color: #4bb6f7; cursor: pointer; }

/*# sourceMappingURL=main.css.map */