/*fonts*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap');*/

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/Geometria.eot');
    src: url('../fonts/Geometria.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geometria.woff') format('woff'),
        url('../fonts/Geometria.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*end fonts*/
body {
    font-family: 'Montserrat';
    background: #EFF6FE;
    overflow-x: hidden;
    min-width: 320px;
}
textarea:focus, input:focus, select:focus {outline: none;}

h2 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    color: #1C4672;
    margin-bottom: 40px;
}

.form-content {
    transition: opacity 0.3s ease;
}

.form-content.hidden {
    opacity: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.success-message {
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.response-output .alert {
    margin: 0;
}

h2 span {
    color: #469AF3;
}

p {
    margin: 0;
    text-transform: none;
}

img{
    display: block;
    max-width: 100%;
    height: auto;
}
form {
    display: block;
    text-align: center;
    width: 480px;
    padding: 30px 70px;
}
input, select{
    width: 100%;
    border: none;
    margin-bottom: 44px;
    display: block;
    border-bottom: 1px solid #E0E8F3;
    padding: 12px 0px;
}
form input::placeholder, form select, textarea, textarea::placeholder{
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8FABCC;
    background: #fff;
}
textarea{
    width: 100%;
    border: 1px solid #E0E8F3;
    padding: 10px;
    margin-bottom: 44px;
}
form .my_btn{
    margin: 0 auto 30px auto;
}
input{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #8FABCC;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: #4C7FB5;
    cursor: pointer;
}
.my_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 32px;
    gap: 7px;
    background: linear-gradient(180deg, rgba(176, 215, 255, 0.5) 0%, rgba(88, 166, 248, 0.5) 100%), #0B63F6;
    box-shadow: 0px 4px 0px 0px #236fd8, 0px 25.8546px 51.7092px -7.38703px #74aeff;
    border-radius: 10px;
    border: none;
    color: #fff;
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    transition: 0.3s;
}
.my_btn:hover{
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    transition: 0.3s
}
.my_link {
    display: flex;
    width: 189px;
    height: 55px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    gap: 9px;
    background: #FFFFFF;
    box-shadow: 0px 23px 24px -6.81425px rgba(0, 133, 255, 0.05);
    border-radius: 10px;
    cursor: pointer;
}
.form_btn{
    width: 100%;
    background: #4C84FF;
    border-radius: 10px;
    padding: 18px 0;
    transition: all .3s;
    margin-top: 30px;
}
.box {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 18px 21px 18px 28px;
    gap: 8px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 21.7637px 22.71px -6.44798px rgba(0, 133, 255, 0.05);
    border-radius: 14px;
}

.box:after,.modal-content:after {
    content: '';
    position: absolute;
    bottom: -9px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 90%;
    height: 100%;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(326.5deg, #E3F0FF 9.86%, #FCFDFF 113.93%), linear-gradient(258.38deg, #E3F0FF 7.12%, #FCFDFF 132.44%);
    box-shadow: 0px 4px 134px -6.81425px rgb(0 133 255 / 10%);
    border-radius: 0px 0px 15px 15px;
    z-index: -1;
}
.modal-content {
    background: #FFFFFF;
    box-shadow: 0px 27.4359px 28.6287px -8.12846px rgb(0 133 255 / 5%);
    border-radius: 18px;
}
.modal-content,.modal-header,.modal-footer{
    border: none;
}
.modal-title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 25.4685px;
    line-height: 32px;
    color: #1C4672;
    text-align: center;
    margin-bottom: 20px;
}
/*main*/
/*bg1*/
.bg1 .bg1-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    height: 916px;
    z-index: -2;
}

.bg1 .header {
    padding-top: 40px;
    padding-bottom: 140px;
}

.bg1 .header .logo {
    margin-right: 190px;
}

.bg1 .header .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.login {
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    color: #002B63;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: 9px 19px;
    gap: 6.7px;
    background: #FFFFFF;
    box-shadow: 0px 6.26962px 11.9108px -2.50785px rgb(169 212 255 / 20%);
    border-radius: 8px;
    width: 169px;
    height: 35px;
    margin-left: auto;
    text-decoration: none;
}

.bg1 .header .nav li.nav-item {
    padding: 10px 19px;
}

.bg1 .header .nav .nav-item a {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #002B63;
    padding: 0;
    cursor: pointer;
}

.bg1 .header .nav .nav-item a.nav-link.active {
    position: relative;
}

.bg1 .header .nav .nav-item a.nav-link.active:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    border: 1px dashed #469AF3;
}

.bg1 .table-text {
    position: relative;
    display: inline-block;
    width: 188px;
    height: 44px;
    margin-bottom: 30px;
}

.bg1 .table-text:after {
    content: '';
    position: absolute;
    top: 0;
    left: -12px;
    background-image: url(../img/ticket-1.svg);
    width: 224px;
    height: 85px;
    z-index: -1;
}

.bg1 .table-text p {
    margin-left: 28px;
    margin-top: 13px;
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #002B63;
}

.bg1 h1 {
    font-family: 'Gilroy';
    font-weight: 700;
    font-size: 60px;
    line-height: 73px;
    color: #1C4672;
    margin-bottom: 32px;
}

.bg1 h1 span {
    color: #469AF3;
}

.bg1 .desc {
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    color: #002B63;
    margin-bottom: 40px;
}

.bg1 .info {
    display: flex;
    align-items: center;
    gap: 42px;
}
/*event-slider*/
.swiper.event-slider{
    margin-bottom: 30px;
}
.event-slider-item{
    border: 4px solid #FFFFFF;
    box-shadow: 0px 23px 24px -6.81425px rgba(0, 133, 255, 0.05), -8px -9px 31px 5px #FFFFFF, 7px 15px 31px -12px #A8CEFF;
    border-radius: 15px;
    width: 195px!important;
    height: 117px!important;
    margin: 20px 20px 40px 20px;
}
.event-slider-title {
    position: absolute;
    left: 10px;
    bottom: 8px;
    font-family: 'Gilroy';
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
}
.arrow-wrap{
    position: relative;
    width: 100%;
    height: 10px;
}
.event-promo-header .swiper-button-next:after,.event-promo-header .swiper-button-prev:after{
    font-size: 10px;
}
.event-promo-header .swiper-button-next,.event-promo-header .swiper-button-prev{
    width: 28px;
    height: 28px;
    background: #DAE7FA;
    border-radius: 50%;
}
.event-promo-header .swiper-button-next,.event-promo-header  .swiper-button-prev{
    top: 125%;
}
.event-promo-header .swiper-button-next,.event-promo-header .swiper-rtl .swiper-button-prev {
    right: 0;
}
.event-promo-header .swiper-button-prev,.event-promo-header .swiper-rtl .swiper-button-next{
    left: 30px;
}
.event-slider .swiper-horizontal>.swiper-pagination-bullets,.event-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.event-slider .swiper-pagination-custom,.event-slider .swiper-pagination-fraction{
    bottom: -4px;
}
.event-slider .swiper-pagination-bullet,.swiper-pagination-pay .swiper-pagination-bullet{
    background: #9aa9be;
    width: 12px;
    height: 12px;
}
.event-slider .swiper-pagination-bullet-active,.swiper-pagination-pay .swiper-pagination-bullet-active{
    background: linear-gradient(180deg, rgba(176, 215, 255, 0.5) 0%, rgba(88, 166, 248, 0.5) 100%), linear-gradient(0deg, #0B63F6, #0B63F6), linear-gradient(180deg, #00C1FE 0%, #00A7EF 100%);
    box-shadow: 0px 8.52332px 8.52332px rgba(0, 100, 251, 0.28), 0px 1px 0px #236FD8, inset 0px -1.70467px 4.26166px rgba(255, 255, 255, 0.25);
}
.event-slider .swiper-pagination-bullets{
    padding: 10px 0;
}
.event-promo-header {
    margin-top: 12px;
}
.video-play {
    display: flex;
    align-items: center;
    gap: 10px;
}

.video-play-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    background: linear-gradient(180deg, rgba(176, 215, 255, 0.5) 0%, rgba(88, 166, 248, 0.5) 100%), linear-gradient(0deg, #0B63F6, #0B63F6), linear-gradient(180deg, #00C1FE 0%, #00A7EF 100%);
    box-shadow: 0px 10.5067px 10.5067px rgb(0 100 251 / 28%), 0px 2.62669px 0px #236fd8, inset 0px -2.10135px 5.25337px rgb(255 255 255 / 25%);
    border-radius: 100px;
}

.video-play-btn:after {
    content: '';
    position: absolute;
    background-image: url(../img/video-play-bg.svg);
    top: -18px;
    left: -21px;
    width: 112px;
    height: 112px;
    z-index: -1;
}

.video-play p {
    position: relative;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #002B63;
    text-decoration: none;
}

.video-play p:after {
    content: '';
    position: absolute;
    top: -14px;
    left: -77px;
    background-image: url(../img/ticket-2.svg);
    width: 231px;
    height: 105px;
    z-index: -1;
}

a.video-play {
    text-decoration: none;
}

.event-promo-wrapper {
    position: relative;
    width: 486px;
    height: 872px;
    margin-top: -121px;
}

.event-promo-wrapper img {
    position: absolute;
    z-index: -1;
}
.event-promo-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.event-promo-title .title-text {
    font-family: 'Gilroy';
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #1C4672;
}

.title-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px;
    gap: 7px;
    width: 32px;
    height: 32px;
    box-shadow: 0px 21px 42px -6px #74AEFF;
    border-radius: 8px;
}

.slider-event-promo {
    position: absolute;
    top: 40px;
    left: 109px;
    width: 235px;
}
.event_icon{
    width: 32px !important;
    height: 32px;
}
.event-promo-item {
    display: flex;
    align-items: center;
    width: 235px;
    gap: 14px;
    margin-bottom: 24px;
}

.event-promo-item span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px;
    gap: 7.37px;
    width: 32px;
    height: 32px;
    background: #EFF6FE;
    border-radius: 9.4625px;
}

.event-promo-item .text {
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #002B63;
}

/*bg2*/
section.bg2 {
    margin-top: -120px;
    padding-bottom: 186px;
}

.bg2 .box-content .box {
    flex-direction: column;
    align-items: center;
    height: 306px;
    padding-top: 45px;
    padding-left: 45px;
    padding-right: 45px;
    gap: 0;
}

.bg2 .box-content .box span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px;
    gap: 7px;
    width: 50px;
    height: 50px;
    background: #EFF6FE;
    border-radius: 9px;
    margin-bottom: 20px;
}

.bg2 .box-content .box span img {
    width: 28px;
    height: 27px;
}

.bg2 .box-content .box .box-text {
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #002B63;
    z-index: 1;
}

.bg2 .box-content .box .my_btn {
    z-index: 1;
    position: absolute;
    bottom: 40px;
    width: 186px;
}

.bg2 .box-content .box_bg {
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.bg2 .box-content .ft-cat.box {
    display: block;
}

.bg2 .box-content .ft-cat .reverse {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.bg2 .box-content .ft-cat .reverse span {
    margin: 0;
}

.bg2 .box-content .ft-cat .box_bg {
    right: 0;
}

.bg2 .box-content .ft-cat.box .box-text {
    text-align: left;
}

.box-content .row {
    margin-bottom: 40px;
}

.bg2 .box-content .box.bottom {
    height: 306px;
    padding-left: 40px;
    padding-right: 40px;
}

.bg2 .box-content .box .store_btn {
    display: flex;
    gap: 8px;
    position: absolute;
    bottom: 40px;
}

.bg2 .box-content .box .store_btn .my_btn {
    position: relative;
    padding: 10px 32px;
    width: 106px;
    height: 58px;
    bottom: -18px;
    margin-bottom: 20px;
}

/*bg3*/
section.bg3 {
    padding-bottom: 155px;
}

.bg3 .box-content .box span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px;
    gap: 7px;
    width: 45px;
    height: 46px;
    background: #EFF6FE;
    border-radius: 9px;
    margin-bottom: 30px;
}

.bg3 .int-box-item.box {
    display: block;
    padding: 45px;
}

.int-title {
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #002B63;
    margin-bottom: 18px;
}

.int-desc {
    font-family: 'Gilroy';
    font-weight: 400;
    font-size: 22px;
    line-height: 140%;
    color: #002B63;
}

.int-box-item_btn {
    position: relative;
    height: 100%;
}

.int-box-item_btn .my_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 362px;
    height: 92px;
    font-size: 24px;
}

.int-box-item_btn .my_btn svg {
    width: 25px;
    height: 25px;
}

/*bg4*/
section.bg4 {
    padding-bottom: 264px;
}

.bg4 .col,
.bg6 .col {
    position: relative;
}

.box-desc p {
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #002B63;
    margin-bottom: 60px;
    max-width: 520px;
}

.bg4 .my_btn {
    font-size: 25px;
    line-height: 30px;
}

.bg4 .my_btn svg {
    width: 25px;
    height: 25px;
}

.bg4 .bg-img {
    position: absolute;
    top: -293px;
    right: -91px;
    overflow: hidden;
    height: 771px;
    z-index: -2;
}

/*bg5*/
section.bg5 {
    padding-bottom: 211px;
}

.bg5 .my_btn {
    width: 272px;
    height: 92px;
    font-size: 25px;
    line-height: 30px;
}

/*bg6*/
section.bg6 {
    padding-bottom: 235px;
}

.bg6 .box-content .box span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px;
    gap: 7px;
    width: 45px;
    height: 46px;
    background: #EFF6FE;
    border-radius: 9px;
}

.bg6 .box-content .box .pay-item-text {
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #002B63;
}

.bg6 .box-content .pay-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 710px;
}

.bg6 .pay-item {
    display: flex;
    flex-basis: content;
    align-items: center;
}

.bg6 .pay-item img {
    width: 25px;
    height: 25px;
}
.bg6 .bg-img {
    position: absolute;
    top: -87px;
    right: -57px;
    overflow: hidden;
}
.pay-slider-mob{
    display: none;
}
/*bg7*/
section.bg7 {
    padding-bottom: 207px;
}

.bg7 h2 {
    margin-bottom: 60px;
}

.bg7 .box-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 70px;
}

.bg7 .box-content img {
    width: 217px;
}

.bg7 .box-content img:nth-child(1n) {
    height: 146px;
}
.partners-slider{
    display: none;
}
/*bg8*/
section.bg8 {
    padding-bottom: 160px;
}
.bg8 .col{
    position: relative;
}
/*view-slider*/
.view-slider-item{
    height: 655px !important;
}
.view-slider-bg img {
    width: 887px;
}
.view-slider-bg{
    position: absolute;
    bottom: -50px;
}
.view-slider_img{
    width: 703px;
    height: 437px;
    position: absolute;
    top: 186px;
    left: 95px;
}
.view-slider-content{
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 45px;
    gap: 49px;
    width: 400px;
    height: 469px;
    background: #FFFFFF;
    border-radius: 18px;
}
.view-slider-content .lis:last-child{
    margin-top: auto;
}
.view-slider-box {
    position: absolute;
    right: 0;
    width: 400px;
    height: 469px;
    margin-left: auto;
}
.view-slider-title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    color: #1C4672;
    width: 80%;
}
.view-slider-desc {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #002B63;
    width: 80%;
}
.view-slider .swiper-button-next:after,.view-slider .swiper-button-prev:after,.pay-slider-nav .swiper-button-next:after,.pay-slider-nav .swiper-button-prev:after{
    font-size: 21px !important;
}
.view-slider .swiper-button-next:after,.view-slider .swiper-button-prev:after,.pay-slider-nav .swiper-button-next:after,.pay-slider-nav .swiper-button-prev:after{
    color: white;
}
.view-slider .swiper-button-next,.view-slider .swiper-button-prev,.pay-slider-nav .swiper-button-next,.pay-slider-nav .swiper-button-prev{
    background: linear-gradient(180deg, rgba(176, 215, 255, 0.5) 0%, rgba(88, 166, 248, 0.5) 100%), linear-gradient(0deg, #0B63F6, #0B63F6), linear-gradient(180deg, #00C1FE 0%, #00A7EF 100%);
    box-shadow: 0px 10.5067px 10.5067px rgb(0 100 251 / 28%), 0px 2.62669px 0px #236fd8, inset 0px -2.10135px 5.25337px rgb(255 255 255 / 25%);
    border-radius: 50%;
    width: 53px;
    height: 53px;
}
.view-slider .swiper-button-next,.pay-slider-nav .swiper-button-next{
    left: 80px;
}
.view-slider .arrow-wrap,.pay-slider-nav .arrow-wrap{
    height: 60px;
}
/*bg9*/
section.bg9 {
    padding-bottom: 165px;
}

.step-box-item {
    width: 380px;
    height: 109px;
    margin-bottom: 20px;
}

.step-box-item.box {
    padding: 26px 37px;
    gap: 27px;
    align-items: center;
}

.step-box_numb {
    position: relative;
    display: flex;
    min-width: 55px;
    height: 55px;
    background: linear-gradient(180deg, rgba(176, 215, 255, 0.5) 0%, rgba(88, 166, 248, 0.5) 100%), linear-gradient(0deg, #0B63F6, #0B63F6), linear-gradient(180deg, #00C1FE 0%, #00A7EF 100%);
    box-shadow: 0px 8.52332px 8.52332px rgb(0 100 251 / 28%), 0px 2.13083px 0px #236fd8, inset 0px -1.70467px 4.26166px rgb(255 255 255 / 25%);
    border-radius: 100px;
    font-family: 'Gilroy';
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 1.70467px 3.8355px rgb(11 92 130 / 38%), -1.70467px -1.70467px 3.8355px rgb(255 255 255 / 50%);
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.step-box_btn {
    position: relative;
}

.step-box_btn span {
    position: absolute;
    top: -11px;
    left: -13px;
    width: 80px;
    height: 80px;
    background: #D3E9FF;
    border-radius: 100px;
}

.step-box-title {
    font-family: 'Gilroy';
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #1C4672;
    margin-bottom: 8px;
}

.step-box-desc {
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1C4672;
}

/*form*/
section.bg9 {
    position: relative;
}
.bg9 form.box{
    display: block;
    width: 480px;
    padding: 30px 70px;
}
.bg9 .bg-img {
    position: absolute;
    top: -235px;
    right: 0;
    z-index: -2;
}
.form-title {
    font-family: 'Gilroy';
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
    color: #1C4672;
    padding-top: 30px;
    padding-bottom: 40px;
}
.form-check-input{
    border: 1px solid #e0e8f3 !important;
    border-radius: 4px!important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
}
.form-check{
    margin-bottom: 50px;
}
.form-check-label{
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #002B63;
    padding-top: 5px;
    text-align: left;
    margin-left: -85px;
}

/*footer*/
.footer {
    padding-bottom: 114px;
}

img.logo-footer {
    margin-bottom: 40px;
}

.organization,
.copyright,
.footer-3-title {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    line-height: 180%;
    color: #1C4672;
    margin-bottom: 97px;
}

.copyright {
    margin: 0;
}

.footer ul {
    list-style: none;
    padding: 0;
}

.footer ul li a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #4C7FB5;
    text-decoration: none;
}

.footer-2 .menu-footer ul li {
    margin-bottom: 22px;
}

.footer-3-title {
    margin-bottom: 15px;
}

.footer-apps {
    display: flex;
    gap: 10px;
    margin-bottom: 33px;
}

.footer-events a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #002B63;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.footer-events .my_link {
    width: 260px;
    height: 54px;
}
.footer-mob{
    display: none;
}
.pay-slider-nav{
    display: none;
}
.pay-slider-nav .swiper-button-next,.pay-slider-nav .swiper-button-prev{
    top: -120%;
}
.swiper-pagination-pay.swiper-pagination-bullets.swiper-pagination-horizontal{
    display: none;
}


.response-output{
    padding: 1rem .5rem;
    font-size: .8em;
    line-height: 1.2;
    border-left: 4px solid transparent;
    text-align: left;
    position: relative;
}
.response-output.state-process{

}
.response-output.state-error{
    color: #bb1f1f;
    border-color: #ef3f3f;
    background: #ffdada;
}

.response-output.state-success{
    color: #000;
    border-color: #3f9eef;
    background: #daf3ff;
}

.form-group {
    margin-bottom: 1rem;
    position: relative;
}

.form-group input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.3s;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    color: #8FABCC;
}

.form-group input:invalid {
    border-color: #dc3545;
}

.form-group input:valid {
    border-color: #28a745;
}

.invalid-feedback {
    display: none;
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.form-group input:invalid + .invalid-feedback {
    display: block;
}

.form-check {
    margin: 1rem 0;
    position: relative;
}

.form-check-input:invalid ~ .invalid-feedback {
    display: block;
}

.response-output {
    min-height: 20px;
}

.form-content {
    transition: all 0.3s ease;
}

.success-message {
    display: none;
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.alert {
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

/* Адаптация существующих стилей формы */
.bg9 form.box {
    display: block;
    width: 480px;
    padding: 30px 70px;
    position: relative;
}

.bg9 form.box .form-content {
    margin-bottom: 1rem;
}

.form-check-label {
    margin-left: 0 !important;
}