NUXT_FRONTEND/assets/styles/blocks/conf.less

.conf {
    margin: 50px 0;
    &__border {
        .size(100%, 11px);
        background: @color-white url(../../img/conf-bg.svg) repeat-x;
    }
    &__element {
        padding: 21px 32px 26px 31px;
        background-color: @color-white;
    }
    &__title {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    &__title-text {
        padding-right: 12px;
        font: 700 12px/17px @font-main;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: rgba(59, 85, 115, 0.5);
        white-space: nowrap;
    }
    &__title-line {
        .size(100%, 1px);
        flex-grow: 1;
        background-color: rgba(59, 85, 115, 0.1);
    }
    &__container {
        display: flex;
        justify-content: space-between;
    }
    &__main {
        display: flex;
        flex: 0 1 389px;
        max-width: 389px;
        margin-right: 10px;
    }
    &__side {
        flex: 0 1 813px;
        max-width: 813px;
    }
}

@media @media-sm {
    .conf {
        margin: 26px 0;
        &__element {
            padding: 20px 16px;
        }
        &__container {
            display: block;
        }
        &__main {
            margin: 0 0 12px 0;
            max-width: none;
        }
    }
}

.conf-main {
    display: flex;
    flex-direction: column;
    &__logo {
        margin-bottom: 19px;
        max-width: 100%;
    }
    &__description {
        flex-grow: 1;
        margin-bottom: 20px;
        font: 14px/20px @font-main;
        color: @color-black-light;
    }
    &__info {
        font: 12px/17px @font-main;
        color: @color-black-light;
        &:not(:last-child) {
            margin-bottom: 9px;
        }
    }
}

.conf-side {
    &__title {
        margin-bottom: 10px;
        font: 700 18px/26px @font-main;
        color: @color-black-light;
    }
    &__question {
        margin-bottom: 18px;
        font: 14px/20px @font-main;
    }
}

.conf-form {
    &__textarea {
        margin-bottom: 19px;
        max-width: 100%;
        .textarea {
            .size(100%, 122px);
            padding: 12px;
            background: rgba(59, 85, 115, 0.03);
            border: 1px solid rgba(@color-black, .06);
            resize: none;
            font: 16px/21px @font-main;
            color: @color-black-light;
        }
    }
    &__bottom {
        display: flex;
        align-items: center;
    }
    &__capcha {
        margin-right: 22px;
    }
}

@media @media-xs {
    .conf-form {
        &__bottom {
            display: block;
        }
        &__capcha {
            margin: 0 0 10px 0;
        }
    }
}