:root{
    --color-primary_1:#49B9CB;
    --color-primary_1_rgb:rgb(73 185 203);
    --color-primary_2:#386BB3;
    --color-primary_bg:#FAFAFA;
    --color-primary_bg_2:#FBFBFD;
    --color-primary_border:#D9D9D9;
    --color-primary_font-color_1:#494A52;
    --color-primary_font-color_2:#FFF;
    --color-primary_font-color_3:#9799A6;
    --color-primary_font-color_4:#333;
}

*{
    margin: 0;
    padding: 0;
    font-family: "Manrope", sans-serif;
    color: var(--color-primary_font-color_1);
}

html{
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
   /* scroll-padding-top: ;*/
}

body{
    padding: 0px 25px;
    background: #fff;
}

a,button,input,textarea{
    cursor: pointer;
}

.bold{
    font-weight: bold;
}

.btn_dark_blue {
    border: none;
    border-radius: 50px;
    background: var(--color-primary_2);
    color: var(--color-primary_font-color_2);
    padding: 0.875rem 1.375rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    position: relative;
}

.btn_blue {
    border: none;
    border-radius: 50px;
    background: var(--color-primary_1);
    color: var(--color-primary_font-color_2);
    padding: 0.875rem 1.375rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

h2{
color: var(--color-primary_font-color_1);
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 2.5rem;
}

.attention-block{
border-radius: 1.875rem;
background: #49B9CB;
padding: 1.875rem;
margin:2.5rem 0rem;
}

.attention-block p, .attention-block a{
    color: var(--color-primary_font-color_2);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.attention-block a{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

h1{
color: var(--color-primary_font-color_1);
font-size: 1.75rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.page_content{
    margin-top: 1.8125rem;
    margin-bottom: 5rem;
}

@media (width <= 1024px) {
    h2{
        font-size: 2rem;
    } 
}

@media (width <= 600px) {
    h2{
        font-size: 1.5rem;
    } 

    .attention-block{
        text-align: center;
    }

    h1{
        font-size: 1.5rem;
        }
}

/* header */

.header_top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 1.25rem 0rem;
}

.header_contact {
    display: flex;
    flex-direction: row;
    gap: 1.0635rem;
}

.header_social {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
}

.header_btns {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
}

.header_top .logo {
    width: 13.6875rem;
    height: 2.5625rem;
    display: block;
}

.header_top .logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo_hidden{
    display: none;
}

.header-search {
    width: 32.1875rem;
    height: 1.25rem;
    background: var(--color-primary_1);
}

.header_contact .header_phone,
.header_sub_menu.mobile > .header_phone{
    color: var(--color-primary_font-color_1);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.header_contact .header_phone > img,
.header_sub_menu.mobile > .header_phone > img{
    margin-right: 1.25rem;
    width: 1.125rem;
    height: 1.125rem;
}
nav.header_bottom {
    position: relative;
    border-radius: 3.125rem;
    background: var(--color-primary_1);
    margin-bottom: 1.5rem;
}

ul.header_menu {
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 3.75rem;
    align-items: center;
    padding: 0;
    margin: 0;
}

li.header_menu__item > a,
li.header_menu__item > p{
    color: var(--color-primary_font-color_2);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
}

li.header_menu__item.menu_dropped > p{
display: flex;
flex-direction: row;
align-items: baseline;
gap: 0.875rem;
position: relative;
margin: 0;
align-items: center;
}

li.header_menu__item.header_menu__item__first{
border-radius: 3.125rem;
background: #35A5B7;
padding: 0.75rem 2.5rem;
}

.header__first_items{
    display: flex;
    flex-direction: row;
    margin-right: 7.875rem;
}

.header_sub_menu {
    position: absolute;
    z-index: 100;
    padding: 0rem;
    top: 3.125rem;
    opacity: 0;
    height: 0;
    transition: 100ms ease-in;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    width: 0;
    padding: 0;
}

.header_sub_menu.services{
    display: flex;
    flex-direction: row;
    left: 0;
    height: 0;
    overflow: hidden;
    width: 0;
}


.header_sub_menu.akreditacia{
    display: flex;
    flex-direction: row;
    height: 0;
    overflow: hidden;
    width: 0;
}

.header_menu li.menu_dropped:hover > .header_sub_menu{
    opacity: 1;
    height: auto;
    gap: 5.625rem;
    border-radius: 1.875rem;   
    width: auto; 
    padding: 2.5rem;
}

.header_sub_menu a.name{
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.header_sub_menu__body {
    margin-top: 1.875rem;
    display: flex;
    flex-direction: row;
    gap: 4.375rem;
}

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

ul.header_sub_menu__ul > li:not(:last-child){
margin-bottom: 0.875rem;
}

li.header_sub_menu__item > a {
    color: var(--color-primary_font-color_3);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    transition: 300ms;
}


li.header_sub_menu__item > a:hover {
    color: var(--color-primary_2);
}

.header_sub_menu.mobile{
    display: none;
}

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

ul.mobile_menu li.header_menu__item > a,
ul.mobile_menu li.header_menu__item > .header_menu__item__body p{
    color: var(--color-primary_font-color_1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

ul.mobile_menu li.header_menu__item > .header_menu__item__body p{
    width: 90%;
}

ul.mobile_menu > li.header_menu__item:not(:last-child){
margin-bottom: 1.25rem;
}

 .arrow.arrow-animate{
	transform: rotate(-180deg);
  }

ul.mobile_menu .header_sub_menu__ul{
    opacity: 0;
    height: 0;
    width: 0;
    padding: 0;
    transition: 100ms ease-in;
}

.header_menu__item.with_arrow.active .header_sub_menu__ul.active{
    opacity: 1;
    height: auto;
    width: auto;
}


.header_menu__item__body {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
}

@media (width <= 1440px) {
    .header-search {
        width: 16.1875rem;
    }
}

@media (width <= 1024px) {
    ul.header_menu {
        gap: 1.75rem;
    }
    .header-search {
        display: none;
    }
    .header_btns button {
        width: 3.125rem;
        height: 3.125rem;
        padding: 1rem;
        overflow: hidden;
    }
    .header_btns button > img{
        margin-right: 1rem;
    }
    .header__first_items{
        margin-right: 0;
    }
}

@media (width <= 768px) {
   .header__first_items > .header_menu__item:last-child{
        display: none;
    }
.header_menu > .header_menu__item:not(:first-child){
    display: none;
}
.header_contact .header_phone{
    display: none;
}

.header_sub_menu.services{
    display: none;
}

.header_sub_menu.akreditacia{
    display: none;
}

.logo__container {
    flex: 1;
}
.header_top {
    gap: 1.5rem;
}

.header_menu li.menu_dropped:hover > .header_sub_menu {
    opacity: 1;
    height: auto;
    gap: 1.25rem;
    border-radius: 1.875rem;
    width: auto;
    padding: 1.875rem;
}

.header_sub_menu.mobile{
    display: flex;
    left: 0;
    width: 31.1875rem;
    flex-direction: column;
}
.header_sub_menu.mobile > .header_btns{
    flex-direction: column;
}

.header_sub_menu.mobile > .header_btns > button {
    width: fit-content;
    height: auto;
    padding: 0.875rem 1.375rem;
    overflow: auto;
}
.header_sub_menu.mobile > .header_btns > button > img {
    margin-right: 0;
}
}

@media (width <= 500px) {
.logo_hidden{
    display: block;

}
.header_sub_menu.mobile > .header_phone{
    font-size: 1.15rem;
}
.header_btns button {
    width: 2.725rem;
    height: 2.725rem;
    padding: 0.8rem;
    overflow: hidden;
}

.header_top {
    gap: 0.9375rem;
}

.header_sub_menu.mobile > .header_phone > img{
    margin-right: 0.5rem;
    width: 0.875rem;
    height: 0.875rem;
}

.header_top .logo{
display: none;
}
    }
/* /header */


/* breadcrums */

.breadcrumb-item+.breadcrumb-item::before{
    content: none !important;
}
ol.breadcrumb {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    margin-bottom: 1.875rem;
    list-style: none;
}

.breadcrumb > li{
    margin: 0;
    padding: 0 !important;
}

.breadcrumb > li > a{
    text-decoration: none;
    color: var(--color-primary_font-color_1);
}

.breadcrumb > li:first-child > a{
    color: var(--color-primary_1);
}
/* /breadcrums */

/* index */

.index-page{
    display: flex;
    flex-direction: column;
    gap: 5rem;
    margin-bottom: 5rem;
}

@media (width <= 500px) {
    ol.breadcrumb {
        width: 100%;
        overflow: scroll;
    } 
}

/* /index */

/* parther_block */

.parther_block__slider.slick-initialized.slick-slider.slick-dotted{ 
    margin: 2.5rem 0rem;
}

.parther_block__item{
padding: 2.4rem;
border-radius: 1.25rem;
border: 1px solid var(--color-primary_border);
background: var(--color-primary_font-color_2);
height: 10.4375rem !important;
margin-right: 1.25rem;
}

.parther_block__item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section.parther_block {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* /parther_block */

/* sliders */

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--color-primary_1);
    font-size: 0.625rem;
}

.slick-dots li button:before {
    font-size: 0.3125rem;
    opacity: 1;
    color: var(--color-primary_border);
}

.slick-dots{
    bottom: -2.4rem;
}

/* /sliders */

/* faq */


section.faq ul {
    list-style-image: url(/img/main/check.svg);
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    padding-left: 1rem;
}

section.faq .content p:not(:last-child){
    margin-bottom: 1.25rem;
}

section.faq .accordion_faq:not(:last-child){
    margin-bottom: 1.25rem;
}

.accordion_faq .head{
border-radius: 1.25rem;
border: 1px solid #EFEFEF;
background: var(--color-primary_bg);
display: flex;
flex-direction: row-reverse;
gap: 1.25rem;
padding: 1.25rem 1.875rem;
justify-content: flex-end;
align-items: center;
}

.accordion_faq .head > p {
    width: 90%;
}

.accordion_faq .content{
    padding: 1.25rem 1.875rem;
    display: none;
}



.accordion_faq .head .arrow{
    background: url(/img/main/plus.svg);
    background-repeat: no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    background-size: cover;
}

.accordion_faq .head.active .arrow{
    background: url(/img/main/minus.svg);
}

@media (width <= 600px) {
    .accordion_faq .head > p {
        width: 70%;
    } 
    
    .accordion_faq .head{
        align-items: flex-start;
        }
}
/* /faq */



/* license  and doc sliders */

.license_block__slider img{
max-width: 14.0625rem;
max-height: 16.625rem;
width: 100%;
object-fit: cover;
}

.license_block__item{
    margin-right: 1.25rem;
}

.license_block__img{
    padding: 1.8125rem 1.375rem;
    border-radius: 1.25rem;
    border: 1px solid var(--color-primary_border);
    background: var(--color-primary_bg);   
    margin-bottom: 1.25rem; 
}

.license_block__slider .license_block__img{
    min-height: 225px;
    align-content: center;
}

.license_block__img img {
    width: 100%;
    height: 100%;
}



/* /license  and doc sliders */


/* preview-block */
.preview_block {
    position: relative;
    border-radius: 3.125rem;
    border: 1px solid var(--stroke, #D9D9D9);
    padding: 12.6875rem 0px 5rem 5rem;
    overflow: hidden;
}

.preview_block > img{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.preview_block::before{
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}
.preview h1{
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    z-index: 2;
    position: relative;
}
.preview h1.white{
    color: var(--color-primary_bg);
}

 .preview h1.black{
    color: var(--color-primary_font-color_1);
}

@media (width <= 769px) {
    .preview_block {
        padding: 11.0625rem 0rem 3.125rem 3.125rem;
        border-radius: 1.25rem;
    }

    .preview h1{
        font-size: 1.875rem;  
    }
}

@media (width <= 600px) {
    .preview_block {
        padding: 9.5625rem 1.875rem 3.125rem 1.875rem;
        border-radius: 1.25rem;
    }

    .preview h1{
        font-size: 1.5rem;  
    }  
}
/* /preview-block */

/* faq-index */
section.faq.faq-index {
    margin-bottom: 5rem;
    margin-top: 4.25rem;
}

@media (width <= 769px) {
    section.faq.faq-index {
        margin-top: 1.875rem;
    }
}

@media (width <= 600px) {
    section.faq.faq-index {
        margin-bottom: 2.6875rem;
    }
}
/* /faq-index */

/* footer */

footer {
    position: relative;
    border-radius: 1.875rem;
    background: var(--color-primary_1);
    width: auto;
    padding: 3.125rem 8.6875rem 1.875rem 8.6875rem;
}

.footer__row {
    display: flex;
    flex-direction: row;
    gap: 9.375rem;
    justify-content: space-between;
}

.footer_col__name {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

footer p,
footer a{
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--color-primary_font-color_2);
}

footer a{
    text-decoration: none;
}

.footer_ul {
    list-style: none;
    margin: 0;
    margin-top: 1.875rem;
    padding: 0;
}

.footer_ul li:not(:last-child){
    margin-bottom: 0.875rem;
}

.footer__main {
    margin-bottom: 1.875rem;
}

.sub_row {
    display: flex;
    flex-direction: row;
}

footer .sub_row{
    gap: 2.625rem;
}

.footer_contact {
    margin-top: 1.875rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.footer_contact__item {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.6875rem;
}

.footer_contact__item a,.footer_contact__item p{
    margin: 0;
    padding: 0;
}

.footer_contact__item img {
    width: 18px;
    height: 18px;
}

.footer_social {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
    margin: 1.875rem 0;
}

.footer__bottom {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    justify-content: center;
    opacity: 0.5;
}

.footer__btn_all{
    display: none;
    padding: 0;
    margin: 0;
}

footer .sub_row .footer_ul.mobile_hidden{
opacity: 1;
height: auto;
transition: 300ms ease-in-out;
}

footer .sub_row .footer_ul.mobile_hidden.active{
    opacity: 1;
    height: auto;  
}

.footer_map{
border-radius: 1.875rem;
border: 1px solid var(--color-primary_border);
overflow: hidden;
margin: 1.25rem 0px;
}

.footer_contact_before {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
}

.footer_contact_before .footer_contact__contact-info,.footer_contact_before .footer_contact__form-block{
    background: var(--color-primary_bg);
    border: 1px solid var(--color-primary_border);
    padding: 3.125rem 4.375rem 2.875rem 3.125rem;
    border-radius: 1.875rem;
}

.footer_contact_before h2{
color: var(--color-primary_font-color_1);
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 1.875rem;
}

.footer_contact_before .footer_contact__contact-info{
width: 30%;
}

.footer_contact_before .footer_contact__contact-info .footer_social{
margin: 1.25rem 0 1.875rem 0;
}

.footer_contact_before .footer_contact__contact-info .footer_contact__contact-info-body{
display: flex;
flex-direction: column;
gap: 1.25rem;
}

.footer_contact_before .footer_contact__contact-info .footer_contact__contact-info-item {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.6875rem;
}

.footer_contact_before .footer_contact__contact-info .footer_contact__contact-info-item p{
    margin: 0;
    padding: 0;
}

.footer_contact_before .footer_contact__contact-info .footer_contact__contact-info-item p,
.footer_contact_before .footer_contact__contact-info .footer_contact__contact-info-item a{
color: var(--color-primary_font-color_1);
font-style: normal;
font-weight: 500;
line-height: 130%; /* 20.8px */
text-decoration: none;
width: 90%;
}

.footer_contact_before .footer_contact__form-block{
width: 70%;
}

@media (width <= 1440px) {
    footer {
        padding: 3.125rem 4.6875rem 1.875rem 4.6875rem;
    }

    .footer__row {
        display: flex;
        flex-direction: row;
        gap: 5.375rem;
        justify-content: space-between;
    }
}
@media (width <= 1200px) {
    .footer__row {
        flex-wrap: wrap;
    }
}

@media (width <= 1024px){
    .footer__btn_all{
        display: flex;

    }

    footer .sub_row .footer_ul.mobile_hidden{
        height: 0px;
        opacity: 0;
    }

    footer .footer__col{
        width: 50%;
    }

    footer .sub_row{
        flex-direction: column;
        gap: 0px;
    }

    .footer__row {
        flex-wrap: wrap;
        gap: 0;
        row-gap: 2.8125rem;
    }

    .footer_contact_before{
        flex-wrap: wrap;
    }

    .footer_contact_before .footer_contact__contact-info, .footer_contact_before .footer_contact__form-block{
        width: 100%;
    }

    .footer_contact_before h2{
        font-size: 1.875rem;
    }
}


@media (width <= 768px){
.footer__bottom a, .footer__bottom p{
    margin: 0;
    font-size: 0.875rem;
}

footer {
    padding: 2.875rem 3.125rem 2.875rem 3.125rem;
}

}

@media (width <= 500px){
    footer .footer__col {
        width: 100%;
    }

    .footer__row {
        gap: 2rem;
    }

    .footer__bottom {
        flex-direction: column;
        align-items: center;
    }

    .footer_contact_before h2{
        font-size: 1.5rem;
    }

    .footer_contact_before .footer_contact__contact-info, .footer_contact_before .footer_contact__form-block{
        padding: 1.875rem;
    }
}
/* /footer */


/* /license_page */

.page_content.license{
    margin-top: 2.5rem;
    margin-bottom: 5rem;
}

.licence_block_index{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.25rem;
    /*justify-content: space-between; открыть когда будет много лицензий*/
}

.licence_index .licence_block_index .license_block__img{
    margin: 0;
}

.licence_index .licence_block_index .license_block__item {
    width: 13%;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.licence_index.hidden{
    display: none;
}

@media (width <= 1890px){

    .licence_index .licence_block_index .license_block__item img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (width <= 1024px){
    .page_content.license{
        margin-top: 1.875rem;
    }

    .licence_index{
        display: none;
    }
    .licence_index.hidden{
        display: block;
    }
    .licence_index.hidden .licence_block_index .license_block__item{
        width: 30%;
    }
}


@media (width <= 600px){
    .page_content.license{
        margin-bottom: 3.75rem;
    }

    .licence_index.hidden .licence_block_index .license_block__item{
        width: 45%;
    }
}


/* /license_page */

/* pagination */

.pagination {
    margin-top: 2.5rem;
    width: 100%;
}

.pagination .pagenav{
list-style: none;
display: flex;
flex-direction: row;
gap: 1.25rem;
align-items: center;
justify-content: center;
}

.pagination .pagenav a{
text-decoration: none;
}

.pagination .pagenav li.active a span{
    color: var(--color-primary_2);
}
/* /pagination */

/* team_page */

.team_index.hidden{
    display: none;
}

.team_block_index {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.team_block_index .team_item {
    width:calc(20.8% - 1.25rem);
}

.team_item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    padding: 1.875rem;
    border-radius: 1.875rem;
    border: 1px solid var(--color-primary_border);
    background: var(--color-primary_bg);
    text-align: center;
    text-decoration: none;
}

.team_item .team__img {
    border-radius: 100%;
    overflow: hidden;
    width: 12.5rem;
    height: 12.5rem;
    background: var(--color-primary_1);
}

.team_item .team__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

p.team__age {
    color: var(--color-primary_1);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

p.team__name {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0.625rem;
}

@media (width <= 1440px) {
    .team_block_index .team_item {
        width:calc(18.8% - 1.25rem);
    }
}

@media (width <= 1024px) {
   .team_index{
       display: none;
   } 
   .team_index.hidden{
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.team_block_index .team_item {
    width: calc(42% - 1.25rem);
}
}
@media (width <= 700px) {
    .team_block_index .team_item {
        width: calc(40% - 1.25rem);
    }
}

@media (width <= 600px) {
.team_block_index .team_item {
    width: 100%;
}

.team_item .team__img {
    border-radius: 100%;
    overflow: hidden;
    width: 8.5rem;
    height: 8.5rem;
    background: var(--color-primary_1);
}
}
/* /team_page */

/* document_page */

.documents_block_index {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.documents_item_index {
    width: calc(47% - 1.25rem);
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    padding: 1.875rem;
    border-radius: 1.875rem;
    border: 1px solid var(--color-primary_border);
    background: var(--color-primary_bg);
    align-items: center;
}

.documents_item_index .documents_item_index__content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.documents_item_index .documents_item_index__content .btn_dark_blue{
    width: fit-content;
}

.documents_item_index .documents_item_index__name {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.documents_block_index .documents_item_index__img {
    width: 229px;
    height: 237px;
}

.documents_item_index__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (width <= 1440px) {
    .documents_item_index {
        width: calc(45% - 1.25rem);
    } 
}

@media (width <= 1100px) {
    .documents_item_index {
        width: 100%;
    }   
}

@media (width <= 600px) {
    .documents_item_index {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .documents_item_index .documents_item_index__content {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

/* /document_page */



/* news_page */

.news_block_index {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.news_item_index {
    width: calc(47% - 1.25rem);
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    padding: 1.875rem;
    border-radius: 1.875rem;
    border: 1px solid var(--color-primary_border);
    background: var(--color-primary_bg);
    align-items: center;
}


.news_item_index .news_item_index__img{
width: 15.625rem;
height: 14.8125rem;
border-radius: 0.625rem;
overflow: hidden;
}

.news_item_index .news_item_index__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_item_index .news_item_index__content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 70%;
}

.news_item_index p.news_item_index_name{
font-style: normal;
font-weight: 700;
line-height: normal;
}

.news_item_index a.news_item_index__Link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.25rem;
}

.news_item_index .news_item_index__descr {
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (width <= 1440px) {
    .news_item_index {
        width: calc(45% - 1.25rem);
    } 
}

@media (width <= 1100px) {
    .news_item_index {
        width: 100%;
    }   
}

@media (width <= 600px) {
    .news_item_index .news_item_index__img {
        width:100%;
        height: 100%;
        border-radius: 0.625rem;
        overflow: hidden;
    }
    .news_item_index .news_item_index__content {
        width: 100%;
    }

    .news_item_index {
        flex-direction: column;
    }

    .news_item_index .news_item_index__descr {
        -webkit-line-clamp: 3;
    }
}

/* /news_page */


/* blog_page */

.blog_block_index {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.blog_item_index {
    width: calc(30% - 1.25rem);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.875rem;
    border-radius: 1.875rem;
    border: 1px solid var(--color-primary_border);
    background: var(--color-primary_bg);
    align-items: center;
}

.blog_item_index__img {
    width: 100%;
    height: 14.8125rem;
    border-radius: 0.625rem;
    overflow: hidden;
    position: relative;
}

.blog_item_index .blog_item_index__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_item_index__date {
    position: absolute;
    padding: 0.3125rem 0.625rem;
    border-radius: 3.125rem;
    background: var(--color-primary_2);
    color: var(--color-primary_bg);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    left: 0.625rem;
    top: 0.625rem;
}
.blog_item_index .blog_item_index__content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.blog_item_index a.blog_item_index__Link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.25rem;
}

.blog_item_index .blog_item_index_name {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.blog_item_index .blog_item_index__descr{
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


@media (width <= 1440px) {
    .blog_item_index {
        width: calc(29% - 1.25rem);
    }
}

@media (width <= 1100px) {
    .blog_item_index {
        width: calc(44% - 1.25rem);
    }
}

@media (width <= 769px) {
    .blog_item_index {
        width: calc(42% - 1.25rem);
    }
}


@media (width <= 600px) {
    .blog_item_index {
        width: 100%;
    }

    .blog_item_index__img {
        height: 8.4375rem;
    }
}

/* /blog_page */

/* popular_direction_block */

.popular_direction__body {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
}

.popular_direction__item {
    display: flex;
    flex-direction: column;
    gap: 3.25rem;
    width: 50%;
}

.popular_direction__block_img{
border-radius: 1.25rem;
border: 1px solid var(--color-primary_border);
background: var(--color-primary_bg_2);
}

.popular_direction__img {
    width: 100%;
    height: 25rem;
}

.popular_direction__img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.popular_direction__item .text{
font-size: 1.75rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}

@media (width <= 1024px) {
    .popular_direction__img {
        height: 15.5625rem;
    }  

    .popular_direction__item .text{
    font-size: 1rem;
    }
}

@media (width <= 600px) {
    .popular_direction__body {
        flex-direction: column;
    }

    .popular_direction__item {
        width: 100%;
    }
}
/* /popular_direction_block */


/* /predominantly_block */
.predominantly__body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2.5rem;
    justify-content: space-between;
}

.predominantly__item {
    width: calc(30% - 2.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    border: 1px solid var(--color-primary_border);
    background: var(--color-primary_bg_2);
    padding: 1.875rem;
    gap: 1.25rem;
}

.predominantly__img {
    width: 10.9375rem;
    height: 7.1875rem;
}

.predominantly__img img{
    width: 100%;
    height: 100%;
    object-fit: cover
}
.predominantly__item .name{
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}
.predominantly__item .description{
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media (width <= 1440px) {
    .predominantly__item {
        width: calc(29.5% - 2.5rem);
    }
}

@media (width <= 1024px) {
    .predominantly__item {
        width: calc(45% - 2.5rem);
    }
}

@media (width <= 768px) {
    .predominantly__item {
        width: calc(44% - 2.5rem);
    }
}
@media (width <= 600px) {
    .predominantly__item {
        width: 100%;
    }
}
/* /predominantly_block */

/* /about_us_block */
.about_us__body {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
}

.about_us__item {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about_us__text{
    margin-bottom: 2.5rem;
}

.about_us__diagramms {
    display: flex;
    flex-direction: row;
    gap: 1.875rem;
    width: 90%;
}

.about_us__diagramms_img {
    width: 7.4375rem;
    height: 7.4375rem;
}

.about_us__diagramms_img img{
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about_us__diagramms_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.875rem;
}

.about_us__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (width <= 1440px) {
    .about_us__diagramms {
        width: 100%;
    }
}

@media (width <= 1024px) {
    .about_us__body .about_us__item:first-child{
        display: none;
    }

    .about_us__body .about_us__item{
        width: 100%;
    }
}

@media (width <= 600px) {
    .about_us__diagramms {
        flex-direction: column;
        align-items: center;
    } 

    .about_us__diagramms_item {
        width: 90%;
    }
}
/* /about_us_block */

/* steps_block */
.steps__body {
    display: flex;
    flex-direction: row;
    gap: 1.875rem;
}

.steps__body .steps__item {
    width: 25%;
    display: flex;
    padding: 1.875rem 1.875rem 5rem 1.875rem;
    flex-direction: column;
    gap: 1.25rem;
    position: relative;
    border-radius: 1.25rem;
}

.steps__body .steps__item.first{
    background: var(--color-primary_1);
}

.steps__item .steps__num_block {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    align-items: center;
}

.steps__item.first .steps__num_block .num {
    color:  var(--color-primary_1);
    background: var(--color-primary_font-color_2);
}

.steps__item.first span.line {
    border: 1px dashed var(--color-primary_font-color_2);
}

.steps__item.first .name, .steps__item.first .text {
    color:  var(--color-primary_font-color_2);
}

.steps__item span.line {
    border: 1px dashed var(--color-primary_2);
    width: 80%;
}

.steps__item .steps__num_block .num {
    color:  var(--color-primary_font-color_2);
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    background: var(--color-primary_2);
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
    align-content: space-around;
}

.steps__item .steps__content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.steps__item .name {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.steps__item .text {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.steps__item .steps__img_body {
    position: absolute;
    bottom: 8px;
    right: 30px;
}


@media (width <= 1024px) {
    .steps__body {
        gap: 1.25rem;
        flex-wrap: wrap;
    }  

    .steps__body .steps__item {
        width: calc(44.5% - 1.25rem);
    }
}

@media (width <= 768px) {
    .steps__body .steps__item {
        width: calc(42.5% - 1.25rem);
    }  
}

@media (width <= 600px) {
    .steps__body .steps__item {
        width: 100%;
    } 

    .steps__item .name {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    
}
/* /steps_block */

/* why_choose_us_block */
section.why_choose_us {
    border-radius: 1.25rem;
    background: var(--color-primary_1);
    padding: 3.125rem 3.75rem 0px 4.6875rem;
   
}

section.why_choose_us > h2,
.why_choose_us__item .name,
.why_choose_us__item .text{
color: var(--color-primary_font-color_2);
}

.why_choose_us__body {
    display: flex;
    flex-direction: row;
    gap: 1.875rem;
    align-items: end;
}

.why_choose_us__item {
    display: flex;
    padding: 2.5rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    height: fit-content;
    gap: 1.875rem;
    border-radius: 1.25rem 1.25rem 0px 0px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.why_choose_us__item .name{
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.why_choose_us__item .text{
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (width <= 1024px) {
    .why_choose_us__item {
        padding: 1.25rem;
        gap: 0.875rem;
    }
    .why_choose_us__item .name{
        font-size: 1.125rem;
    }
    section.why_choose_us {
        border-radius: 1.25rem;
        background: var(--color-primary_1);
        padding: 3.125rem 2.5rem 0px 2.5rem;
       
    }
}

@media (width <= 600px) {
    .why_choose_us__body {
        display: flex;
        flex-direction: column;
    }

    section.why_choose_us {
        border-radius: 1.25rem;
        background: var(--color-primary_1);
        padding: 3.125rem 1.875rem 2.5rem 1.875rem;
       
    }
}
/* /why_choose_us_block */

/* main_banner */
section.main_banner {
    position: relative;
    padding: 3.125rem 4.3125rem 2.875rem 3.1875rem;
    border-radius: 1.25rem;
    overflow: hidden;
}

section.main_banner > img{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.main_banner__body {
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.main_banner__content {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}

.main_banner__content > h1{
    color: var(--color-primary_font-color_4);
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.main_banner__content > .under_headline{
    color: var(--color-primary_font-color_4);
    font-family: Manrope;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.main_banner__content > .description{
    color: var(--color-primary_font-color_4);
    font-style: normal;
    font-weight: 500;
    line-height: 130%; 
}

section.main_banner::before{
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
background: linear-gradient(269deg, rgba(255, 255, 255, 0.00) 24.9%, rgba(255, 255, 255, 0.80) 46%);
}

.main_under_banner__form{
    display: none;
}

@media (width <= 1024px) {
    .main_under_banner__form{
        display: block;
    }
    
    .main_banner__form{
        display: none;
    }

    .main_banner__content {
        width: 100%;
    }

    section.main_banner {
        padding: 4.375rem 2.5rem;
    }

    .main_banner__content > h1{
        font-size: 2.375rem;
        width: 70%;
    }
    
    .main_banner__content > .under_headline{
        font-size: 1.25rem;
        width: 80%;
    }
    section.main_banner > img {
        width: 200%;
        height: 300%;
    }
}

@media (width <= 600px) {
    section.main_banner {
        padding: 4.375rem 1.25rem;
    }

    .main_banner__content > h1 {
        font-size: 1.5rem;
        width: 100%;
    }

    .main_banner__content > .under_headline {
        font-size: 1rem;
        width: 100%;
    }
    section.main_banner > img {
        width: 250%;
        height: 150%;
    }
}

/* /main_banner */

/* record_akr_form */
section.record_akr_form {
    border-radius: 1.25rem;
    background: var(--color-primary_1);
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 3.125rem 0rem;
}

@media (width <= 768px) {
    section.record_akr_form {
        padding: 2.5rem 3.875rem;
    }
}

@media (width <= 600px) {
    section.record_akr_form {
        padding: 2.5rem 1.875rem;
    }
}


/* /record_akr_form */


/* services */

.service .preview .preview_block .preview__content{
display: flex;
max-width: 51.375rem;
flex-direction: column;
align-items: flex-start;
gap: 1.875rem;
z-index: 10;
}
.service .preview .preview_block .preview__content > *{
    z-index: 10; 
}

.service .preview .preview_block .preview__content > h1{
    font-size: 3.125rem;
}

.service .preview .preview_block{
    padding: 7.875rem 0rem 7.875rem 4.3125rem;
}

.service .preview  .preview_block::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(269deg, rgba(255, 255, 255, 0.00) 23.18%, rgba(255, 255, 255, 0.90) 89.22%);
}

.service .preview{
    margin-bottom: 5rem;
}

@media (width <= 769px) {
    .service .preview .preview_block{
        padding: 4.4375rem 0rem 4.4375rem 3.125rem;
    } 

    .service .preview .preview_block .preview__content{
        gap: 1.25rem;
    }
    .service .preview .preview_block .preview__content > h1{
        font-size: 1.875rem;
    }

    .service .preview .preview_block .preview__content{
        max-width: 34.5625rem;
    }
    .service .preview{
        margin-bottom: 1.75rem;
    }
}

@media (width <= 600px) {
    .service .preview .preview_block .preview__content > h1{
        font-size: 1.5rem;
    }  
    
.service .preview{
    margin-bottom: 0rem;
}

.service .preview .preview_block {
    padding: 2.5rem 1.875rem 2.5rem 1.875rem;
}

.service .preview .preview_block .preview__content{
    max-width: 100%;
    width: 100%;
}

.service .preview .preview_block::before {
    background: linear-gradient(269deg, rgba(255, 255, 255, 0.00) 17.18%, rgba(255, 255, 255, 0.90) 55.22%);
}
}
/* /services */