:root {
    --block-margin: 80px;
    --register-btn-color: #FF769F;
    --register-btn-hover-color: #FA447B;
    --register-btn-active-color: #FA447B;
}

body {
    font-family: "Mulish", sans-serif;
}

.block-title {
    font-weight: 800;
    font-size: 48px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #2A2A37;
}

.page-block,
.cta-with-socials__outer,
.program__outer {
    padding-top: var(--block-margin);
    padding-bottom: var(--block-margin);
}

.callbackform__message {
    --form-bg: rgba(3, 116, 246, 0.2);
;
    --form-padding: 40px;
    --from-padding-m: 32px 24px; 
    --form-radius: 32px;
    --form-radius-m: 20px;
    --form-title-color: #fff; 
    --form-text-color: #fff;
    
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid #fff;
}

.callbackform__message .callbackform__checkbox-box {
    box-shadow: 0px 0px 2px 0px #fff inset, 0px 1px 2px 0px #FFFFFF1A inset;
    border: 0.5px solid #fff;
}

.callbackform__legal-notice a {
    color: #fff;
}

.callbackform__arrow-back svg path,
.popup .popup__close svg path {
    stroke: #fff;
}

.marquee__container {
    --element-gap: 20px;
    --animation-length: 30s;
}

.partner-marquee .partner-logo {
    max-width: 300px;
    max-height: 50px;
}

@media screen and (max-width: 1200px) {
    .cta-block .cta-block__form-wrap .callbackform__message, 
    .cta-with-socials .cta-with-socials__form-wrap .callbackform__message {
        padding: 20px;
    }

    :root {
        --block-margin: 60px;
    }

    .callbackform__message .register-btn, .register-btn {
        font-size: 20px;
        padding: 20px 5px;
    }
}

@media screen and (max-width: 1100px) {
    .block-title {
        font-size: 32px;
    }
}

@media screen and (max-width: 670px) {
    :root {
        --block-margin: 30px;
    }

    .block-title {
        font-size: 26px;
    }

    .callbackform__message .register-btn, .register-btn {
        font-size: 16px;
        padding: 16px 5px;
    }
}