* {
    box-sizing: border-box;
}
body {
}

*, *::before, *::after {


    box-sizing: border-box;
}


html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

body > footer {
    margin-top: auto;
}
@font-face {
    font-family: 'nunito_sans_regular';
    src: url('../fonts/nunitosans-regular.ttf');
}
@font-face {
    font-family: 'montserrat_extrabold';
    src: url('../fonts/montserrat-extrabold.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat_bold';
    src: url('../fonts/montserrat-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat_semibold';
    src: url('../fonts/montserrat-semibold.ttf') format('truetype');
}
a
{
    text-decoration: none;
    color:#FF5218;
    font-family: 'montserrat_semibold';
    font-size:16px;
    line-height: 24px;
    letter-spacing: 0.015em;
}
.logo_container img{
width:279px;
height:60px;
}
h1{
    font-family: 'montserrat_extrabold';
    font-size:40px;
    font-weight: 800;
    color: #0E3481;
    line-height: 48px;
    letter-spacing: 0;
}
h2{
    font-family: 'montserrat_extrabold';
    font-size:36px;
    line-height: 44px;
    letter-spacing: 0;
    font-weight: 400;
}
h3{
    font-family: 'montserrat_extrabold';
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    text-transform: capitalize;

}

h4{
    font-family: 'montserrat_extrabold';
    font-size:28px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 500;
}
h5{
    font-family: 'montserrat_extrabold';
    font-size:24px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 500;
}
h6{
    font-family: 'montserrat_bold';
    font-size:20px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 500;
}
.large,
.mission_desktop{
    font-family:'nunito_sans_regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;

}
label
{
    font-family: 'montserrat_bold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
    letter-spacing: 0.28px;

}
body{
    margin: 0;
    font-family:'nunito_sans_regular';
    font-size: 16px;
    color: #222222;
    background-color: #F3F3F6;
    line-height: 24px;
    letter-spacing: 0.24px;
    width:100%;
}
p{
    font-family:'nunito_sans_regular';
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0;

}
main{

    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    /* min-height:800px;*/

}
.content, .content_year{
    padding-top:48px;
   padding-bottom:72px;
    width: 1200px;
    margin: 0 auto;
    background-color:#F3F3F6;

}
.content_1{
  padding-top:48px;

    width: 1200px;
    margin: 0 auto;
    background-color:#F3F3F6;

}
 .content_text{
 padding-bottom:72px;
    width: 1200px;
    margin: 0 auto;
    /*background-color:#F3F3F6;*/
min-height:500px;

}
.cantemir_struct{

padding-bottom:48px;

}

.container{

display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
align-self: stretch;

}
.my-gallery-title{

display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.my-gallery-title h4{

color: #0E3481;
margin:0;
font-size: 24px;
}
.link_to_facebook{

 text-align: right;
display: flex;
justify-content: flex-end;
gap: 8px;
}
.link_to_facebook .share a{
align-items: center;
font-family: 'montserrat_semibold';
color: #0E3481;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 128.571% */
letter-spacing: 0.28px;

}
.youtube_container{

display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 36px;
    max-width: 1200px;
    width: 100%;
    box-sizing: border-box;

}
.youtube_block_inside .article-video{


  overflow: hidden; 

    border-radius: 16px;
    aspect-ratio: 1 / 1;
width:100%;
height:500px;

}
.youtube_block .article-video{
margin:0;

  overflow: hidden; 

    border-radius: 16px;
    aspect-ratio: 1 / 1;
width:385px;
height:220px;
}
.youtube_block{

display:flex;
flex-direction:column;
gap:16px;

}

.yotube_title_box{

display:flex;
flex-direction:column;
gap:4px;
}
.yotube_title_box .title a{
font-family: 'montserrat_semibold';
font-size: 16px;
font-style: normal;
font-weight: 700;
color:#0E3481;

}
.yotube_title_box .date a{

    font-family: 'nunito_sans_regular';
    font-size: 16px;
    color: #222222;

}

.my-gallery-top{
display:flex;
flex-direction:column;
gap:8px;

}
.my-gallery-content{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
align-items: center;
gap: 16px;
align-self: stretch;

}
.my-gallery-content .gal-item{
height: 160px;
width:auto;
margin:0;
padding:0;
border:0;
 overflow: hidden;
}
.my-gallery-content .gal-item img{

width: 160px;
    height: 160px;
 border-radius: 8px;
object-fit: cover;
    display: block;
}
.my-gallery-title .back-button{
margin:0;
padding:0;


}
.my-gallery{
display:flex;
flex-direction:column;
gap:16px;


}
.photo_album_container{

display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
max-width: 1200px;
margin: 0 auto;

}
.photo_album_container .album-cover{

width: 283px;
height: 285px;


}
.photo_album_container .album-cover img {
object-fit: cover;
width:100%;
border-radius: 8px;
}
.album-card{

display:flex;
gap:16px;
flex-direction: column;
}

.album-card:nth-child(3),
.album-card:nth-child(6) {
  grid-column: span 2;
  grid-row: span 2;
width:588px;
height:630px;
}
.album-card:nth-child(3) .album-cover img,
.album-card:nth-child(6) .album-cover img,
.album-card:nth-child(6) .album-cover,
.album-card:nth-child(3) .album-cover
{


width:594px;
height:630px;

}
.photo_album_container .album-title{

color: #0E3481;

text-align: center;
font-family: 'montserrat_semibold';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 128.571% */
letter-spacing: 0.28px;

}
.consult img{
width:1200px;

}
.timeline-item {

display: flex;
align-items: flex-start;
gap: 48px;
align-self: stretch;
}
.timeline-item .date {
   font-family: 'montserrat_semibold';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
width:15%;
}
.cantemir_image b{
padding-top :12px;
 font-family: 'montserrat_semibold';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px;
margin: auto 0;

}
.timeline-item .content_cantemir, .timeline-item p {
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;

}
.content_cantemir{
width:60%;

}
.cantemir_image{
width:20%;

}
.timeline-item img.small {
    max-width: 250px;
text-align:left;
}

.separator-line {
    width: 100%;
    height: 1px;
    background: #D9D9D9;;
  }


.cantemir_links{
display: flex;
width: 1200px;
padding: 48px;
align-items: flex-start;
gap: 36px;
border-radius: 8px;
background: #D2E8F9;
padding-top:48px;

font-family: 'nunito_sans_regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;

}
.cantemir_links p{

font-family: 'montserrat_semibold';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
color: #000;
margin: 0 0 12px 0;

}
.cantemir_links ul{
margin:0 0 0 5px;
padding:0 0 0 15px;
 list-style-type: disc;
}
.cantemir_links ul li::marker{

color: #0E3481;
}
.cantemir_links ul li a {
color: #0E3481;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-color: #0E3481;

text-decoration-thickness: 10%; /* 1.6px */
text-underline-offset: 27%; 
margin:0;

}


.links1, .links2{
width:50%;

}

.developer{
display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;

margin-bottom:64px;
}
.developer .item{

padding: 36px 48px 48px 48px;
justify-content: center;
align-self: stretch;
border-radius: 16px;
background: #D2E8F9;

}
.developer h6{

color: #0E3481;
font-weight: 700;
margin: 16px 0 12px 0;

}
.developer p{

color: #222;
font-size: 16px;
margin:0;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;

}

.developer_team{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 36px;
    max-width: 1200px;
    width: 100%;
    box-sizing: border-box;
}

.developer_team .item{
    display: flex;
    align-items: flex-start;
    gap: 32px;
    width: 100%; /* фиксируем внутри ячейки */
    box-sizing: border-box;
}
.developer_team .photo {
border-radius: 16px;
fill: #D2E8F9;
width: 200px;
height: 200px;
aspect-ratio: 1/1;

}


.developer_team .photo img{
    width: 200px;
border-radius: 16px;
aspect-ratio: 1/1;
    display: block;
    object-fit: cover;
   
}

.developer_content{
    width: 100%;
    min-width: 0; /* ВАЖНО! позволяет тексту сжиматься */

}
.developer_content h6{

color: #0E3481;
margin:0 0 12px 0;

}
.developer_content ul{

    margin: 0 0 0 5px;
    padding: 0 0 0 12px;

}
.developer_content ul li{

margin: 0 0 4px 0;

}
.developer_content .student{
margin:4px 0 12px 0;
    font-family: 'montserrat_bold';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px
}
.developer_content ul li::marker {
    color: #FF5218;
width: 8px;
height: 8px;
}
.content_about_us{
  margin: 72px 0;
    width: 1200px;
    margin: 0 auto;
    background-color:#F3F3F6;
}
.content h4,
.content_about_us h4, .content_1 h4,.content_year h4
{
    margin:0 0 36px;
    padding-top:0;
    text-align:center;
    color:#0E3481;
}
.why h4{
padding-top:72px;
}
.about_accordation, .teacher-grid,.file_group{

display: flex;
width: 1200px;
flex-direction: column;
align-items: flex-start;
gap: 8px;

}
.about_us_accordion{
    width: 1200px;
    margin: 0 auto;
    
margin-bottom:80px;

}
.about_us_accordion h4{
text-align:left;
margin-bottom:16px;
color:#0E3481;
margin-top:0;
}
.teacher-group{
    width:1255px;
    margin:0px;
    z-index: 1 !important;

}
.accordion-group .accordion-label span{
text-align:left;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
width:90%;
color: #0E3481;
}

.about_us_accordion .accordion-group{
gap: 16px;
/*padding:8px 0;*/
}
.about_us_accordion .accordion-label{

display: flex;
height: 59px;
margin: 16px;
justify-content: space-between;
align-items: center;
align-self: stretch;
margin:0px;
}
.about_us_accordion .file-card{

height:auto;
min-height:56px;
padding: 16px 24px;
margin:0px;
}

.file-meta {
  display: flex;
  align-items: center; /* ВАЖНО — центрируем span по иконке */
  gap: 12px;
}

/* span ровно по центру иконки */
.file-meta span {
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;

}

.file-card_zag{
display: flex;
padding: 20px 24px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border-radius: 12px 12px 0 0;
background: #0E3481;
color: #A6D8FD;
}
.file-card_zag-name{
font-family: 'montserrat_semibold';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 128.571% */
letter-spacing: 0.28px;
text-transform: uppercase;
color: #A6D8FD;
}
.discipline-name {
font-family: 'nunito_sans_regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;
color: #222;
}
.about_us_accordion .file-name 
{
    font-family: 'nunito_sans_regular';
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;
width:300px;

}
.about_us_accordion  span{
width:462px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;
color: #222;
text-align:right;

}
.elective_discipline{
margin-top:16px;

}
.about_us_area{
display: flex;
height: 212px;
align-items: flex-start;
gap: 24px;
align-self: stretch;
margin-top:16px;

}
.area1, .area2{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
width:50%;

}
.about_us_area span{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;
 vertical-align: middle;
 text-align:left;
}
.about_us_area img{


padding-right:16px;

}
.about_us_area p{
margin:0;
padding:0;
 display: flex;
    align-items: center; 
}


.function_struct{
padding:24px 0;

}

.function_struct a{
color: #0E3481;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-color: #0E3481;
text-decoration-thickness: 10%;
text-underline-offset: 27%;
}

.struct a{
text-decoration-line: underline;
color: #222;
font-weight: normal;
font-family: 'nunito_sans_regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
}



.schedule {
  width: 100%;
 font-family: 'nunito_sans_regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;
  overflow: hidden;
padding-top:16px;
}
.ciclogr_mobile_version, .struct_mobile{
display:none;

}
.activities .row.header, .activities_sport .row.header, .olimp .row.header{

height:58px;
}
.activities_sport{

margin-top:20px;
}
tr{
  margin: 24px 16px;

}
td{
 padding : 24px 16px;
text-align:center;

}
thead th.col.day {
    border-top-left-radius: 12px;
}
thead th.col.phone{
 
    border-top-right-radius: 12px;
}

.struct .admin, .struct .phone{

text-align:right;
} 
.struct .row{
display:flex;

}
.row {
/* display: flex;*/
padding: 16px 24px;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
background: #D2E8F9;
 
}

.row.alt {
  background: #F3F3F6;
}
.event{

text-align:center;
}
.header_struct{

 padding: 20px 24px;
align-items: center;
/*gap: 25px;*/
align-self: stretch;
border-radius: 12px 12px 0 0;
background: #0E3481;
color: #A6D8FD;
font-family: 'montserrat_semibold';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 128.571% */
letter-spacing: 0.28px;
text-transform: uppercase;



}
.row.header {
 padding: 20px 24px;
align-items: center;
/*gap: 25px;*/
align-self: stretch;
border-radius: 12px 12px 0 0;
background: #0E3481;
color: #A6D8FD;
font-family: 'montserrat_semibold';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 128.571% */
letter-spacing: 0.28px;
text-transform: uppercase;
height:94px;
}

.row.parents {
     background: #FAFAFA;
}

.col {
 
}
.struct .col.day {

font-weight: 400;
}

.olimp .col.day{
width: 35%;

}
.col.day {
  width: 20%;
font-weight: 700;
}

.col.event {
  width: 708px;
}

.col.admin {
  width: 20%;

}

.col.phone {
  width: 17%;

}

.time {
  font-weight: 700;
}


.week-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
/*width:708px;*/
align-items: flex-start;

}

.week-item {
vertical-align: top;
}
.week-item b{

font-weight: 700;
}

.week-item span{
font-weight: 700;
color: #0E3481;

}
.historical_topic{
margin-top:16px;

}
.contacts_content{
display: flex;
width: 1200px;
justify-content: space-between;
align-items: flex-start;

}
.contact_adress{
display: flex;
width: 402.078px;
height: 384px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
flex-shrink: 0;

}
.contact_gimnasia{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;

}
.adress{

display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.contact_gimnasia h6{
margin:0;
color: #0E3481;
}

.contact_icon{
display: flex;
align-items: flex-start;
gap: 12px;
align-self: stretch;
}
.file_group .file-name{

width:70%;
}

.file-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 20px;
    height:54px;
    padding:0 16px 0 16px;
width:100%;
}
.file-card span{
   

}
.file-name {
    flex-grow: 1; /* занимает всё доступное место слева */
    font-family: 'nunito_sans_regular';
    line-height: 135%;
    font-size:16px;
    color:#222222;
    cursor: pointer;
}
.file-name a {
font-family: nunito_sans_regular;
    color:#222222;

font-style: normal;
font-weight: 400;
}
.file-card.even {
    background-color: #D2E8F9;
}

.accordion-group {
    /* margin-bottom: 20px;*/
    overflow: visible;
width:100%;
    z-index: 1 !important;
   /* border-bottom:1px solid #D9D9D9;*/
}

.accordion-checkbox {
    display: none;
}

.accordion-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'montserrat_semibold';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    color:#0E3481;
    cursor: pointer;
    height:56px;
    margin-left:16px;
}

.accordion-label::after {
    content: url('../images/primary.svg');
   /* background-color: #FF5218;*/
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom:5px;
    border-radius:4px;

}

/* При открытом состоянии (input:checked) поворачиваем стрелку вниз */
input:checked + .accordion-label::after {
    transform: translateY(-50%) rotate(180deg); /* стрелка вниз */
}
.accordion-content-file {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;

}
.excellent-content{
    
    padding: 0 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;

 
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;

}

.accordion-checkbox:checked + .accordion-label + .accordion-content {
    max-height: 100%;
    padding: 16px;
}
.accordion-checkbox:checked + .accordion-label + .accordion-content-file {
    max-height: 100%;

}


.position
{
    font-size:16px;
    font-weight:bold;
    margin:0;
    margin-bottom: 8px;
}


.carousel-wrapper {

    width: 780px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.teacher-photo img{
    height:285px;
    width:285px;
    border-radius: 22px;
    object-fit: cover;
    display: block;
    margin-bottom:20px;
}
.teacher-card{
    width:285px;
    text-align:center;
    margin-bottom: 12px;
}
.teacher-card h2{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color:#0E3481;
    margin: 20px 0px 8px 0px;

}
.teacher-card p{
    font-size:14px;
    margin:0;

}
.content-admin{
width: 1400px;
    background-image: url('../images/pattern-flower.png');
    background-repeat:no-repeat;
 margin: 0 auto;
}
.call_sheldue_grid{

display: flex;
align-items: flex-start;
gap: 48px;
align-self: stretch;
}
.academic_year{
  position: relative;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 64px;
}
.academic_year_topic{
  width: 761px;
  z-index: 2; /* чтобы текст был поверх фона */

}
.academic_year_topic .file-card, .call_sheldue_topic .file-card{

display: flex;
padding: 12px 16px;
align-items: flex-start;
gap: 24px;
align-self: stretch;
height:auto;
}
.call_sheldue_grid .file-name{
color: #0E3481;
font-family: 'montserrat_semibold';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px; 
width:25%;

}

.call_sheldue_topic{
width:50%;

}
.academic_year_topic .file-name{

color: #0E3481;
font-family: 'montserrat_semibold';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px; 
width:45%;
}
.academic_year_topic span,.call_sheldue_grid span{
text-align:left;
width:75%;
display: flex;           
  align-items: center; 
}
.content_text h6{
text-align:center;

}
.call_sheldue_topic h6,
.content_text h6
{
color: #0E3481;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin:0 0 16px 0;
}
.academic_year_topic h5{
margin:0 0 18px 0;
color: #0E3481;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 32px; /* 133.333% */
text-transform: capitalize;
}
.call_sheldue_topic{
display: flex;
  flex-direction: column;

}
.academic_year_topic{
display: flex;
  flex-direction: column;
  gap: 8px;


}
.academic_year_topic_grid{
display: flex;
  flex-direction: column;
  gap: 36px;

}
.academic_year_topic_background{

  position: absolute;
   top: 0;
  right: 0;
  bottom: 0;
  width: 639px; /* оставшаяся ширина 1400 - 761 */
  height: 100%;
  background-image: url('../images/pattern-flower.png');
  background-repeat: no-repeat;
  background-position: right top;
  z-index: 1;

}
.academic_year_calendari{

margin-top:64px;

}
.content-admin-inside{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    padding: 30px;
    gap: 56px;
   padding-top: 27px;
    padding-bottom: 72px;
}
.admin-job-section{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch;

}
.admin-job-text p{

margin: 0 0 5px 0;
}
.cv_content h1{
    margin:0;
    padding:0;

}
.cv_content .admin-job {
    margin-top: 8px;
    margin-bottom: 24px;
/*text-align:center;*/
}
.cv_content h6{
    color:#0E3481;
   font-size:20px;
    
    display: inline-flex;
align-items: center;
gap: 16px;
margin:0;

}
.cv_content span{

text-align:left;

}
.cv_content{
    flex: 1;
}
.admin-desc{
    margin-bottom:14px;
    min-height:40px;

}
.admin-img-inside img
{
    width:385px;
    height:500px;
    border-radius:16px;
    object-fit: cover;
    display: block;
}

.admin-img-inside{
    flex: 0 0 250px;

}
.section{
   /* margin-top:30px;*/
display:flex;
flex-direction:column;
gap:20px;
}
.icon{
    /*margin-top:5px;
    margin-right:16px;*/
}
.section ul{
   list-style:none;
    padding: 0;
    margin: 0;
display: flex;

flex-direction: column;
align-items: flex-start;
gap: 12px;

}
.job-time{
    font-weight:bold;
display: block;
}

.section ul li{
    position: relative;
    padding-left: 52px;
    /*margin-bottom: 10px;
    min-height:54px;
    
    padding-bottom:12px;*/
}

.section ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 3px;
  background-color: #FF5218;
}
.work-hours{
width:100%;

}

.work-hours_time{
display: flex;
padding-left: 56px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px;
align-self: stretch;
width:100%;
}
.work-hours_row{

display:flex;
height: 24px;
align-items: center;
gap: 16px;
align-self: stretch;

}
.work-hours_day{
font-family: 'montserrat_semibold';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;

width:25%;
}
.carousel-track {
    display: flex;
    animation: scroll 30s linear infinite;
    width: max-content;
}

.slide {
    flex: 0 0 auto;
    margin-right: 16px;
    box-sizing: border-box;
}

.slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

/* Анимация бесконечного движения */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-1280px); /* (300 + 20) * 4 = 1280 */
    }
}


.custom-gallery {
    width: 1225px;
    height:450px;
    margin:36px 0 36px 0;

    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slick-list draggable, .gallery img{
    height:400px;

}
.slick-dots {
    display: flex !important;
    justify-content: center;
    gap: 4px;
    padding: 0;
    margin: 24px 0 0 0;
    list-style: none;
}

.slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
}

.slick-dots li button::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: white;
    border: 3px solid #0E3481;
    border-radius: 50%;
    opacity: 0.7;
    transition: background-color 0.3s, opacity 0.3s;
}

.slick-dots li.slick-active button::before {
    background-color: #FF5218;
    opacity: 1;
    border:none;
}

.slick-slide img
{
    height:400px;
    object-fit: cover;
    justify-content: center;
    align-items: center;

}
.slick-slide a, .slick-slide img {
    height:400px;
    position: relative;
    z-index: 1;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    justify-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide-bg{
    width:1225px;
    height:400px;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-size: cover;
    background-position: center;
    filter: blur(20px);
    transform: scale(1.1); /* чтобы размытость не обрезалась */
    z-index: 0;
}
.news-desc,
.news-content-inside p{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.24px;
}
.news-img-inside img{
    width:1225px;
    height:500px;
    object-fit: cover;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;

}
.news-img-inside{
    margin-bottom:36px;

}
.news-meta-inside{
    font-family: 'montserrat_semibold';
    font-size:16px;
    font-weight: 400;
    color: #515151;
    line-height: 135%;
    letter-spacing: 0.01em;

}
.article-video{
    margin-bottom:36px;

}
.social-icons_mobile{
    display: none;

}
header {
    background-color: #F3F3F6;
    /*display: flex;
    justify-content: space-between;
    align-items: center;*/
    padding-top:36px;
    height: 170px;

}
.header_container{
    display: grid;
    margin: 0 auto;
    width:1200px;

}
.top-bar
{
    display: flex;
    justify-content: space-between;
    height:60px;
}
.top-bar-mobile{
    display:none;
}
.logo {
    text-align: center;
    max-width: 100%;
    height: auto;

}
#menuBurger{
    display:none;
}

#close_menu
{
    display: none;

}
.menu_mobile
{
    display: none;

}
nav{
    padding-top:27px;
    display: flex;
    gap: 35px;
    width: 1200px;

}

.lang-icons{
    color: #0E3481;
    width:36px;
    height:24px;
    border: 1px solid #0E3481;
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lang-icons a{
    font-family: 'montserrat_semibold' ;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.18px;
    text-transform: uppercase;
    color:#0E3481;
    justify-content: center;
    display: flex;
    text-transform: uppercase;
    margin:4px 8px 4px 8px;
    align-items: center;
}
.lang-icons a:hover{
    color:#FFFFFF;
}
.lang-icons:hover{
    background-color:#0E3481;
    color:#FFFFFF;
}
.main-menu
 {
    color: #0E3481;
    text-transform: uppercase;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: visible;
    height:47px;
    margin:0px;
    padding:0px;
    width:1200px;

}


.main-menu  li {
    cursor: pointer;
    position: relative;
    display: flex;


}

.main-menu li a:hover
{
    /* color:#FF5218;*/

}
.main-menu a{
    display: block;
    font-family: 'montserrat_semibold' ;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0.015em;
    color: #0E3481;
    letter-spacing: 0.18px;

}


.main-menu > li > a:after {
    padding-left: 8px;
    content: url(../images/arrow.png);
}

.main-menu li > a:only-child:after {
    content: '';
}
.main-menu li ul {
    list-style: none;
    padding: 0;
    margin:0 ;
    top: 100%;
    left: 0;
    position: absolute;
    background: #F3F3F6;
    border: 0.5px solid #A6D8FD;
    display: none;
    min-width: 220px;
    border-radius: 4px;
    gap:12;
    z-index: 10000;
    opacity: 1 !important;
}
.main-menu li ul li
{

    border-bottom:0.5px solid #A6D8FD;
    width:initial;
    font-size: 11px;
    display: block;
    width: 100%;
    overflow: hidden;
    z-index:999999;
    opacity: 1 !important;
}
.main-menu li ul li a {

    white-space: nowrap;
    padding: 16px 24px;
    height:48px;
    opacity: 1 !important;
}
.main-menu li ul li:hover{
    background-color: #A6D8FD;

}


.main-menu li:hover ul {
    display: block !important;

}

.social-icons
{
    display: flex;
    gap: 16px;

    height:24px;
    margin-top: auto;

}
.social-icons ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 8px;
}
.social-icons img {

    margin-left: 10px;

}
.facebook_icon{
    background-image: url('../images/facebook-icon.svg');
    width: 24px;
    height: 24px;
    display: block;

}
.facebook_icon:hover{
    background-image: url('../images/facebook-icon-hover.svg');
    background-size: contain;
}
.tiktoc_icon
{
    background-image: url('../images/tictoc-icon.svg');
    width: 24px;
    height: 24px;
    display: block;
}
.tiktoc_icon:hover{
    background-image: url('../images/tiktoc-icon-hover.svg');
    background-size: contain;
}
.instagram_icon{
    background-image: url('../images/instagram-icon.svg');
    width: 24px;
    height: 24px;
    display: block;
}
.instagram_icon:hover
{
    background-image: url('../images/instagram-icon-hover.svg');
    background-size: contain;
}

.main_imag-img {
    width: 100%;
    display: block;
    height:700px;
    object-fit: cover;
}
.imag-img{
 width: 100%;
    display: block;
  height:550px;
    object-fit: cover;
}
.main_image_mobile{
    display:none;
}
.stats {
    padding:36px 0;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #F3F3F6;
    height: 180px;


}

.stat-block {

    display: flex;
    flex-direction: column;
    align-items: center;   /* по горизонтали по центру */
    justify-content: center; /* по вертикали по центру */
    text-align: center;
    color: #0E3481;
    gap:8px;

}
.stat-block h3{
    margin:0px;


}

.stat-block .text
{
    width:220px;
    font-family:'nunito_sans_regular';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
}
.stars{
    background-image: url('../images/stars.png');
    background-repeat: no-repeat;
    width:36px;
    height:36px;
    display: block;
    align-self: center;

}

.about_us_mission{
  
    background-image: url('../images/abous-us-pattern.png');
    background-repeat: repeat;
    background-size: auto;
width:100%;
height:368px;
   padding: 48px 0 56px 0;
    text-align: center;

}
.about_us_text_mission{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;
color: #F3F3F6;
text-align: center;
width: 796px;
margin: 0 auto;
color: #222;
}
.about_us{
    background-color: #0E3481;
    background-image: url('../images/pattern.svg');
    background-repeat: repeat;
    background-size: auto;
    padding: 36px 120px 64px 120px;
    text-align: center;
    color: #F3F3F6;
}
.about_us_mission h4{
color: #0E3481;
text-align: center;
margin: 24px 0 16px 0;

}
.about_us h4
{

color: #A6D8FD;
text-align: center;
margin:24px 0;
}
.about_us_text{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;
color: #F3F3F6;
text-align: center;
width: 796px;
margin: 0 auto;
}
.about_us_text b{
font-size: 18px;
font-style: normal;
font-weight: 700;

}
.about_us_text p{
font-size: 16px;
margin: 8px 0;
}
.mission {
    background-color: #0E3481;
    background-image: url('../images/pattern.svg');
    background-repeat: repeat;
    background-size: auto;
    padding: 48px 120px 72px 120px;
    text-align: center;
    color: #F3F3F6;

}





.why {
   display: flex;
width: 1200px;
flex-direction: column;
align-items: center;
margin-bottom:72px;

}

.why h6 {
    font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
    color: #0E3481;
margin:0 0 8px 0;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}
.why-item .icon
{
 display: block;
    margin: 0;

}
.why-item,
.why-bottom {
    background: #D2E8F9;
  display: flex;
height: 250px;
padding: 65px 48px 65px 36px;
justify-content: center;
gap: 24px;
flex: 1 0 0;
border-radius: 16px;
}
.why-text{
height:108px;

}
.icon {
    font-size: 26px;
    margin-bottom: 10px;
}


.why-item p,
.why-bottom p {
  color: #222;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.24px;
margin:0px;
}

.why-bottom {
    width: 600px;
    margin: 0 auto;
 height: 250px;
}
.why-bottom .why-text{
height:150px;
}

.about_us_teacher{

display: flex;
width: 692px;
flex-direction: column;
align-items: flex-start;
margin-bottom:72px;
}

.about_us_teacher h4{

margin :0 0 16px 0;
}

.about_us_teacher p
{
margin: 0 0 36px 0;
font-size:16px;
  
}
.about_us_text p ,
.about_us_teacher p,
p, .why-item p, .why-bottom p
{

  line-height: 24px;
    letter-spacing: 0.24px;

}

.mission .stars,
.about_us .stars,
.about_us_mission .stars
{
    margin: 0 auto;

}
.mission__icon {
    display: block;
    margin: 0 auto 20px;
    width: 20px;
}

.mission h3 {

    margin: 32px 24px;
    color: #A6D8FD;
}
.mission_desktop{
    display:none;
}
.mission .large {
    width:789px;

    color:#F3F3F6;

    max-height:224px;
    margin: 0 auto;
}
.video360{
display:none;
    background-image: url('../images/video-container.png');
    background-repeat: no-repeat;
    background-position: center top;
    z-index: 2;
}
.video360 img
{

    width:100%;
    height:450px;
    z-index: 1;
}


.carousel {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}

.slides {
    display: flex;
    width: 400%;
    transition: transform 0.5s ease-in-out;
    padding: 0;
    margin: 0;
}

.slides li {
    width: 100%;
    list-style: none;
    flex-shrink: 0;
}

.slides img {
    width: 100%;
    height: auto;
    display: block;
}

input[name="slides"] {
    display: none;
}

#slide1:checked ~ .slides {
    transform: translateX(0%);
}
#slide2:checked ~ .slides {
    transform: translateX(-100%);
}
#slide3:checked ~ .slides {
    transform: translateX(-200%);
}
#slide4:checked ~ .slides {
    transform: translateX(-300%);
}

.navigation {
    text-align: center;
    margin-top: 10px;
}

.navigation label {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 6px;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
}

input#slide1:checked ~ .navigation label[for="slide1"],
input#slide2:checked ~ .navigation label[for="slide2"],
input#slide3:checked ~ .navigation label[for="slide3"],
input#slide4:checked ~ .navigation label[for="slide4"] {
    background-color: #f45b0b;
}

.paging{
    display: flex;
    width:100%;
    padding-top:64px;
}
.paging ul{
    padding:0;

}
.pageList {
    display: inline-flex;
    gap:16px;
    list-style:none;
    text-align: center;
    margin:0 auto;
}

.pageList li{
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid #0E3481;
    text-decoration: none;
    transition: all 0.3s ease;

}
/* .control{
display: flex;
width: 48px;
height: 40px;
padding: 16px 24px;
justify-content: center;
align-items: center;
border-radius: 24px;
border: 1.5px solid #0E3481;

}*/
.pageList li a{
    font-family: 'montserrat_semibold';
    font-size:14px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-weight: 500;
    color: #0E3481;
    justify-content: center;
    align-items: center;
    margin:0 auto;
}
.page-circle li:hover {
    background-color: #f35306;
    color: white;
    border-color: #f35306;
}
.pageList li .active{
    color: #F3F3F6;

}
.pageList li:has(a.active) {
    background-color: #FF5218;
    border-color: #f35306;
}

.news-filter_inside_mobile
{
    display:none;
}

.news-filter {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    height:49px;
    margin:0 0 48px 0;
    padding:0px;
    align-items: center;
    text-transform: uppercase;
}

.news-filter li {
    height:49px;
    width:161px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;     /* по вертикали */
    justify-content: center;

    border: 1.5px solid #0E3481;
    border-radius: 999px;
}
.news-filter li a
{
    height:49px;
    width:161px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;     /* по вертикали */
    justify-content: center;
    color: #0E3481;
    font-family: 'montserrat_semibold';
    font-size:14px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-weight: 500;
}
.news-filter li:hover{
    border: none;
    background-color: #FF5218;
    color: #F3F3F6;
   border-radius: 999px;
}
.news-filter li:hover a {
    color: #F3F3F6;
}
.news-filter  .active {
    background-color: #FF5218;
    border: none;

}
.vertical-line {
    display: inline-block;
    width: 2px;
    height: 14px;
    vertical-align: middle;
    background-color: #FF5218;
    margin:0 12px 0 12px;
}
.back-button {
    display: inline-flex;
    width:132.8px;
    height:44px;
    align-items: center;
    justify-content: center;
    color: #FF5218;
    text-decoration: none;
    border-radius: 36px;
    border:1.5px solid #FF5218;
    font-family: 'montserrat_semibold';
    font-size:16px;
    letter-spacing: 0.02em;
    margin-bottom:36px;

}

.back-button a{
    color: #FF5218;
    font-family: 'montserrat_bold';
    font-size:16px;
    letter-spacing: 0.02em;

}

.news-filter  .active  a{
    color: #F3F3F6;
}
.news-title-inside h1{
    margin-bottom:24px;
}
.news {
    padding-top:64px;
}


.news-header {

    display: flex;
    justify-content: space-between;
    width:1200px;
    height:50px;
    margin: 0 auto;
    align-items: center;
    margin-bottom: 35px;
}

.news-header h3 {
    color: #0E3481;
    margin: 0;
    padding:0;
    vertical-align:top;
}

.btn-all {

    background-color: #FF5218;
    color: white;
    border: 0px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 48px;
    max-width: 236px;
    max-height: 50px;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
}

.buttons_text{
    color: #F3F3F6;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
    letter-spacing: 0.28px;
    text-transform: uppercase;
}
.btn-all:hover{
    background-color: #0E3481;
}
.btn-all img{
    margin-top:1px;
}
.news-grid {

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
    gap: 24px;
    width:1200px;
    margin: 0 auto;
}

.news-card {
    width: 282px;
    height: 719px;
    /*overflow: hidden;*/
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.news-img{
    width: 282px;
    height: 380px;
    object-fit: cover;
    border-top-right-radius: 60px;
    border-bottom-left-radius:60px;
}

.news-type {
    margin-top:20px;
    color: #FF5218;
    gap: 24px;
    text-transform: uppercase;
    height:18px;
}
.news-type h4{
    margin:0;
    padding:0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
    letter-spacing: 0.28px;
    text-align: left;
}
.news-type a{
    color: #FF5218;
}
.news-title{
    height:50px;
    overflow: hidden;

}

.news-title a {
    font-family: 'montserrat_bold';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #0E3481;
    overflow: hidden;
    margin: 8px 0;

}

.news-meta {
    font-family: 'montserrat_bold';
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 2%;
    font-size: 12px;
    color: #515151;
    gap:12px;
    height:35px;
}
.news-meta span{
    padding-top:4px;

}
.news-meta-author{
    padding-top:3px;
}
.news-desc {
    color: #515151;
    height:95px;
    margin: 4px 0;
    overflow: hidden;
}

.news-link {
    color: #0E3481;
    font-family: 'montserrat_bold';
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0%;

    text-decoration: none;
}
.news-link img {
    width: 8px;
    height: 12px;
    transition: transform 0.3s;
}
.news-title a:hover,.news-link:hover {
    color:#FF5218;
}

.moments {
    background-color: #A6D8FD;
    min-height: 721px;
    margin-top: 120px;
    position: relative;
    /* padding: 0 120px;*/
    box-sizing: border-box;
}
.moments-grid{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 48px;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 1320px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    transform: translateX(60px);
}
.moments-text{
    width:487px;
    height:364px;
    z-index: 1;
    color:#222222;
    /*margin: 96px 0 0 120px;  */
    margin-top: 96px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.moments-text h2{
    margin-top:0;
    margin-bottom:36px;
    color:#0E3481;

}

.moments-text p{
    margin-bottom:12px;
    margin-top:0;
}

.moments-text .btn-all{
    margin-top:36px;

}
.moments-photos{

    position: absolute;
    top: -50px;
    right: 0;
    display: flex;
    gap: 16px;
    z-index: 0;
    margin-bottom: 72px;
    width:780px;
    height:703px;

}
.moments-photos img{
    width: 250px;
    height: 675px;
    border-top-left-radius: 125px;
    border-top-right-radius: 125px;
    border-bottom-left-radius: 125px;
    object-fit: cover;

}
.quote{
    background-image: url('../images/quote.png');
    background-repeat: repeat;
    /* padding: 0 20%;
     background-size: auto;
     height: 400px;
     text-align: center;
     display: flex;
     flex-direction:column;
     flex-wrap: wrap;
     justify-content: center;
     gap: 16px;*/
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 200px;
    box-sizing: border-box;
    gap: 16px;
    text-align: center;
}
.quote_text{
    font-family: 'montserrat_bold';
    font-size:32px;
    width:790px;
    font-weight: 800;
    color: #0E3481;
    line-height: 130%;
    letter-spacing: 0;
    margin: 0 ;
    orphans: 2;
    widows: 2;
    overflow-wrap: break-word;
}

.quote_author h2{
    margin:0px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.48px;
    padding-bottom: 4px;
}

.quote_line{
    background-image: url('../images/quote-line.png');
    background-repeat: no-repeat;
    width:104px;
    height: 8px;
    margin: 0 auto;

}
.quote_author {
    color: #0E3481;
}
footer {
    background-color: #0E3481;
    width:100%;
    color: #F3F3F6;

    justify-content: center;



}
footer p{
    margin-bottom:0px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.24px;
    margin-bottom:4px;
    margin-top:0px;
}
.footer_zag_mobile {
    display:none;
}
footer h1,footer h2{
    color:#A6D8FD;
    margin-top:0px;
    margin-bottom:12px;
}
.footer_link{
    color:#A6D8FD;
    font-family: 'montserrat_semibold';
    font-size: 16px;
    margin-left:32px;
}
.footer_link img{
    width:8px;
    height:12px;
    margin-left:3px;
    margin-bottom:2px;
}


.footer_link:hover{
    color:#FF5218;
}
.footer_phone img,
.footer-address img {
    vertical-align: middle;
    margin-right: 8px;
    margin-top:2px;
}

.footer-address span{
    margin-left:32px;

}

.footer_text p{
    margin: 0px;
}
.footer-content {
    background-image: url('../images/footer.png');
    background-position:left;
    background-repeat: no-repeat;

    width:1440px;
    margin: 0 auto;
    position: relative;
    color: #F3F3F6;
    padding: 64px 0;
}
.footer_inside{
    padding-left:611px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
}
.footer-contact{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    height:140px;
    width:605px;
}

.footer-contact h6{
    margin: 0;
    padding:0;
    color: #A6D8FD;
}
.footer-logos{
    display: flex;
    flex-wrap: wrap;
    gap: 56px;
}
.footer-social{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.footer_facebook_icon{
    background-image: url('../images/footte-facebook-icons.svg');
    width: 36px;
    height: 36px;
    display: block;

}
.footer_facebook_icon:hover{
    background-image: url('../images/footte-facebook-icons-hover.png');
    width: 36px;
    background-size: contain;
}
.footer_tiktoc_icon
{
    background-image: url('../images/footte-tictok-icons.svg');
    width: 36px;
    height: 36px;
    display: block;
}
.footer_tiktoc_icon:hover{
    background-image: url('../images/footte-tictok-icons-hover.png');
    width:36px;
    background-size: contain;
}
.footer_instagram_icon{
    background-image: url('../images/footte-inst-icons.svg');
    width: 36px;
    height: 36px;
    display: block;
}
.footer_instagram_icon:hover
{
    background-image: url('../images/footte-inst-icons-hover.png');
    width: 36px;
    background-size: contain;
}
.copyright {
    background-color: #A6D8FD;
    width: 100%;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    position: static;
}
.copyright span, .copyright span a{
    color:#0E3481;
    font-family: 'montserrat_semibold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
    letter-spacing: 0.28px;
    justify-content: space-between;
}
.copyright_inside{
    width:1400px;
    margin: 0 auto;

}
.copiright_left{

    padding-left:120px;
}

.copiright_right{

    padding-left:230px;
}



/*МОБИЛЬНАЯ вёрстка*/

@media (max-width: 1300px){


    .moments-grid{
        gap:24px;

    }
    .carousel-wrapper{
        width:580px;
    }
}
@media (max-width: 1200px) {

.about_us_mission
{
height:auto;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        padding: 64px 36px;
        justify-content: center;
        align-items: center;
        align-self: stretch;

}
.content_1, .content_text{
width:100%;

}
.ciclogr_mobile_version {
display:block;


}
    .ciclogr_mobile_version img {
        width: 100%;
    }
.consult{
display:none;
}
.content_about_us {
        padding: 6px 24px 36px 24px;
        width: 100%;
    }

    .mission .large,
.about_us_text, .about_us_text_mission,.why,.about_us_teacher,.cantemir_struct, .teacher-grid, .file_group{
        width: 100%;
        margin: 0 auto;
        height: auto;       /* чтобы текст расширял блок по высоте */

    }
.contact_adress{
padding: 0 24px;
display:flex;
flex-direction:row;
gap:24px;
align-items: flex-start;
width:100%;
height:auto;

}
 .excellent-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
width:100%;
height:auto;
    }
.about_us_teacher{
padding:36px 0;

}
.youtube_container{

grid-template-columns: repeat(1, 1fr);
        gap: 36px;
width:100%;
height:auto;


}
.youtube_block .article-video{
width: 100%;
        height: auto;
        object-fit: cover;
height:auto;



}
.developer_team .photo{
min-width: 100%;
height:250px;


}
.developer .icon{
margin:0px;

}
.developer_team{
gap: 36px 20px; 


}
.function_struct{
padding: 24px;

}
.schedule {

display:none;

}
.struct_mobile{
display:block;

}
.struct_mobile img{

width:100%;
}
.developer_text h6{
font-size:18px;
margin-top:0px;

}
.developer_team h6, .developer_content .student{

text-align:center;

}
.developer_team .photo img , .teacher-photo img {
        min-width: 100%;
        max-height: 250px;
        object-fit: cover;
        display: block;
    

    }
.album-cover{
width:100%;

}

.my-gallery,.album-card{
display:flex;
width:100%;

}



 



.photo_album_container{
width:100%;
 /* grid-template-columns: 1fr !important;*/
grid-template-columns: repeat(2, 1fr);
}
.album-card,
 .album-card:nth-child(3),
  .album-card:nth-child(6)
{
    grid-column: span 1 !important;
    grid-row: span 1 !important;
 width: 100%;
    height: auto;
  }
.album-card:nth-child(3) .album-cover img, .album-card:nth-child(6) .album-cover img, .album-card:nth-child(6) .album-cover, .album-card:nth-child(3) .album-cover{
width:100%;
height:auto;

}
.album-card .album-cover img, .album-card .album-cover , .album-card:nth-child(3) .album-cover img,
  .album-card:nth-child(6) .album-cover img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.contacts_content{
gap:36px;
}
    .mission p,.timeline-item .date, .timeline-item .content_cantemir, .timeline-item .cantemir_image, .timeline-item img.small,
.links1, .links2, .developer .item , .contact_adress, .contact_map, .contact_map img, .photo_album_container .album-card
 {
        width: 100%;
    }
.timeline-item{
gap:24px;

}
.cantemir_links{

padding:24px;

}
.content_cantemir p{

margin:0;
}
.cantemir_struct .container{

gap:36px;
  
}
.timeline-item img.small{


max-width:100%;
}
.developer  {

gap:36px;
  margin-bottom:36px;
}
.timeline-item .date, .timeline-item .cantemir_image{

text-align:center;

}
.cantemir_struct .container, .timeline-item, .cantemir_links, .developer, .developer_team, 
.developer_team .item,.about_accordation, .about_us_accordion, .contacts_content{

display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;

}
.why-grid{

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 36px;
    }
.why h6 {
font-size:18px;

}

.why-item, .why-bottom,.developer .item {
        display: flex;
      flex-direction: column;
        width: 100%;
        height: auto;
padding: 32px 24px 32px 18px;
gap:8px;
text-align:center;
}

.about_us_area{
display: flex;
      flex-direction: column;
height:auto;

}
.area1, .area2{
width:100%;

}
.why-text, .why-bottom .why-text{

/*width:80%;*/
  height: auto;
}
.about_us_accordion h4{

text-align:center;
 padding: 0px;
margin:0px;
color:#0E3481;
font-size: 28px;
}
.mission h3,.about_us h4, .about_us_mission h4, .content_about_us h4,  .about_us_teacher h4{
        padding-top: 24px;
        padding-bottom: 16px;
        margin: 0;
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 36px; /* 128.571% */
        text-transform: capitalize;


    }


.week-grid {
    grid-template-columns: 1fr; /* по одной */
  }
.row {
    flex-direction: column;
  }
  .col {
    width: 100% !important;
  }
.col.day{

width:25%;
}
  .row.header {
    display: none;
  }
    .main_image {
        display: none;
    }

    .main_image_mobile {
   display: flex;
        justify-content: center; /* горизонтальная центровка */
        align-items: center;     /* вертикальная центровка */
        width: 100%;
        height: 400px;           /* нужная высота блока */
       
    }

    .main_image_mobile img {
      /*  max-height: 780px;
        width: 100%;
        object-fit: cover;
        display: block;*/
height: 100%;   /* подгоняет картинку под высоту блока */
        width: auto;    /* сохраняет пропорции */
        display: block;
        object-fit: cover;
    }
    #menuBurger {

        display: inline-block;
        color: #FF6542;
        width: 36px;
        height: 36px;
        flex-shrink: 0;
        aspect-ratio: 1/1;

    }
    .mission_desktop{
        display: block;
    }

    .mission .large{
        display:none;


    }
    header {
        height: 85px;
        padding: 0;
    }

    .header_container {
        width: auto;
    }

    .top-bar-mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: 85px;
        padding: 24px 36px 24px 36px;
        width: 100%;
    }

    .top-bar-mobile img {

    width:168px;
height:37px;
    }

    .top-bar {

        display: none;
    }

    #close_menu {
        width: 24px;
        display: none;
        color: #A6D8FD;
        z-index: 2000;
        font-size: 24px;
        z-index: 9999;

    }

    #close_menu .close {
        font-size: 3.2em;

    }

    #menuBurger .burger {
        font-size: 2.2em;
    }

    /* .clearfix::after {
     content: "";
     display: table;
     clear: both;
   }*/
    nav {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height:100vh;
        transform: none !important;
        background-color: #0E3480;
        display: none;
        flex-direction: column;
        justify-content: flex-start;
        padding: 36px 36px 48px 36px;
         gap: 16px;
       
        z-index: 2000;
        box-sizing: border-box;
        align-items: stretch;
    }

    .menu {
        display: none
    }

    .menu_mobile {
       align-items: stretch;
        display: flex;
        flex-direction: column;
        padding-top: 40px;
        justify-content: space-between;
        width: 100%;
        z-index: 100;
        
    }


    .main-menu-mobile  li.open > ul {
        opacity: 1;
    }
    .main-menu-mobile  {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        gap: 16px;
        padding: 0;
        list-style: none;
        width: 100%;
        transition: height 0.3s ease;
      margin:0;
    }

    .main-menu-mobile  li a
    {
        color: #F3F3F6;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 15.6px */
        letter-spacing: 0.18px;
        text-transform: uppercase;
text-indent: -10px;     /* первая строка — ровно */
    
    }

    .main-menu-mobile  > li.has-submenu > a {
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 2px;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;

    }
   .main-menu-mobile > li {
        position: relative; /* обязательно, чтобы позиционировать потомка */
    }
 .main-menu-mobile  > li > a {
        display: block; /* чтобы занял всю ширину li */
        padding-right: 20px; /* добавляем место под стрелку */
        position: relative;
        width:100%;
    }
    .main-menu-mobile  > li > a::after {
        padding-left: 8px;
        content: url(../images/arrow-blue.png);
        position: absolute;
        right: 0; /* прижимаем к правому краю */
        top: 50%; /* центрируем по вертикали */
        transform: translateY(-50%);
        padding-left: 0; /* убираем отступ */

    }

.main-menu-mobile > li.has-submenu.open > a::after {
    transform: translateY(-50%) rotate(180deg);
    width: 12px;
    height: 7px;
}

    /*.main-menu-mobile> li.has-submenu > a:after {
           content: url('../images/chevron-right-blue.png');
           display: inline-block;
           transition: transform 0.3s ease;
           transform: translateY(2px);


       }

    /*  .main-menu-mobile > li.has-submenu.open > a:after {
           transform: rotate(90deg);
       }*/

    /*.main-menu-mobile > li > a::after{
           content: url('../images/chevron-right-blue.png');

       background-size: contain;
         width: 12px;
         height: 12px;
         transition: transform 0.3s ease;
         }
       .main-menu-mobile > li.open > a::after {
         transform: rotate(180deg);
       }*/

    .social-icons {
        display: flex !important;
        flex-grow: 1;
        flex-direction: row;
        width: 100%;
        gap: 24px;
        justify-content: flex-start;
        padding-top: 40px;
    }
    .social-icons ul{
        gap:24px;
    }
    .lang-icons{
        border: 1px solid #F3F3F6;
        border-radius: 4px;
        width: 54px;
height: 36px;
padding: 4px 8px;
        display: flex;

    }

    .lang-icons a {
        color: #F3F3F6;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 15.6px */
        letter-spacing: 0.18px;
        text-transform: uppercase;
        align-items: center;
        justify-content: center;
        border:0px;
    }


    /*.main-menu-mobile li ul {
        position: static;
        border: none;
        background: none;
        display: none;
        color: #F3F3F6;
        z-index: 10000 !important;
        opacity: 1;
        width: auto;
        text-align: left;
    }*/
    .main-menu-mobile li ul {
      
        display: none; /* скрыто по умолчанию */
       list-style:none;
        top: 100%; /* сразу под родительским li */
        left: 0; /* прижато к левому краю */
       padding: 24px 0 8px 0;
        margin: 0;
        width: 100%; /* или auto, если нужно */
        background: #0E3480;
        z-index: 1000;
        border:0px;
        gap:20px;
flex-direction: column;
align-items: flex-start;
    }

    .main-menu-mobile li ul li {
        border-bottom: 0px;
        position: relative;
        padding-left: 0px;
        z-index: 9999;
        opacity: 1;
      


    }
    .main-menu-mobile li ul li a{
        color: #A6D8FD;
         padding-left:28px;
        /* padding: 20px 24px;*/
    }
    .main-menu-mobile li ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 55%;
        transform: translateY(-50%);
        width: 16px;
        height: 1px;
        background-color:#A6D8FD;
        margin-right: 12px;

    }

    .main-menu-mobile li ul li:hover {
        background: #0E3480;
    }

    .main-menu-mobile li:hover ul {
        display: flex;
    }
/* Убираем стрелки где нет подменю */
.main-menu-mobile > li:not(.has-submenu) > a::after {
    content: none;
}
    .burger-menu {
        display: flex;
    }



    .facebook_icon {
        background-image: url('../images/facebook-icon-mobile.svg');
        width: 36px;
        height: 36px;
        background-size: contain;

    }

    .facebook_icon:hover {
        background-image: url('../images/facebook-icon.png');
        width: 36px;
        height: 36px;
        background-size: contain;
    }

    .tiktoc_icon {
        background-image: url('../images/tictoc-icon-mobile.svg');
        width: 36px;
        height: 36px;
        background-size: contain;
    }

    .tiktoc_icon:hover {
        background-image: url('../images/tictoc-icon.png');
        width: 36px;
        height: 36px;
        background-size: contain;
    }

    .instagram_icon {
        background-image: url('../images/instagram-icon-mobile.svg');
        width: 36px;
        height: 36px;
        background-size: contain;
    }

    .instagram_icon:hover {
        background-image: url('../images/instagram-icon.png');
        width: 36px;
        height: 36px;
        background-size: contain;
    }

    /*  .news-grid {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 100%;


      }*/
    .moments {
        width: 100%;
        min-height: auto;
        padding: 36px 36px 48px 36px;
    }

    .moments-grid {

        flex-direction: column;
        align-items: center;
        transform: none;
        width:100%;

    }

    .moments-text {
        width: 100%;
        text-align: center;
    }

    .moments-photos {
        position: static;
        /*  flex-direction: column;*/
        align-items: center;
        justify-content: center;
        gap: 16px;
        margin-top: 24px;
        width:100%;
    }



    .moments-text {
        width: 100%;
        height: auto;
        order: 2;
        text-align: left;
        margin: 0px;
    }


    .carousel-wrapper{
        width:100%;
        max-width: auto;
    }
    .moments-text h2
    {
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 36px; /* 128.571% */
        text-transform: capitalize;
        padding-bottom:16px;
        margin:0;
    }
    /* .moments-photos {
         width: 100%;
         height: 350px;
         /* order: 1;
         justify-content: center;
         gap: 16px;
         margin: 0px;
     }*/

/*.teacher-grid  .accordion-group, .teacher-grid  .accordion-content, .accordion-checkbox:checked + .accordion-label + .accordion-content {
padding:0;


}*/
    .accordion-content {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .teacher-card {

        width: 100%;
    }

    .stats {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin: 56px 24px;
        background-color: #F3F3F6;
    }

   /* .teacher-photo img {
        min-width: 100%;
        max-height: 250px;
        object-fit: cover;
        display: block;
        margin-bottom: 20px;

    }*/
    .teacher-group {
        width: auto;
    }
.content-admin{
width:100%;
        background-image: none;
}
    .content-admin-inside {
        flex-direction: column;
        width: auto;
        margin: 24px 24px 48px 24px;
        padding: 0px;
        gap: 24px;
    }

    .admin-img-inside img {
        width: 100%;
        height: 300px;

    }
.cv_content .admin-job
{

text-align:center;
}

    .cv_content .admin-job {
        margin-bottom: 16px;

    }
/*.work-hours_day, .work-hours_time{
text-align:center;
 align-items: center;

}*/
.work-hours_time, .work-hours_day{
display: flex;
        flex-direction: column;
        align-items: center;
text-align:center;
        width: 100%;
padding:0;
}
.work-hours_row{
height:auto;
        gap: 16px;
        display: flex;
        flex-direction: column;
}
    .cv_content h2 {
        margin-top: 24px;

    }
}
/*мобильная 767*/
@media only screen and (max-width: 767px) {
    .content{

 width: auto;
        margin: 24px 24px 48px 24px;
        padding: 0px;
}


 .photo_album_container, .youtube_container {
        grid-template-columns: 1fr !important; /* одна колонка */
        gap: 36px;
 padding: 0 12px;
    }

    .album-card {
width:100%;
        grid-column: span 1 !important;
        grid-row: span 1 !important;
gap:4px;
    }
.album-cover, .youtube_block, .article-video{
width:100%;

}

.consult{
display:none;
}

    .album-cover img, .album-card .album-cover img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
.youtube_block_inside .article-video{
   
width: 100%;
        height: 450px;

}
.youtube_block .article-video{
width: 100%;
        height: auto;
        object-fit: cover;

}
.content_year{


 width: auto;
        margin: 24px 0px 48px 0px;
        padding: 0px;
}


.my-gallery {
    display: flex;
    flex-direction: column;
    width: 100%;
gap:24px;
  }

  /* Верхний блок */
  .my-gallery-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
  }

  /* Назад + заголовок */
  .my-gallery-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
gap:24px;
  }

 
.my-gallery-back{
 width:100%;
height: 44px;
padding: 0 24px ;  


}
  .my-gallery-title h4 {
    text-align: center;
    }

  /* Поделиться */
  .link_to_facebook {
    display: flex;
    justify-content: center;
    align-items: center;
 
    width: 100%;
  }

   /* Верхний блок */
  .my-gallery-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
  }

  /* Назад + заголовок */
  .my-gallery-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
gap:24px;
  }

 
.my-gallery-back{
 width:100%;
height: 44px;
padding: 0 24px ;  


}
  .my-gallery-title h4 {
    text-align: center;
    }

  /* Поделиться */
  .link_to_facebook {
    display: flex;
    justify-content: center;
    align-items: center;
 
    width: 100%;
  }

  /* Фото */
  .my-gallery-content {
    display: grid;
  grid-template-columns: repeat(2, 1fr);
    gap: 24px;
   width:100%;
  }

.my-gallery-content .gal-item img {
    width: 100%;
    height: 100%;

    object-fit: cover;
object-position: center center; /* ← центр */
  display: block;
  }
 .my-gallery-content .gal-item{
 aspect-ratio: 4 / 3;
width: 100%;
    object-fit: cover;
 overflow: hidden;
position: relative;
}














.excellent-content {
        display:flex;
flex-direction:column;
        gap: 12px;
width:100%;
height:auto;

}
 .cv_content .admin-job, h6 {
        margin-bottom: 16px;
text-align:center;
display:block;
    }
.contact_adress{
padding: 0 24px;
display:flex;
flex-direction:column;
gap:36px;

width:100%;
height:auto;

}



.content_1  {
        width: auto;
        margin: 24px 24px 0 24px;
        padding: 0px;
    }
.content_text{
 width: 100%;
padding: 0 0 48px 0;
}
    .content h4, .content_1 h4{
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 36px; /* 128.571% */
        text-transform: capitalize;
        padding:0;
        margin-bottom: 36px;
        text-align: center;
    }

    .mission_desktop{
        display: block;
    }
.academic_year_topic_background{
display:none;

}
.academic_year, .academic_year_topic,.call_sheldue_grid{
 display:flex;
flex-direction:column;
     
width:100%;
height:auto;

}
.academic_year_topic_grid, .call_sheldue_grid{
gap:24px;

}
.content_year h4{
font-size:24px;
margin: 0 0 24px;
}
.academic_year_calendari{
margin-top:32px;
}
.academic_year_topic h5, .call_sheldue_topic h6{
text-align:center;
margin: 0 16px 24px 16px;
}
.academic_year_topic .file-card {
display:flex;
gap:4px;
width:100%;
flex-direction:column;
height:auto;
padding: 12px 18px;
}
.academic_year_topic h5{

font-size:22px;
}
.academic_year_calendari, .academic_year_calendari img{
width:100%;

}
.academic_year_topic .file-name, .academic_year_topic span, .call_sheldue_grid .file-name,.call_sheldue_grid span, .call_sheldue_topic {

width:100%;
}
.schedule {

display:none;

}
.struct_mobile{
display:block;

}
    .content h1 {
        text-align: center;
        margin-bottom: 36px;
    }

    h1 {
        font-size: 27px;
   text-align: center;
line-height: 36px;
margin-bottom: 24px;
    }

    body {
        font-size: 14px;
        line-height: 120%;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: 40px; /* 125% */
        text-transform: capitalize
    }

    h4 {
        font-size: 12px;

    }
.teacher-photo{

width: 100%;
        max-height: 250px;
}
.teacher-photo img {
        width: 100%;
        max-height: 250px;
        object-fit: cover;
        display: block;
    

    }

    .main_image_mobile {
   display: flex;
        justify-content: center; /* горизонтальная центровка */
        align-items: center;     /* вертикальная центровка */
        width: 100%;
        height: 400px;           /* нужная высота блока */
       
    }

    .main_image_mobile img {
      /*  max-height: 780px;
        width: 100%;
        object-fit: cover;
        display: block;*/
height: 100%;   /* подгоняет картинку под высоту блока */
        width: auto;    /* сохраняет пропорции */
        display: block;
        object-fit: cover;
    }

    .main_image {
        display: none;
    }

    .news {
        padding: 36px 24px 64px 24px;
    }

    .news-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;

        gap: 36px;
    }

    .news-filter {
        display: flex;
        height: auto;
        margin-bottom: 36px;
        order: 2;

    }

    .news-filter_inside {
        display: none;
    }

    .news-filter_inside_mobile {
        display: block;
    }

    .news-filter_inside_mobile .news-filter {
        margin-bottom: 24px;

    }

    .news-card-inside {
        order: 1;

    }

    .news-filter li {
        width: 100%;

    }

    .news-header {
        flex-direction: column;
        width: 100%;
        height: auto;
        gap: 24px;
        margin-bottom: 24px;

    }

    .news-header h3 {
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 36px; /* 128.571% */
        text-transform: capitalize;
    }

    .news-header h1,
    .news-h4,
    .news-type h4 {
        margin: 0;
        padding:0;
        text-align:left;
    }

    .news-type {
        margin: 0;
    }

    .news-meta {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; /* 128.571% */
        letter-spacing: 0.28px;
    }

    .news-title {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }


    .news-title,
    .news-type,
    .news-meta {
        height: auto;

    }

    .news-desc {
        height: 50px;
        overflow: hidden;

    }

    .news-title a {
        font-size: 16px;


    }

    .news-card h4 {
        margin-bottom: 2px;

    }

    .news-card {
        display: flex;
        width: 100%;
        height: auto;


    }

    .news-img {
        min-width: 100%;
        max-height: 250px;
        object-fit: cover;
        display: block;
        margin-bottom: 4px;

    }

    .news-link {
        font-size: 14px;

    }

    .news-card-inside,
    .news-title-inside,
    .news-meta-inside,
    .news-content-inside,
    .custom-gallery {
        width: auto;

    }
.news-meta-inside{

text-align:center;

}
    .news-img-inside {
        margin-bottom: 24px;

    }

    p {

        width: 100%;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px

    }
    .news-content-inside p{
        margin:0;

    }

    .news-content-inside {
        white-space: normal;
        hyphens: auto;
        font-size: 16px;
        margin-top:16px;
    }

    .news-title-inside h1
    .news-content-inside p {
        margin-bottom: 16px;

    }

    .vertical-line {
        display: block;
        width: 100%;
        height: 0;
        background: none;
        margin-top: 4px
    }

    .news-img-inside img {
        width: 100%;
        height: 400px;
    }

    .paging {
        padding-top: 36px;
    }

    .back-button {
        width: 100%;
        margin-bottom: 24px;
    }

    .slide-bg {
        width: 100%;
        height: 400px;
    }

    .custom-gallery {
        height: 450px;
        width: 100%;
    }

    .slick-slide img {
        width: 100vw;
        height: 400px;

    }

    .news-img-inside {
        margin-bottom: 36px;

    }

    .stats {
        margin: 0px;
        display: flex;
        padding: 56px 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        height: auto;
        background-color: #F3F3F6;
    }

    /* .stat-block {
         gap: 8px;
         text-align: center;


     }*/
    .stat-block {
        width: 100%; /* или max-width: 320px; чтобы не растягивались */
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
    }

    .stat-block h1 {
        font-size: 32px;
    }

    .stat-block h3 {
        margin: 0;

    }

    .stat-block .text {
        width: 100%;
.        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        letter-spacing: 0.24px;
    }




.historical_topic .file-card {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;          /* убираем фиксированную высоту */
    gap: 8px;
    padding: 12px 24px;
  }
.file_group .file-name {
 flex: 0 0 40%;            /* занимает ровно 40% */
    max-width: 40%;
    white-space: normal;     /* разрешаем перенос строк */
    word-break: break-word;
}
.file_group .file-name a{
font-size:14px;
display: block;
}
.file_group  span {
text-align:right;
}
.loader img{
width:28px;

}
.file-card {

        gap: 16px;
        padding: 12px 20px;
        align-items: flex-start; /* чтобы строки корректно переносились */
    height: auto;


}
 .about_us_accordion .file-name {
    width: 100%;          

  }
.file-meta {
    align-self: center; /* центрируем блок справа относительно карточки */
  }
.file-card{
width:100%;

}

.historical_topic  .file-card span {
    width: 100%;
  text-align:left;
  }

.file-card_zag{

padding:16px 16px;

}

.count{

text-align:right;
width:50%;
}




.about_us, .about_us_mission{
display: flex;
        flex-direction: column;
        margin: 0 auto;
       padding: 36px 24px;
        justify-content: center;
        align-items: center;
        align-self: stretch;

}
    .mission{
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        padding: 96px 36px;
        justify-content: center;
        align-items: center;
        align-self: stretch;


    }
.content_about_us{
        padding: 6px 24px 12px 24px;
width:100%;



}
.why-bottom{
 width:100%;
margin-top:20px;

}

.ciclogr_mobile_version{
display:block;

}
.ciclogr_mobile_version img{
width:100%;

}

.zoom-img {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.zoom-img:active {
    transform: scale(2); /* увеличиваем в 2 раза */
}
.ciclogr_desktop_version{
display:none;

}
.about_us_mission
{
height:auto;

}
    .mission .large,
.about_us_text, .about_us_text_mission,.why,.about_us_teacher {
        width: 100%;
        margin: 0 auto;
        height: auto;       /* чтобы текст расширял блок по высоте */

    }
.about_us_teacher{
padding:36px 0 24px 0;

}
    .mission p {
        width: 100%;
    }

.why-grid{

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 24px;
margin-top:10px;
    }
.function_struct a{

font-size:14px;

}
.why h6 {
font-size:18px;

}

.why-item, .why-bottom{
        display: flex;
      flex-direction: column;
        width: 100%;
        height: auto;
padding: 32px 24px 32px 18px;
gap:8px;
text-align:center;
}

.about_us_area{
display: flex;
      flex-direction: column;
height:auto;
margin:0 24px;
}
.area1, .area2{
width:100%;

}
.why-text, .why-bottom .why-text{

/*width:80%;*/
  height: auto;
}
.about_us_accordion h4{

text-align:center;
 padding: 0px;
margin:0px;
}
.mission h3,.about_us h4, .about_us_mission h4{
        padding-top: 24px;
        padding-bottom: 16px;
        margin: 0;
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 36px; /* 128.571% */
        text-transform: capitalize;


    }

.content_about_us h4, .about_us_teacher h4, .about_us_accordion h4{
 padding-top: 0px;
        padding-bottom: 16px;
        margin: 0;
        font-size: 22px;
        font-style: normal;
        font-weight: 800;
        line-height: 36px; /* 128.571% */
        text-transform: capitalize;


}
    mission_desktop{
        display:block;
    }
    .video360 {
display:none;
        position: relative;
        height: 500px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .video360 img {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
        display: block;
    }

    /* Добавляем фон сверху через псевдоэлемент */
    .video360::after {
        content: "";
        position: absolute;
        top: 0%;
        left: 50%;
        width: 150px;
        height: 100px;
        background-image: url(../images/video-container.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        transform: translateX(-50%);
        z-index: 2;
    }

    .moments {
        min-height: auto;
        padding: 36px 36px 48px 36px;
        margin: 0;
        width: 100%
    }

    .moments h1 {
        margin-bottom: 24px;

    }

    .moments-grid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 36px;
        align-self: stretch;
        transform: none;
        margin: 0;
    }

    .moments-text {
        width: 100%;
        height: auto;
        order: 2;
        text-align: left;
        margin: 0px;
    }


    .moments-text h2 {
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 36px; /* 128.571% */
        text-transform: capitalize;
        padding-bottom: 16px;
        margin: 0;
    }

    .moments-photos {
        width: 100%;
        height: 350px;
        /* order: 1;*/
        justify-content: center;
        gap: 16px;
        margin: 0px;
    }


    .moments-photos img {
        /* max-width: 45vw;  */
        border-radius: 40px 40px 0 40px;
        height: 350px;
        width: 83px;
    }

    .moments-text .btn-all {
        order: 3;
        width: 288px;
        margin: 0 auto;
        margin-top: 36px;
    }

    .quote {
        display: flex;
        padding: 64px 36px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        height:341px;
    }

    .quote_text {
        margin: 0 auto;
        max-width: 100%;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;

    }

    .quote_line {
        width: 70px;
        height: 5px;
    }

    .quote_author h2 {
        font-size: 16px;
    }

    .quote_author {
        font-size: 14px;
    }

    .teacher-group {
        width: auto;
    }
/*.teacher-grid  .accordion-group .accordion-label, .file_group .accordion-group .accordion-label {

margin:16px 0;

}*/
.accordion-group .accordion-label
{
margin:16px;
height:auto;
}


    .accordion-label  {
        font-size: 16px;


    }

/
 .accordion-group .accordion-label span{

font-size: 16px;
 width: 85%;
}

    .accordion-label span {
        width: 85%;

    }

 .accordion-label::after {
        height: 20px;
        width: 20px;
/*background: url('../images/primary.svg') center / contain no-repeat;
background-color:#FF5218;*/

    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom:5px;
    border-radius:4px;


    }

    footer {


        /*display: flex;*/
        width: 100%;
        height: 772px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height:auto;
    }

    .footer_zag_mobile {
        display: block;
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: auto; /* 128.571% */
        text-transform: capitalize;
    }

    .footer_text {
        width: 100%;
        text-align: center;
    }

    footer h1, footer h2 {
        margin-bottom: 8px;
    }

    .footer_zag {
        display: none;

    }

    .footer-content {
        background-image: none;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0;
        margin: 0;
        align-items: center;
    }

    .footer_inside {

        display: flex;
        padding: 48px 36px;
        align-items: center;
        gap: 24px;
        align-self: stretch;

    }


    .footer-social {

        gap: 24px;
    }

    .footer-contact {
        flex-direction: column; /* ставим блоки вертикально */
        align-items: center;
        height: auto; /* чтобы высота адаптировалась */
        width: 100%; /* на всю ширину */
        gap: 16px;

    }

    h6 {
        ont-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .footer_logo1,
    .footer-logo2,
    .footer_phone,
    .footer-address {
        margin: 0;
        padding: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .footer-logos {
        gap: 24px;
    }

    .footer_phone img,
    .footer-address img {
        vertical-align: middle;
        margin-right: 8px;
        width: 20px;
        height: 20px;

    }

    footer p {
        margin: 0;
    }

    .footer_phone p {
        margin-top: 8px;

    }

    .footer_address p span {
        margin: 0;
        font-size: 14px;
    }

    .footer_link {
        margin-top: 12px;
        display: inline-block;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px; /* 133.333% */
        letter-spacing: 0.12px;

    }


    .copyright {
        display: flex;
        flex-direction: column;
        height: auto;
        padding:0;
        margin: 0;

    }

    .copyright_inside {
        display: flex;
        padding: 12px 36px;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        align-self: stretch;
        width:100%;
    }

    .copyright span {
        margin: 0;
        padding:0;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        line-height: 14px; /* 140% */
        color: #0E3481;

    }

    .copiright_left,
    .copiright_right,
    span
    {
        margin:0;
        padding: 0;
        width: 100%;
        text-align: center;
    }
.copyright span, .copyright span a{
font-size:10px;

}
}