body {
}

.profiles_mains_button--block.d-flex {
    justify-content: space-between;
}

    .profiles_mains_button--block.d-flex button {
        border-radius: 6px;
        background: var(--Teal, #008F91);
        border: 0;
        padding: 6px 16px;
        color: white;
        font-family: 'Ubuntu';
        display: flex;
        gap: 8px;
    }




div#modalConsultant .modal-header.head-title button.btn-close {
    background: transparent;
    width: max-content;
    height: max-content;
    box-shadow: none;
    width: 100%;
    text-align-last: right;
}

div#modalConsultant .modal-content.Write-SMS-code {
    width: 830px;
    height: max-content;
}

div#modalConsultant .modal-footer.foot-send-butt {
    position: unset;
    padding: 0px 30px 30px 30px;
}

.PersonalConsultantBody {
    display: grid;
    gap: 30px;
}

.PersonalConsultantInfo {
    display: grid;
    grid-template-columns: 28% 67%;
    gap: 30px;
}

div#modalConsultant .modal-dialog {
    min-width: max-content;
}

.PersonalConsultant {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

    .PersonalConsultant p {
        color: var(--Dark-Gray, #7A7E81);
        /* Body M */
        font-family: Ubuntu;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 19.6px */
    }

    .PersonalConsultant h3 {
        /* h4 */
        /* 36.4px */
        /* Accent S */
        /* 22.4px */

        color: var(--Dark, #333839);
        font-family: 'Ubuntu-Bold';
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 36.4px */

        letter-spacing: -0.52px;
    }

.PersonalConsultantInfo h3 {
    /* h4 */
    /* 36.4px */

    color: var(--Dark, #333839);
    font-family: 'Ubuntu-Bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.PersonalConsultantInfoSites div {
    display: flex;
    /* justify-content: space-between; */
    gap: 30px;
}

.PersonalConsultantInfoSites {
    width: max-content;
    display: grid;
    gap: 9px;
}

.PersonalConsultant img {
    border-radius: 58px;
}

.PersonalConsultantInfoSites img {
    border-radius: 0;
}

.cab-menu-c img {
    width: 11%;
    height: 11%;
}

.cab-menu-c div {
    width: max-content;
}

div.cab-menu-c {
    width: max-content;
    margin: 11px 0px 0px 0px;
}

.PersonalConsultant img {
    border-radius: 135px !important;
    max-width: 160px !important;
}

.PersonalConsultant .PersonalConsultantBody img {
    border-radius: 0 !important;
}

button.btn-close {
    border: 0;
}

.flex-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media(max-width:768px) {
    div #modalConsultant .modal-dialog {
        min-width: 100%;
        bottom: 0;
    }

    div.modal-header.head-title {
        padding: 0 !important;
    }

    div#modalConsultant {
        bottom: 0;
    }

    .modal-content.Write-SMS-code {
        display: flex;
        position: fixed;
        bottom: 0;
    }

    .PersonalConsultantInfo {
        grid-template-columns: 1fr;
    }

    .PersonalConsultant img {
        align-self: center;
    }


    .PersonalConsultant h3 {
        text-align: center;
    }

    .PersonalConsultantInfo h3 {
        text-align: left;
    }


    div#modalConsultant .modal-header.head-title button.btn-close {
        padding: 21px;
    }

    div.PersonalConsultant {
        flex-direction: column;
    }

    button#personalConsultantButtonCabinet {
        width: max-content;
        align-self: center;
        align-items: center;
        margin-top: 15px;
    }

    .profiles_mains_button--block.d-flex {
        flex-direction: column;
        gap: 21px;
    }

    div#modalConsultant .modal-content.Write-SMS-code {
        width: 100%;
    }

    div#personalConsultantButton {
        width: 100%;
        margin: 13px 0px 0px 0px;
        padding: 0;
        gap: 9px;
    }

        div#personalConsultantButton img {
            width: 26px;
            height: 26px;
        }

        div#personalConsultantButton div {
            font-size: 16px;
            font-family: Ubuntu-bold;
        }
}

.PersonalConsultant.PersonalConsultantMobile a {
    border-radius: 6px;
    background: var(--Teal, #008F91);
    color: var(--White-Background, #FFF);
    text-align: center;
    /* Body L */
    font-family: Ubuntu;
    font-size: 16px;
    padding: 13px 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    align-self: center;
}

.PersonalConsultant.PersonalConsultantMobile img {
    border-radius: 0 !important;
}

.PersonalConsultant.PersonalConsultantMobile {
    display: grid;
    justify-items: center;
}