:root {
   font-family: "Exo 2", sans-serif;
   font-size: 14px;
}
body {
   display: flex;
   background: #fff;
   margin: 0;
}
* {
   box-sizing: border-box;
}
.wrapper {
   display: flex;
   width: 100%;
   min-height: 100vh;
   /* flex-wrap: wrap; */
   justify-content: center;
   align-content: baseline;
   align-items: flex-start;
   /* padding-left: 15px; */
}
@media (min-width: 1920px) {
   .wrapper {
      width: 1920px;
      box-shadow: 0 0 20px rgb(0 0 0 / 0.1);
   }
}
@media (max-width: 1000px) {
   .wrapper {
      flex-wrap: wrap;
   }
}
.content {
   display: grid;
   width: 100%;
   min-height: 100vh;
}
.content__wrapper {
   display: grid;
   align-content: flex-start;
   gap: 1rem;
   width: 100%;
   padding: 2rem 4rem;
   min-height: 100vh;
}
.navigation-mobile {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 65px;
  z-index: 10;
  background: #fff;
}

.navigation__item {
  box-sizing: border-box;
  position: relative;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.075);
}
.navigation__item::after {
  content: '';
  display: none;
  position: absolute;
  width: 10px;
  height: 60px;
  top: 10px;
  left: -36px;
  margin-left: 10px;
  border-radius: 10px;
  background-color: #bbb;
}
.navigation__item:hover .navigation__item::after {
  
    content: '';
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 60px;
  top: 10px;
  left: -36px;
  margin-left: 10px;
  border-radius: 10px;
  background-color: #bbb;
}
.navigation__item_active {
  position: relative;
  box-sizing: border-box;
  position: relative;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.075);
}
.navigation__item_active::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 60px;
  top: 10px;
  left: -37px;
  margin-left: 10px;
  border-radius: 10px;
  background-color: #fdc753;
}
.navigation__item_active::before {
     content: '';
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 60px;
  top: 10px;
  left: -37px;
  margin-left: 10px;
  border-radius: 10px;
  
}
/* .navigation__item:nth-child(1)::before {
  content: 'Главная';
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 60px;
  top: 0px;
  left: 0px;
  padding: 0 35px;
  margin-left: 10px;
  border-radius: 10px;
  background-color: #fdc753;
} */
.navigation__item:nth-child(1):hover .navigation__icon {
  filter: none;
  transform: rotate(270deg);
  transition-duration: 0.2s;
}
.navigation__item:nth-child(2):hover .navigation__icon {
  filter: none;
  /* transform: rotate(10deg); */
  transform: scale(1.1);
  transition-duration: 0.05s;
}
.navigation__item:nth-child(3):hover .navigation__icon {
  filter: none;
  transform: translateY(-4px);
  transition-duration: 0.1s;
}
.navigation__item:nth-child(4):hover .navigation__icon {
  filter: none;
  padding: 18px;
  transform: rotate(0deg);
  transition-duration: 0.1s;
}
/*.navigation__item_active {
   background-color: #ffdf83;
   box-sizing: border-box;
}
.navigation__item:first-child {
   border-top: 0;
}
.navigation__item:last-child {
   border-bottom: 0;
}
.navigation__item:hover {
   background-color: #ffdf83;
} */
.navigation__icon {
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  /* filter: grayscale(1); */
  transition-duration: 0.2s;
}
@media (max-width: 1000px) {
  .navigation-mobile {
    display: none;
  }
  .navigation {
     
    justify-content: space-around;
    width: 100%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  }
  .navigation__item_active {
    position: relative;
    box-sizing: border-box;
    position: relative;
    width: 60px;
    height: 60px;
    margin-bottom: 0;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
  }
  .navigation__item_active::after {
   width: 60px;
   height: 60px;
   left: 0;
   top: 60px;
   margin-left: 0;
   border-radius: 15px;
  }
   .navigation__item_active::before {
      box-sizing: border-box;
      width: 80px;
      height: 80px;
      left: -10px;
      top: -5px;
      margin-left: 0;
      border-radius: 43px;
      border: 10px solid #fff;
   }
  .navigation__item {
    box-sizing: border-box;
    position: relative;
    width: 60px;
    height: 60px;
    margin-bottom: 0;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
  }
}
.header-mobile {
  display: none;
  justify-content: space-between;
  align-items: center;
  /* position: sticky; */
  top: 0;
  width: 100%;
  height: 80px;
  padding: 0 10px 0 0;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.header-mobile_left {
  display: flex;
    align-items: center;
    text-decoration: none;
}
.header-mobile_title {
  font-size: 24px;
  font-weight: 700;
  color: #000;
}
.header-mobile_image {
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    padding: 15px;
    margin-right: 5px;
    background-color: #fff;
}
@media (max-width: 1000px) {
    .header-mobile {
      display: flex;
    }
}
.header {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
   align-content: space-between;
   justify-content: center;
   min-width: 360px;
   max-width: 360px;
   overflow: hidden;
   position: sticky;
   top: 0;
   z-index: 4;
   height: 100vh;
   /* border-radius: 10px; */
   box-shadow: 0px 0px 20px rgb(0 0 0 / 10%), 0 0 1px rgb(0 0 0 / 15%);
   background: #fff;
}
.header__container {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: space-between;
   align-items: center;
   /* margin-bottom: 10px; */
   /* border-radius: 10px 10px 5px 5px; */
   overflow: hidden;
}
.header__contacts {
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
   border-radius: 5px;
   overflow: hidden;
}
.header__contacts_item {
   display: flex;
   align-items: center;
   width: 100%;
   height: 44px;
   color: #000;
   font-size: 14px;
   padding: 0 25px;
   background-color: #fdfdfd;
   text-decoration: none;
   box-sizing: border-box;
   border-bottom: 1px solid #f3f3f3;
}
.header__contacts_item:last-child {
   border: 0;
}
.burger {
   display: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  border-radius: 15px;
  border: 0;
  background-color: #eaeaea;
  background: linear-gradient(-45deg, #f0f0f0, #e3e3e3);
}
.burger:hover {
   background: linear-gradient(-45deg, #eee, #e0e0e0);
}
.burger:focus {
  outline: none;
}
.burger:hover .burger_icon {
  background-color: #000;
}
.burger_icon {
  position: absolute;
  left: 21px;
  display: block;
  width: 38px;
  height: 8px;
  border-radius: 9px;
  background-color: #777;
  /* background-color: #e7eef5; */
  /* background-color: #3f332a; */
}
.burger_icon:nth-child(1) {
  top: 20px;
  transition-delay: 30ms;
}
.burger_icon:nth-child(2) {
  top: 35px;
  transition-delay: 30ms;
}
.burger_icon:nth-child(3) {
  top: 50px;
  transition-delay: 30ms;
}
.burger_box {
  display: none;
  box-sizing: border-box;
  top: 0;
  left: calc(((100vw - 1920px) / 2) + 120px);
  z-index: 3;
  width: 500px;
  height: 100vh;
  padding: 35px 40px;
  background-color: #353535;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
transition: .2s;
}
.burger_box_open {
  display: flex;
}
.burger_box ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-position: inside;
  list-style: none;
}
.burger_box li {
    margin-bottom: 10px;
}
.burger_box a {
    text-decoration: none;
    font-size: 26px;
    font-weight: 600;
    color: #aaa;
}
.burger_box a:hover {
  color: #fff;
}
a.burger_box_active {
   color: #fff;
}
@media (max-width: 1920px) {
   .burger_box {
      left: 130px;
   }
}
@media (max-width: 1000px) {
   .burger {
      display: flex;
      width: 50px;
      height: 50px;
      margin-bottom: 0;
      border: 0;
      border-radius: 6px;
      background: #f3f3f3;
   }
   .burger_box {
      width: 100%;
      height: auto;
      top: 80px;
      left: 0;
      padding: 20px 25px;
   }
   .burger_icon {
    left: 13px;
    width: 24px;
    height: 5px;
    border-radius: 2px;
  }
  .burger_icon:nth-child(1) {
    top: 13px;
  }
  .burger_icon:nth-child(2) {
    top: 23px;
  }
  .burger_icon:nth-child(3) {
    top: 33px;
  }
  .burger_box {
    width: 100%;
    height: auto;
    top: 80px;
    left: 0;
  }
  .burger_box li {
    margin-bottom: 10px;
  }
  .burger_box a {
     font-size: 23px;
  }
}
@media (max-width: 1000px) {
   .header {
      display: none;
   }
}

.logo {
    display: flex;
    box-sizing: border-box;
    text-decoration: none;
    align-items: center;
    width: 100%;
    height: 130px;
    padding: 0 30px;
    background: linear-gradient(45deg, #ffeae9, #e7edf3);
    z-index: 1;
}
.logo__image {
    width: 66px;
    height: 66px;
    max-width: 66px;
    max-height: 66px;
    margin: 0 25px 0 0;
    border-radius: 100%;
}
.logo_name {
       display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.logo_name_ttl {
    margin: 0 0 3px;
    width: 100%;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1; 
}
.logo_name_dsc {
color: rgb(0 0 0 / 55%);
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
}
.mobile {
   display: none;
}
.logo__title {
   font-size: 20px;
   line-height: 18px;
   text-decoration: none;
   color: #000;
}
.logo__description {
   color: #777;
   font-size: 12px;
}

.benefits {
    width: 100%;
    display: flex;
}
.benefits_wrp {
display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    align-self: flex-start;
}
.benefits_wrp_itm-a {
    display: flex;
    flex-wrap: wrap;    
    align-content: flex-start;
    justify-content: center;
    width: calc(33% - 20px);
    margin: 0 20px 20px 0;
    padding: 60px 40px 40px;
    border-radius: 20px;
    background: #f3f3f3;
}
.benefits_wrp_itm-a img {
    width: 96px;
    height: 96px;
    aspect-ratio: 1 / 1;
    margin: 0 0 25px;
}
.benefits_wrp_itm-a_ttl {
    text-align: center;
    width: 100%;
    font-size: 22px;
    margin: 0 0 15px;
    font-weight: 600;
}
.benefits_wrp_itm-a_dsc {
   text-align: center;
    width: 100%;
    margin: 0 0 35px;
}
.benefits_wrp_itm-a_btn {
   text-decoration: 0;
   padding: 12px 30px;
   margin: 0 0 10px;
   background: #5ec26a;
   font-weight: 600;
   font-size: 16px;
   border-radius: 6px;
   color: #fff;    
   background: #4ead59;
}
.benefits_wrp_itm-a_btn-a {
    background: #694efb;
}
.benefits_wrp_itm-a_btn:hover {
   background: #3a9544;
}
.benefits_wrp_itm-a_btn-a:hover {
   background: #3c43a5;
}
.ask {
    width: 100%;
    display: flex;
}
.ask_wrp {
    display: flex;
    width: 100%;
    max-width: 1000px;
    align-self: flex-start;
}
.ask_wrp-a {
    display: flex;
    flex-wrap: wrap;
    width: 100%;    
    align-content: flex-start;
}
.ask_wrp_itm-a {
display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
    margin: 0 25px 25px 0;
    padding: 30px;
    border-radius: 10px;
    background: #f7f7f7;
}
.ask_wrp_itm-a_ttl {
display: flex;
    align-items: center;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 25px;
}
.ask_wrp_itm-a_ttl img {
   width: 62px;
    height: 62px;
    max-width: 62px;
    max-height: 62px;
    padding: 7px;
    margin: 0 20px 0 0;
    border-radius: 12px;
}
.ask_img-a {
background: rgb(255 221 53 / 50%);
}
.ask_img-b {
    background: rgb(53 125 255 / 50%);
}
.ask_img-c {
    background: rgb(255 53 118 / 50%);
}
.ask_img-d {
background: rgb(140 53 255 / 50%);
}
.ask_img-e {
    background: rgb(75 255 53 / 50%);
}
.ask_img-f {
    background: rgb(53 199 255 / 50%);
}
.ask_wrp_itm-a_dsc {
   display: flex;
    width: 100%;    
    font-size: 19px;    
    margin: 0 0 15px;
    line-height: 1.4;
}
.ask_wrp_itm-a_btn {    
   display: none;
    font-weight: 600;
    font-size: 15px;
    margin: 0 0 10px;
    border-radius: 6px;
    color: #0066d5;
}
.ask_wrp_itm-a_btn:hover {
   color: #000;
}
.scl {
       display: flex;
       flex-wrap: wrap;
    width: 100%;
    background: #fff;
}
.scl_wrp {
display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    align-self: flex-start;
}
.scl_wrp_itm-a {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: hidden;
    justify-content: center;
    text-decoration: none;
    width: 290px;
    margin: 0 25px 25px 0;
    padding: 0px;
    border-radius: 15px;
    /* background: #f3f3f3; */
    border: 3px solid #f3f3f3;
}
.scl_wrp_itm-a:hover {
   background: #f3f3f3;
}
.scl_wrp_itm-a:hover .scl_wrp_itm-a_txt_dsc {
   color: #000;
}
.scl_wrp_itm-a img {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: fit-content;
    margin: 0 0 15px;    
    background: #f3f3f3;
    box-shadow: 0 0 40px 5px #fff;
}
.scl_wrp_itm-a_txt {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 0 20px 20px;
}
.scl_wrp_itm-a_txt_ttl {
   width: 100%;
    margin: 0 0 5px;
    line-height: 1;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.scl_wrp_itm-a_txt_dsc {
width: 100%;
    margin: 0 0 3px;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    color: rgb(0 0 0 / 65%);
}

.rat {
   display: flex;
   width: 100%;
   gap: 2.5rem;
}
.rat_wrp {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    width: 100%;
    max-width: 500px;
    align-self: flex-start;
}
.rat_wrp_ttl {
    display: grid;
    grid-template-columns: 1fr 3rem;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0 1rem;
    font-size: 26px;
    font-weight: 700;
    color: rgb(0 0 0 / 55%);
}
.rat_wrp_ttl img {
   width: 28px;
   height: 28px;
   max-width: 28px;
   max-height: 28px;
}
.rat_wrp_itm-a {
    display: flex;
    width: 100%;
    padding: 1.25rem;
    border-radius: .75rem;
    background: #f3f3f3
}
.rat_wrp_itm-a_wrp-a {
    display: grid;
    grid-template-columns: 5rem 2fr auto;
    gap: 1rem;
    align-items: center;
    width: 100%;
}
.rat_wrp_itm-a_wrp-a_val {
   display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    min-width: 54px;
    height: 54px;
    margin: 0 20px 0 0;
    border-radius: 15px;
    background: #ddd;
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 0 20px 5px #fff;
}
.rat_wrp_itm-a_wrp-a_val-a {
position: relative;
    overflow: hidden;
    background: #e7e7e7;
    width: 100%;
    min-width: 100%;
    height: 100%;
    border-radius: 100%;   
    aspect-ratio: 1 / 1;
}

.rat_wrp_itm-a_wrp-a_img {
   position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
.rat_wrp_itm-a_wrp-a_img-a {
   padding: .75rem;    
}
.rat_wrp_itm-a_wrp-a_val-b {
   position: relative;
    overflow: hidden;
    background: #e7e7e7;       
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 60px;  
    font-size: 25px;
     margin: 0px 25px 0 0;
}
.rat_wrp_itm-a_wrp-a_val-c {
   position: relative;
    overflow: hidden;
    background: #ff3e3e;      
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 60px;   
    font-size: 25px;    
    margin: 0px 25px 0 0;
}
.rat_wrp_itm-a_wrp-a_val-d {
    font-size: 20px;
    font-weight: 700;
    color: #999;
}
.rat_wrp_itm-a_wrp-a_val-e {
   position: relative;
    overflow: hidden;
    background: #ddd;      
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 60px;   
    font-size: 25px;    
    margin: 0px 25px 0 0;
}
.rat_wrp_itm-a_wrp-a_ttl {
   display: flex;
   gap: .5rem;
    font-size: 20px;
    font-weight: 700;
}
.rat_wrp_itm-a_val {
       display: flex;
    align-items: center;
    height: 100%;
    margin: 0 20px 0 0;
        font-size: 20px;
    font-weight: 700;
}
.rat_wrp_itm-a_val-a {color: #3e94e9;}
.rat_wrp_itm-a_val-b {color: #4ba356;}
.rat_wrp_itm-a_val-c {color: #ff3e3e;}


.trn {
       display: flex;
       flex-wrap: wrap;
    width: 100%;
    background: #fff;
}
.trn_wrp {
   display: flex;
   flex-wrap: wrap;
    width: 100%;
    max-width: 1100px;
    align-self: flex-start;
}
.trn_wrp_itm-a {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    text-decoration: none;
    overflow: hidden;
    width: 310px;
    margin: 0 25px 25px 0;
    padding: 25px;
    border-radius: 20px;
    background: #f3f3f3;
}
.trn_wrp_itm-a:hover {
   background: #e7e7e7;
}
.trn_wrp_itm-a:hover .trn_wrp_itm-a_txt_dsc {
   color: #000;
}
.trn_wrp_itm-a img {
width: 100%;
    aspect-ratio: 1 / 1;
    margin: 0 0 25px 0;
    border-radius: 100%;    
    box-shadow: 0 0 40px 5px #fff;
    background: #eee;
}
.trn_wrp_itm-a_txt {
   display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    justify-content: center;
    padding: 0 5px 5px;
}
.trn_wrp_itm-a_txt_ttl {
   text-align: center;
    width: 100%;
    margin: 0 0 15px;
    line-height: 1;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.trn_wrp_itm-a_txt_dsc {
   text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: rgb(0 0 0 / 65%);
}
.trn_wrp_itm-a_txt_btn {
   display: none;
   padding: 14px 14px 12px 14px;
   color: #ffffff;
   font-size: 17px;
   font-weight: 600;
   margin: 0 0 20px;
   border-radius: 12px;
   background: #e7e7e7;
}
.trn_wrp_itm-a_txt_btn img {    
   width: 32px;
   margin: 0;        
   height: 32px;
   filter: invert(1);
   transform: rotate(180deg);
}
.gal {
   display: flex;
   width: 100%;
}
.gal_wrp {
   display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
}
.gal_wrp-a {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 455px;
    align-self: flex-start;
    /* margin: 0 30px 0 0; */
    background: #eee;
   overflow: hidden;
   border-radius: 10px 0 0 10px;
}
.gal_wrp-a_itm-a {    
   display: flex;
   width: 100%;
}
.gal_wrp-a_itm-a img {
    width: 100%;
    aspect-ratio: 1 / 1;
}
.gal_wrp-b {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 455px;
    align-self: flex-start;
    background: #eee;
   overflow: hidden;
   border-radius: 0 10px 10px 0;
}
.gal_wrp-b_itm-a {    
   display: flex;
    width: 50%;
}
.gal_wrp-b_itm-a img {
   width: 100%;    
   aspect-ratio: 1 / 1;
}

.pg-t {
    display: flex;
    width: 100%;
    padding: 60px;
    background: #f3f3f3;
}
.pg-t_wrp-a {
display: flex;
    width: 100%;
    max-width: 500px;
    height: 500px;
    margin: 0 40px 0 0;
}
.pg-t_wrp-a img {
   height: 100%;
   border-radius: 20px;
}
.pg-t_wrp-b {
    display: flex;
    flex-wrap: wrap;
        align-content: flex-start;
    width: 100%;    
    padding: 40px 20px;
}
.pg-t_wrp-b_itm-a {
       display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 25px 0;
}
.pg-t_wrp-b_btn {
   text-decoration: none;
    padding: 20px 45px;
    z-index: 1;
    line-height: 1;
    font-size: 20px;
    font-weight: 600;
    border-radius: 8px;
    background: #5ec26a;
    color: #fff;
    margin: 0;
}
.pg-t_wrp-b_btn:hover {
   background: #3a9544;
}
.pg-t_wrp-b_itm-a_ttl {
   font-size: 27px;
    width: 100%;
    margin: 0 0 15px;
        font-weight: 600;
    color: #757575;
}
.pg-t_wrp-b_itm-a_dsc {
    width: 100%;
    max-width: 500px;
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 15px;
}
.map {
   display: flex;
    width: 100%;
}
.map iframe {
    border-radius: 12px;
    width: 980px;
    height: 600px;
}
.ftr {
   display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    width: 100%;
    margin: 60px 0 0;
    padding: 70px 80px 120px;
    background: #353535;
}
.ftr_wrp_btn {
   display: none;
    justify-content: center;
    text-decoration: none;
    width: 100%;
    padding: 20px;
    font-size: 20px;
    background: #5ec26a;
    color: #fff;
    border-radius: 8px;    
    font-weight: 600;
}
.ftr_wrp {
   display: flex;
    margin: 0 0 40px;
}
.ftr_wrp_itm-a {
text-decoration: none;
    margin: 0 40px 0 0;
    font-size: 21px;
     color: rgb(255 255 255 / 75%);
    font-weight: 600;
}
.ftr_wrp_itm-a:hover {
   color: #fff;
}
.ftr_cpr {
       font-size: 17px;
    color: rgb(255 255 255 / 55%);
}
.nav_wrp-a {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
}
.nav_wrp-a_itm-a {
      display: flex;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    align-items: center;
    width: 100%;
    padding: 9px 25px;
    height: 48px;
    border-radius: 6px;
    margin: 0 0 1px;
}
.nav_wrp-a_itm-a:hover {
   background: #f3f3f3;
}
.nav_wrp-a_itm-a:last-child {
   border:0;
}
.nav_wrp-a_itm-a img {
    box-sizing: border-box;
    height: 100%;
    max-height: 100px;
    margin: 0 25px 0 0;
    aspect-ratio: 1 / 1;
}
.nav_wrp-a_itm-a_ttl {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}
.button__navigation {
   box-sizing: border-box;
   display: none;
   align-items: center;
   position: relative;
   height: 44px;
   padding: 0 0 0 43px;
   border: 0;
   border-radius: 10px;
   background-color: #f1f1f1;
   font-family: "Exo2-Regular";
   font-size: 14px;
   color: #614a18;
   outline: none;
   cursor: pointer;
   transition-duration: 0.1s;
}
.button__navigation:active {
   background-color: #f1f1f1;
}
.button__navigation::before {
   content: '';
   position: absolute;
   left: 12px;
   display: block;
   width: 20px;
   height: 20px;
   background-image: url(../icons/menu_burger.png);
   background-size: cover;
}
.navigation {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    padding: 20px;
}
.navitagion__link {
   display: flex;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    align-items: center;
    width: 100%;
    padding: 8px 20px;
    margin: 0 0 2px;
    height: 54px;
    color: #757575;
   border-radius: 12px;
   
}
.navitagion__link:hover {
    background: #ecf4fb;
}
.navigation__link_active {
 color: #000;
 background: #ecf4fb;
}
.navigation__link_active:hover {
 background: #e1effb;
}
.navigation__link_active:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 9px;
    height: 100%;
    top: 0;
    left: -23px;
    border-radius: 12px;
    background-color: #2073e8;
}

.navitagion__link_image {
   box-sizing: border-box;
    height: 100%;
    max-height: 100px;
    margin: 0 25px 0 0;
    aspect-ratio: 1 / 1;
}
.navitagion__link_ttl {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}
.navitagion__link:hover .navitagion__link_ttl {
   color: #000;
}
    display: grid
;
    padding: 0 5rem;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
@media (max-width: 1000px) {
   .content {
      max-width: 100%;
   }
}
.answers {
   margin: 0 0 20px;
}
.answers_item {
       display: flex;
    flex-wrap: wrap;
    margin: 0 0 10px;
}
.answers_item_title {
    width: 100%;
    margin: 0px 0 30px;
    font-size: 28px;
    font-weight: 700;
    color: #757575;
}
.answers_item_description {
    list-style: none;
    line-height: 25px;
    padding: 25px 40px;
    margin-bottom: 40px;
    background: #f3f3f3;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    border-radius: 8px;
}
.answers_item_description a {
   text-decoration: none;
   color: #1670cc;
   font-weight: 700;
}
.answers_item_description a:hover {
   color: #000;
}

@media (max-width: 1000px) {
   .answers_item_title {
      padding: 0 17px;
      font-size: 18px;
   }
   .answers_item_description {
      margin-left: 17px;
      font-size: 16px;
      line-height: 1.4;
   }
}

.phone {
   display: none;
    height: 60px;
    padding: 0 35px 0 5px;
    border-radius: 10px;
    border: 2px solid #eee;
    background-color: #fff;
    text-decoration: none;
    color: #000;
}
.phone:hover {
   text-decoration: underline;
}
.phone_image {
   box-sizing: border-box;
    width: 60px;
    max-width: 60px;
    height: 60px;
    max-height: 60px;
    padding: 20px;
}
.phone_title {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 700;
}
@media (max-width: 1000px) {
   .phone {
      display: none;
   }
}
.main {
max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    box-sizing: border-box;
    background-color: #fff;
}
.main_img {
    width: 24px;
    height: 24px;
    transform: rotate(180deg);
    opacity: .3;
    margin: 11px 0 0 15px;
}
.main h1 {
   display: flex;
    width: 100%;
    padding: 40px 70px;
   font-size: 38px;
}
.main h2 {
   display: flex;
    width: 100%;
    padding: 40px 70px;
    font-size: 32px;
}
.main_container {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
    max-width: 920px;
    background: #fff;
    padding-bottom: 40px;
    box-sizing: border-box;
  background-color: #fff;
  padding: 60px 80px;
}
.main_container a {
       text-decoration: none;
    color: #1670cc;
   font-weight: 700;
}
.main_container a:hover {
   color: #000;
}
.main_container h1 {
display: flex;
    /* justify-content: center; */
    box-sizing: border-box;
    align-items: center;
    /* height: 70px; */
    background: #fff;
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    font-weight: 700;
    font-size: 42px;
    color: #000;
}
.main_container h2 {
display: flex;
    /* justify-content: center; */
    box-sizing: border-box;
    align-items: center;
    /* height: 70px; */
    background: #fff;
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    font-weight: 700;
    font-size: 42px;
    color: #000;
}
.main_container p {
   max-width: 800px;
   /* line-height: 30px; */
   line-height: 1.5;
   margin-top: 15px;
   margin-bottom: 40px;
   color: #000;
   font-size: 22px;
   font-weight: 500;
}
.main_container li {
    list-style: none;
    line-height: 25px;
    margin-bottom: 10px;
    background: linear-gradient(90deg, #f9f9f9, transparent);
    color: #000;
    font-size: 18px;
    border-radius: 0 5px 5px 0;
    border-left: 5px solid #fede83;
}
.main_top {
display: flex;
    align-items: center;
    width: 100%;
    height: 130px;
    z-index: 1;
    padding: 25px 60px;
    backdrop-filter: blur(15px);
    background-color: rgb(255 255 255 / 75%);
    filter: ;
    /* box-shadow: 2px 3px 5px rgb(0 0 0 / 5%); */
    box-shadow: 0 0px 15px rgb(0 0 0 / 20%);
}
.main_title {
   display: flex;
   align-items: center;
   box-sizing: border-box;
   width: 100%;
   padding: 0 30px 0 0;
   font-size: 32px;
   font-weight: 700;
   color: #000;
}
.main_container_text {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
   width: calc(60% - 30px);
   padding: 30px;
   border-radius: 10px;
   background-color: #fff;
}
.main_container_right {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
   width: 60%;
}
.main__action {
   min-width: 300px;
   height: 365px;
   z-index: 1;
   background-color: #fff;
   border-radius: 10px;
   box-shadow: 0 4px 7px rgba(0, 0, 0, 0.07);
   overflow: hidden;
   box-shadow: -20px -20px 25px rgba(255, 255, 255, 0.1), 5px 5px 25px rgba(0, 0, 0, 0.15);
}
.main-item_image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: fit-content;
    filter: brightness(0.40);
    /* filter: blur(5px); */
    opacity: .20;
}
.schools-item_left_wrp {
   display: flex;
   flex-wrap: wrap;   
   align-items: flex-start;
   width: 100%;
   padding: 120px;
   
}
.schools-item_left_ttl {
    width: 100%;
    z-index: 1;
    font-size: 128px;
     line-height: 1;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px;
}
.schools-item_left_dsc {
width: 100%;
    z-index: 1;
    font-size: 22px;    
    line-height: 1;
   color: rgb(255 255 255 / 75%);
    margin: 0 0 60px;
}
.schools-item_left_btn {
    text-decoration: none;
    padding: 20px 45px;
    z-index: 1;
    line-height: 1;
    font-size: 21px;    
    font-weight: 600;
    border-radius: 8px;
    background: #1670cc;
    color: #fff;    
    margin: 0 15px 0 0;
}
.schools-item_left_btn:hover {
       background: #0d62b9;
}
.schools-item_left_prc {
      text-decoration: none;
       padding: 20px 45px;
       z-index: 1;
       line-height: 1;
       font-size: 21px;
       font-weight: 600;
       border-radius: 8px;
       /* border: 4px solid rgb(255 255 255 / 75%); */
       color: #fff;
       margin: 0 0 40px;
       background: rgb(255 255 255 / 15%);
       backdrop-filter: blur(3px);
}
.main__button_singup {
   display: flex;
   justify-content: center;
   align-items: center;
   text-decoration: none;
   /* background: linear-gradient(135deg, #6eb9ff, #47a5fd); */
   background-color: #3591ef;
   color: #fff;
   height: 64px;
   width: 100%;
   font-size: 22px;
   border: 0;
   padding: 0 0 4px;
   cursor: pointer;
   transition-duration: 0.15s;
}
.main__button_singup:hover {
   /* background: linear-gradient(135deg, #47a5fd, #47a5fd); */
   background-color: #4fa5ff;
}
.main__button_singup-mobile {
   display: none;
   margin: 30px 34px 35px;
   border-radius: 10px;
}
.main__info {
   padding: 20px 30px 0 35px;
   width: 450px;
}
.main__title {
   display: flex;
   align-items: center;
   margin: 0;
   width: 100%;
   height: 28px;
}
.main__price {
   /* margin-bottom: 15px; */
   padding-bottom: 15px;
   /* border-bottom: 1px solid #ddd; */
   font-size: 18px;
}
.main__price_count {
   color: #0bac1f;
}
.main__price_unit {
   color: #aaa;
}
.main__description {
   font-size: 18px;
}
.main_button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    white-space: nowrap;
    height: 70px;
    padding: 0 50px 2px;
    border-radius: 12px;
    font-size: 24px;
    font-weight: 700;
    background-color: #0674ec;
    color: rgb(255 255 255 / 90%) !important;
    box-shadow: 0 3px 10px rgb(0 0 0 / 5%);
    transition-duration: 0.1s;
}
.main_price {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    white-space: nowrap;
    height: 70px;
    z-index: 2;
    margin: 0 20px 0 0 ;
    padding: 0 40px 2px;
    font-size: 24px;
    font-weight: 700;
    color: #ffc56e;
    border-radius: 12px;
    background-color: #fdde89;
    color: #462508;
}
.main_benefits {
   display: flex;
   overflow-x: auto;
    width: 100%;
    padding: 0 35px;
    background-color: #fff;
}
.main_benefits_item {
   display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    min-width: 300px;
    max-width: 300px;
    padding-bottom: 20px;
    border-radius: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.05);
    transition-duration: 0.3s;
}
.main_benefits_item_image {
   width: 100%;
    margin-bottom: 20px;
}
.main_benefits_item_title {
display: flex;
    /* align-items: center; */
    box-sizing: border-box;
    width: 100%;
    /* height: 38px; */
    padding: 0 25px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    transition-duration: 0.2s;
}
.main_benefits_item_description {
display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 0 25px;
    /* margin-bottom: 20px; */
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    color: #000;
    transition-duration: 0.2s;
}
.slider__item-empty {
   min-width: 10px;
}
.table__item-empty {
   min-width: 35px;
}
@media (max-width: 1000px) {
   .main_container {
      padding-bottom: 20px;
   }
   .main_container h2 {
      padding: 0 17px;
      font-size: 24px;
   }
   .main_container h2:first-child {
      padding: 20px 17px 0;
   }
   .main_container p {
padding: 0 17px;
    margin-top: 5px;
    margin-bottom: 25px;
    font-size: 16px;
   }
   .main {
      flex-wrap: wrap;
      justify-content: center;
      padding: 0;
      border-radius: 0;
   }
   .main_top {
      padding: 0;
      background-color: #fff;
   }
   .main_title {
      padding: 0 20px 0 0;
      font-size: 24px;
      line-height: 22px;
      color: #757575;
   }
   .main__action {
      background: linear-gradient(135deg, #f1f1f1, #fafafa);
      border-bottom: 1px solid #f5f5f5;
      box-sizing: border-box;
      width: 100%;
      box-shadow: none;
      border-radius: 0;
   }
   .main_price {
      width: 100%;
      margin: 0 17px 10px;
   }
   .main_button {
      width: 100%;
    margin: 0 17px;
   }
   .main__image {
      display: block;
      width: 100%;
   }
   .main__button_singup {
      display: none;
   }
   .main__button_singup-mobile {
      display: flex;
   }
   .main__info {
      width: 100%;
   }
   .slider__item-empty {
      display: none;
   }
   .table__item-empty {
      display: none;
   }
}
.content_container {
    display: grid;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.content_container h2 {
   display: flex;
    /* justify-content: center; */
    box-sizing: border-box;
    align-items: center;
    /* height: 70px; */
    background: #fff;
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0;
    width: 100%;
    font-weight: 700;
    font-size: 32px;
    color: #000;
    /* box-shadow: rgba(0, 0, 0, 0.05) 0 -10px 10px; */
}

.content_container h3 {
display: flex;
    /* justify-content: center; */
    box-sizing: border-box;
    align-items: center;
    /* height: 70px; */
    background: #fff;
    margin: 10px 0 0 0;
    width: 100%;
    font-weight: 700;
    font-size: 24px;
    color: #757575;
}
.content_container a {
   text-decoration: none;
    font-weight: 700;
    color: #1670cc;
}
.content_container a:hover {
   color: #000;
}
.content_container p {
   width: 1200px;
   max-width: 1200px;
   /* line-height: 30px; */
   line-height: 1.5;
   margin-top: 15px;
   margin-bottom: 40px;
   color: #000;
   font-size: 20px;
   font-weight: 400;
}
.content_container ul {
   list-style: square;
   list-style-position: inside;
   font-weight: 500;
   margin-bottom: 50px;
}
.content_container li {
   list-style: none;
    line-height: 25px;
    margin-bottom: 10px;
    background: linear-gradient(90deg, #f9f9f9, transparent);
    color: #000;
    font-size: 18px;
    border-radius: 0 5px 5px 0;
    border-left: 5px solid #fede83;
}
.description {
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   /* margin-bottom: 15px; */
   /* border: 2px solid #e9e9e9; */
   box-sizing: border-box;
   /* border-radius: 0 0 15px 15px; */
   /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);*/
}
.descrption_top {
   display: flex;
   align-items: center;
   box-sizing: border-box;
   width: 100%;
   height: 130px;
   padding: 25px 35px;
   background-color: #fff;
}
.descrption-item_top {
   display: flex;
   align-items: center;
   width: 100%;
   height: 80px;
   z-index: 1;
   padding: 25px 35px;
   background-color: #fff;
   box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.05);
   box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
}
.description_text {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   align-content: center;
   width: 100%;
   padding: 0 30px;
}
.description_title {
   display: flex;
   align-items: center;
   box-sizing: border-box;
   text-decoration: none;
   width: 100%;
   padding: 0 30px 0 0;
   font-size: 32px;
   font-weight: 700;
   color: #333;
   transition-duration: 0.1s;
}
.description_description {
   width: 100%;
   color: #aaa;
}
.description_info {
   box-sizing: border-box;
   min-width: 500px;
   max-width: 500px;
   /* height: 450px; */
   padding: 30px 0;
   margin-top: 40px;
   z-index: 1;
   background-color: #fff;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.075);
}
.description_info p {
   display: flex;
   box-sizing: border-box;
   width: 100%;
   padding: 0 30px;
   margin: 0;
   margin-bottom: 20px;
   font-size: 18px;
   line-height: 25px;
   font-weight: 500;
   color: #000;
   transition-duration: 0.2s;
}
.description_image {
   display: none;
   box-sizing: border-box;
   min-height: 80px;
   max-height: 80px;
   min-width: 80px;
   max-width: 80px;
   border-radius: 10px;
   padding: 12px;
   margin-right: 30px;
   background-color: #fff;
   box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.1);
}
.description_button {
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   text-decoration: none;
   white-space: nowrap;
   height: 64px;
   padding: 0 50px 2px;
   border-radius: 10px;
   font-size: 22px;
   font-weight: 700;
   background-color: #3591ef;
   color: #fff;
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
   transition-duration: 0.1s;
}
.description_button:hover {
   /* transform: scale(1.04); */
   background-color: #1670cc;
}
.description_price {
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   text-decoration: none;
   white-space: nowrap;
   height: 64px;
   z-index: 2;
   padding: 0 40px 2px;
   margin-right: 15px;
   font-size: 22px;
   font-weight: 700;
   color: #ffc56e;
   border-radius: 10px;
   background-color: #eee;
   color: #000;
   transition-duration: 0.1s;
}
@media (max-width: 1000px) {
   .descrption-item_top {
      padding: 0;
   }
   .descrption_top {
    height: 80px;
    padding: 0;
   }
   .description_image {
    max-height: 70px;
    min-height: auto;
    max-width: 70px;
    min-width: auto;
    padding: 20px;
    margin-right: 0;
    border-radius: 0;
    box-shadow: none;
   }
   .description_title {
      font-size: 24px;
      line-height: 22px;
   }
   .description_info {
      min-width: 100%;
      max-width: 100%;
      height: auto;
      padding: 10px 0;
      border-radius: 0;
      margin: 0;
   }
   .description_button {
      display: none;
   }
   .description_price {
      display: none;
   }
   .description_info p {
      padding: 0 25px;
   }
   .content_container h3 {
      padding: 0 25px;
   }
}
.schools {
   display: flex;
   box-sizing: border-box;
   overflow-x: auto;
   overflow-y: hidden;
   width: 100%;
   background: linear-gradient(0, #d3e9fb00, #dedede);
}
.schools__container {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
   overflow-x: auto;
   overflow-y: hidden;
   width: 100%;
   padding: 40px 0 5px 35px;
   margin-bottom: 30px;
   background: linear-gradient(0, #d3e9fb00, #dedede);
}
.schools__container::-webkit-scrollbar {
  width: 15px;
	height: 15px;
}
.schools__container::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 5px;
	border: 2px solid #e1e1e1;
}
.schools__container::-webkit-scrollbar-thumb {
  background-color: #d0d0d0;
	border-radius: 5px;
	transition-duration: 0.1s;
	cursor: pointer;
}
.schools__container::-webkit-scrollbar-thumb:hover {
  background-color: #c0c0c0;
}
.schools__container::-webkit-scrollbar-thumb:active {
  background-color: #a0a0a0;
}
.schools__container::-webkit-scrollbar-button {
  background-color: transparent;
	width: 18px;
	height: 0;
}
.schools__item {
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
   text-decoration: none;
   min-width: 300px;
   width: 300px;
   margin-right: 20px;
   margin-bottom: 20px;
   border-radius: 10px;
   background-color: #fff;
   box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.075);
   transition-duration: 0.1s;
}
.schools__item:hover {
   transform: scale(1.02);
}
.schools__item_image {
   width: 100%;
   margin-bottom: 15px;
   background-color: #eee;
}
.schools__item_title {
   display: flex;
   /* align-items: center; */
   box-sizing: border-box;
   width: 100%;
   /* height: 38px; */
   padding: 0 25px;
   margin-bottom: 5px;
   font-size: 20px;
   font-weight: 700;
   color: #000;
   transition-duration: 0.2s;
}
.schools__item_description {
   display: flex;
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px;
   margin-bottom: 20px;
   font-size: 15px;
   line-height: 19px;
   font-weight: 500;
   color: #8a8a8a;
   transition-duration: 0.2s;
}
.schools__item_button {
   display: flex;
   align-items: center;
   height: 20px;
   margin: 5px 25px 25px;
   font-size: 18px;
   font-weight: 700;
   color: #1670cc;   
   transition-duration: 0.1s;
}
.schools__item_button:hover {
   color: #000;
}
.schools-item_container {
   display: flex;
    flex-wrap: wrap;
    width: 100%;    
    aspect-ratio: 10 / 4.5;
}
.schools-item_left {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 10 / 4.5;
    background: linear-gradient(45deg, #114178, #e15a51);
}
.schools-item_right {
    display: flex;
    width: 100%;
}
.schools-item_image {
   width: 100%;
   border-radius: 10px;
   box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.075);
}
.schools-item_map {
   display: flex;
   width: 100%;
}
@media (max-width: 1000px) {
   .schools {
      flex-wrap: wrap;
      min-width: 100%;
      max-width: 100%;
      padding: 0;
   }
   .schools-mobile {
      flex-wrap: wrap;
   }
   .schools-item_left {
      padding: 0;
   }
   .schools__container {
      padding: 0;
      margin: 0;
      border-bottom: 20px solid #eee
   }
   .schools__container::-webkit-scrollbar {
  width: 15px;
	height: 15px;
   }
   .schools__container::-webkit-scrollbar-track {
    	background-color: transparent;
   	background-color: #fafafa;
   	border-radius: 0;
   	border: 0;
   }
   .schools__container::-webkit-scrollbar-thumb {
     background-color: #d0d0d0;
   	border-radius: 0;
   	transition-duration: 0.1s;
   	cursor: pointer;
   }
   .schools__container::-webkit-scrollbar-thumb:hover {
     background-color: #c0c0c0;
   }
   .schools__container::-webkit-scrollbar-thumb:active {
     background-color: #a0a0a0;
   }
   .schools__container::-webkit-scrollbar-button {
     background-color: transparent;
   	width: 0;
   	height: 0;
   }
   .schools__item {
      min-width: 100%;
      width: 100%;
      margin-bottom: 0;
      margin-right: 0;
      border-radius: 0;
      box-shadow: none;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
   }
   .schools__item:hover {
      transform: none;
   }
   .schools-item_container {
      flex-wrap: wrap;
   }
   .schools__item-mobile {
      min-width: 100%;
      width: 100%;
   }
   .schools-item_left {
      width: 100%;
      min-width: 100%;
   }
   .schools-item_right {
      width: 100%;
   }
   .schools-item_image {
      margin: 0;
      border-radius: 0;
   }
}
.list {
   list-style-type: decimal;
   margin-block-start: 10px;
   margin-block-end: 0;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 16px;
}
.list__item-one {
   color: #f15638;
}
.list__item-one span{
   color: #000;
   font-family: "Exo2-Regular"
}
.list__item-two {
   color: #47a5fd;
}
.list__item-two span{
   color: #000;
   font-family: "Exo2-Regular"
}
.list__item-three {
   color: #7553cc;
}
.list__item-three span{
   color: #000;
   font-family: "Exo2-Regular"
}
.activity {
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   /* margin-bottom: 15px; */
   /* border: 2px solid #e9e9e9; */
   box-sizing: border-box;
}
.activity__title {
   margin: 0;
   padding: 0 25px;
   line-height: 22px;
}
.activity__title::after {
   content: '';
   display: inline-block;
   position: absolute;
   width: 27px;
   height: 27px;
   margin-left: 10px;
   background-image: url(../icons/sign_hot.png);
   background-size: cover;
}
.activity__description {
   color: #aaa;
   margin-bottom: 20px;
   padding: 0 25px;
}
.activity__list {
   display: flex;
   box-sizing: border-box;
   overflow-x: auto;
   overflow-y: hidden;
   width: 100%;
   padding: 40px 35px 5px 35px;
   margin-bottom: 30px;
   background: linear-gradient(0, #d3e9fb00, #dedede);
}
.activity__list::-webkit-scrollbar {
   width: 15px;
   height: 15px;
}
.activity__list::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 5px;
   border: 2px solid #e1e1e1;
}
.activity__list::-webkit-scrollbar-thumb {
  background-color: #d0d0d0;
	border-radius: 5px;
	transition-duration: 0.1s;
	cursor: pointer;
}
.activity__list::-webkit-scrollbar-thumb:hover {
  background-color: #c0c0c0;
}
.activity__list::-webkit-scrollbar-thumb:active {
  background-color: #a0a0a0;
}
.activity__list::-webkit-scrollbar-button {
  background-color: transparent;
	width: 18px;
	height: 0;
}

.activity__link {
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
   text-decoration: none;
   min-width: 300px;
   width: 300px;
   margin-right: 20px;
   margin-bottom: 20px;
   border-radius: 10px;
   background-color: #fff;
   box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.075);
   transition-duration: 0.1s;
}
.activity__link:hover {
   transform: scale(1.04);
}
.activity__image {
   width: 100%;
   max-height: 300px;
   margin-bottom: 20px;
}
.activity__image:hover {
    /* filter: brightness(0.9); */
}
.activity__link-title {
   display: flex;
   /* align-items: center; */
   box-sizing: border-box;
   width: 100%;
   /* height: 38px; */
   padding: 0 25px;
   /* margin-bottom: 20px; */
   font-size: 20px;
   font-weight: 700;
   color: #000;
   transition-duration: 0.2s;
}
.activity__link-date {
   display: flex;
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px;
   margin-bottom: 20px;
   font-size: 16px;
   line-height: 16px;
   font-weight: 500;
   color: #8a8a8a;
   transition-duration: 0.2s;
}
.activity__info-button_open {
   display: flex;
   align-items: center;
   height: 20px;
   margin: 5px 25px 25px;
   font-size: 18px;
   font-weight: 700;
   color: #3591ef;
   transition-duration: 0.1s;
}
.activity__info-button_open:hover {
   color: #000;
}
@media (max-width: 1000px) {
   .activity__list {
      flex-wrap: wrap;
      justify-content: center;
      padding: 0;
      margin: 0;
       border-bottom: 20px solid #eee;
   }
   .activity__link {
      width: 100%;
      margin: 0;
      border-radius: 0;
   }
   .activity__link:hover {
      transform: none;
   }
   .activity__image {
      width: 100%;
      max-height: 100%;
   }
   .activity__link-title {
      font-size: 20px;
   }
}
.rating {
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   /* margin-bottom: 15px; */
   /* border: 2px solid #e9e9e9; */
   box-sizing: border-box;
   /* border-radius: 0 0 15px 15px; */
   /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); */
   background: linear-gradient(0, #d3e9fb00, #dedede);
}
.rating__title {
   margin: 0;
   line-height: 22px;
   width: 100%;
}
.rating__title::after {
   content: '';
   display: inline-block;
   position: absolute;
   width: 27px;
   height: 27px;
   margin-left: 10px;
   background-image: url(../icons/sign_top.png);
   background-size: cover;
}
.rating__description {
   width: 100%;
   color: #aaa;
   margin-bottom: 25px;
}
.rating__container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 35px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.075);
    padding: 20px;
}
.rating__container::-webkit-scrollbar {
  width: 15px;
	height: 15px;
}
.rating__container::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 5px;
	border: 2px solid #e1e1e1;
}
.rating__container::-webkit-scrollbar-thumb {
  background-color: #d0d0d0;
	border-radius: 5px;
	transition-duration: 0.1s;
	cursor: pointer;
}
.rating__container::-webkit-scrollbar-thumb:hover {
  background-color: #c0c0c0;
}
.rating__container::-webkit-scrollbar-thumb:active {
  background-color: #a0a0a0;
}
.rating__container::-webkit-scrollbar-button {
  background-color: transparent;
	width: 18px;
	height: 0;
}
.ration__view {
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
   text-decoration: none;
   min-width: 254px;
   width: 254px;
   margin-right: 20px;
   margin-bottom: 20px;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.075);
   transition-duration: 0.1s;
}
.ration__view:hover {
   transform: scale(1.04);
}
.ration__view-image {
   width: 100%;
   margin-bottom: 20px;
   aspect-ratio: 1/1;
   background: #eee;
}
.rating__view-name {
   display: flex;
   /* align-items: center; */
   box-sizing: border-box;
   width: 100%;
   /* height: 38px; */
   padding: 0 25px;
   /* margin-bottom: 20px; */
   font-size: 20px;
   font-weight: 700;
   color: #000;
   transition-duration: 0.2s;
}

.rating__view-status {
   display: flex;
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px;
   margin-bottom: 20px;
   font-size: 15px;
   line-height: 19px;
   font-weight: 500;
   color: #000;
   transition-duration: 0.2s;
}
.rating__view-position {
   display: flex;
   /* justify-content: center; */
   align-items: center;
   height: 20px;
   padding-bottom: 2px;
   margin: 5px 25px 25px;
   font-size: 20px;
   font-weight: 700;
   border-radius: 5px;
   /* color: #22669c; */
   /* border: 2px solid #22669c; */
   /* background-color: #eee; */
   transition-duration: 0.1s;
}
.rating__view-position-one {
   color: #47a5fd;
}
.rating__view-position-two {
   color: #5ec26a;
}
.rating__view-position-three {
   color: #ffb836;
}
.rating__view-position-four {
   color: #8a8a8a;
}
.rating__table {
   display: flex;
   flex-wrap: wrap;
   width: 50%;
   background: linear-gradient(0deg, rgb(255, 255, 255, 0.75), #fff);
   /* border-radius: 15px; */
   /* height: 420px; */
   box-sizing: border-box;
   overflow-y: auto;
   /* border: 1px solid #f1f1f1; */
   box-sizing: border-box;
   border-spacing: 0;
   padding: 30px;
   /* margin: 40px 35px 40px; */
   /* margin-right: 25px; */
   /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);*/
}
.rating__table:first-child {
   border-right: 1px solid #eee;
}
.rating__table_title {
   display: flex;
   box-sizing: border-box;
   align-items: center;
   padding: 0 5px 15px;
   margin-bottom: 15px;
   width: 100%;
   font-weight: 700;
   font-size: 28px;
   border-bottom: 2px solid #eee;
   color: #757575;
}
.rating__table-row {
   display: flex;
   width: 100%;
   padding: 5px;
   border-radius: 10px;
}
.rating__table-row:hover {
   background-color: #f5f5f5;
}
.rating__table-cell {
   background-clip: content-box;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
   padding-bottom: 2px;
}
.rating__table-cell_position {
   min-width: 50px;
   height: 50px;
   background: #ccc;
   color: #fff;
   border-radius: 5px;
   font-size: 24px;
   font-weight: 700;
   text-align: center;
   padding-left: 1px;
}
.rating__table-cell_position-one {
   background: #47a5fd;
   color: #fff;
   text-align: center;
}
.rating__table-cell_position-two {
   background: #5ec26a;
   color: #fff;
   text-align: center;
}
.rating__table-cell_position-three {
   background: #ffcd36;
   color: #fff;
   text-align: center;
}
.rating__table-cell_name-top {
   justify-content: flex-start;
   width: 100%;
   padding: 0 20px;
   margin-right: 10px;
   font-size: 20px;
   font-weight: 700;
}
.rating__table-cell_name-top:last-child {
   margin-bottom: 0;
}
.rating__table-cell_name {
   padding-left: 15px;
}
.rating__table-cell_points {
   box-sizing: border-box;
   justify-content: flex-start;
   position: relative;
   min-width: 95px;
   font-size: 18px;
   font-weight: 700;
   padding-left: 37px;
}
.rating__table-cell_points:last-child {
   margin-bottom: 0;
}
.rating__table-cell_points::before {
   content: '';
   position: absolute;
   left: -5px;
   display: block;
   width: 30px;
   height: 30px;
   background-image: url(../icons/menu/star.png);
   background-size: cover;
}
.rating__table-cell_experience {
   display: none;
   box-sizing: border-box;
   justify-content: flex-start;
   position: relative;
   min-width: 100px;
   padding-left: 37px;
}
.rating__table-cell_experience::before {
   content: '';
   position: absolute;
   left: 0;
   display: block;
   width: 27px;
   height: 27px;
   background-image: url(../icons/score_years.png);
}
.rating__open {
   display: none;
   width: 100%;
   max-height: 60px;
   padding: 18px 0 23px 0;
   background: #e9e9e9;
   color: #999;
   border-radius: 10px;
   text-decoration: none;
   text-align: center;
}
@media (max-width: 1000px) {
   .rating__table {
      width: 100%;
      padding: 17px 0;
      margin: 0;
      border-radius: 0;
      background: #fff;
   }
   .rating__table:first-child {
      border: 0;
   }
   .rating__table:nth-child(2n + 1) {
      border-bottom: 10px solid #dedede;
   }
   .rating__table_title {
      padding: 0 17px 15px;
      font-size: 20px;
   }
   
   .rating__table_title {
       border-bottom: 1px solid #eee;
   }
   .ration__view {
    min-width: 80%;
    width: 80%;
    margin-bottom: 0;
    margin-right: 0;
    border-radius: 0;
    box-shadow: none;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
   }
   .rating__container {
      padding: 0;
      margin: 10px;
   }
   .ration__view:hover {
      transform: none;
   }
   .rating__table-cell_name-top {
      font-size: 16px;
      line-height: 16px;
   }
   .rating__table-cell_points {
      font-size: 16px;
      color: #8a8a8a;
   }
   .rating__table-cell_points::before {
      width: 24px;
      height: 24px;
   }
   .rating__table-cell_position {
      font-size: 17px;
      min-width: 40px;
    height: 40px;
   }
   .rating__container::-webkit-scrollbar {
  width: 15px;
	height: 15px;
   }
   .rating__container::-webkit-scrollbar-track {
    	background-color: transparent;
   	background-color: #fafafa;
   	border-radius: 0;
   	border: 0;
   }
   .rating__container::-webkit-scrollbar-thumb {
      background-color: #d0d0d0;
      border-radius: 0;
      transition-duration: 0.1s;
      cursor: pointer;
   }
   .rating__container::-webkit-scrollbar-thumb:hover {
     background-color: #c0c0c0;
   }
   .rating__container::-webkit-scrollbar-thumb:active {
     background-color: #a0a0a0;
   }
   .rating__container::-webkit-scrollbar-button {
      background-color: transparent;
      width: 0;
      height: 0;
   }
   .rating__table-row {
      padding: 5px 0 5px 17px;
      margin: 0;
      margin-bottom: 5px;
      border-radius: 0;
   }
   .rating__table-cell_position {
      border-radius: 5px;
   }
}
.timetable {
   background: #f9f9f9;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   overflow: auto;
   margin-bottom: 25px;
   border-radius: 5px;
   /* border: 2px solid #e9e9e9; */
   box-sizing: border-box;
   box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.075);
}
.timetable_box {
   margin: 35px;
}
.timetable__title {
   margin: 0;
   line-height: 22px;
}
.timetable__title::after {
   content: '';
   display: inline-block;
   position: absolute;
   width: 30px;
   height: 30px;
   margin-left: 10px;
   background-image: url(../icons/sign_time.png);
   background-size: cover;
}
.timetable__title-inset {
   margin: 0;
   line-height: 22px;
}
.timetable__description {
   width: 100%;
   color: #aaa;
   margin-bottom: 20px;
}
.timetable__wrapper {
   display: flex;
   box-sizing: border-box;
   overflow-x: auto;
   overflow-y: hidden;
   width: 100%;
}
.timetable__wrapper::-webkit-scrollbar {
  width: 15px;
	height: 15px;
}
.timetable__wrapper::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 0;
	border: 0;
}
.timetable__wrapper::-webkit-scrollbar-thumb {
  background-color: #d0d0d0;
	border-radius: 0;
	transition-duration: 0.1s;
	cursor: pointer;
}
.timetable__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #c0c0c0;
}
.timetable__wrapper::-webkit-scrollbar-thumb:active {
  background-color: #a0a0a0;
}
.timetable__wrapper::-webkit-scrollbar-button {
  background-color: transparent;
	width: 0;
	height: 0;
}
.timetable__wrapper-main {
   padding: 40px 0 25px 35px;
   margin-bottom: 30px;
}
.timetable__wrapper-main::-webkit-scrollbar-thumb {
	border-radius: 5px;
}
.timetable__wrapper-main::-webkit-scrollbar-track {
	border-radius: 5px;
}
.timetable__wrapper-main::-webkit-scrollbar-button {
  background-color: transparent;
	width: 17px;
	height: 0;
}
.timetable__table {
   width: 100%;
   min-width: 1450px;
   background: #fff;
   /* overflow: hidden; */
   border-spacing: 0;
   box-shadow: 0 4px 7px rgba(0, 0, 0, 0.07);
}
.timetable__table-cell_header-schools {
   background: #5ec26a;
   color: #fff;
   height: 80px;
   width: 100%;
   font-size: 20px;
   text-align: left;
   padding: 0 30px;
   font-size: 20px;
   border-right: 1px solid #47a953;
   box-sizing: border-box;
}
.timetable__table-cell_header-days {
   background: #5ec26a;
   color: #fff;
   height: 80px;
   min-width: 180px;
   font-size: 18px;
   text-align: center;
   border-right: 1px solid #47a953;
   box-sizing: border-box;
}
.timetable__table-cell_header-trainers {
   background: #5ec26a;
   color: #fff;
   height: 80px;
   min-width: 180px;
   font-size: 18px;
   text-align: center;
   /* border-right: 1px solid #47a953; */
   box-sizing: border-box;
}
.timetable__table-cell-groups-one {
   height: 80px;
   color: #289736;
   padding-left: 30px;
   padding-right: 30px;
   font-size: 20px;
   line-height: 20px;
   font-weight: 600;
   border-bottom: 1px solid #eee;
   border-right: 1px solid #eee;
   box-sizing: border-box;
}
.timetable__table-cell-groups-one span {
   color: #8a8a8a;
   font-size: 18px;
   font-weight: 600;
}
.timetable__table-cell-groups-two {
   height: 80px;
   color: #47a5fd;
   padding-left: 30px;
   padding-right: 30px;
   font-size: 20px;
   line-height: 20px;
   font-weight: 600;
   border-bottom: 1px solid #eee;
   border-right: 1px solid #eee;
   box-sizing: border-box;
}
.timetable__table-cell-groups-two span {
   color: #8a8a8a;
   font-size: 18px;
   font-weight: 600;
}
.timetable__table-cell-groups-three {
   height: 80px;
   color: #d7aa22;
   padding-left: 30px;
   padding-right: 30px;
   font-size: 20px;
   line-height: 20px;
   font-weight: 600;
   border-bottom: 1px solid #eee;
   border-right: 1px solid #eee;
   box-sizing: border-box;
}
.timetable__table-cell-groups-three span {
   color: #8a8a8a;
   font-size: 18px;
   font-weight: 600;
}
.timetable__table-cell-groups-four {
   height: 80px;
   color: #f15638;
   padding-left: 30px;
   padding-right: 30px;
   font-size: 20px;
   line-height: 20px;
   font-weight: 600;
   border-bottom: 1px solid #eee;
   border-right: 1px solid #eee;
   box-sizing: border-box;
}
.timetable__table-cell-groups-five {
   height: 80px;
   color: #7553cc;
   padding-left: 30px;
   padding-right: 30px;
   font-size: 20px;
   line-height: 20px;
   font-weight: 600;
   border-bottom: 1px solid #eee;
   border-right: 1px solid #eee;
   box-sizing: border-box;
}
.timetable__table-cell {
   text-align: center;
   font-size: 16px;
   font-weight: 500;
   line-height: 15px;
   padding: 0 10px;
   border-right: 1px solid #eee;
   border-bottom: 1px solid #eee;  
   box-sizing: border-box;
}
.timetable__table-cell-trainers {
   display: flex;
   text-align: left;
   height: 80px;
   padding: 10px;
   border-bottom: 1px solid #eee;  
   box-sizing: border-box;
}
.timetable__image {
   border-radius: 3px;
   margin-right: 10px;
   width: 60px;
   height: 60px;
}
.timetable__button_open {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 60px;
   box-sizing: border-box;
   padding-bottom: 4px;
   background-color: #eaeaea;
   color: #999;
   text-align: center;
   text-decoration: none;
   border-radius: 10px;
}
.timetable__button_open:hover {
   background-color: #efefef;
}
@media (max-width: 1000px) {
   .timetable {
      border-radius: 0;
   }
   .timetable_box {
      margin: 0;
   }
   .timetable__wrapper {
      padding: 0;
      margin: 0;
   }
   .timetable__table-cell_header-schools {
      padding: 0 25px;
   }
   .timetable__table-cell-groups-one {
      padding: 0 25px;
   }
   .timetable__table-cell-groups-two {
      padding: 0 25px;
   }
   .timetable__table-cell-groups-three {
      padding: 0 25px;
   }
   .timetable__table-cell-groups-four {
      padding: 0 25px;
   }
   .timetable__table-cell-groups-five {
      padding: 0 25px;
   }
   .timetable__wrapper::-webkit-scrollbar {
  width: 15px;
	height: 15px;
}
.timetable__wrapper::-webkit-scrollbar-track {
 	background-color: transparent;
	background-color: #fafafa;
	border-radius: 0;
	border: 0;
}
.timetable__wrapper::-webkit-scrollbar-thumb {
  background-color: #d0d0d0;
	border-radius: 0;
	transition-duration: 0.1s;
	cursor: pointer;
}
.timetable__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #c0c0c0;
}
.timetable__wrapper::-webkit-scrollbar-thumb:active {
  background-color: #a0a0a0;
}
.timetable__wrapper::-webkit-scrollbar-button {
  background-color: transparent;
	width: 0;
	height: 0;
}
   .timetable__table {
      min-width: 1350px;
      border-radius: 0;
   }
   .timetable__table-cell-groups-one {
      font-size: 18px;
      line-height: 18px;
       font-weight: 700;
   }
   .timetable__table-cell-groups-two {
      font-size: 18px;
      line-height: 18px;
       font-weight: 700;
   }
   .timetable__table-cell-groups-three {
      font-size: 18px;
      line-height: 18px;
       font-weight: 700;
   }
   .timetable__table-cell-groups-four {
      font-size: 18px;
      line-height: 18px;
       font-weight: 700;
   }
   .timetable__table-cell-groups-five {
      font-size: 18px;
      line-height: 18px;
       font-weight: 700;
   }
   .timetable__title-inset {
   font-size: 18px;
   line-height: 18px;
    font-weight: 700;
}
}
.trainers {
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   /* margin-bottom: 15px; */
   /* border: 2px solid #e9e9e9; */
   box-sizing: border-box;
   /* border-radius: 0 0 15px 15px; */
   /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); */
   background: linear-gradient(0, #d3e9fb00, #dedede);
}
.trainers_container {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
   overflow-x: auto;
   overflow-y: hidden;
   width: 100%;
   padding: 40px 0 5px 35px;
   margin-bottom: 30px;
   background: linear-gradient(0, #d3e9fb00, #dedede);
}
.trainers_container::-webkit-scrollbar {
  width: 15px;
	height: 15px;
}
.trainers_container::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 5px;
	border: 2px solid #e1e1e1;
}
.trainers_container::-webkit-scrollbar-thumb {
  background-color: #d0d0d0;
	border-radius: 5px;
	transition-duration: 0.1s;
	cursor: pointer;
}
.trainers_container::-webkit-scrollbar-thumb:hover {
  background-color: #c0c0c0;
}
.trainers_container::-webkit-scrollbar-thumb:active {
  background-color: #a0a0a0;
}
.trainers_container::-webkit-scrollbar-button {
  background-color: transparent;
	width: 18px;
	height: 0;
}
.trainers_item {
   display: flex;
   flex-wrap: wrap;
   align-content: space-between;
   overflow: hidden;
   text-decoration: none;
   min-width: 300px;
   width: 300px;
   margin-right: 20px;
   margin-bottom: 20px;
   border-radius: 10px;
   background-color: #fff;
   box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.075);
   transition-duration: 0.1s;
}
.trainers_item:hover {
   transform: scale(1.02);
}
.trainers__box {
   width: 100%;
}
.trainers__title {
   width: 100%;
   margin: 0;
   line-height: 22px;
}
.trainers__title::after {
   content: '';
   display: inline-block;
   position: absolute;
   width: 30px;
   height: 30px;
   margin-left: 10px;
   background-image: url(../icons/sign_teacher.png);
   background-size: cover;
}
.trainers__description {
   width: 100%;
   width: 100%;
   color: #aaa;
   margin-bottom: 25px;
}
.trainers__image {
   width: 100%;
   max-height: 100%;
   margin-bottom: 20px;
}
.trainers__info {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   flex: 1;
   padding: 25px 30px;
   min-height: 260px;
   box-sizing: border-box;
   background-color: #fff;
   border-radius: 10px;
   margin-bottom: 35px;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);   
}
.trainers__info:last-child {
   margin-bottom: 0;
}
.trainers__info-title {
   display: flex;
   /* align-items: center; */
   box-sizing: border-box;
   width: 100%;
   /* height: 38px; */
   padding: 0 25px;
   margin-bottom: 20px;
   font-size: 20px;
   font-weight: 700;
   color: #000;
   transition-duration: 0.2s;
}
.trainers__info-status {
   width: 100%;
   color: #999;
   font-size: 18px;
   line-height: 20px;
   margin: 0;
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 2px solid #eee;
}
.trainers__info-description {
   display: flex;
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px;
   margin-bottom: 20px;
   font-size: 15px;
   line-height: 19px;
   font-weight: 500;
   color: #000;
   transition-duration: 0.2s;
}
.trainers__info-students {
   display: flex;
}
.trainers__info-student-link {
   margin-right: 6px;
}
.trainers__info-student-image {
   max-width: 48px;
   border-radius: 4px;
}
.trainers__info-button_open {
   display: flex;
   align-items: center;
   height: 20px;
   margin: 5px 25px 25px;
   font-size: 18px;
   font-weight: 700;
   color: #1670cc;
   transition-duration: 0.1s;
}
.trainers__info-button_open:hover {
   color: #000;
}
@media (max-width: 1000px) {
   .trainers {
      border-bottom: 20px solid #eee;
   }
   .trainers_container {
      padding: 0;
      margin: 0;
   }
   .trainers_container::-webkit-scrollbar {
      width: 15px;
   	height: 15px;
   }
   .trainers_container::-webkit-scrollbar-track {
    	background-color: transparent;
   	background-color: #fafafa;
   	border-radius: 0;
   	border: 0;
   }
   .trainers_container::-webkit-scrollbar-thumb {
      background-color: #d0d0d0;
      border-radius: 0;
      transition-duration: 0.1s;
      cursor: pointer;
   }
   .trainers_container::-webkit-scrollbar-thumb:hover {
     background-color: #c0c0c0;
   }
   .trainers_container::-webkit-scrollbar-thumb:active {
     background-color: #a0a0a0;
   }
   .trainers_container::-webkit-scrollbar-button {
      background-color: transparent;
      width: 0;
      height: 0;
   }
   .trainers_item {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      margin: 0;
      border-radius: 0;
   }
   .trainers_item:hover {
      transform: none;
   }
   .trainers__info-title {
      color: #000;
   }
}
.contacts {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.contacts__br-a {
   width: 100%;
   height: 60px;
}
.contacts_text {
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 20px 25px;
}
.contacts__title {
   margin: 0;
   line-height: 22px;
}
.contacts__description {
   width: 100%;
   color: #aaa;
   margin-bottom: 20px;
}
.contacts__container {
display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;    
    max-width: 1000px;
}
.contacts__item {
   display: flex;
    text-decoration: none;
    box-sizing: border-box;
    align-items: center;
    align-items: flex-start;
    overflow: hidden;
    width: calc(50% - 20px);
    height: 140px;
    margin: 0 20px 20px 0;
    border-radius: 12px;
    background-color: #ffffff;
    border: 3px solid #eee;
}
.contacts__item:hover .contacts__item_title {
   color: #000;
}
.contacts__item-a {
    height: 100px;
}
.contacts__item-a:hover {
    background: #f7f7f7;
}
.contacts__item-teachers {
    background: #f3f3f3;
    border: 0;
}
.contacts__item_title {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 0 10px;
    color: #757575;
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
}
.contacts__item_title-green {
   color: #289736;
}
.contacts__item_title-blue {
   color: #47a5fd;
}
.contacts__item_title-orange {
   color: #d7aa22;
}
.contacts__item_title-red {
   color: #f15638;
}
.contacts__item_description {
   color: #777;
   font-size: 16px;
   margin-left: 5px;
}
.contacts__item_description-phone {
    text-decoration: none;
    margin: 0 0 3px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.contacts__maps {
   display: flex;
   align-items: center;
}
.contacts__maps a {
   height: 44px;
}
.contacts__maps_yandex {
   box-sizing: border-box;
   padding: 2px;
   width: 50px;
   height: 50px;
   background-color: #eee;
   border-radius: 10px;
   margin-right: 10px;
   border: 1px solid #e3e3e3;
   transition-duration: 0.1s;
}
.contacts__maps_yandex:hover {
   background-color: #fafafa;
}
.contacts__maps_google {
   box-sizing: border-box;
   padding: 2px;
   width: 50px;
   height: 50px;
   background-color: #eee;
   border-radius: 10px;
   border: 1px solid #e3e3e3;
   transition-duration: 0.1s;
}
.contacts__maps_google:hover {
   background-color: #fafafa;
}
.contacts__item_image {
   height: 100%;
   max-height: 100%;
   aspect-ratio: 1 / 1;
   background-color: #0059a7;
}
.contacts__item_icon {
box-sizing: border-box;
    height: 100%;
    max-height: 100%;
    min-width: 97px;
    padding: 23px;
    border-right: 3px solid #eee;
    aspect-ratio: 1 / 1;
}
.footer {
   box-sizing: border-box;
   width: 100%;
   min-width: 320px;
   background: #30353a;
   color: #fff;
   padding: 60px;
   margin: 60px 0 0;
   order: 4;
   }

.footer__info-block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.footer__info-block li {
   margin-bottom: 10px;
   font-size: 14px;
}
.footer__info-block li:hover {
   text-decoration: underline;
}
.footer__info-block p {
   font-size: 14px;
}
.footer__navigation {
  box-sizing: border-box;
  width: 25%;
  padding: 0 0 0 50px;
}

.footer__title {
    color: rgb(255 255 255 / 25%);
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: 700;
}

.footer__navigation a {
  text-decoration: none;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
}

.footer__navigation a:hover {
   color: #fff;
}

.footer__navigation ul {
   padding: 0;
   list-style-type: none;
}

.footer__catalog {
  box-sizing: border-box;
  width: 25%;
  padding-left: 35px;
}

.footer__catalog a {
  text-decoration: none;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
}

.footer__catalog a:hover {
   color: #fff;
   text-decoration: underline;
}

.footer__catalog ul {
   padding: 0;
   list-style-type: none;
}

.footer__working-time {
  box-sizing: border-box;
  width: 25%;
  padding: 0 35px;
}

.footer__working-time p {
   text-decoration: none;
   color: #ccc;
}

.footer__working-time ul {
   padding: 0;
   list-style-type: none;
}

.footer__contacts {
  box-sizing: border-box;
  width: 25%;
  padding: 0 35px;
}

.footer__contacts a {
   text-decoration: none;
   color: #fff;
   font-size: 21px;
   font-weight: 600;
}
.footer__contacts a:hover {
   color: #fff;
   text-decoration: underline;
}
.footer__contacts p {
   text-decoration: none;
   color: #ccc;
}

.footer__contacts ul {
   padding: 0;
   list-style-type: none;
}

.footer__copywrite {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    height: 80px;
    padding: 0 35px;
    font-size: 20px;
    /* background: #333; */
    color: #000;
    color: rgb(255 255 255 / 25%);
}
@media (max-width: 1600px) {
   .pg-t_wrp-a {
      max-width: 350px;
      height: 350px;
   }
   .pg-t_wrp-b {
      padding: 20px;
   }
}


@media (max-width: 1000px) {
   .footer__navigation {
      width: 100%;
      padding: 0 25px;
      margin-bottom: 30px;
   }
   .footer__navigation a {
      font-size: 20px;
   }
   .footer__catalog {
      width: 100%;
      padding: 0 25px;
      margin-bottom: 30px;
   }
   .footer__catalog a {
      font-size: 20px;
   }
   .footer__working-time {
      width: 100%;
      padding: 0 25px;
      margin-bottom: 30px;
   }
   .footer__working-time a {
      font-size: 20px;
   }
   .footer__contacts {
      width: 100%;
      padding: 0 25px;
      margin-bottom: 30px;
   }
   .footer__contacts a {
      font-size: 20px;
   }
   .footer__copywrite {
      padding: 0 25px;
   }
}
.panel {
   box-sizing: border-box;
   position: fixed;
   bottom: 0;
   display: none;
   width: 100%;
   background-color: #393939;
   padding: 0 6px 3px;
}
.panel__item {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 20%;
   height: 58px;
}
.panel__image {
   display: block;
   width: 31px;
}


@media (max-width: 1280px) {
   .header {
      min-width: 330px;
    max-width: 330px;
   }
   .contacts__item {
      width: 100%;
   }
   .schools-item_left {
       aspect-ratio: 10 / 5.5;
   }
   .main-item_image {
      width: fit-content;
    height: 100%;
    opacity: .40;
   }
}

@media (max-width: 1080px) {
   .panel {
      display: none;
   }
}

@media (max-width: 768px) {
   .schools-item_left_wrp {
      padding: 40px;
      justify-content: center;
   }
   .schools-item_left_ttl {
          text-align: center;
      font-size: 88px;
      margin: 0;
   }
   .schools-item_left_dsc {
      text-align: center;
       margin: 0 0 60px;
   }
   .schools-item_left_btn {
display: flex;
    justify-content: center;
    padding: 18px 30px;
    font-size: 18px;
    margin: 0 10px 10px;
    width: 200px
   }
   .schools-item_left_prc {
    padding: 18px 30px;
    margin: 0 10px 10px;
    font-size: 18px;
     width: 200px;
    display: flex;
    justify-content: center;
    border: 0;
    background: rgb(255 255 255 / 15%);
   }
   .schools-item_left {
       height: calc(100vh - 400px);
       min-height: 500px;
   }
   .main h1 {
      font-size: 28px;
    /* padding: 20px 40px 0; */
    margin: 10px 0 10px;
    padding: 20px 35px;
   }
   .main h2 {
      font-size: 28px;
    /* padding: 20px 40px 0; */
    /* margin: 10px 0 30px; */
    padding: 20px 35px;
   }
   .benefits_wrp {
      padding: 0 20px;
      margin: 0 0 40px;
   }
   .benefits_wrp_itm-a {
width: calc(50% - 5px);
    margin: 0 10px 10px 0;
    padding: 30px 10px;
   }
   .benefits_wrp_itm-a:nth-child(2n) {
      margin: 0 0 10px;
   }
   .benefits_wrp_itm-a_btn {
      display: none;
   }
   .benefits_wrp_itm-a img {
       width: 48px;
       height: 48px;
   }
   .benefits_wrp_itm-a_ttl {
      font-size: 17px;
   }
   .benefits_wrp_itm-a_dsc {
      font-size: 13px;
      margin: 0;
   }
   .map {
      margin: 0 0 40px;
   }
   .map iframe {
       aspect-ratio: 1 / 1;
      height: inherit;
   }
   .ask_wrp {
      flex-wrap: wrap;
      margin: 0 0 40px;
   }
   .ask_wrp_itm-a {
      width: 100%;
      padding: 20px;
      margin: 0 0 20px;
   }
   .ask_wrp_itm-a_ttl {
      margin: 0 0 15px;
      font-size: 18px;
   }
   .ask_wrp_itm-a_ttl img {
      width: 52px;
      height: 52px;
      max-width: 52px;
      max-height: 52px;
      margin: 0 15px 0 0;
   }
   .ask_wrp_itm-a_dsc {
      margin: 0;
      font-size: 17px;
   }
   .main-item_image {
      left: -300px;
   }
   .scl_wrp {
      margin: 0 0 40px;
   }
   .scl_wrp_itm-a {
      width: calc(50% - 5px);
      margin: 0 10px 10px 0;
      border-radius: 20px;
      padding: 0;
   }
   .scl_wrp_itm-a:nth-child(2n) {
      margin: 0 0 10px;
   }
   .scl_wrp_itm-a img {
      margin: 0 0 15px;
   }
   .scl_wrp_itm-a_txt {
      padding: 0 15px 15px;
   }
   .scl_wrp_itm-a_txt_ttl {
      font-size: 15px;
   }
   .scl_wrp_itm-a_txt_dsc {
      font-size: 12px;
   }
   .trn_wrp {
      margin: 0 0 40px;
   }   
   .trn_wrp_itm-a {
      width: calc(50% - 5px);
      margin: 0 10px 10px 0;
      padding: 0;
   }
   .trn_wrp_itm-a:nth-child(2n) {
      margin: 0 0 10px;
   }
   .trn_wrp_itm-a img {
      margin: 0 0 15px;
      border-radius: 0;
   }
   .trn_wrp_itm-a_txt {
      margin: 0 0 20px;
   }
   .trn_wrp_itm-a_txt_ttl {
      font-size: 15px;
      width: auto;
   }
   .trn_wrp_itm-a_txt_dsc {
      font-size: 13px;
   }
   .rat {
      flex-wrap: wrap;
   }
   .rat_wrp {
      width: 100%;
          max-width: initial;
      margin: 0 0 40px;
   }
   .rat_wrp_ttl {
      font-size: 22px;
      padding: 0 25px 0 10px;
   }
   .rat_wrp_itm-a {
      padding: 15px 20px 15px 15px;
   }
   .rat_wrp_itm-a_val {
      margin: 0;
   }
   .rat_wrp_itm-a_wrp-a_ttl {
      font-size: 16px;
   }
   .rat_wrp_itm-a_val {
      font-size: 16px;
   }
   .rat_wrp_itm-a_wrp-a_val-a {
      width: 60px;
      min-width: 60px;
      height: 60px;
          margin: 0px 20px 0 0;
   }
   .rat_wrp_itm-a_wrp-a_val-b {
      width: 60px;
      min-width: 60px;
      height: 60px;
          margin: 0px 20px 0 0;
   }
   .rat_wrp_itm-a_wrp-a_val-c {
      width: 60px;
      min-width: 60px;
      height: 60px;
          margin: 0px 20px 0 0;
   }
   .rat_wrp_itm-a_wrp-a_val-d {
      font-size: 16px;    
      margin: 0 7px 0 0;
   }
   .rat_wrp_itm-a_wrp-a_val-e {
      width: 60px;
      min-width: 60px;
      height: 60px;
          margin: 0px 20px 0 0;
   }
   .gal {
      flex-wrap: wrap;
      margin: 0 0 20px;
   }
   .gal_wrp-a {
      max-width: unset;
      border-radius: 0;
   }
   .gal_wrp-b {
      max-width: unset;
      border-radius: 0;
   }
   .gal_wrp-b_itm-a {
      width: 50%;
   }
   .contacts__item {
    align-items: center;
    padding: 0;
    height: auto;
    margin: 0 0 10px;
    border-radius: 6px;
   }
   .contacts__item_image {
      width: 80px;
      max-width: 80px;
      height: 80px;
      max-height: 80px;
   }
   .contacts__item_title {
      font-size: 18px;
   }
   .contacts__item_description-phone {
      font-size: 15px;
   }
   .contacts__item_icon {
      width: 83px;
      max-width: 83px;
      height: 80px;
      max-height: 80px;
      min-width: 83px;
      padding: 18px;
   }
   .ftr {
      padding: 50px 40px;
   }
   .ftr_cpr {
      margin: 0 0 60px;
      font-size: 14px;
   }
   .ftr_wrp_btn {
      display: flex;
   }
   .ftr_wrp {
      flex-wrap: wrap;
      padding: 0 0 25px;
      margin: 0 0 37px;
      border-bottom: 2px solid rgb(255 255 255 / 10%);
   }
   .ftr_wrp_itm-a {
          margin: 0 0 12px 0;
          width: 50%;
              font-size: 22px;
   }
   
   
   .content_container {
      padding: 0 30px;
   }
   .content_container h2 {
      padding: 0;
   }
   
   .pg-t {
      padding: 0;
      flex-wrap: wrap;
      
   }
   .pg-t_wrp-a {
      max-width: none;
      max-height: none;
      height: unset;
      margin: 0 0 10px;
      padding: 30px;
   }
   .pg-t_wrp-a img {
      width: 100%;
      border-radius: 15px;
   }
   .pg-t_wrp-b_itm-a_ttl {
      text-align: center;
      font-size: 24px;
    width: 100%;
    margin: 0 0 5px;
   }
   .pg-t_wrp-b_itm-a_dsc {
      text-align: center;
      max-width: none;
      font-size: 16px;
   }
   .pg-t_wrp-b_itm-a {
      padding: 0 0 20px;
      margin: 0 0 10px;
      justify-content: center;
   }
      
   }