@media screen and (max-width: 1024px){
    /* header + first screen */
    .container {
        padding: 0px;
    }

    .flex__wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    position: relative;
    flex-direction: column;
    }

    .modal{
        width: 100%;
        margin: 0;
        z-index: 9;
    }

    .modaltitle__h2_text{
        font-size: 30px;
        line-height: 35px;
    }

    .header {
        height: 55px;
        max-width: 100%;
        overflow: hidden;
        position: relative;
        padding-top: 10px;
        z-index: 9;
        position: fixed;
    }

    .monile__nav_link {
        color: #fff;
        font-size: 16px;
    }

    .mobile__nav_wrapper{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background: linear-gradient(80deg, #7E7EF2, #2CFFD5);
        background-size: 400% 400%;
        animation: gradientAnimation 2s ease infinite;
        mix-blend-mode: normal;
        backdrop-filter: blur(18.65178108215332px);
        box-shadow: 0 0 8px 0 rgba(255, 44, 201, 0.3);
        padding: 2px 2px 2px 0px;
        border-radius: 0px 20px 20px 0px;
        margin-right: 20px;
    }

    .header__logo {
        width: 100px;
    }

    .btn_line {
        width: 21px;
        height: 1px;
        margin: 3px;
        background-color: #fff;
        transition: all .3s ease-in-out;
    }

    .nav__mobile_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        cursor: pointer;
        padding: 5px 0px;
        z-index: 9;
        position: relative;
    }

    .mobile__nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 4px 15px;
        background-color: #000;
        color: #fff;
        width: 100%;
        height:100%;
        border-radius: 0px 18px 18px 0px
    }

    /* mobile nav */
    .mobile__menu_wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100dvh;
        background-color: #000;
        position: absolute;
        z-index: 8;
        top: -100%;
        right: 0;
        padding: 40px;
        transition: all .3s ease-in-out;
    }

    .mobile__menu_wrapper.open {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100dvh;
        background-color: #000;
        position: fixed;
        overflow-x: hidden;
        z-index: 8;
        top: 0;
        right: 0;
        padding: 40px;
        transition: all .6s ease-in-out;
    }


    .header__nav_list {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        flex-direction: column;
        margin-bottom: 40px;
        width: 100%;
    }

    .header__nav_item {
        margin: 8px;
    }

    .header__nav_link:hover {
        color:#45DDFF;
    }

    .mobile__btn_wrapper {
        width: 100%;
    }

    /* first screen only */

    .first__screen_wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: auto;
        overflow: hidden;
        padding-top: 90px;
        padding-bottom: 50px;
    }
    .col__content_wrapper, .screen__col_left {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .main__hero_section, .desctop {
        display: none;
    }
    .mobile__content_wrapper, .mobile {
        display: block;
    }
    .screen__col_right {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    /* timer stile */
    .timer__content_wrapper {
        width: 350px;
        height: 350px;
    }

    .video__hero_section {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        filter: none;
    }

    .blur__section {
        width: 100%;
        height: 100%;
    }

    .orbit__wrapper {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        position: absolute;
    }
    .outer-circle{
        width: 350px;
        height: 350px;
    }

    .inner-circle {
        width: 350px;
        height: 350px;
        border: 2px solid #8ae4f9;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 5px;
    }

    .main__title {
        font-size: 30px;
        text-align: center;
    }

    .title_gradient {
        font-size: 38px;
    }

    .subtitle__text{
        text-align: center;
    }

    .main__logo {
        width: 340px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .mobile__content_wrapper{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-top: 30px;
    }

    .btn_color {
        width: 100%;
    }

    .main__btn_wrarpper {
        width: 100%;
        padding: 0px 20px;
    }

    /* screen second style */

    .second__screen_wrapper {
        padding: 20px;
        overflow: hidden;
    }

    .form__content_wrapper {
        top: 0;
        bottom: 0;
        left: 0;
        padding: 40px;
    }

    .title__h2_text {
        text-align: center;
        font-size: 30px;
        line-height: 40px;
    }

    .blue__bold_text {
        font-size: 30px;
    }

    .second__screen_form {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-top: 30px;
    }

    .form__input_style {
        width: 100%;
    }

    .btn__size_normal {
        width: 100%;
    }

    .coin_img {
        width: 270px;
        top: 40%;
        right: -100px;
    }

    /* Section Three mobile style */

    .third__screen_wrapper {
        padding: 20px;
    }

    .big__title_h2, .colored__title {
        font-size: 60px;
        line-height: 60px;
        text-align: center;
    }

    .subtitle2__text {
        font-size: 30px;
        text-align: center;
        line-height: 30px;
        margin-top: 10px;
    }

    .cards__grid_wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 30px;
    }

    .nocard {
        display: none;
    }

    .section__btn_wrappper{
        margin-top: 30px;
        width: 100%;
    }

    /* Sections fourth */

    .fourth__screen_wrapper {
        display: none;
    }

    .icon__arrow2{
        display: none;
    }

    .fourth__screenmobile_wrapper {
        background-image: url(/ready-html/includes/sys/bg/Grouparrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-top: 90px;
    }

    .fourth__screenmobile_content{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 20px;
    }

    .card__wrapper_container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px;
        margin-top: 40px;
    }

    .content__single_card{
        border-radius: 30px;
        width: 100%;
        height: 240px;
        backdrop-filter: blur(10px);
        border: 2px solid #9f9fb379;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 3.04%, rgba(255, 255, 255, 0) 99.2%);
        padding: 50px;
    }

    .slider__card_title {
        font-size: 30px;
    }

    .marquee__container_wrapper{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .marq__col_right {
        order: 0;
    }

    .marq__col_left {
        order: 1;
    }

    .big__title_h2, .colored__title {
        font-size: 60px;
        line-height: 60px;
        margin: 0px;
    }

    .icon-item {
        width: 240px;
        height: 140px;
    }


    /* Section fifth styles */

    .fifth__screen_wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 5;
        top: 0;
        min-height: 1266px;
        margin-top: 40px;
        position: relative;

    }
    .fifth__section_content {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        top: 05%;
        z-index: 4;
    }

    .roadcard__wrapper_mobile{
        margin-top: 40px;
        z-index: 4;
    }

    .roadmap__bg_mobile {
        padding: 0px 20px;
        width: 100%;
        height: 100%;
        z-index: 4;
        min-height: 1266px;
        top: 0;
        position: relative;
    }

    .lines_roadmap_bg, .road__line1, .road__line6 {
        display: none;
    }

    .road__linem1{
        margin-left: 180px;
    }

    .road__linem2{
        margin-left: 90px;
    }

    .road__linem3{
        margin-left: 140px;
    }

    .road__linem4{
        margin-left: 70px;
    }

    .road__linem6{
        display: block;
        position: absolute;
        bottom: 235px;
        right: 30%;
    }

    .card__btn_info-wrapper {
        margin-top: 105px;
        margin-bottom: 10px;
    }

    .section__inner2 {
        position: absolute;
        z-index: -1;
        left: -93px;
        bottom: -83px;
        max-width: 300px;
        transform: rotate(24deg);
    }

    .road {
        padding: 0px 20px;
    }

    /* Screen six styles */

    .six__screen_wrapper{
        margin-top: 90px;
        position: relative;
        z-index: 6;
        padding: 0px 20px;
    }

    .teams__card_wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 35px;
        margin-top: 40px;
    }

    .team__avatar{
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center;
    }

    .team__person_name{
        margin-top: 20px;
    }


    /* Seven screen style */

    .seven__screen_content{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 90px;
        max-width: 100%;
        overflow: hidden;
    }

    .sevens__bg_inner{
        display: none;
    }

    .faq__descriptions, .social__icons_list{
        display: none;
    }

    .accordionTitle, .accordion__Heading{
        min-width: 100%;
        width: auto;
    }

    .seven__col_right{
        width: 100%;
    }

    .bg__section_arrow4{
        display: flex;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 4;
    }

    .accordion p{
        width: auto;
    }

    /* Eigth screen style */

    .eigth__screen_wrappper{
        padding: 0px 20px;
        margin-top: 0px;
    }

    .phone__reff_mockup{
        width: 194px;
        bottom: 12%;
        left: 27%;
    }

    .image__box_wrapper{
        width: 80%;
        height: 360px;
        border: 2px solid #7E7EF2;
        border-radius: 40px 0px 0px 40px;
        position: absolute;
        right: 20px;
        z-index: 9;
    }

    .second__box{
        top: 10%;
    }


    /* Footer styles */

    .footer{
        position: relative;
        box-shadow: none;
        padding-bottom: 60px;
    }

    .footer__wrapper{
        clip-path: none;
        display: none;
        justify-content: center;
        align-items: center;
        width: 100%;
        box-shadow: none;
    }
    
    .mobile__footer_bg{
        position: absolute;
        top: 0;
        z-index: -1;
    }

    .footer__wrapper.gradient-bg {
        background: #000;
        box-shadow: none;
    }

    .footer__conent_wrapper{
        display: none;
        background-color: none;
    }

    .footer__content_mobile{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        padding: 20px;
        position: relative;
        z-index: 6;
    }

    .row__fmobile_box{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        gap: 57px;
        padding: 10% 30px 0px 30px;
    }

    .row__col_cmobile{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

    .info__links_list, .footer__nav_list{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 0px;
        padding: 0px;
    }

    .row__col_fmobile{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

    .info__links_list{
        margin-bottom: 10px;
    }

    .row__fmobile_box{
        max-width: 100%;
    }

    .footer__nav_item{
        margin-bottom: 10px;
    }

    .footer__copyright{
        position: sticky;
    }

    .info__link_item{
        text-wrap: nowrap;
    }
    
    .footer__logo_icon{
        width: 113px;
        min-width: 100%;
    }

    .gradient-bg{
        animation: none;
    }

}