.crm-form {
    --crm-custom-font: 'Inter', 'Arial', sans-serif;
    position: relative;
    padding: 20px 60px 80px;
    box-sizing: border-box;
}

.crm-form::after {
    content: '';
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    background: #050081;
    z-index: 1;
}

.crm-form__wrapper {
    position: relative;
    z-index: 2;
    border-radius: 5px 200px 5px 5px;
    background-color: #050081;
    box-shadow: 0px 0px 10px 0px rgba(1, 1, 1, 0.8);
    max-width: 1200px;
    margin: 0 auto;
    padding: 45px;
    box-shadow: 0px 0px 10px 0px rgba(1,1,1,0.8);
}

.b24-form-btn.b24-form-btn-white {
    background: #fff !important
}

.b24-form-btn.b24-form-btn-white:hover {
    background: #fff !important
}

.b24-window-mounts {
    position: relative;
    z-index: 9999999
}

.b24-form-border-bottom {
    border-bottom: unset !important
}

.b24-form-control-alert-message:after {
    border-width: 4px !important
}

.b24-form-control-container {
    margin-bottom: 0 !important
}

.b24-form-wrapper {
    background: rgba(0, 0, 0, 0) !important;
    max-width: unset !important
}

.b24-form-content {
    max-width: 860px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 auto !important
}

.b24-form-header {
    margin-bottom: 33px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important
}

.b24-form-header-title {
    margin: 0 auto !important;
    max-width: 860px !important;
    font-family: var(--crm-custom-font) !important;
    font-size: 36px !important;
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1.32 !important
}

.b24-form-control-string .b24-form-control,
.b24-form-control-list .b24-form-control,
.b24-form-control-text .b24-form-control,
.b24-form-control-select .field-item {
    height: 50px !important;
    padding-left: 24px !important;
    border-radius: 5px !important;
    color: #000 !important;
    font-size: 16px !important;
    background: #fff !important;
    font-family: var(--crm-custom-font) !important;
    border-color: #fff !important;
    border: 1px solid #ddd !important
}

.b24-form-control-text textarea.b24-form-control {
    height: 100px !important;
    resize: none !important
}

.b24-form-control-label {
    text-align: left !important;
    padding-left: 24px !important;
    font-size: 14px !important;
    line-height: normal !important;
}

.b24-form-control-select-label,
.b24-form-control:focus+.b24-form-control-label,
.b24-form-control-not-empty+.b24-form-control-label {
    font-size: 13px !important;
    font-family: var(--crm-custom-font) !important
}

.b24-form-field-agreement .b24-form-field-agreement-link {
    font-size: 14px !important;
    font-family: var(--crm-custom-font) !important;
    color: #FFF !important;
    line-height: 1.2 !important
}

.b24-form-field.b24-form-control-alert {
    margin-bottom: 15px !important
}

.b24-form-btn {
    border: 1px solid #E20000 !important;
    background: #E20000 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    min-height: 50px !important;
    padding-bottom: 1px !important;
    padding-top: 1px !important;
    font-family: var(--crm-custom-font) !important;
    border-radius: 5px !important
}

.b24-form-btn:hover {
    background: #fff !important;
    color: #E20000 !important
}

.b24-form-btn.b24-form-btn-border {
    border: 1px solid #E20000 !important;
    color: #E20000 !important
}

.b24-form-btn.b24-form-btn-border:hover {
    border: 1px solid #E20000 !important;
    color: #E20000 !important
}

.b24-form-content > form > div:first-child {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

.b24-form-btn-block {
    display: flex !important;
    justify-content: flex-end !important;
}

.b24-form-btn {
    width: unset !important;
    min-width: 255px;   
}

.b24-form-content > form > div:first-child .b24-form-field {
    margin-bottom: 0 !important;
    flex-grow: 1 !important;
}

@media screen and (max-width: 960px) {
    .b24-form-btn,
    .b24-form-content > form > div:first-child .b24-form-field {
        width: calc(50% - 8px) !important;
    }

    .crm-form {
        padding: 20px 20px 40px;
    }
}

@media screen and (max-width: 546px) {
    .crm-form {
        padding: 20px 0 40px;
    }

    .crm-form::after {
        display: none;
    }

    .b24-form-btn,
    .b24-form-content > form > div:first-child .b24-form-field {
        width: 100% !important;
    }

    .b24-form-header-title {
        font-size: 28px !important
    }
}