@font-face {
    font-family: 'Gilroy'; /* Название, по которому вы будете обращаться к шрифту */
    src: url('https://fs.getcourse.ru/fileservice/file/download/a/935016/sc/451/h/3dd0e2eaabab338c0ecda5b9c38a00c5.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://fs.getcourse.ru/fileservice/file/download/a/935016/sc/301/h/0fa7e78a27fe991fb045fc558ecc341d.otf') format('otf');
    font-weight: bold;
    font-style: normal;
}
@media (max-width: 1355px){
    .container {
        max-width: 1355px!important;
        width: inherit!important;
    }
}
html body, .form-control,
body, .gc-account-user-submenu {
    font-family: var(--text-main_font);
}
.logo.gc-account-logo {
    display: none;
}

div.account-page-content{
    background: var(--background-main);
    color: var(--text-main_color);
}

a {
    text-decoration: none!important;
}
.menu-item-teach .menu-item-trainings a{
    position: relative;
    font-size: 0px !important;
    
}
.menu-item-teach .menu-item-trainings a:before{
    content: 'Программы';
    font-size: 14px;
}
.role-student .gc-main-content .page-full-block .page-header {
    display: none !important;
}
.role-student .page-header h1{
    display: none!important;
}
.role-student .content-menu {
    border-bottom: 0;
}
.main-page-block {
    min-height: 100vh;
}
div.account-page-content.gc-user-teacher,
div.account-page-content.gc-user-admin {
    background: #fff !important;
    color: #000 !important;
}
.lesson-page div.account-page-content.gc-user-admin,
.gc-chtm-webview div.account-page-content.gc-user-admin{background: #070710!important;}

:root {
    --background-main: #070710;
    --background-menu: #0C0E22;
    --background-block: #ffffff;
    --text-main_color: #ffffff;
    --text-main_font: 'Gilroy', sans-serif !important;
    --text-accent_color: #E20F7B;
    --text-title_font: 'Gilroy', sans-serif !important;
    --text-training_title_size: 22px;
    --button-border_color: #7B7B7B;
    --button-active_color: #E20F7B;
    --button-text_color: #E20F7B;
    --menu-notification-background: #1E1E20;
    --menu-notification-color: #ffffff;
}

.role-student .logo.gc-account-logo{
    display: none;
}
.role-student #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-chatium {
    display: none!important;
}
.role-student li.menu-item.menu-item-chatium {
    display: none!important;
}
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .user-image{
    display: none;
}

.gc-account-user-submenu-bar:not(.gc-account-user-submenu-bar-notifications_button_small){
    display: none!important;
}

.submenu h3{
    display: none;
}

.gc-fade-wrapper .gc-fade {
    opacity: 0!important;
}
.margin-top-notice {
    margin-top: 0 !important;
    padding-top: 68px;
}

#gcAccountUserMenu .custom-menu .gc-account-leftbar, .custom-menu .gc-account-leftbar .gc-account-user-menu, .custom-menu .gc-account-leftbar .toggle-link {
    background-color: var(--background-menu)!important;
}
#gcAccountUserMenu .gc-account-leftbar {
    background: var(--background-menu);
    width: 236px;
    position: fixed;
    overflow-y: auto;
    padding-bottom: 24px!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#gcAccountUserMenu .gc-account-leftbar:after{
    content:"Codemania.Platform";
    display:block;
    margin-bottom: 12px;
    position:relative;
    z-index:2;
    color: #F47B48;
    font-family: 'Gilroy', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
    text-align: center;
    background: linear-gradient(to right, #F47B48 55%, #ffffff 44%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;

    /* Делаем буквы прозрачными, чтобы фон проявился ВНУТРИ них */
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;

    /* Убираем возможные тени, которые могут мешать */
    text-shadow: none !important;
 
}

#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item {
    margin: 8px 0;
    transition: color 0.3s;
    width: 100%;
    position: relative;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 22px!important;
    background: none;
    color: inherit;
    cursor: pointer;
    font-size: 14px;
    height: auto !important;
    padding: 2px 0 4px 24px;
    position: relative;
    width: 100% !important;
    text-align: left;
}
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small{
    display: none!important;
}

#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item:not(.menu-item-notifications_button_small, .menu-item-notifications) > a:before {
    position: absolute;
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='5' viewBox='0 0 12 5' fill='none'><path d='M1 0.599976L6 4.59998L11 0.599976' stroke='white' stroke-width='0.714286' stroke-linecap='square' stroke-linejoin='round'/></svg>");
    display: block;
    background-size: cover;

    right: 22px;
    top: 42%;
    transform: translateY(-50%); /* Смещаем элемент вверх на половину его собственной высоты */
    -webkit-transform:translateY(-50%);
    transition: all 0.3s;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.active:not(.menu-item-notifications_button_small, .menu-item-notifications) > a:before,
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item:not(.menu-item-notifications_button_small, .menu-item-notifications) > a:hover:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='5' viewBox='0 0 12 5' fill='none'><path d='M1 0.599976L6 4.59998L11 0.599976' stroke='white' stroke-width='0.714286' stroke-linecap='square' stroke-linejoin='round'/></svg>");

}
/*  #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.active > a:before {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='5' viewBox='0 0 12 5' fill='none'><path d='M1 0.599976L6 4.59998L11 0.599976' stroke='white' stroke-width='0.714286' stroke-linecap='square' stroke-linejoin='round'/></svg>");

*/
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.sub-open:not(.menu-item-notifications_button_small, .menu-item-notifications) > a:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='5' viewBox='0 0 12 5' fill='none'><path d='M1 0.599976L6 4.59998L11 0.599976' stroke='white' stroke-width='0.714286' stroke-linecap='square' stroke-linejoin='round'/></svg>");
    transform: rotate(180deg);
}
/*#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item.menu-item-notifications_button_small > a:before,
.role-student #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item.menu-item-sales > a:before,
.role-student #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications > a:before {
    display: none;
}*/

#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item:hover:before{
    position: absolute;
    content: "";
    background: #F47B48;
    width: calc(100% - 30px);
    height: 34px;
    left: 14px;
    right: 8px;
    top: -4px!important;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu ul.gc-account-user-submenu li:hover:before{
    position: absolute;
    content: "";
    background: #F47B48;
    width: calc(100% + 22px);
    height: 34px;
    left: -12px;
    right: 8px;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.active:before {
    position: absolute;
    content: "";
    background: #F47B48;
    width: calc(100% - 30px);
    height: 34px;
    left: 14px;
    right: 8px;
    top: -5px!important;
}

#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-profile .user-balance {
    display: none;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-profile .user-balance p{
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-profile .user-balance p b{
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item-profile a img.menu-item-icon{
    width: 40px;
    height: 40px;
    border-radius: 8px;
    margin-right: 10px;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu a.subitem-link,
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu a span.menu-item-label{
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: block;
    margin: auto;
    margin-left: 0;
    transition: all 0.5s;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .gc-account-user-submenu a.subitem-link{
    padding-left: 26px!important;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu a span.user-text-name{
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin: auto;
    margin-left: 0;
    padding-right: 12px;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu a svg.svg-icon{
    margin: 0;
    margin-right: 8px;
    transition: all 0.5s;
}

#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .submenu {
    opacity: 0; /* Начальная прозрачность */
    transition: opacity 0.3s ease; /* Добавляем переход с плавным изменением прозрачности */
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .submenu.shown {
    opacity: 1; /* Прозрачность при отображении */
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu ul.submenu{
    padding: 0;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu ul.gc-account-user-submenu{
    padding: 4px 26px;
}
/*прямая ссылка на курс*/
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item-directToTrening.trening862894419 {
    padding: 5px 0 0 27px;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item-directToTrening.trening862894419 a.subitem-link {
    font-weight: 500;
}

/*поп-апп уведомления*/
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small .submenu a.all-notifications-header-link{
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .header{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .header .mark-viewed-all{
    text-align: left;
    margin: 6px 16px;
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.no-notifications-message {
    min-height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px!important;
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small {
    position: absolute;
    top: 138px;
    left: 8px;
    width: 212px;
    height: fit-content;
    max-height: 470px;
    background: #353536!important;
    z-index: 999;

}
.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a.all-notifications-header-link {
    padding: 16px 0 8px 0 !important;
    margin: 0 16px;
    display: flex;
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    border-bottom: 1px solid #5c5a5a;
    position: relative;
}

.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a.notification-group {
    background-color: #353536!important;
    padding: 16px 0!important;
    margin: 0 16px;
    display: flex;
    border-top: 1px solid #5c5a5a;
}
.gc-account-leftbar .notification-group.notification-click-area.notification-status-viewed div.content .notification-group-link,
.gc-account-leftbar .notification-group.notification-click-area.notification-status-viewed div.content span{
    color: #b1b1b1!important;
}
.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a .user-image{
    margin:0
}
.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a img.user-profile-image.user-default-profile-image {
    width: 16px;
    display: none;
}
.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a div.content{
    width: 100%;
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .date {
    position: absolute;
    top: 2px;
    left: 0px!important;
    font-family: var(--text-main_font);
    color: #7B7B7B!important;
    font-size: 10px;
}
.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a div.content .notification-group-link{
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a div.content .user-name{
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}
.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .notification-group .date{
    font-family: var(--text-main_font);
    color: #7B7B7B!important;
    font-size: 10px;
    margin-right: 0;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed .mark-viewed {
    top: 8px;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .mark-viewed {
    position: absolute;
    top: 2px!important;
    right: 0!important;
    color: #7B7B7B!important;
    font-size: 14px!important;
    line-height: 14px!important;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header {
    margin-top: 0!important;
    padding: 0!important;
}
.gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a.all-notifications-header-link:after {
    transition: all 0.3s ease;
    position: absolute;
    top: calc(50% + 4px);
    transform: translateY(-50%);
    right: 0px;
    content: "";
    background: url('');
    background-size: cover;
    width: 6px;
    height: 12px;
    z-index: 1;
    transition: all 0.3s ease;
}
/* Поправка положения нотификации в меню */
.custom-menu .gc-account-leftbar .gc-account-user-menu li .notify-count, .custom-menu .gc-account-leftbar .gc-account-user-submenu li .notify-count {
    background-color: var(--menu-notification-background)!important;
    background: none!important;
    color: var(--menu-notification-color)!important;
    text-align: center!important;
    font-family: var(--text-main_font)!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 300!important;
    line-height: 10px!important;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count, .gc-account-leftbar .notify-count.with-label {
    top: unset!important;
    left: unset!important;
    bottom: 8px!important;
    right: 46px!important;
}
.custom-menu .gc-account-leftbar .submenu .gc-account-user-submenu .notify-count {
    right: 20px!important;
    bottom: 6px!important;
}
.menu-item.menu-item-notifications_button_small.selected.sub-open ul{
    display: none;
}
/*иконка админа под пользователем*/
.gc-account-leftbar .sub-icon {
    position: absolute;
    bottom: auto;
    left: 4px;
    width: 28px;
    top: 0;
}
.gc-account-leftbar .sub-icon img.user-profile-image {
    width: 24px;
    height: 24px;
}
/*блок информации о пользователе*/
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block{
    padding: 6px;
    text-align: left;
    border-bottom: 1px solid #363636;
    margin: 16px;
    padding-bottom: 16px;
}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block .ava_name-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 8px;



}
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block .new-info-surname,
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block .new-info-name{
    padding-left: 8px;
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 20px;
}

#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block .new-info-email,
#gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block .new-info-phone {
    grid-area: phone;
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.28px;
    margin-bottom: 2px;
    position: relative;
    min-height: 12px;
}

/*кнопка Телеграмм-бота на панели меню*/
#gcAccountUserMenu .gc-account-leftbar .tlg-bot {
    padding: 0 16px;
}
#gcAccountUserMenu .gc-account-leftbar a.tlg-bot-btn {
    border: 1px solid;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #E20F7B;
    background: #FDFAF8;
    height: 34px!important;
    color: #E20F7B;
    font-family: var(--text-main_font);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;

}

#gcAccountUserMenu .gc-account-leftbar .tlg-bot-btn::before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2215%22%20viewBox%3D%220%200%2020%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M20%200L0%206.96588L5.62108%208.72404L17.3902%202.40356L7.72898%2010.0148V14.1766L10.8156%2011.3947L16.3112%2015L20%200Z%22%20fill%3D%22%23E20F7B%22/%3E%3C/svg%3E");
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-right: 4px;
}

/*вид скрола панели меню*/
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small::-webkit-scrollbar,
.gc-account-leftbar::-webkit-scrollbar {
    width: 2px;
}
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small::-webkit-scrollbar-thumb,
.gc-account-leftbar::-webkit-scrollbar-thumb {
    background-color: #b4b4b4;
}
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small::-webkit-scrollbar-track,
.gc-account-leftbar::-webkit-scrollbar-track {
    background-color: #353536;
// border: 1px solid #ccc;
}
.gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small::-webkit-scrollbar-button,
.gc-account-leftbar::-webkit-scrollbar-button {
    background-color: #353536;
// border-radius: 5px;
}

@media (min-width: 769px){
    /*сдвиг окна Стиль в настроках и т.д. */
    .modal.in .modal-dialog {
        margin-left: 236px;
        margin-right: 30px;
        width: auto;
    }
    .popover.block-style-popover.bottom.in,
    .with-left-menu .gc-into-main-content{
        left: 236px!important;
        /* margin-left: 236px; */
    }

    body:not(.no-custom-margin) .gc-main-content.with-left-menu{
        margin-left: 236px!important;
    }
    .resp-screen.resp-full-window,
    .v-application,
    .v-application .app-bar {
        margin-left: 236px;
    }
    .talks-widget-window{
        left: 236px!important;
        width: calc(100% - 236px)!important;
    }
    .resp-screen.resp-full-window.full-window-size {
        left: -1px !important;
    }


}
@media (max-width: 768px){
    #gcAccountUserMenu .gc-account-leftbar, .custom-menu .gc-account-leftbar .gc-account-user-menu, .custom-menu .gc-account-leftbar .toggle-link {
        background-color: #070709!important;
        border-top: 1px solid #363636;
    }
    #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu {
        margin-bottom: 48px;
        margin-bottom: 48px;
        background: var(--background-menu);
        width: 100%;
        height: auto;
    }
    #gcAccountUserMenu .gc-account-leftbar {
        padding-bottom: 48px !important;
    }
    .gc-account-leftbar:not(.expanded) {
        width: 100%!important;
        cursor: pointer;
        height: 45px;
        bottom: 0;
    }
    .gc-page-nav-items-menu a.toggler-item {
        display: none;
    }
    #gcAccountUserMenu .gc-account-leftbar .tlg-bot {
        margin-bottom: 88px !important;
    }
    #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block .new-info-surname, #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block .new-info-name {
        font-size: 20px;
    }
    #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu a.subitem-link, #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu a span.menu-item-label,
    #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block .new-info-email, #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.new-user-info-block .new-info-phone {
        font-size: 14px;
    }
    #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu li.menu-item {
        margin: 8px 0;
    }
    .gc-account-leftbar .toggle-link {
        background: #1D2031 !important;
        border-top: 1px solid #48487C;
    }

    div.gc-account-leftbar {
        width: 100% !important;
        left: 50%!important;
        height: 52px!important;
        border-radius: 0px;
        transform: translateY(-50%)!important;
        -webkit-transform: translateX(-50%)!important;
        bottom: 0px!important;
    }
    div.gc-account-leftbar.expanded{
        height: 100%!important;
        transition: all 0.3s ease;
    }

    .gc-account-leftbar a.toggle-link img {
        display:none;
    }
    div.gc-account-leftbar:not(.expanded) a{
        height: 100%;
    }
    div.gc-account-leftbar.expanded a{
        height: 52px !important;
    }
    .gc-account-leftbar a.toggle-link:before{
        content: "";
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform:translateY(-50%);
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='14' viewBox='0 0 32 14' fill='none'><path d='M0 1H32' stroke='white' stroke-width='2'/><path d='M0 7H26' stroke='white' stroke-width='2'/><path d='M0 13H32' stroke='white' stroke-width='2'/></svg>");
        background-repeat: no-repeat;
        background-size: cover;
        width: 32px;
        height: 14px;
    }
    #gcAccountUserMenu .gc-account-leftbar .tlg-bot-btn::before {
        margin-right: 16px;
    }
    #gcAccountUserMenu .gc-account-leftbar a.tlg-bot-btn {
        height: 40px !important;
        font-size: 14px;
    }
    #gcAccountUserMenu .gc-account-leftbar {
        padding-bottom: 0 !important;
    }
    #gcAccountUserMenu .gc-account-leftbar:after {
        display: none;
    }

    .gc-account-leftbar.expanded .toggle-link {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu {
        margin-bottom: 30px;
        background: var(--background-menu);
        width: 100%;
        height: auto;
    }
    /*поп-апп уведомления*/
    .gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a.notification-group,
    .gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small a.all-notifications-header-link {
        height: auto!important;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small {
        width: 94%;
        max-height: 440px;
    }

}

/* скрываем пункт меню Поиск*/
li.menu-item.menu-item-search {
    display: none !important;
}
/* скрываем от учеников пункты меню «Расписание» и «Тестирования» и Уведомления */
.role-student #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .gc-account-user-submenu li.menu-item-notifications,
.role-student #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .gc-account-user-submenu li.menu-item-schedule,
.role-student #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .gc-account-user-submenu li.menu-item-questionary{
    display: none;
}



/* -------------student-chat------------- */

:focus,
:focus-visible{
    outline: none!important;
}

.role-student .conversation-widget,
.role-student .conversation-widget .comments-tree-wrapper,
.role-student .conversation-widget .comments-tree {
    height: 100%;
    background-color: #070709;
}
.role-student .talks-widget-window {
    background: #070709;
    border-left: 1px solid #070709;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer {
    background-color: #070709;
    border-top: 1px solid #070709;
    padding: 14px;
    /*  margin-left: 14px;
      margin-right: 14px;
      width: calc( 100% - 28px)*/
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn span{
    display: none;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn{
    background: #F47B48 !important;
    text-transform: unset;
    border: 1px solid #F47B48;
    padding: 9px 16px;
    border-radius: 0px;
    text-decoration: none;
    transition: all 0.3s ease;
    color: #1E1E20 !important;
    text-align: center;
    font-family: 'Gilroy', sans-serif !important;
//  font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    width: 100%;
    position: relative;
    font-size: 0!important;
    transition: all 0.3s ease;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn:before{
    content: "Начать новый чат";
    font-size: 14px;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn:hover{
    border: 1px solid #F47B48;
    background-color: #F47B48 !important;
    transition: all 0.3s ease;
}

.role-student .talks-widget-window .talks-widget-header {
    background: #1E1E20;
    border-bottom: 1px solid #1E1E20;
    padding-top: 10px;
    font-size: 16px;
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    position: relative;
    margin-left: 14px;
    margin-right: 14px;
}
.role-student .talks-widget-window .talks-widget-header .fa-times::before {
    content: "";
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'><path d='M1 1L16 16M16 1L1 16' stroke='white'/></svg>");
    background-size: cover;
    display: inline-block;
    width: 14px;
    height: 14px;
}
.role-student .talks-widget-window .talks-widget-header .fa-bars::before {
    content: "";
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14' fill='none'><path d='M0 7H15' stroke='white'/><path d='M0 13H20' stroke='white'/><path d='M0 1H20' stroke='white'/></svg>");
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 14px;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate{
    background-color: #353536;
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    border: none;
    line-height: 125%;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    transition: all 0.3s;
    margin: 10px 14px;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover{
    background-color: #414142;
    transition: all 0.3s;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block{
    border: none;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block{
    font-size: 14px;
    color: var(--text-main_color);
    font-family: var(--text-main_font);

}

.role-student .conversation-widget .comment > .text .text-content,
.role-student .conversation-widget .own-user-comment .comment > .text .text-content,
.role-student .conversation-widget .my-comment .comment > .text .text-content{
    background-color: #353536;
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    border: none;
    padding: 14px;
    line-height: 125%;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
}

.role-student .comments-tree a,
.role-student .conversation-widget .own-user-comment .comment > .text .text-content a,
.role-student .conversation-widget .my-comment .comment > .text .text-content a{
    text-decoration: none;
    font-family: var(--text-main_font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #a5a5a6;
}

.role-student .conversation-widget .title .text {
    color: var(--text-main_color);
    font-family: var(--text-main_font);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.role-student .conversation-widget .comment-wrapper .comment .title {
    margin-bottom: 6px;
}
.role-student .conversation-widget .comment-time span.value,
.role-student .conversation-widget .own-user-comment .comment-time,
.role-student .conversation-widget .my-comment .comment-time{
    font-size: 0.9em!important;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block .conversation-time {
    font-size: 0.9em!important;
    font-family: var(--text-main_font);
    color: #888;
    font-weight: 400;
}


.role-student .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate span,
.role-student .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate div{
    font-family: var(--text-main_font);
    color: #fff!important;
    font-weight: 400;

}
.role-student .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block .respondent-title-block .respondent-title{
    font-weight: 400;
    font-size: 14px
}

.role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list{
    display: grid;
    gap: 14px;
    margin: 14px
}
.role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate{
    padding: 30px;
    height: 345px;
    cursor: pointer;
    margin: 14px;
    border: 1px solid #1E1E20;
    border-radius: 0;
    background-color: #1E1E20;
    margin: 0;
    position: relative;
    transition: all 0.3s ease;
}
.role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate:hover{
    border-color: #68481a;
}
.role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate:nth-child(2):hover{
    border-color: #68481a;
}
.talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate .respondent-data-block{
    margin: 0;
}
.talks-widget-window .talks-widget-body .new-conversation  .respondent-list .respondent-annotate .respondent-data-block .respondent-title-block{
    text-align: start;
    display: grid;
    position: relative;
}
.role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate .respondent-data-block .respondent-title-block span.respondent-title{
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    display: inline-block;
}
.talks-widget-window .talks-widget-body .new-conversation  .respondent-list .respondent-annotate .respondent-data-block .respondent-title-block:after{
    content:"Вопрос по текущему обучению, сертификату или открытому уроку";
    position: relative;
    display: inline-block;
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 400;
    color: #B3B3B3;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-top: 8px

}
.talks-widget-window .talks-widget-body .new-conversation  .respondent-list .respondent-annotate:nth-child(2) .respondent-data-block .respondent-title-block:after{
    content:"Документы и вопросы по оплате обучения от работодателя";
}
.talks-widget-window .talks-widget-body .new-conversation  .respondent-list .respondent-annotate:nth-child(3) .respondent-data-block .respondent-title-block:after{
    content:"Проблемы с оплатой или есть вопрос по интересующему курсу";
}
.role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate:before{
    content: "";
    background: url('');
    background-size: cover;
    width: 238px;
    height: 199px;
    position: absolute;
    bottom: 0;
    right: 0;

}
.role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate:nth-child(3):before{
    background: url('');
    background-size: cover;
    width: 238px;
    height: 199px;
}
.role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate:nth-child(2):before
{
    background: url('');
    background-size: cover;
    width: 238px;
    height: 199px;
}

.role-student .talks-widget-window .conversation-widget .gc-comment-form {
    margin-left: 14px;
    margin-right: 14px;
    max-width: calc(100% - 28px);
    background-color: #1E1E20;
    padding: 14px;
}
.role-student .talks-widget-window .conversation-widget .gc-comment-form .emoji-wysiwyg-editor,
.role-student .talks-widget-window .conversation-widget .gc-comment-form .emoji-container textarea {
    min-height: 80px !important;
    resize: vertical !important;
    background-color: #353536;
    color: #fff;
    padding: 10px;
    border: 1px solid rgb(255, 255, 255, 0);
    font-family: 'Gilroy', sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.role-student .talks-widget-window .conversation-widget .gc-comment-form .textarea-block button.btn.btn-primary.btn-send span.fa{
    display: none;
}
.role-student .talks-widget-window .conversation-widget .gc-comment-form .textarea-block button.btn.btn-primary.btn-send{
    width: fit-content;
    background: #F47B48 !important;
    text-transform: unset;
    border: 1px solid #F47B48;
    padding: 9px 16px;
    border-radius: 0px;
    text-decoration: none;
    color: #1E1E20 !important;
    text-align: center;
    font-family: 'Gilroy', sans-serif !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    justify-self: end;
    transition: all 0.3s ease;
}
.role-student .talks-widget-window .conversation-widget .gc-comment-form .textarea-block button.btn.btn-primary.btn-send:hover{
    border: 1px solid #F47B48;
    background-color: #F47B48 !important;
    transition: all 0.3s ease;
}
.role-student .talks-widget-window .conversation-widget .comments-container::-webkit-scrollbar {
    width: 2px;
}
.role-student .talks-widget-window .conversation-widget.comments-container::-webkit-scrollbar-button {
    background-color: #353536;
}
.role-student .talks-widget-window .conversation-widget .comments-container::-webkit-scrollbar-thumb {
    background-color: #b4b4b4;
}
.role-student .talks-widget-window .conversation-widget .comments-container::-webkit-scrollbar-track {
    background-color: #353536;
}

.role-student .talks-widget-window .comment-form-wrapper .file-uploader {
    margin-left: 5px;
}
.role-student .talks-widget-window .conversation-widget .uploadifive-queue-item {
    background: none !important;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.20);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font: 14px var(--text-main_font) !important;
    margin-top: 3px;
    padding: 0px;
    width: auto;
}
.role-student .talks-widget-window .conversation-widget .comments-tree .new-comment .textarea-block{
    display: grid;
}
.role-student .talks-widget-window .conversation-widget .comments-tree .new-comment .file-uploader {
    width: fit-content;
    max-height: unset!important;
}
.role-student .talks-widget-window .conversation-widget .comments-tree .new-comment .file-uploader span{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.60);
    font-family: var(--text-main_font);
    font-weight: 400;
}
.role-student .talks-widget-window .conversation-widget .comments-tree .new-comment .file-uploader span.filename{
    color: #fff;
}
.role-student .talks-widget-window .conversation-widget .comments-tree .new-comment .file-uploader span.type_select select{
    background-color: #1E1E20;
    border: none;
}
.role-student .talks-widget-window .conversation-widget .comments-tree .new-comment .file-uploader .uploadifive-queue{
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}
.role-student .talks-widget-window .uploadifive-queue-item .close{
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'><path d='M1 1L16 16M16 1L1 16' stroke='white'/></svg>");
    background-size: cover;
    width: 10px;
    height: 10px;
    opacity: .5;
    margin-left: 8px;
}
.role-student .talks-widget-window .conversation-img img:not(.user-profile-image){
    display: none;
}
.role-student .talks-widget-window .conversation-img{
    position: relative;
}
.role-student .talks-widget-window .conversation-img:not(:has(img.user-profile-image)):after{
    content:"";
    display: block;
    margin-left: 5px;
    position: relative;
    background-color: #BBBBBC;
    width: 50px;
    height: 50px;
    -webkit-mask-image: url("/public/img/chat.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("/public/img/chat.png");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;

}
/* */
.role-student .talks-widget-window .conversation-widget .comments-tree .comments-top-level {
    padding-top: 30px;
}
.role-student .talks-widget-window .conversation-widget .comment-wrapper .comment .comment-time {
    margin-top: 8px;
}
.role-student .conversation-widget .own-user-comment .comment > .text .text-content,
.role-student .conversation-widget .my-comment .comment > .text .text-content {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #5f5f5f;
}
.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn {
    padding: 16px 16px;
}

.role-student .talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer {
    padding: 0 14px 14px;
}

@media (min-width: 1141px){
    .role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1140px){
    .role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate{
        /* min-height: 124px;*/
        padding-right: 100px;
        height: auto;
    }
    .role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate:nth-child(3):before,
    .role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate:nth-child(2):before,
    .role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate:before{
        width: 98px;
        height: 82px;
    }
    .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block {
        padding-bottom: 0px;
    }
}
@media (max-width: 480px){
    .role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate{
        padding: 20px;
        padding-right: 100px;
    }
    .role-student .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate .respondent-data-block .respondent-title-block span.respondent-title{
        font-size: 16px;
        line-height: 20px;
    }
    .talks-widget-window .talks-widget-body .new-conversation .respondent-list .respondent-annotate .respondent-data-block .respondent-title-block:after{
        font-size: 12px;
        line-height: 18px;
    }
}


/* ------------- mail-confirmation-restyle------------- */

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none!important;
}
.notice-top-panel{
    background-color: #F68E62!important;
    color: #070709!important;
    font-family: var(--text-main_font);
}
.notice-top-panel .close-link{
    display: none;
}
.notice-top-panel .btn {
    font-family: var(--text-main_font)!important;
    color: #fff;
    font-size: 14px!important;
    border-radius: 0px!important;
    border-color: #48487C !important;
    background-color: #48487C;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin-left: 20px;
    transition: 0.3s all;
}

/*.notice-top-panel .btn:hover{
    background-color: #dd9428;
    color: #070709;
}*/
.modal.gc-modal.gc-notice-modal.in{
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding: 0!important;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog{
    top: unset!important;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .modal-body {
    padding: 24px;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form {
    font-family: var(--text-main_font)!important;
    font-size: 14px;
    color: #070709;
    line-height: 20px;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .sent-email{
    font-size: 20px;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .change-block button.btn.submit-btn.btn-primary,
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form button.btn.submit-btn.btn-success{
    font-family: var(--text-main_font)!important;
    font-size: 14px;
    font-weight: 500;
    color: #070709;
    background-color: #F47B48;
    border-color: #F47B48;
    padding: 8px 20px;
    transition: 0.3s all;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .change-block button.btn.submit-btn.btn-primary:hover,
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form button.btn.submit-btn.btn-success:hover{
    border: 1px solid #F47B48;
    background-color: #F47B48;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .after-sent-block h3{
    font-family: var(--text-main_font)!important;
    margin-top: 0;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .after-sent-block a[data-process-type="send_confirm"]{
    float: left;
    text-decoration: none;
    color: #909090;
    border-color: #909090;
    transition: 0.3s all;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .after-sent-block a[data-process-type="send_confirm"]:hover{
    color: #070709;
    border-color: #070709;
    transition: 0.3s all;
}


.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.change-mode .change-block:has(button),
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form:not(.change-mode, .sent-mode) .send-block:has(button){
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .change-block button.btn-popup-cancel-change-email.btn.btn-link,
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form button.btn-popup-change-email.btn.btn-link{
    text-decoration: none;
    font-family: var(--text-main_font)!important;
    font-size: 14px;
    font-weight: 500;
    color: #070709;
    background: none;
    border-color: #909090;
    padding: 8px 20px;
    transition: 0.3s all;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .change-block button.btn-popup-cancel-change-email.btn.btn-link:hover,
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form button.btn-popup-change-email.btn.btn-link:hover{
    color: #070709;
    border-color: #070709;
    transition: 0.3s all;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.change-mode .change-block > div{
    font-size: 18px!important;
    font-family: var(--text-main_font)!important;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.change-mode .change-block p  .form-control.email-input{
    font-family: var(--text-main_font)!important;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.sent-mode b.sent-email{
    font-size: inherit;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.sent-mode a.btn-popup-change-email.dotted-link{
    font-family: var(--text-main_font)!important;
    font-size: 14px;
    font-weight: 500;
    color: #070709;
    background-color: #F47B48;
    border: 1px solid #F47B48;
    padding: 8px 20px;
    transition: 0.3s all;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.sent-mode a.btn-popup-change-email.dotted-link:hover{
    border: 1px solid #F47B48;
    background-color: #F47B48;
}

.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.sent-mode a.submit-btn.dotted-link{
    text-decoration: none;
    font-family: var(--text-main_font)!important;
    font-size: 14px;
    font-weight: 500;
    color: #070709;
    background: none;
    border: 1px solid #909090;
    padding: 8px 20px;
    transition: 0.3s all;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.sent-mode a.submit-btn.dotted-link:hover{
    color: #070709;
    border: 1px solid #070709;
    transition: 0.3s all;
}
.modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.change-mode .change-block p .form-control.email-input {
    border-radius: 0px;
}
.modal-content .form-control:focus {
    border-color: #070709;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media only screen and (max-width: 640px) {
    .gc-modal .close-btn {
        background: #070709;
        color: white;
        text-align: right;
        font-size: 2em;
        padding: 10px;
    }
}
@media (max-width: 450px) {
    .modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form.change-mode .change-block:has(button),
    .modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form:not(.change-mode, .sent-mode) .send-block:has(button){
        flex-direction: column;
        gap: 12px;
    }
    .modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .change-block button.btn.submit-btn.btn-primary,
    .modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form button.btn.submit-btn.btn-success,
    .modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form .change-block button.btn-popup-cancel-change-email.btn.btn-link,
    .modal.gc-modal.gc-notice-modal.in .modal-dialog .confirm-email-popup-form button.btn-popup-change-email.btn.btn-link{
        width: 100%;
    }
}