@media(max-width: 1023px) {
    :root {
        font-size: 9.14px;
    }
    .logo {
        width: 5.57rem;
    }
    body {
        max-width: 100vw;
    }
    .non-mobile {
        display: none !important;
    }
    .mobile {
        display:block !important;
    }
    .first-block {
        width: 100%;
        min-height: 58.31rem;
        max-height: 100vmin;
        background-color: #1B1C1E;
        padding-top: 10.28rem;

    }
    .first-block .content {
        width: 27.13rem;
        margin-left:12%;
    }
    .first-block .content button {
        margin-top: 5.25rem;
    }
    .first-block img{
        margin-top: 6.5rem;
    }
    h6 {
        font-size: 1.75rem;
    }
    h5, h3 {
        font-size: 1.96rem;
    }
    .second-block-inter-blocks-margin-top {
        margin-top: 34.25rem;
    }
    .inter-blocks-margin-top {
        margin-top: 15.25rem;
    }
    .content-size {
        max-width: 52.5rem;
        width: 91vw;
        min-width: min-content;
    }
    .second-block .content{
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
        padding-left: 3.5rem;
    }
    button {
        padding: 1.3rem 2.62rem;
    }
    .subcontent-separator {
        margin-top: 3.5rem;
    }
    .subcontent-separator-2 {
        margin-top: 5.25rem;
    }
    .fourth-block .content {
        padding: 3.5rem 3.5rem 1.3rem 3.5rem ;
    }
    .sixth-block .content {
        padding: 3.5rem;
    }
    footer .content {
        padding-bottom: 6.12rem;
        padding-top: 6.12rem;
    }
    header .mobile{
        height: 8.42rem;
        background-color: #1B1C1E;
    }
    .before-header {
        background-color: #1B1C1E;
        height: 1.31rem;
        width: 100%;
    }
    .after-header {
        display: none;
    }
    #sticky-placeholder {
        background: #1B1C1E !important;
    }
    .sticky .mobile{
        background-color: #1b1c1e7e;
        backdrop-filter: blur(5px);
    }
}