body {
    margin: 0 auto;
    padding: 0;
    background: #1b4573;
}

@font-face {
    font-family: Kuunari;
    src: url('../fonts/Kuunari_font/Mika Melvas - Kuunari Bold Italic.otf');

}
.img-banner {
    display: block;
    width: 50%;
    position: absolute;
    top: 0%;
}
.bg-img{
    position: absolute;
    /*width: 100%;*/
    height: 100%;
}
.drp-curency{
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-top: 3px;
    padding-left: 19px;
    margin-top: 10px;
    outline: none;
    width: 408px;
    height: 47.585px;
    flex-shrink: 0;
    background: none;
    color: #83C6FD;
    font-family: "Noto Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 6px;
    border: 1.6px solid #83C6FD;
    background: rgba(6, 128, 166, 0.10);
    backdrop-filter: blur(8px);
}
.curr-list{
    display: none;
    box-sizing: border-box;
    z-index: 1;
    position: absolute;
    margin-top: 8px;
    width: 100%;
    /*height: 80px;*/
    padding-left: 19px;
    border-radius: 5.34px;
    background: #83C6FD;
}
.curr-list > ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.curr-list > ul >li{
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: center;
    margin-right: 8.7px;
}
.curr-list > ul >li>label{
    width: 100%;
    color: rgba(44, 34, 63, 0.60);
    font-family: Cera Pro,sans-serif;
    font-size: 15.258px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.check-sec{
    float: right;
}
.is-check{
    width: 11px;
    height: 11px;
    background: black;
    border-radius: 50%;
}
.checked-sec{
    width: 17px;
    height: 17px;
    display: flex;
    flex-shrink: 0;
    background: white;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.curr-list > ul >li:first-child{
    border-bottom:1px solid #554F60;
}
.drp-curency > div{
    /*padding-right: 12.44px;*/
    width: 90%;
    display: flex;
    justify-content: right;
}

.drp-curency1 {

    box-sizing: border-box;
    color: #83C6FD;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-top: 3px;
    padding-left: 19px;
    margin-top: 10px;
    outline: none;
    width: 100%;
    height: 47.585px;
    flex-shrink: 0;
    font-family: Cera Pro, sans-serif;
    font-size: 20.249px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    border-radius: 6px;
    border: 1.6px solid #83C6FD;
    background: rgba(6, 128, 166, 0.10);
    backdrop-filter: blur(8px);
}
.curr-list1 {
    display: none;
    height: 180px;
    overflow-y: scroll;
    z-index: 1;
    box-sizing: border-box;
    position: absolute;
    margin-top: 8px;
    width: 100%;
    /* height: 80px; */
    padding-left: 19px;
    border-radius: 5.34px;
    background: #83C6FD;
}
.check-sec1 {
    float: right;
}
.is-check1 {
    width: 11px;
    height: 11px;
    background: black;
    border-radius: 50%;
}
.checked-sec1 {
    width: 17px;
    height: 17px;
    display: flex;
    flex-shrink: 0;
    background: white;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.curr-list1 > ul >li {
    border-bottom: 1px solid white;
    cursor: pointer;
}
.curr-list1 > ul >li>label {
    width: 100%;
    color: rgba(44, 34, 63, 0.60);
    font-family: Cera Pro, sans-serif;
    font-size: 15.258px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.curr-list1 > ul >li {
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: center;
    margin-right: 8.7px;
}
.curr-list1 > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.arrow-currency{
    position: absolute;
    right: 18px;
}
.footer-blur{
    position: absolute;
    background: black;
    width: 130%;
    height: 400px;
    bottom: -15%;
    left: -20%;
    filter: blur(105px);
}
.blur-right{
    position: absolute;
    background: black;
    width: 67%;
    height: 126%;
    z-index: -1;
    top: -15%;
    right: -20%;
    filter: blur(288px);
}
.blur-left{
    position: absolute;
    background: black;
    width: 67%;
    height: 126%;
    z-index: -1;
    top: -15%;
    left: -20%;
    filter: blur(288px);
}
.img-lapt{
    display: none;
}
.img-mob{
    display: none;
}
.lang-logo >img{
    border-radius: 50%;
}
.bril{
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0;
    width: 10%;
}
.main-content {
    background: #1b4573;
    z-index: 1;
    width: 100%;
    min-height: 1080px;
    position: relative;
    /*background-image: url('./../images/178');*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    overflow: hidden;
}
.main-content > video{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover; /* Ensure the video covers the entire area */
    top: 0; /* Align the top edge to the parent container */
    left: 0; /* Align the left edge to the parent container */
    z-index: -1; /* Ensure the video is behind other content */
}
#myVideo2{
    display: none;
}
.top {
    display: flex;
    align-items: center;
    height: 120px;
    width: 90%;
    margin: 0 auto;
}

.top>div {
    width: 50%;
}
.logo-section{
    position: relative;
    display: flex;
    /*justify-content: end;*/
}

.logo-section  img {
    position: relative;
    z-index: 1;
    width: 68%;
}

.dropdown {
    position: relative;
    display: flex;
    width: 20%;
    justify-content: right;
}

.dropdown-lang {
    margin-left: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: black;
    border-radius: 42px;
    justify-content: center;
    padding: 7px 15px;
    box-sizing: border-box;
    height: 40px;
}

.lng-text {
    display: flex;
    align-items: center;
}

.lng-text p {
    margin: 0;
    margin-left: 5px;
    margin-right: 5px;
    color: #FFF;
    font-family: Cera Pro, sans-serif;
    font-size: 19.668px;
    font-style: normal;
    font-weight: 500;
    line-height: 36.31px;
}

.langs-check {
    display: none;
    align-items: center;
    width: 97px;
    z-index: 1;
    /*height: 101px;*/
    background: #000E22;
    border-radius: 11px;
    position: absolute;
    top: 37px;
    right: 0;
}

.langs-check>ul {
    margin: 0;
    list-style: none;
    /* position: relative; */
    /* margin: 15px 12px 17px 15px; */
    width: 100%;
    height: 80%;
    padding: 0;
}

.langs-check>ul>li {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50%;
    justify-content: center;
}

.leng-text {
    margin-left: 10px;
    color: #FFF;
    font-family: Cera Pro, sans-serif;
    font-size: 19.668px;
    font-style: normal;
    font-weight: 500;
    line-height: 36.31px;
}

.lang-block {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: end;
}

.left-side {
    width: 60%;
}

.right-side {
    width: 40%;
}

.middle-section {
    display: flex;
position: relative;
}

.form-section {
    display: flex;
    justify-content: center;
    padding-top: 162px;
    position: relative;
}

#form-reg-main {
    width: 427px;
}

.input-section {
    /*padding-top: 31px;*/
}

.main_error {
    color: red;
    font-family: Cera Pro, sans-serif;
    font-size: 10.124px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin: 0;
    width: 417px;
}

.inputs {
    position: relative;
    max-width: 427px;
}

.inputs>input {
    border-radius: 6px;
    border: 1.6px solid #83C6FD;
    background: rgba(6, 128, 166, 0.10);
    backdrop-filter: blur(8px);
    box-sizing: border-box;
    /* padding-top: 3px; */
    padding-left: 19px;
    margin-top: 10px;
    color: #83C6FD;
    font-family: "Noto Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    width: 100%;
    height: 47.585px;
    flex-shrink: 0;
}

.error_field {
    display: none;
    margin: 0;
    padding: 3px;
    color: red;
    font-family: Cera Pro, sans-serif;
    font-size: 12px;
}

.inputs input::placeholder {
    color: #83C6FD;

    font-family: "Noto Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.eye-sec {
    width: 23px;
    position: absolute;
    right: 17px;
    cursor: pointer;
    top: 22px;
    color: #83C6FD;
}

.eye-sec-oppen {
    width: 23px;
    display: none;
    position: absolute;
    right: 17px;
    cursor: pointer;
    top: 22px;
    color: #83C6FD;
}

/*.drp-curency {*/
/*    cursor: pointer;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding-top: 3px;*/
/*    padding-left: 19px;*/
/*    margin-top: 10px;*/
/*    outline: none;*/
/*    border: none;*/
/*    width: 408px;*/
/*    height: 47.585px;*/
/*    flex-shrink: 0;*/
/*    border-radius: 7.087px;*/
/*    background-color: rgba(255, 255, 255, 0.4);*/
/*    color: black;*/
/*    font-family: Cera Pro, sans-serif;*/
/*    font-size: 20.249px;*/
/*    font-style: normal;*/
/*    font-weight: 900;*/
/*    line-height: normal;*/
/*}*/

.cheke-section {
    margin-top: 10px;
    width: 427px;
    display: flex;
}

.cheke-section>div {
    width: 50%;
}

.check {
    display: flex;
    align-items: center;
}

.check>label {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 2px;
    border: 2px solid #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.check>p {
    margin-left: 14px;
    width: 171px;
    color: #FFF;
    font-family: Cera Pro, sans-serif;
    font-size: 14.646px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.check-link {
    /* width: 148px; */
    color: #21E786;
    font-family: Cera Pro, sans-serif;
    font-size: 14.646px;
    font-style: normal;
    font-weight: 500;
    text-align: right;
    line-height: normal;
    text-decoration-line: underline;
}

.check-link-section {
    display: flex;
    justify-content: right;
    align-items: center;
}

.img-section{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.reg-btn {
    margin-top: 14px;
    cursor: pointer;
    border: 0;
    width: 427px;
    height: 62px;
    flex-shrink: 0;
    border-radius: 7.09px;
    background: #3BEA96;
    color: black;
    text-align: center;
    font-family: Kuunari,sans-serif;
    font-size: 35.252px;
    font-style: italic;
    font-weight: 900;
}

.img-section>img {
    /*margin-top: 127px;*/


}
.cashback-section-av{
    text-align: center;
}
.footer-section {
    position: relative;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.footer-text {
    width: 60%;
    /*position: absolute;*/
    bottom: 0;
    text-align: center;
    margin: 0 auto;
}

.footer-text>p {
    color: white;
    text-align: center;
    font-family: Cera Pro, sans-serif;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 15.75px;
}

.footer-text>h6 {
    color: white;
    text-align: center;
    font-family: Cera Pro, sans-serif;
}
.mobcent-blur{
    display: none;
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
      .img-banner {
        position: static;
        width: auto;
        margin-top: -1px;
        max-width: 70%!important;
        top:0!important;
    }
    .right-side{
        margin-top: 700px;
    }
    .bril {
        position: absolute;
        top: -10px;
        left: 7px;
        z-index: 0;
        width: 12%;
    }
    .middle-section {
        flex-wrap: wrap;
    }

    .middle-section>div {
        width: 100%;
    }

    .img-section>img {
        margin-top: 0px;
        width: 120%;
    }

    .form-section {
        display: flex;
        justify-content: center;
        padding-top: 0px;
        margin-top: 19px;
        position: relative;
    }

    /*.main-content {*/
    /*    background-image: url(./../images/lapt.png);*/
    /*    min-height: 1366px;*/
    /*}*/

    .footer-text {
        position: relative;
        margin-top: 50px;
        width: 90%;
    }

    .logo-section  img {
        width: 58%;
    }
    .img-desc{
        display: none;
    }
    .img-lapt{
        display: block;
    }
    .img-section {
        width: 44%;
        margin: 0 auto;
        height: 100%;
        display: flex;
        justify-content: center;
    }
    .main-content > video {
        display: none;
        height: auto;
    }
    #myVideo2{
        display: block;
    }
    .mobcent-blur{
        display: block;
        width: 134%;
        position: absolute;
        height: 400px;
        background: black;
        top: 49%;
        left: -10%;
        filter: blur(185px);
    }
}
.mb-cover-fut{
    display: none;
}

@media screen and (max-width: 760px) and (min-width: 200px) {
    /*.main-content{*/
    /*    background-image: url("../images/bgmob.png");*/
    /*}*/
      .img-banner {
        position: static;
        width: auto;
        margin-top: -1px;
        max-width: 70%!important;
        top:9%!important;
    }
    .right-side{
        margin-top: 500px;
    }
    .mobcent-blur{
        display: block;
        width: 134%;
        position: absolute;
        height: 400px;
        background: black;
        top: 29%;
        left: -10%;
        filter: blur(185px);
    }
    .top {
        height: 50px;
    }
    .mb-cover-fut{
        display: block;
    }
    .mb-cover-fut >img{
        position: absolute;
        bottom: 0;
        height: 130%;
    }
    .main-content > video {
        display: none;
        position: absolute;
        height: 38%;
        width: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #myVideo2{
        display: block;
    }
    .bril {
        position: absolute;
        top: -9px;
        left: 2px;
        z-index: 0;
        width: 22%;
    }
    /*.main-content {*/
    /*    background-image: url(./../images/mob.png);*/

    /*}*/
    .img-desc{
        display: none;
    }
    .img-lapt {
        display: block;
    }
    .middle-section {
        flex-wrap: wrap;
    }
    .img-section {
        width: 76%;
        margin: 0 auto;
        height: 100%;
        display: flex;
        justify-content: center;
    }

    .middle-section>div {
        width: 100%;
    }

    .img-section>img {
        margin-top: 0px;
        width: 120%;
    }

    .form-section {
        display: flex;
        justify-content: center;
        padding-top: 0px;
        /*margin-top: 49px;*/
        position: relative;
    }

    .footer-text {
        position: relative;
        margin-top: 50px;
        width: 90%;
    }

    .logo-section  img {
        width: 58%;
    }

    .payments>img {
        width: 100%;
    }

    #form-reg-main {
        width: 354px;
    }

    .drp-curency {
        width: 100%;
        box-sizing: border-box;
    }

    .reg-btn {
        width: 100%;
        height: 47px;
    }

    .cheke-section {
        width: 100%;
    }

    .check>p {
        font-size: 10px;
    }

    .check-link {

        font-size: 10px;
    }

    .reg-btn {
        margin-top: 14px;
        cursor: pointer;
        border: 0;
        height: 47px;
        flex-shrink: 0;
        border-radius: 7.09px;
        text-align: center;
        font-family: Kuunari,sans-serif;
        font-size: 25.252px;
        font-style: italic;
        font-weight: 900;
    }
    .inputs input::placeholder {
        /*color: black;*/
        /* text-align: center; */
        /*font-family: Cera Pro, sans-serif;*/
        font-size: 18.249px;
        font-style: normal;
        /*font-weight: 600;*/
        /*line-height: normal;*/

    }
    .drp-curency{
        font-size: 14px;
    }
    .blur-right {
        position: absolute;
        background: black;
        width: 100%;
        height: 126%;
        z-index: -1;
        top: -15%;
        right: -20%;
        filter: blur(132px);
    }
}
.phone-input-container {
    margin-top: 10px;
    display: flex;
    overflow: hidden;
    border-radius: 6px;
    border: 1.6px solid #83C6FD;
    background: rgba(6, 128, 166, 0.10);
    backdrop-filter: blur(8px);
}
.country-code {
    color: #83C6FD;
    font-family: "Noto Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    outline: none;
    padding: 10px;
    background: none;
}
.phone-number {
    padding-left: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 47.585px;
    flex-shrink: 0;
    border-radius: 0px 7px 7px 0px;
    background: none;
    border-left: 1px solid white;
    border-top:none ;
    border-right:none ;
    border-bottom:none ;
    color: #83C6FD;
    font-family: "Noto Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;


}
.country-code {
    width: 180px;
}
.phone-number::placeholder{
    line-height: normal;
    color: #83C6FD;
    font-family: "Noto Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}