@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --main-fon: #EDEEF0;
  --school-header-fon: #501CE6;
  --block-fon: #ffffff;
  --block-border-radius: 12px;
  --block-border-color: #FFAD00;
  --r-block-fon: rgba(255, 255, 255, 0.20);
  --color-text: #212529;
  --r-block-text: #ffffff;
  --button-fon-color: #F30C42;
  --button-border-color: #F30C42;
  --button-border-radius: 10px;
  --button-text-color: #ffffff;
  --button2-border-color: #F30C42;
  --button2-text-color: #F30C42;
  --button-font: "Montserrat", sans-serif;
  --lesson-title-font: "Montserrat", serif;
  --lesson-title-color: #212529;
  --lesson-title-size: 22px;
  --lesson-title-mob_size: 20px;
  --text-font: "Montserrat", sans-serif;
  --text-color: #212529;
  --breadcrumbs-font: "Montserrat", sans-serif;
  --breadcrumbs-color: #212529;
  --nav-text-color: #212529;
  --nav-text-font: "Montserrat", sans-serif;
  --nav-bcg-color: #EDEEF0;
  --nav-border-color: #F30C42;
  --imput-bkgr-color: #fbfbfb;
  --imput-border-color: #CCC;
  --imput-border-radius: 2px;
  --imput-border-focus: #ababab;
}


.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus,textarea {
  outline: none;
}

a {
  text-decoration: none!important;
}
.role-student .gc-main-content .page-full-block .page-header {
   /* display: none!important;*/
   
}
.gc-main-content:not(.front-page-content)  {
  background: var(--main-fon);
  min-height: 100vh;
}
/* Правая колонка баннеров */
.acces_to{
  background: var(--r-block-fon);
   color: var(--r-block-text);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 18px 32px 18px 24px;
  font-family: 'Manrope';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.support-banner{
  padding: 0 15px;
  
}
.support-banner-wrap{
  margin-bottom: 32px;
  padding: 20px; 
  display: flex;
  flex-direction: column;
  position: relative;
  background: var(--block-fon);
  color: var(--text-color);
  border-radius: var(--block-border-radius);
}
.support-banner-head{
    font-family: var(--text-font);
    color: var(--lesson-title-color);
    font-size: var(--lesson-title-size);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: none;
    margin-bottom: 16px;
}
.support-banner-time{
  font-family: var(--text-font);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.support-banner-text{
  font-family: var(--text-font);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}
 a.support-button{
    color: var(--button2-text-color);
    font-family: var(--button-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border: 2px solid var(--button2-border-color);
    border-radius: var(--button-border-radius);
    padding: 9px 28px;
    margin: auto;
    z-index: 1;
  
}
.user-info-banner{
  background: var(--block-fon);
  color: var(--text-color);
  margin-bottom: 32px;
  border-radius: var(--block-border-radius);
}
.user-info-banner-wrap{
  padding: 20px; 
  display: flex;
  flex-direction: column;
  position: relative; 
}
.user_info__text{
    font-family: var(--text-font);
    color: var(--lesson-title-color);
    font-size: var(--lesson-title-size);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: none;
    margin-bottom: 16px;
}
.user_info__name{
  font-family: var(--text-font);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
}
.user_info__phone,
.user_info__email{
  font-family: var(--text-font);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 6px; */
}
.user_info__phone{
   margin-bottom: 20px;
}
 a.user_info__edit {
  color: var(--button2-text-color);
    font-family: var(--button-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border: 2px solid var(--button2-border-color);
   border-radius: var(--button-border-radius);
    padding: 9px 28px;
    margin: auto;
    z-index: 1;
  
}
/* END Правая колонка баннеров */

/* Мобильная адаптация */

@media (max-width: 550px){
      .logo {
        display: block;
        margin-top: 20px;
      }
     /* блок заголовка*/
     .school-header p,
      div.cours-name .cours-name-header p {
        font-size: 24px;
      }
      div.cours-name .cours-name-header {
        padding: 30px 24px;
      }