* {
    outline: none;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    background: none;
    box-sizing: border-box;
    list-style: none;
    line-height: normal;
    font-style: normal;
}

body {
    line-height: normal;
    font-style: normal;
    background-color: #F5F5F6;
    color: #313131;
    font-family: Onest, sans-serif;
}

a {
    text-decoration: none;
    color: #000000;
}
details summary{
    cursor: pointer;
}

.page-background {
    background: #F8F8F8;
    width: 100%;
    height: 100%;
}

.width-holder {
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    padding: 0 100px;
}
.about-address-content-single{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    border-radius: 20px;
    background: #FFFFFF;
}
.about-address-content-single span{
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
}
button {
    cursor: pointer;
}

header {
    font-family: 'Onest';
}

.btn {
    font-family: 'Onest';
    display: flex;
    justify-content: center;
    border-radius: 20px;
    background: #FACD3C;
    color: #000000;
    padding: 17px 29px;
    width: 100%;
    max-width: 267px;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
}

.btn:hover {
    background: #FCC512;
    cursor: pointer;
}

.gray-btn {
    font-family: 'Onest';
    font-size: 20px;
    font-weight: 400;
    border-radius: 20px;
    border: 1px solid #C5C6CB;
    background: #FFFFFF;
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    color: #9E9EA2;
}

.gray-btn-hover:hover {
    background: #FCC512;
    color: #313131;
    border-color: #313131;
    cursor: pointer;
}

.page-title {
    font-family: 'Benzin';
    color: #313131;
    font-size: 48px;
    font-weight: 400;
    line-height: 118%;
}

.page-title span {
    color: #FACD3C;
}

.breadcrumbs {
    margin-top: 30px;
    font-family: 'Onest';
}

.breadcrumbs-list,
.breadcrumbs-list li {
    display: flex;
    gap: 8px;
    font-size: 20px;
    font-weight: 400;
}

.breadcrumbs-list li:last-child {
    color: #9E9EA2;
}

.header-menu {
    display: flex;
    justify-content: space-between;
}

.page-top {
    margin-top: 60px;
}


/*header*/
.header {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 75px;
}

.menu {
    font-family: 'Onest';
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 854px;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 54px;
}

.logo {
    display: flex;
    height: 100%;
    width: 100%;
    max-height: 70px;
    max-width: 95px;
}

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

.menu .nav ul {
    display: flex;
    align-items: center;
    gap: 34px;
    font-size: 20px;
    font-weight: 400;
}
.mobile-menu-btn{
    display: none;
}
.header .menu .nav li{
    border-bottom: 1px solid transparent;
}
.header .menu .nav li:hover{
    border-bottom: 1px solid #313131;
}
.home-page-top .header .menu .nav li:hover{
    border-bottom: 1px solid #FFFFFF;
}


.header-contacts {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.header-contacts a {
    font-size: 28px;
    font-weight: 400;
    white-space: nowrap;
}

.header-contacts span {
    color: rgba(0, 0, 0, 0.47);
    font-size: 20px;
    font-weight: 400;
}





.mobile-menu-top{
    display: flex;
    gap: 20px;
}
.dropdown__wrapper{
    position: relative;
}
.menu .nav  .dropdown__list{
    position: absolute;
    display: none;
    width: 300px;
    padding: 12px;
    flex-direction: column;
    border-radius: 20px;
    background: #FFFFFF;
    gap: 0;
    left: -20px;
    z-index: 2;
}
.menu .nav  .dropdown__list .go-to-details{
    border-bottom: none;
    justify-content: space-between;
    align-items: center;
}
.menu .nav  .dropdown__list li{
    width: 100%;
}
.menu nav .dropdown__list a{
    padding: 12px 10px;
    display: flex;
    justify-content: start;
}
.home-page-top .menu nav .dropdown__list a{
    color: #000000;
}
.home-page-top .menu nav svg path{
    stroke: white;
}
.dropdown__icon{
    transform: scale(1, 1);
    transition: transform 100ms;
}
.dropdown-icon__wrapper{
    display: flex;
    align-items: center;
    gap: 12px;
}


@media (hover: hover) {
    .dropdown__wrapper:hover .dropdown__list{
        display: flex;
    }
    .dropdown__wrapper li:hover {
        border-color: transparent !important;
    }
    .dropdown__wrapper:hover .dropdown__icon{
        transform: scale(1, -1);
    }
}





/*END header*/
/*footer*/

.footer {
    margin-top: 150px;
    border-radius: 20px;
    background: #FFFFFF;
    padding: 40px;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*gap: 180px;*/
    display: grid;
    gap: 78px 40px;
    grid-template-areas:
        'footerMenu  footerCallButtons'
        'leftAddress rightAddress';
}


.footer .menu {
    grid-area: footerMenu;
}

footer .menu .nav ul {
    gap: 26px;
}

.footer-call-buttons {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
    grid-area: footerCallButtons;
}
.right-address a:hover{
    text-decoration: underline;
}
.soc-btn {
    gap: 16px;
}

.soc-btn:hover {
    color: #313131;
    border: 1px solid #313131;
}

.soc-btn:hover svg path {
    fill: #24CD61;
}



.footer address {
    display: flex;
    flex-direction: column;
}

.footer .left-address {
    gap: 12px;
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    grid-area: leftAddress;
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: space-between;
}
.left-address-col{
    max-width: 351px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
}
.left-address-col .soc-btn{
    max-width: 185px;
}
.left-address-col .about-address-phone{
    color: #9E9EA2;
}
.footer .right-address {
    gap: 10px;
    font-family: Benzin;
    align-items: end;
    grid-area: rightAddress;
    justify-content: end;
}
.left-address-col .title{
    color:  #313131;
}
.right-address a {
    font-size: 40px;
    font-weight: 400;
    line-height: 128%
}

.footer-email {
    color: #9E9EA2;
}

.under-footer {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.under-footer,
.under-footer a {
    color: #C5C6CB;
    font-family: Onest;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
}

.under-footer a {
    text-decoration-line: underline;
}
.under-footer-left{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.under-footer-nav{
    width: 100%;
    max-width:250px;
}
.footer_developer{
    text-decoration: none;
    text-decoration-line: none !important;
    display: grid;
    grid-template-columns: 100%;
}


/*END footer*/

/*error page*/
.error-page-top {
    display: flex;
    flex-direction: column;
    gap: 22px;
    grid-area: top;
}
.error-page-image {
    width: 100%;
    max-width: 676px;
    grid-area: img;
}
.to-home-page{
    grid-area: toHome;
    margin-top: 22px;
}

.error-page-content {
    display: grid;
    grid-template-areas:
        'top img'
        'toHome img'
        'null   img';
}




.error-page-image img {
    width: 100%;
}

.error-footer .footer {
    margin-top: 36px;
}

/*END error page*/

/*contacts page*/
.addresses {
    margin-top: 30px;
    display: flex;
    gap: 20px;
}

.addresses-item {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.addresses-item-image {
    width: 100%;
    max-width: 840px;
}

.addresses-item-image img {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.contacts-list {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    border-radius: 20px;
    background: #FFFFFF;
    width: 100%;
    height: calc(100% - 33px);
}

.addresses,
.contacts-list a {
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;;
    font-weight: 400;
}

.addresses-item address {
    flex-grow: 1;
}

.map {
    margin-top: 150px;
    position: relative;
}

.map-iframe {
    margin-top: 30px;
    width: 100%;
    height: 538px;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 400;
}

.get-route {
    font-family: Onest;
    position: absolute;
    right: 20px;
    bottom: 18px;
    display: inline-flex;
    padding: 20px;
    border-radius: 20px;
    background: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
}

.requisites {
    margin-top: 113px;
    font-family: Onest;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
}

.requisites-list {
    font-size: 20px;
    font-weight: 400;
    border-radius: 20px;
    background: #FFFFFF;
    padding: 20px;
    display: grid;
    grid-template-columns: 4fr 2fr;
    gap: 30px;
}

.requisites-name {
    color: #9E9EA2;
}

.requisites-list li {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.requisites-content {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 410px;
    gap: 20px;
}

.grt-requisites {
    border-radius: 20px;
    background: #FFFFFF;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.grt-requisites:hover svg path {
    fill: #313131;
}

.grt-requisites-description {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 20px;
    font-weight: 400;
    height: 100%;
}

.grt-requisites-description span {
    color: #9E9EA2;
}

.contacts-footer .footer {
    margin-top: 110px;
}

/*END contacts page*/


/*vacancies page*/
.about-company-section {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.about-company-section__top {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}

.about-company-section__bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.about-company-section__description {
    color: #9E9EA2;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
}

.page-section {
    margin-top: 150px;
}

.about-company-section__top .page-title {
    line-height: 100%;
}

.about-company__item {
    border-radius: 20px;
    background: #FFFFFF;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    gap: 83px;
}

.page-middle-title {
    font-family: Benzin;
    font-size: 27px;
    font-weight: 400;
    line-height: 128%
}

.about-company__item p {
    color: #9E9EA2;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
}

.team-image {
    /*max-height: 573px;*/
    position: relative;
    display: flex;
}

.team-image img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    object-position: center;
}


.team-section__content {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 4fr 2fr;
    gap: 20px;
}

.team-section__description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.team-section__description-item {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    background: #FFFFFF;
}
.mobile-menu-phone-wrapper{
    display: none;
}
.btn.mobile-btn{
    display: none;
}
.team-section__logo{
    display: flex;
    justify-content: center;
    width: 100%;
}
.team-section__logo img{
    width: 100%;
    max-width: 327px;
}

.team-section__description-item .title {
    color: #313131;
    font-family: Benzin;
    font-size: 27px;
    font-weight: 400;
    line-height: 128%;
}

.team-section__description-item p {
    color: #9E9EA2;
    font-family: Onest;
    /*font-size: 26px;*/
    font-size: calc(16px + 10 * (100vw / 1920));
    font-weight: 400;
}

.vacancies-page-content {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 4fr 2fr;
    gap: 20px;
}

.send-resume {
    font-family: Onest;
    display: inline-flex;
    padding: 20px;
    flex-direction: column;
    gap: 111px;
    border-radius: 20px;
    background: #FFFFFF;
    height: fit-content;
}

.send-resume-top {
    font-size: 26px;
    font-weight: 400;
    max-width: 370px;
}

.send-resume-bottom {
    display: flex;
    align-items: center;
    gap: 50px;
}

.send-resume-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 20px;
    font-weight: 400;
}

.send-resume-item span {
    color: #9E9EA2;
}

.vacancies-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vacancies-item {
    font-family: Onest;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #FFFFFF;
    padding: 20px;
    border-radius: 20px;
}

.vacancies-prise {
    font-size: 26px;
    font-weight: 400;
}

.vacancies-default-description {
    color: #9E9EA2;
    font-size: 20px;
    font-weight: 400;
}

.vacancies-additional-description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 20px;
    font-weight: 400;
    flex-direction: column;
    gap: 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms;
}

.vacancies-additional-description-row {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.vacancies-additional-description-row span {
    font-size: 20px;
    font-weight: 400;
}

.vacancies-additional-description-row ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #9E9EA2;
}

.vacancies-additional-description__bottom {
    display: flex;
    gap: 20px;

}

.vacancies-additional-description__bottom button {
    width: 100%;
    max-width: 267px;
}

.send-btn {
    display: none;
}

.btn-text-2 {
    display: none;
}

.active-block .btn-text-1 {
    display: none;
}

.active-block .btn-text-2 {
    display: block;
}

.vacancies-item.active-block .send-btn {
    display: block;
}

/*END vacancies page*/

/*information page*/

.information-section-content {
    margin-top: 30px;
    display: flex;
    gap: 20px;
}

.information-item {
    border-radius: 20px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 100%;
    max-width: 552px;
}

.payment-information .information-item {
    gap: 103px;
    justify-content: space-between;
}

.payment-information .information-item-bottom__description {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.information-item-bottom__description p {
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
}

.information-item__icon {
    display: flex;
    justify-content: end;
}
.information-section-description {
    margin-top: 40px;
    width: 100%;
    max-width: 1122px;
    color: #9E9EA2;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
}

.information-item-bottom {
    display: flex;
    align-items: end;
    color: #9E9EA2;
    font-family: Onest;
}

.information-item-bottom-icon {
    transform: scale(1, -1);
    width: 22px;
    transition: transform 300ms;
}

.information-item.active .information-item-bottom-icon {
    transform: scale(1, 1);
}

.information-item-bottom-icon:before {
    content: url("/assets/static/arrow-top.v31339978267a67a583f5.svg");
    transform: scale(1, 1);
    transition: transform 300ms;
}
.information-item:hover .information-item-bottom-icon:before{
    content: url("/assets/static/arrow-top-black.v311949720a3da45b5e15.svg");
}
.active-block .information-item-bottom-icon{
    transform:scale(-1, 1);
}
.information-item-bottom__description {
    width: 100%;
}

.guarantee-information .information-item-bottom {
    margin-top: 125px;
    gap: 41px;
}

.guarantee-information .information-item-bottom__description {
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: gap 300ms;
}

.guarantee-information .active-block .information-item-bottom__description {
    gap: 20px;
}

.__description-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms;
}

.guarantee-information .information-item {
    height: fit-content;
}

.__description-text {
    font-size: 20px;
    font-weight: 400;
}

.__description-title {
    font-size: 26px;
    font-weight: 400;
    cursor: pointer;
}
.information-item:hover .__description-title{
    color: #313131;
}
.information-item-bottom.active-block .__description-title {
    color: #313131;
}

/*END information page*/

/*about page*/
.to-vacancies-btn {
    display: flex;
    gap: 50px;
    align-items: center;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 16px 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(3px);
    color: #FFFFFF;
    font-family: Benzin;
    font-size: 27px;
    font-weight: 400;
    line-height: 130%;
}

.to-vacancies-btn:hover svg path {
    stroke-opacity: 1;
}


.consultation-section {
    border-radius: 20px;
    background: #9E9EA2;
    padding: 30px;
}

.car-image-wrapper {
    width: 100%;
    max-width: 760px;

}

.car-image {
    border-radius: 12px;
    height: 100%;
    width: 100%;
    grid-area: img;
    object-fit: cover;
}
.consultation-content-top{
    grid-area: contentTop;
}
.consultation-btn{
    grid-area: consultationBtn;
    max-width: 267px;
    color: #313131;
}
.consultation-btn:hover{
    border-color: transparent;
}
.consultation {
    /*display: flex;*/
    gap: 139px 30px;
    display: grid;
    grid-template-columns: 700px 1fr;

    grid-template-areas:
        'img  contentTop'
        'img  consultationBtn';
}

.consultation-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.consultation-content-top .page-title {
    color: #FFFFFF;
}

.consultation-subtitle {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.60);
    font-family: Benzin;
    font-size: 27px;
    font-weight: 400;
    line-height: 130%;
}

.consultation-content .gray-btn {
    max-width: 267px;
    color: #313131;
}

.consultation-content .gray-btn-hover:hover {
    border-color: #FCC512;
    color: #313131;
}

.certificates-wrapper {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

.certificates-item {
    border-radius: 20px;
    background: #FFFFFF;
    display: flex;
    padding: 20px;
    gap: 20px;
    width: 100%;
    max-width: 553px;
}
.certificates-item a{
    cursor: zoom-in;
    display: flex;
    width: 149px;
}
.certificates-item a img{
    width: 100%;
    height: fit-content;
}
.certificates-item-content {
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    /*gap: 20px;*/
    justify-content: space-between;
    width: 100%;
    /*max-width: 290px;*/
    height: fit-content;

}
.certificates-item-content-top .page-middle-title {
    color: #313131;
}
.certificates-item-content-top .page-middle-title{
    font-size: 20px;
}
.certificates-item-content.limitation .certificates-item-content-top{
    max-height: 155px;
    overflow: hidden;
    transition: max-height 300ms;
}
.certificates-item-content-top {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.certificates-item .certificates-item-image{
    max-width: 192px;
    max-height: 279px;
}
.partners-item {
    border-radius: 20px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 300px;
}
.partners-logo img{
    width: 100%;
/*    opacity: 0;
    transition: opacity 200ms;*/
}
.partners-logo.show img{
    opacity: 1;
}
.partners-item.logo1 {
    grid-area: logo1;
}

.partners-item.logo2 {
    grid-area: logo2;
}

.partners-item.logo3 {
    grid-area: logo3;
    height: 620px;
}

.partners-item.logo4 {
    grid-area: logo4;
}

.partners-item.logo5 {
    grid-area: logo5;
}

.partners-wrapper {
    margin-top: 30px;
    display: grid;
    gap: 20px;
    grid-template-areas:
        'logo1 logo1 logo1 logo1  logo2 logo2 logo2 logo2 logo2 logo3 logo3 logo3'
        'logo4 logo4 logo4 logo4 logo4 logo5 logo5 logo5 logo5 logo3 logo3 logo3';
}

/*.about-address {
    width: 100%;
    max-width: 553px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}*/
.about-address-item1{
    grid-area: item1;
}
.about-address-item2{
    grid-area: item2;
}
.about-address-item3{
    grid-area: item3;
}
.itemMap{
    grid-area: itemMap;
}
.about-contacts__content {
    /*display: flex;*/
    margin-top: 30px;
    display: grid;
    grid-template-columns: 553px 1fr;
    gap:20px;
    grid-template-areas:
        'item1 itemMap'
        'item2 itemMap'
        'item3 itemMap';
}

.about-address-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
}

.about-address-content .about-address-phone {
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
}

.about-address-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    background: #FFFFFF;

}
.about-address-content .title{
    color:  #313131;
}
.about-address-item .soc-btn{
    max-width: 185px;
    padding: 14px 20px;
}




.about-address-duble-content .about-address-content {
    gap: 2px;
}

.about-address-duble-content .about-address-phone {
    color: #313131;
    font-size: 28px;
    font-weight: 400;
}

.about-address-duble-content .about-address-content .soc-btn {
    flex-direction: column;
    border: none;
    padding: 0;
    gap: 10px;
}

.about-contacts__map {
    width: 100%;
    position: relative;
}

.about-contacts__map iframe {
    border-radius: 20px;
    width: 100%;
    height: 100%;
}

.about-contacts__map .get-route {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
}


/*END about page*/

/*services*/
.services-section {
    margin-top: 30px;
}

.services-tube-btn-wrapper {
    display: flex;
    gap: 13px;

}

.services-tube-btn {
    border-radius: 16px;
    border: 1px solid #9E9EA2;
    display: flex;
    padding: 8px 16px;
    align-items: center;
    cursor: pointer;
    font-family: Onest;
    color: #9E9EA2;
    font-size: 20px;
    font-weight: 400;
}
.services-tube-btn:hover{
    color: #000000;
    border: 1px solid #313131;

}
.services-tube-btn:hover label{
    cursor: pointer;
}
.services-tube-btn.active {
    color: #000000;
    border: 1px solid #313131;
}


.services-tube-btn:has(input:checked) {
    color: #000000;
    border: 1px solid #313131;
}


.services-tube-content {
    margin-top: 30px;
}

.services-content-item {
    display: flex;
    flex-direction: column;
    gap: 60px;
}


.services-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px
}


.services-image-wrapper {
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    max-height: 275px;
}

.services-image {
    border-radius: 20px;
    height: 100%;
    width: 100%;
}

.price-from,
.duration-data {
    position: absolute;
    bottom: 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(3px);
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 12px 20px;
}

.price-from {
    left: 20px;
}

.duration-data {
    right: 20px;
}

.services-item {
    font-family: Onest;
    display: flex;
    flex-direction: column;
}

.services-description {
    position: absolute;
    top: -126%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #9E9EA2;
    border-radius: 20px;
    padding: 30px 20px 70px;
    color: #FFFFFF;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    transition: top 300ms;
    z-index: 1;
}

.services-item:hover .services-description {
    top: 0;
}

.services-description ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 20px;
    max-height: 175px;
    overflow: auto;
}

.services-description ul {
    scrollbar-color: #656568 #9E9EA2;
    scrollbar-width: thin;
    border-radius: 10px;
}


.services-description ul li {
    list-style: disc;
}

.services-item-content {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    background: #FFFFFF;
    height: auto;
    flex-grow: 1;
    justify-content: space-between;
}

.services-item-icon:after {
    content: url("/assets/static/arow-45.v67814b3857d3b787d364.svg");
    display: flex;
    transform: rotate(0deg);
    transition: all 300ms;
}

.services-item-bottom {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.services-item-bottom .go-to {
    width: 100%;
    padding: 12px 10px;
    font-size: 20px;
    font-weight: 400;
    display: flex;
}

.go-to-price {
    max-width: 160px;
    justify-content: center;
    color: #9E9EA2;
    border-bottom: 1px solid #9E9EA2;
}

.go-to-price:hover {
    border-color: #313131;
    color: #313131;
}

.go-to-details {
    justify-content: space-between;
    border-bottom: 1px solid #313131;
    gap: 20px;
}

.go-to-details:hover {
    border-color: #9E9EA2;
}

.go-to-details:hover:after {
    transform: rotate(45deg);
}

.services-item-title {
    font-size: 26px;
    font-weight: 400;
}

.left-right-icon:before {
    content: url("/assets/static/arow-left-right.v11bb82ee655d02ec19ed.svg");
    height: 22px;
}

.left-right-icon:hover:before {
    content: url("/assets/static/arow-left-right-black.ve2e49cbaac4f552eaadb.svg");
}

.pagination-item.to-right {
    transform: scale(-1, 1);
}

.pagination-item {
    border-radius: 12px;
    border: 1px solid #9E9EA2;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9E9EA2;
}

.pagination-item.active {
    color: #313131;
    border-color: #313131;
}

.pagination-item:hover {
    color: #313131;
    border-color: #313131;
}

.pagination-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

.pagination,
.pagination-item-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
}
.seo-block .seo-text{
    position: relative;
}
.seo-block .seo-text:after {
    content: "";
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(245, 245, 246, 1));
}
.active-block  .seo-text:after{
    background:none;
    height: 0;
}
.seo-btn {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
}

.seo-btn-icon {
    display: flex;
    align-items: center;
    height: 100%;
}

.seo-btn-icon:after {
    content: url("/assets/static/seo-arow.va9b6f95fe8f35c10dd0f.svg");
    display: flex;
    align-items: center;
    padding-bottom: 6px;
    height: 6px;
    transform:scale(1, 1);
    transition: transform 300ms;
}
.active-block .seo-btn-icon:after{
    transform:scale(1, -1);
}
.seo-text {
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    max-width: 936px;
    max-height: 112px;
    transition: max-height 300ms;
    overflow: hidden;
}

.seo-btn .text2 {
    display: none;
}
.active-block .seo-btn .text1{
    display: none;
}
.active-block .seo-btn .text2{
    display: block;
}
.footer.min-margin {
    margin-top: 40px;
}

/*END services*/

.service-section .page-middle-title {
    max-width: 490px;
}

.service-section-content {
    display: flex;
    gap: 20px;
}

.consultation-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    padding-top: 20px;
    width: 100%;
    max-width: 267px;
}

.consultation-item .page-middle-title {
    color: #9E9EA2;
}

.service-section-item {
    width: 100%;
    height: 100%;
}

.service-section-item:nth-child(1) {
    max-width: 553px;
}

.service-section-item:nth-child(n+2) {
    max-width: 410px;
}
.data-slider-animate-item{
    display: flex;
    gap: 20px;
}
.service-slider-section {
    margin-top: 124px;
}

.service-slider-section-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.slider-control {
    display: flex;
}

.slider-btn-icon:before {
    content: url("/assets/static/slider-btn-row.v971d1c90bca2537d2673.svg");
}

.slider-btn-icon:hover:before {
    content: url("/assets/static/slider-btn-row-black.vf6a88a40a92917242f4c.svg");
}
.slider-control-btn.left {
    transform: scale(-1, 1);
}

.slider-control {
    display: flex;
    gap: 10px;
}

.slider-control-btn {
    display: flex;
    width: 30px;
    height: 58px;
    padding: 18px 11px 18px 7px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: #FFFFFF;
    backdrop-filter: blur(4px);
    cursor: pointer;
}

.service-slider-wrapper {
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}

.reviews-slider-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.reviews-slider-top {
    display: flex;
    gap: 40px;
    position: relative;
}

.go-to-yandex-service {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    border-radius: 20px;
    background: #FFFFFF;
    padding: 16px 20px;
}
.go-to-yandex-service.mobile{
    display: none;
}

.yandex-icon {
    fill: #C5C6CB;
}
.go-to-yandex-service:hover .yandex-icon{
    fill: #FF4433;
}
.go-to-yandex-service:hover .yandex-icon {
    display: block;
}
.go-to-yandex-service:hover  .yandex-icon-dot{
    fill: #83150e;
}

.go-to-yandex-service:hover .yandex-icon-text {
    fill: black;
}

.go-to-yandex-service:hover .yandex-icon-arrow {
    stroke: black;
}

.go-to-yandex-service-left {
    display: flex;
    gap: 10px;
    color: #9E9EA2;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
    line-height: 120%
}

.go-to-yandex-service-left .text {
    display: none;
}

.go-to-yandex-service:hover .go-to-yandex-service-left .text {
    display: block;
}

.reviews-slider-wrapper {
    font-family: Onest;
    width: 100%;
    overflow: hidden;
}

.reviews-item {
    border-radius: 20px;
    background: #FFFFFF;
    padding: 20px;
    /*max-width: 553px;*/
    color: #9E9EA2;
    height: fit-content !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.reviews-creator {
    display: flex;
    flex-direction: column;
    font-size: 26px;
    font-weight: 400;
}

.reviews-creator span {
    color: #313131;
}

.reviews-item-top {
    display: flex;
    gap: 20px;
}

.reviews-item-top img {
    height: 100%;
    width: 100%;
    max-width: 100px;
    max-height: 100px;
    border-radius: 12px;
    object-fit: cover;
}

.reviews-content-top {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.reviews-slider-content {
    display: flex;
    gap: 21px;
}

.reviews-item button {
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    text-decoration-line: underline;
    text-align: start;
}
.reviews-item .read-more-btn{
    display: none;
}
.reviews-item.limitation .read-more-btn{
    display: block;
}
.reviews-item-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 446px;
    overflow: hidden;
    transition: max-height 300ms;
    font-size: 20px;
    font-weight: 400;
    position: relative;
}
.limitation .reviews-item-content:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.limitation.active-block .reviews-item-content:after{
    display: none;
}

.gallery-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    overflow: hidden;
    max-height: 230px;
}
.gallery-item-all-image{
    height: 100%;
    width: 100%;
}
.gallery-section-content .gallery-item:nth-child(5) .gallery-item-all-image{
    height: auto;
}
.gallery-item-all-image img{
    object-fit: cover;
    height: 100%;
}


.gallery-video .plyr__control.plyr__control--overlaid{
    backdrop-filter: blur(10px);
    height: 154px;
    width: 154px;
    border: none;
}
.gallery-video .plyr__control:hover{
    background:none !important;
    backdrop-filter: blur(20px);
}
.plyr__control.plyr__control--overlaid svg{
    height: 36px;
    width: 43px;
    transition: all 200ms;
}

.plyr__control.plyr__control--overlaid:hover svg{
    height: 38px;
    width: 46px;
}


.video-section-content .plyr{
    display: contents;
}
.gallery-section{
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.gallery-section-content{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
}


.gallery-item-all-image .filter{
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}



.gallery-section-content img {
    width: 100%;
    border-radius: 20px;
}

.gallery-number-item {
    position: absolute;
    color: #FFFFFF;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
}

.gallery-video {
    grid-row: span 2;
    grid-column: span 2;
}

.gallery-item .filter img {
    filter: blur(7px);
}
.gallery-section-content .gallery-item:nth-child(n+6){
    display: none;
}
.service-page-top img {
    width: 100%;
    object-fit: cover;
}
.service-page-top-image-mb{
    display: none;
}

.service-page-top .page-title {
    max-width: 1400px;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px;
}

.service-page-top {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 34px;
    display: flex;
    max-height: 750px;
    /*gap: 296px;*/
    /*flex-direction: column;*/
    /*background-image: url("/assets/static/service-page-top-image.vc845e45d39a20893b70a.png");*/
}
.service-page-top::before,
.services-image-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.service-page-top-bottom {
    position: absolute;
    padding: 60px;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 40px;
    align-items: end;
}

.our-offer {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 16px;
    color: #FFFFFF;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
}

.our-offer-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.our-offer-row span {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.20);
    padding: 17px 20px;
    backdrop-filter: blur(2px);
}

.our-offer-row:after {
    content: url("/assets/static/Tick-Square.v5c017c84b9e3c619711d.svg");
    height: 60px;
    backdrop-filter: blur(2px);
}

.service-page-top-bottom .btn {
    max-width: 341px;
}

.services-price-section {
    display: flex;
    padding: 40px;
    flex-direction: column;
    gap: 60px;
    border-radius: 20px;
    background: #FFFFFF;
    font-family: Onest;
}

.services-price-pens {
    display: flex;
    gap: 13px;
}

.services-price-pen {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 374px;
    border-radius: 16px;
    border: 1px solid #9E9EA2;
    color: #9E9EA2;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}

.services-price-pen.active {
    border-radius: 16px;
    background: #9E9EA2;
    color: #FFFFFF;
}

.services-price-content {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.services-price-content-top{
    display: flex;
    flex-direction: column;
    gap: 22px;
}
/*.class-icon:after {
    content: url("/assets/static/class-icon.vd88c010ef17caa9d8280.svg");
    height: 22px;
}*/

/*END services page*/


/*home page*/
.price-table {
    font-family: Onest;
    /*width: calc(100% + 40px);*/
    /*margin-left: -20px;*/
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.price-table thead {
    color: #9E9EA2;
    font-size: 20px;
    font-weight: 400;
}

.price-table tbody {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 400;
}

.price-table td {
    display: flex;
    align-items: center;
    gap: 8px;
}

.price-table .first-level-row {
    /*display: flex;*/
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    justify-content: space-between;
    padding: 14px 20px;
    transition: padding 300ms;
}
.price-table .first-level-row.active-block{
    padding: 18px 20px 35px;
}
.price-table .tr > td:first-child {
    width: 100%;
    max-width: 700px;
    padding: 14px 20px 14px 0;
}

.m-box {
    width: 100%;
    max-width: 170px;
    text-align: center;
    justify-content: center;
    padding: 0 10px;
}
.class-info-wrapper,
.price-classes{
    position: relative;
}
.class-info{
    display: none;
    position: absolute;
    left: 80%;
    bottom: 100%;
    border-radius: 12px;
    background:  #FFFFFF;
    box-shadow: 0 0 1px 0 rgba(64, 64, 64, 0.04), 0 1px 4px 0 rgba(113, 113, 113, 0.12);
    color: #9E9EA2;
    font-family: Onest;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    min-width: 213px;
    max-width: 250px;
    padding: 12px;
    text-align: left;
}
.class-icon:hover .class-info{
    display: block;
}
.button-box{
    width: 100%;
    max-width: 192px;
    padding: 0 15px;
}
.button-box-empty{
    min-width: 200px;
}
.first-box{
    margin-left: 50px;
}
.btn-m{
    border-radius: 16px;
    font-size: 20px;
    font-weight: 400;
    padding: 8px 16px;
    width: 100%;
}

.gray-btn-m{
    border: 1px solid #9E9EA2;
    color:  #9E9EA2;
    display: flex;
    align-items: center;
    gap: 8px;
}
.gray-btn-m:hover{
    color:  #313131;
}
.gray-btn-m:hover svg path{
    stroke: #313131;
}
.gray-btn-m-border{
    border: 1px solid #313131;
    color: #000000;
}
.gray-btn-m-border:hover{
    background: #FACD3C;
    border-color: #FACD3C;
}
.first-row{
    display: grid;
}
.inner-table{
    grid-row-start: 2;
}
.price-table td:last-child{
    grid-column-start: 1;
    grid-column-end: 7;
}
.second-level-row{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 30px 72px 10px 72px;
}
.second-level-table{
    width: 100%;
    display: none;
}
.rating-block{
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 300ms;
}
.active-block .rating-block{
    margin-top: 30px;
}
.first-level-row .second-level-table{
    display: grid;
}

.rating-wrappers{
    display: flex;
    gap: 8px;
    width: 100%;
}
.rating-item{
    display: flex;
    height: 50px;
    width: 10px;
    border-radius: 49px;
    background: #D9D9D9;
}
.rating-item.active{
    background:  #FACD3C;
}
.second-level-row td{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    max-width: 172px;
}
.second-level-row .rating-description{
    color: #9E9EA2;
    text-align: center;
    font-size: 20px;
    font-weight: 400;;
}
.first-level-row:hover{
    background:  #F5F5F6;
    border-radius: 10px;
}
.first-level-row.active-block{
    background:  #F5F5F6;
    border-radius: 10px;
}
.first-level-tbody{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/*services page*/
.home-services-section,
.section-content{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.video-section-content{
    position: relative;
    max-height: 800px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-section-content img{
    width: 100%;

}
.video-section-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    color: #F5F5F6;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 40px 40px 40px;
}
.image-1{
    grid-area: img1;
}
.image-2{
    grid-area: img2;
}
.image-3{
    grid-area: img3;
}
.image-4{
    grid-area: img4;
}
.image-5{
    grid-area: img5;
}
.image-6{
    grid-area: img6;
}
.clients-cars-content{
    display: grid;
    gap: 21px 20px;
    grid-template-areas:
        'img1 img1 img1 img2 img2 img2 img3 img3 img3'
        'img4 img4 img5 img5 img5 img5 img5 img6 img6';
}

.clients-cars-image{
    max-height: 340px;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.clients-cars-image:nth-child(n+7){
    display: none;
}
.clients-cars-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.clients-cars-image .filter{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.clients-cars-image .filter img {
    filter: blur(7px);
}
.discount-protection{
    display: flex;
    gap: 20px;
    font-family: Onest;
}
.discount-protection-content{
    border-radius: 20px;
    background: #FFFFFF;
    padding: 20px;
    /*height: 380px;*/
    /*display: flex;*/
    justify-content: space-between;
    width: 100%;
    max-width: 1413px;
    display: grid;
    grid-column-gap: 87px;
    grid-template-areas:
        'title image'
        'bottom image';
}
.discount-protection-description-bottom{
    color:  #9E9EA2;
    font-size: 26px;
    font-weight: 400;
    width: 100%;
    grid-area: bottom;
    max-width: 413px;
    display: flex;
    align-items: end;

}
.discount-protection-content .page-middle-title{
    width: 100%;
    max-width: 392px;
    position: relative;
    grid-area: title;
    max-width: 413px;
}
.discount-protection-image{
    width: 100%;
    max-width: 837px;
    display: flex;
    grid-area: image;
}
.discount-protection-image img {
    width: 100%;
    border-radius: 12px;
}
/*.discount-protection-description{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
}*/

.discount-percent{
    position: absolute;
    display: flex;
    transform: rotate(4.842deg);
    padding: 12px 10px;
    border-radius: 12px;
    background: #FACD3C;
    width: 100%;
    max-width: 180px;
    justify-content: center;
    align-items: center;
    top: 15px;
    left: 100%;
}
.home-page-top-content{
    margin-top: calc(126px + 100px * (100vw / 1920) );
}
.home-page-title-wrapper{
    width: 100%;
    max-width: 1050px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.home-page-title{
    color: #FFFFFF;
    font-family: Benzin;
    font-size: 85px;
    font-weight: 400;
    line-height: 106%;
}

.home-page-title span{
    color: #FACD3C;
}
.home-page-subtitle{
    color: #FFFFFF;
    font-family: Onest;
    font-size: 32px;
    font-weight: 400;
}
.home-page-top{
    background-image: url("/assets/static/home-top-image.v3e145aab5674ea66f139.png");
    background-image: image-set(url("/assets/static/home-top-image-1920.v047b0db644ccff7d0a89.webp") type("image/webp"), url("/assets/static/home-top-image.v3e145aab5674ea66f139.png") type("image/png"));
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    display:flex;
    flex-direction: column;
    align-items: center;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 140px;

}
.home-top-image{
    /*position: absolute;*/
    width: 100%;
    z-index: -1;
    height: 100%;
    display: none;
}
.home-top-catalog-wrapper{
    margin-top: 89px;
    display: flex;
    justify-content: end;
    align-items: end;
    font-size: 20px;
    font-weight: 400;
}
.home-top-catalog-wrapper a{
    color: #FFFFFF;
    font-family: Onest;
}
.home-top-catalog-container{
    width: 100%;
    max-width: 760px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}
.home-top-catalog-item{
    display: flex;
    width: 100%;
}
.home-top-catalog-nav{
    width: 100%;
    max-width: 274px;
}
.home-top-catalog-list-wrapper{
    display: flex;
    height: 58px;
    position: relative;
}
.home-top-catalog-item.top{
    justify-content: center;
}
.home-top-catalog-item.middle{
    justify-content: start;
}
.home-top-catalog-item.bottom{
    justify-content: end;
}
.home-top-catalog-list{
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap:12px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(3px);
    padding: 16px 16px 14px 16px;
}
.home-page-top .menu .nav a,
.home-page-top .header-right a{
    color: #FFFFFF;
}
.home-page-top .header-contacts span{
    color: rgba(255, 255, 255, 0.47);
}
.home-top-catalog-list li:not(:last-child){
    display: none;
}
.home-top-catalog-list:hover   li{
    display: block;
}
.home-top-catalog-list:hover a{
    color: rgba(255, 255, 255, 0.70);
}
.home-top-catalog-list a:hover{
    text-decoration: underline;
    color: #FFFFFF;
}

.home-page-top .home-page-header{
    /*position: absolute;*/
    /*top: 0;*/
}
.home-page-top .home-page-top-content{
    /*position: absolute;*/
    height: fit-content;
    margin-top: 105px;
    /*bottom: 146px;*/
}
.silver-dot{
    display: flex;
    height: 12px;
    width: 12px;
    background-color: rgba(255, 255, 255, 0.30);
    border-radius: 100px;
}




.home-top-rating{
    margin-top: 23px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(3px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 32px 20px 30px;
    color: #FFFFFF;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    width: fit-content;
}
.home-top-rating-row{
    display: flex;
    gap: 18px;
}
.rating-value{
    display: flex;
    gap: 5px;
    align-items: center;
    color: rgba(255, 255, 255, 0.70);
}
.rating-value:after{
    content: url("/assets/static/star-2.v01a2740a9e0c2ef4044f.svg");
}
.go-to-all-service{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 175px;
    border-bottom: 1px solid #313131;
    color:  #000000;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    gap: 20px;
    justify-content: space-between;
}
.section-content-top{
    display: flex;
    justify-content: space-between;
}
.go-to-all-service:hover:after{
    transform: rotate(45deg);
}
.go-to-all-service:hover{
    border-color: #9E9EA2;
}

/*END home page*/


/*popup*/

.modal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.modal-content-wrapper{
    height: 100%;
    display: flex;
    width: fit-content;
    margin: 0 auto;


}
.modal-content{
    font-family: Onest;
    width: 100%;
    max-width: 656px;
    border-radius: 20px;
    background: #F0F0F0;
    padding: 40px 55px;
    position: relative;
    height: fit-content;
    margin: 2% 0;
}
.close-modal{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.modal-title{
    font-family: Benzin;
    font-size: 44px;
    font-weight: 400;
    line-height: 128%;
}
.modal-bottom{
    margin-top: 20px;
    color: #9E9EA2;
    font-size: 20px;;
    font-weight: 400;
}
.modal-form-block{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.modal-form-block label{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.modal-form-block label span{
    color: #9E9EA2;
    font-size: 20px;
    font-weight: 400;
}
.modal-form-block label input,
.modal-form-block label textarea{
    border-radius: 20px;
    background: #FFF;
    display: flex;
    padding: 16px;
    align-items: center;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
}
.modal-form-block label textarea{
    min-height: 220px;
}
.modal-form-block label input::placeholder,
.modal-form-block label textarea::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9E9EA2;
    opacity: 1; /* Firefox */
}
.modal-form-block label textarea:-ms-input-placeholder,
.modal-form-block label textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color: #9E9EA2;
}
.modal-form-block label textarea::-ms-input-placeholder,
.modal-form-block label textarea::-ms-input-placeholder{ /* Microsoft Edge */
    color: #9E9EA2;
}
.modal-form-block .btn{
    margin-top: 30px;
    max-width: 100%;
}
.attach-file span{
    color: #656568;
}
.modal-form-block.resume .attach-file input{
    display: none;
}
.modal-form-block.resume .attach-file{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 13px;
    cursor: pointer;
}



.success-modal{
    display: flex;
    align-items: center;
}
.success-content{
    border-radius: 20px;
    background: #F0F0F0;
    max-width: 656px;
    margin: 0 auto;
    padding: 60px;
    position: relative;
}
.success-modal-subTitle{
    margin-top: 6px;
    color: #9E9EA2;
    text-align: center;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
}
.success-img{
    display: flex;
    justify-content: center;
}
.success-modal-title{
    margin-top: 66px;
    text-align: center;
}
.success-content .btn{
    margin-top: 70px;
    max-width: 100%;
}
/*END popup*/

/*tubs*/
[data-tabs-block] [data-containers] [data-container]:not(.active) {
    display: none !important;
}

/*END tubs*/
.privacy-content{
    margin-top: 50px;
}
.privacy-content ol {
    counter-reset: section;
    list-style-type: none;
}
.privacy-content li::before {
    counter-increment: section;
    content: counters(section, ".") " ";

}
.privacy-list{
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
}

.privacy-list > li > ol{
    margin-top: 25px;
    color: #9E9EA2;
}

.whatsApp-buttons-wrapper{
    position: fixed;
    right: 10px;
    bottom: -50px;
    opacity: 0;
    padding: 20px 12px;
    border-radius: 20px;
    /*background: rgba(255, 255, 255, 0.30);*/
    /*backdrop-filter: blur(2px);*/
    z-index: 99;
    transition: all 300ms;
}
.whatsApp-buttons-wrapper.show{
    bottom: 10px;
    opacity: 1;
}
.whatsApp-buttons{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.whatsApp-item{
    display: flex;
    flex-direction: column;
     gap: 5px;
    align-items: center;
}
.whatsApp-item span{
    color: #313131;
    font-size: 16px;
    font-weight: 400;
    font-family: Onest;
}
.whatsApp-item a{
    border-radius: 20px;
    background: #FFFFFF;
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
}





.price-table-classes{
    margin-bottom: 16px;
    gap: 50px;
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    grid-template-areas: 'priceServiceName priceGroup priceBtnGroup ';
}
.price-table-classes .price-btn-group{
    margin-right: 20px;
}
.price-table-row{
    /*display: flex;*/
    /*flex-direction: column;*/

    padding: 14px 20px 4px;
    border-radius: 10px;
    background-color: #FFFFFF;
    transition: background-color 300ms;

    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    gap: 10px 50px;
    grid-template-areas:
        'priceServiceName priceGroup priceBtnGroup'
        'priceTableBottom priceTableBottom priceTableBottom';

}

.price-table-row-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}


.price-group{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 634px;
    gap: 50px;
    grid-area: priceGroup;
}
.price-table-classes .price-group{
    padding-left: 10px;
}
.price-group .price-col{
    width: 125px;;
    display: flex;
    /*justify-content: center;*/
}
.type-1 .price-table-row  .price-btn-group,
.type-1 .price-table-classes .price-btn-group{
    justify-content: end;
    /*min-width: fit-content;*/
    align-items: center;
}
.price-table-row:hover{
    background:#F5F5F6;
}

.type-2 .price-group .price-col{
    width: 100%;
}
.type-2 .price-group{
    gap: 40px;
}
.price-col .price-classes,
.price-col .price-text{
    white-space: nowrap;
}
.price-btn-group{
    display: flex;
    gap: 30px;
    min-width: 334px;
    grid-area: priceBtnGroup;
}
.price-classes{
    display: flex;
    align-items: center;
    gap: 8px;
    color:  #9E9EA2;
    font-size: 20px;
    font-weight: 400;
}
.price-group .price-col:nth-child(n + 4){
    display: none;
}
.price-table-classes .price-classes .class-info{
    white-space: normal;
}
.type-2 .class-icon:after,
.type-3 .class-icon:after{
    content: '';
}
.type-2 .price-table-classes .price-col{
    display: flex;
    justify-content: center;
}
.type-2 .price-group .price-col:nth-child(n + 4),
.type-3 .price-group .price-col:nth-child(n + 4){
    display: flex;
}
.type-2 .services-price-pens,
.type-3 .services-price-pens,
.type-4 .services-price-pens,
.type-5 .services-price-pens{
    display: none;
}
.type-3 .gray-btn-m,
.type-5 .gray-btn-m{
    display: none;
}
.type-3 .price-btn-group,
.type-5 .price-btn-group{
    min-width: 170px;
    justify-content: end;
}
.type-3 .price-group,
.type-5 .price-group,
.type-3 .price-col-service-name,
.type-5 .price-col-service-name{
    max-width: 100%;
}
.price-col-service-name .price-text{
    white-space: initial;
}
.type-4 .price-table-classes,
.type-5 .price-table-classes{
    display: none;
}
.type-4 .price-group .price-col:nth-child(n+2),
.type-5 .price-group .price-col:nth-child(n+2){
    display: none;
}

.type-3  .price-table-row,
.type-3  .price-table-classes{
    grid-template-columns: 3fr 2fr 1fr;
    grid-column-gap: 20px;
}
.type-5 .price-table-row{
    grid-template-columns: 4fr 2fr 1fr;
    grid-column-gap: 20px;
}
.class-short-description-block{
    display: none;
}
.type-2 .price-classes:hover .class-info,
.type-3 .price-classes:hover .class-info,
.type-4 .price-classes:hover .class-info,
.type-5 .price-classes:hover .class-info{
    display: none;
}



.price-col-service-name{
    width: 100%;
    max-width: 530px;
    grid-area:priceServiceName;
    display: flex;
    align-items: center;

}
.price-col-service-name .price-classes{
    text-align: left;
}
.price-text{
    color:  #313131;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
}
.price-table-row-bottom{
    margin-top: 0;
    max-height: 0;
    transition: all 300ms;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    grid-area: priceTableBottom;
}
.price-table-row .price-classes{
    display: none;
}
.price-table-row.active-block{
    background-color: #F5F5F6;
    padding-bottom: 10px;
}
.price-table-row.active-block .price-table-row-bottom{
    margin-top: 16px;
}
.price-table-row-bottom ul{
    display: flex;
    flex-direction: column;
     gap: 10px;
    color: #9E9EA2;
    font-size: 20px;
    font-weight: 400;
}
.price-table-row-bottom li{
    display: flex;
    align-items: center;
    gap: 16px;
}
.price-table-row-bottom ul li:before{
    content: url("/assets/static/check-mark.v00abc6186bb7f0ae3fd8.svg");
    height: 15px;
    display: flex;
    align-items: center;
}
.price-table-row-bottom p{
    color: #9E9EA2;
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    max-width: 792px;
}
.services-price-additional-description{
    margin-top: 20px;
    display: flex;
    padding: 20px 56px;
    border-radius: 20px;
    background: #FFFFFF;
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
}





.description-service-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 12px;
    width: 100%;
    max-width: 1122px;
    color: #9E9EA2;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
    position: relative;
}
.description-service-content-item{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.description-service-content-title{
    color:  #313131;
    font-family: Benzin;
    font-size: 27px;
    font-weight: 400;
    line-height: 128%
}
.description-service-content{
    max-height: 380px;
    overflow: hidden;
    transition: max-height 300ms;
}
/*.recent-charities-description-text:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(245, 245, 246, 0), rgba(245, 245, 246, 1));
}*/
.description-service.active-block .recent-charities-description-text:after{
    background:none;
}

.before-after{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.before-after-slider{
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
    display: flex;
    align-items: center;
}
.before-after-item{
    position: relative;
    color: #313131;
    font-family: Benzin;
    font-size: 27px;
    font-weight: 400;
    line-height: 128%;
    border-radius: 20px;
    overflow: hidden;
}
.before-after-item:before{
    border-radius: 16px;
    padding: 12px 20px;
    background-color: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(3px);
    position: absolute;
    top: 20px;
}
.before-after-item:nth-child(2n+1):before{
    content: "До";
    right: 20px;
}
.before-after-item:nth-child(2n):before{
    content: "После";
    left: 20px;

}

.before-after-slider .slider-control-btn{
    position: absolute;
    z-index: 2;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(3px);
    padding: 18px 9px 18px 13px;
}
.before-after-slider .slider-control-btn:hover{
    background: rgba(255, 255, 255, 0.60);
}
.before-after-slider .slider-control-btn:before{
    content: url("/assets/static/slider-btn-row-black.vf6a88a40a92917242f4c.svg");
}
.before-after-slider .slider-control-btn.left{
    left: 20px;
}

.before-after-slider .slider-control-btn.right{
    right: 20px;
}
.before-after-item img{
    width: 100%;
}

.map-widget-layout-view__maps-links{
    display: none !important;

}

.data-slider-animate{
    overflow: hidden;
    width: 100%;
}

.animate-dot-block{
    display: none;
}
.certificates-item-content .read-more-btn{
    color: #9E9EA2;
    font-family: Onest;
    font-size: 20px;
    font-weight: 400;
    text-decoration-line: underline;
    text-align: left;
    display: none;
}
.certificates-item-content.limitation .read-more-btn{
    display: block;
}

.display-none{
    display: none;
}
.for-pc-hide{
    display: none;
}

.faq_list{
    margin: 30px 0 0 0;
    display: grid;
    grid-template-columns: 100%;
    gap: 1em;
}
.faq-item_question{
    background: white;
    padding: 1em;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    &:after{
        content: '';
        width: .5em;
        height: .5em;
        flex-shrink: 0;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        rotate: -45deg;
        translate: -17% 0;
    }
}
[open] .faq-item_question:after{
    rotate: 45deg;
}
.faq-item_answer{
    padding: 1em 1em 0 1em;
}

/* responsive.css: original cascade order */
@media (max-width: 1920px) {
    .home-page-title {
        font-size: calc(31px + 54 * (100vw / 1920));
    }

    .price-text{
        font-size: calc(20px + 6 * (100vw / 1920));
    }
    .consultation-content-top .page-title{
        font-size: calc(22px + (12 + 12 * 0.7) * ((100vw - 360px) / 1920));
    }
    .consultation-subtitle{
        font-size: calc(16px + (11 + 11 * 0.7) * ((100vw - 360px) / 1920));
    }
    .page-middle-title{
        font-size: calc(18px + 9 * (100vw / 1920));
    }
    .about-company__item p{
        font-size: calc(16px + 10 * (100vw / 1920));
    }
    .certificates-item-content-top .page-middle-title{
        font-size: calc(18px + 2 * (100vw / 1920));
    }

}



@media (max-width: 1580px) {
    .header{
        gap: 57px;
    }
    .certificates-wrapper {
        overflow-y: scroll;
    }
    footer .menu .nav ul{
        gap: 18px;
    }
    .home-page-top .home-page-top-content{
        margin-top: 40px;
    }

    .certificates-wrapper::-webkit-scrollbar {
        display: none;
    }

    .certificates-wrapper {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .certificates-item {
        min-width: 316px;
    }

    .header-contacts a {
        font-size: calc(8px + 20 * (100vw / 1920));
    }

    .header-contacts span {
        font-size: calc(5px + 15 * (100vw / 1920));
    }

    .menu .nav ul {
        font-size: calc(6px + 15 * (100vw / 1920));
    }

    .btn,
    .gray-btn {
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }


    .page-middle-title{
        font-size: calc(18px + (9 + 9 * 0.7) * ((100vw - 360px) / 1920));
    }
    .about-company-section__description{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .to-vacancies-btn{
        font-size: calc(12px + (15 + 15 * 0.7) * ((100vw - 360px) / 1920));
    }
    .vacancies-default-description{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .vacancies-prise{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .vacancies-additional-description{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .vacancies-additional-description-row span{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .addresses,
    .contacts-list a{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .requisites-list{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .grt-requisites-description{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .services-tube-btn{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .page-title{
        font-size: calc(22px + (17 + 17 * 0.7) * ((100vw - 360px) / 1920));
    }

    .seo-text,
    .seo-btn{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .price-from,
    .duration-data{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .services-item-title{
        font-size: calc(20px + (6 + 6 * 0.7) * ((100vw - 360px) / 1920));
    }
    .team-section__description-item .title{
        font-size: calc(18px + (9 + 9 * 0.7) * ((100vw - 360px) / 1920));
    }
    .about-address-item,
    .about-address-content .about-address-phone{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .certificates-item-content-bottom{
        font-size: calc(14px + (6 + 6 * 0.7) * ((100vw - 360px) / 1920));
    }
    .page-middle-title{
        font-size: calc(18px + (9 + 9 * 0.7) * ((100vw - 360px) / 1920));
    }
    .certificates-item-content-top p{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .go-to-yandex-service-left{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .reviews-creator,
    .reviews-item button{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .reviews-item-content{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .our-offer{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .price-table tbody{
        font-size: calc(20px + (6 + 6 * 0.7) * ((100vw - 360px) / 1920));
    }
    .price-table thead{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .services-price-pen{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .second-level-row .rating-description{
        font-size: calc(14px + (6 + 6 * 0.7) * ((100vw - 360px) / 1920));
    }
    .home-page-title{
        font-size: calc(31px + (54 + 54 * 0.7) * ((100vw - 360px) / 1920));
    }
    .home-page-subtitle{
        font-size: calc(20px + (12 + 12 * 0.7) * ((100vw - 360px) / 1920));
    }
    .video-section-bottom{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .discount-protection-description-bottom{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .home-top-catalog-wrapper{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .home-top-rating{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .gallery-number-item{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .modal-title{
        font-size: calc(22px + (22 + 22 * 0.7) * ((100vw - 360px) / 1920));
    }
    .modal-form-block label span{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .modal-form-block label input,
    .modal-form-block label textarea{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .modal-bottom{
        font-size: calc(14px + (6 + 6 * 0.7) * ((100vw - 360px) / 1920));
    }
    .privacy-list{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .success-modal-subTitle{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .footer .left-address{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .description-service-content{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .description-service-content-title{
        font-size: calc(18px + (9 + 9 * 0.7) * ((100vw - 360px) / 1920));
    }
    .before-after-item{
        font-size: calc(16px + (11 + 11 * 0.7) * ((100vw - 360px) / 1920));
    }
    .services-price-additional-description{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .price-text{
        font-size: 19px;
    }
    .price-classes{
        font-size: 16px;
    }
    .price-btn-group button{
        font-size: 15px;
    }
    .price-classes svg{
        height: 19px;
        width: 19px;
    }
    /*.price-group .price-col{*/
    /*    width: 80px;*/
    /*}*/
    .price-group{
        gap: 20px;
    }
    .price-btn-group{
        min-width: 262px;
        gap: 15px;
    }







}

@media (max-width: 1440px) {
    .team-section__description-item p{
        font-size: 18px;
    }
    .team-section__content {
        grid-template-columns: 6fr 2fr;
    }

    .team-section__logo img {
        max-width: 240px;
    }
    .home-page-top{
        background-size: initial;
    }



    /*    .header-contacts a{
            font-size: 20px;
        }
        .header-contacts span{
            font-size: 14px;
        }*/
    .menu .nav ul {
        /*font-size: 17px;*/
        gap: 20px;
    }

    .menu {
        justify-content: left;
        gap: 50px;
    }

    .header-right {
        gap: 30px;
    }
    .consultation{
        grid-template-columns: 600px 1fr;
    }
    .discount-protection-content{
        grid-column-gap: 60px;
        grid-column-gap: 30px ;
    }
    .discount-percent{
        left: 97%;
    }
    .menu{
        gap: 30px;
    }
    .right-address a{
        font-size: 30px;
    }



}

@media (max-width: 1300px){
    .price-table .first-level-row{
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
    }
    .header-contacts{
        display: none;
    }
}



@media (max-width: 1220px) {
    .footer .right-address a {
        font-size: calc(25px + (15 + 15 * 0.7) * ((100vw - 360px) / 1920));
    }
    .team-section__logo img {
        max-width: 170px;
    }
    .menu {
        gap: 20px;
    }

    .footer {
        gap: 40px;
        grid-template-areas:
        'footerMenu'
        'footerCallButtons'
        'rightAddress'
        'leftAddress';
    }

    .footer .right-address {
        align-items: start;
    }

    .footer-call-buttons {
        justify-content: start;
    }
    .information-section-content{
        margin-top: 13px;
        flex-wrap: wrap;
        gap: 12px;
    }
    .consultation{
        grid-template-columns: 1fr;
        gap: 16px;
        grid-template-areas:
        'contentTop'
        'img'
        'consultationBtn';
    }
    .consultation-section{
        border-radius: 16px;
        padding: 22px 12px;
    }
    .consultation .consultation-btn{
        max-width: 100%;
        border: none;
        color: black;
    }
    .partners-wrapper {
        margin-top: 17px;
        display: grid;
        gap: 8px;
        grid-template-areas:
        'logo1 logo3'
        'logo2 logo3'
        'logo4 logo5';
    }
    .partners-item.logo3{
        height: auto;
    }
    .partners-item{
        height: auto;
        border-radius: 16px;
        padding: 20px 40px;
    }
    .partners-logo img{
        width: 100%;
    }
    .services-price-content{
        gap: 18px;
    }
    .price-table .for-mb-hide{
        display: none;
    }
    .price-table .table-title-mobile{
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: start;
    }
    .for-pc-hide{
        display: flex;
    }
    .table-title-mobile span{
        color: #9E9EA2;
        font-size: 16px;
        font-weight: 400;
    }
    .first-level-tbody .first-level-row td:nth-child(1){
        grid-area: col1;
    }
    .first-level-tbody .first-level-row td:nth-child(2){
        grid-area: col2;
    }
    .first-level-tbody .first-level-row td:nth-child(3){
        grid-area: col3;
    }
    .first-level-tbody .first-level-row td:nth-child(4){
        grid-area: col4;
    }
    .first-level-tbody .first-level-row td:nth-child(5){
        grid-area: col5;
    }
    .first-level-tbody .first-level-row td:nth-child(6){
        grid-area: col6;
    }
    .first-level-tbody .first-level-row td:nth-child(7){
        grid-area: col7;
    }
    .first-level-tbody .first-level-row{
        display: grid;
        grid-row-gap: 20px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas:
        'col1 col1 col1'
        'col2 col3 col4'
        'col5 col5 col5'
        'col6 col6 col6'
        'col7 col7 col7';
    }
    .price-table thead{
        display: none;
    }
    .button-box{
        max-width: 100%;
        padding: 0;
    }
    .first-box{
        margin-left: 0;
        margin-bottom: -8px;
    }
    .gray-btn-m{
        justify-content: center;
    }
    .m-box{
        max-width: 100%;
        padding: 0;
    }
    .services-price-section{
        padding: 0;
        border-radius: 16px;
    }
    .services-price-pen{
        width: 100%;
        justify-content: center;
    }
    .second-level-row{
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .first-level-tbody{
        gap: 20px;
    }
    .services-price-pens{
        gap: 10px;
    }
    .first-level-row.active-block,
    .first-level-row:hover{
        background: #ffffff;
    }
    .price-table{
        width: 100%;
        margin-left: unset;
    }
    .second-level-row td{
        max-width: 134px;
    }
    .discount-protection{
        flex-direction: column;
    }
    .price-table-classes{
        display: none;
    }
    .price-table-row{
        grid-template-columns: 1fr;
        grid-template-areas:
        'priceServiceName'
        'priceGroup'
        'priceTableBottom'
        'priceBtnGroup';
    }
    .price-btn-group{
        max-width: 100%;
        flex-direction: column;
        min-width: unset;
    }
    .price-group .price-col{
        width: 100%;
    }
    .price-table-row.active-block{
        background-color: #FFFFFF;
    }
    .price-table-row .price-classes{
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .price-col{
        display: flex;
        flex-direction: column;
        gap: 2px;
        align-items: center;
    }
    .class-icon:after{
        content: url("/assets/static/class-icon-min.v39f8f284dcf975cbd8ad.svg");
        height: 16px;
    }
    .price-text{
        font-size: 20px;
    }
    .price-classes{
        font-size: 16px;
    }
    .price-col-service-name,
    .price-group{
        max-width: 100%;
        justify-content: space-between;
        align-items: start;
    }
    .price-table-row-bottom ul{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }


    .type-1 .price-table-row  .price-btn-group > div{
        width: 100%;
    }


    .type-2 .price-group,
    .type-3 .price-group{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px 30px;
    }
    .type-4 .price-table-row .price-classes,
    .type-5 .price-table-row .price-classes{
        display: none;
    }
    .type-4 .price-table-row .price-col,
    .type-5 .price-table-row .price-col{
        align-items: start;
    }
    .type-5 .price-table-row{
        grid-template-columns: 1fr;
    }

    .type-2 .class-short-description-wrapper,
    .type-3 .class-short-description-wrapper,
    .type-4 .class-short-description-wrapper,
    .type-4 .class-short-description-wrapper{
        display: none !important;
    }
    .price-table-row.open .price-classes{
        display: none;
    }
    .class-short-description-block{
        margin-top: 20px;
        align-items: center;
        gap: 4px;
        display: none;
        justify-content: space-between;
        width: 100%;
    }
    .price-table-row.open .class-short-description-block{
        display: flex;
    }
    .class-short-description-wrapper{
        color: #9E9EA2;
        font-family: Onest;
        font-size: 14px;
        font-weight: 400;

    }




}


@media (max-width: 1000px) {

    .logo {
        width: 58px;
        height: 42px;
    }
    .header {
        padding: 10px 0 0;
    }
    .breadcrumbs-list{
        overflow-x: scroll;
        white-space: nowrap;
    }
    .breadcrumbs-list::-webkit-scrollbar {
        display: none;
    }

    /* Скрываем scrollbar для IE, Edge и Firefox */
    .breadcrumbs-list{
        -ms-overflow-style: none;  /* IE и Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .footer {
        padding: 22px 12px;
    }

    .width-holder {
        padding: 0 10px;
    }

    .page-title {
        font-size: calc(22px + (26 + 26 * 0.7) * ((100vw - 360px) / 1920));
    }

    .page-top {
        margin-top: 40px;
    }

    .breadcrumbs {
        margin-top: 20px;
    }

    .breadcrumbs-list,
    .breadcrumbs-list li {
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }


    .header-right {
        display: none;
    }

    .menu .nav .menu-nav-wrapper {
        display: none;
    }

    .mobile-menu-btn {
        display: flex;
    }

    .mobile-menu-btn:before {
        content: url("/assets/static/menu-icon.v323d32466a323ad8cb18.svg");
        height: 18px;
        width: 24px;
    }
    .home-page-top .mobile-menu-btn:before{
        content: url("/assets/static/menu-icon-white.v9caa0c9153a4f24797d6.svg");
        height: 18px;
        width: 24px;
    }


    .menu {
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
    }

    .footer .menu {
        flex-direction: row-reverse;
        max-width: 100%;
        align-items: start;
    }

    .error-page-content {
        display: grid;
        grid-template-areas:
        'top'
        'img'
        'toHome';
    }

    .error-page-content .to-home-page {
        max-width: 100%;
        margin-top: 40px;
    }

    .error-page-image {
        margin-top: 20px;
    }

    .error-footer .footer {
        margin-top: 100px;
    }

    .footer-call-buttons {
        flex-direction: column-reverse;
        gap: 9px;
    }

    .footer .menu .nav ul {
        flex-direction: column;
        gap: 11px;
        align-items: start;
    }
    .footer .menu .nav ul {
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .footer .gray-btn,
    .footer .btn{
        width: 100%;
        max-width: 100%;
        padding: 10px 12px;
    }
    .gray-btn svg{
        height: 26px;
        width: 26px;
    }
    .left-address-col .gray-btn{
        border-width:1px;
    }
    .left-address-col{
        max-width: 100%;
    }

    .under-footer{
        flex-direction: column;
         gap: 12px;
        align-items: flex-start;
    }
    .under-footer,
    .under-footer a{
        font-size: calc(14px + (2 + 2 * 0.7) * ((100vw - 360px) / 1920));
    }
    .footer .left-address{
        /*font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));*/
        flex-direction: column-reverse;
    }

    .information-item__icon.icon-1 svg{
        width: 46px;
        height: 34px;
    }
    .information-item__icon.icon-2 svg{
        width: 45px;
        height: 32px;
    }
    .information-item__icon.icon-3 svg{
        width: 28px;
        height: 40px;
    }
    .information-item-bottom__description p{
        font-size: 16px;
    }
    .payment-information .information-item{
        gap: 40px;
    }
    .information-item{
        max-width: 100%;
    }
    .information-section-description{
        margin-top: 12px;
    }
    .information-section-description,
    .__description-title{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .__description-text{
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }
    .page-section{
        margin-top: 80px;
    }
    .guarantee-information .information-item-bottom{
        margin-top: 33px;
    }
    .guarantee-information .active-block .information-item-bottom__description{
        gap: 4px;
    }
    .information-item-bottom-icon:hover:before {
        content: url("/assets/static/arrow-top.v31339978267a67a583f5.svg");
    }
    .information-item{
        padding: 16px 12px;
        border-radius: 16px;
    }
    .footer{
        margin-top: 80px;
    }


    .vacancies-page-content{
        grid-template-columns: 1fr;
    }
    .send-resume{
        display: none;
    }

    .about-company-section__bottom{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .about-company__item{
        padding: 16px 12px;
        border-radius: 16px;
        gap: 33px;
    }
    .about-company-section{
        gap: 30px;
    }
    .about-company-section__top{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .team-section__content{
        margin-top: 12px;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .team-section__logo{
        display: none;
    }
    .to-vacancies-btn{
        left: 12px;
        right: 12px;
        bottom: 12px;
        top: inherit;
        justify-content: space-between;
        padding: 8px;
        border-radius: 8px;
    }
    .to-vacancies-btn svg{
        height: 10px;
        width: 10px;
    }
    .to-vacancies-btn svg path{
        stroke-opacity:1;
    }
    .vacancies-item{
        gap: 10px;
        padding: 10px;
        border-radius: 16px;
    }
    .vacancies-prise{
        margin-top: 9px;
    }
    .vacancies-additional-description-row{
        gap: 6px;
    }
    .vacancies-additional-description__bottom{
        flex-direction: column;
        gap: 10px;
    }
    .vacancies-additional-description-row ul{
        gap: 6px;
    }
    .gray-btn{
        color: #9E9EA2;
        display: flex;
        align-items: center;
        gap: 8px;
        border: 3px solid #C5C6CB;
    }
    .gray-btn-hover:hover{
        background-color: transparent;
        border-color: #9E9EA2;
        color: #9E9EA2;
    }
    .mob-icon:after{
        content: url("/assets/static/arow-bottom.v9f7b05663dc815d3de2f.svg");
        transform: scale(1, 1);
        transition: transform 300ms;
    }
    .active-block  .mob-icon:after{
        transform: scale(1, -1);
    }
    .vacancies-additional-description__bottom button{
        max-width: 100%;
    }
    .addresses{
        margin-top: 12px;
        flex-direction: column;
        gap: 30px;
    }
    .requisites-list,
    .requisites-content{
        grid-template-columns: 1fr;
    }
    .contacts-list{
        padding: 16px 12px;
        gap: 12px;
        border-radius: 16px;
    }
    .addresses-item-image img{
        border-radius: 16px;
    }
    .map,
    .requisites{
        margin-top: 80px;
    }
    .map iframe{
        max-height: 290px;
    }

    .get-route,
    .about-contacts__map .get-route{
        top: inherit;
        right: 12px;
        bottom: 12px;
        left: 12px;
        border-radius: 16px;
        font-size: 16px;
        padding: 12px;
        justify-content: center;
    }
    .requisites-content{
        margin-top: 12px;
        gap: 12px;
    }
    .requisites-list{
        padding: 16px 12px;
        border-radius: 16px;
        gap: 18px;
    }
    .requisites-list li{
        gap: 4px;
    }
    .grt-requisites svg{
        width: 59px;
        height: 80px;
    }
    .grt-requisites{
        border-radius: 16px;
        padding: 16px 12px;
    }
    .grt-requisites-description{
        gap: 4px;
    }
    .services-section,
    .services-tube-content{
        margin-top: 12px;
    }
    .services-tube-btn{
        border-radius:  12px;
        padding: 8px 16px;
        width: 100%;
        justify-content: center;
    }
    .services-wrapper{
        grid-template-columns: 1fr;
        gap: 26px;
    }
    .services-item-bottom{
        flex-direction: column-reverse;
        gap: 12px;
    }
    .consultation{
        flex-direction: column;
    }
    .service-footer .footer{
        margin-top: 30px;
    }
    .go-to-price{
        max-width: 100%;
        justify-content: space-between;
    }
    .go-to-price:after{
        content: url("/assets/static/arow-45-gray.vf14f74269a0e5a4f7e2b.svg");
    }
    .services-item-icon:after{
        content: url("/assets/static/arow-45-small.v9403ce0ac8c6dd612876.svg");
    }
    .services-item:hover .services-description{
        top: -100%;

    }
    .services-item .services-description{
        display: none;
    }
    .price-from,
    .duration-data{
        bottom: 12px;
        padding: 6px 8px;
        border-radius: 8px;
    }
    .price-from{
        left: 12px;
    }
    .duration-data{
        right: 12px;
    }
    .services-item-content{
        border-radius: 16px;
        padding: 12px 12px 22px;
    }
    .pagination-item{
        font-size: 16px;
        width: 42px;
        height: 40px;
    }
    .pagination-item.to-left,
    .pagination-item.to-right{
        min-width: 82px;
    }
    .left-right-icon:before{
        content: url("/assets/static/arow-left-right-small.v3475552e3243e86b7034.svg");
        height: 16px;
    }
    .services-content-item{
        gap: 30px;
    }
    .mobile-menu-top{
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .mobile-menu-nav-wrapper{
        display: none;
        position: absolute;
        flex-direction: column;
        justify-content: space-between;
        gap: 50px;
        left: 0;
        width: 100%;
        background: #F5F5F6;
        height: calc(100% - 60px);
        top: 60px;
        padding: 23px 12px;
    }
    .menu .nav .menu-nav-wrapper{
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: start;
        font-size: 16px;
    }
    .mobile-menu-phone{
        font-family: Benzin;
        font-size: 25px;
        font-weight: 400;
        line-height: 128%
    }
    .mobile-menu-nav-wrapper .btn{
        max-width: 100%;
    }
    .header .menu .nav.open .mobile-menu-nav-wrapper{
        display: flex;
        overflow: auto;
        z-index: 9;
    }
    .header .menu .nav.open .mobile-menu-btn:before{
        content: url("/assets/static/close-menu.vb98bbd26a20441bbb040.svg");
    }
    .mobile-menu-phone-wrapper span{
        color: #9E9EA2;
        font-family: Onest;
        font-size: 16px;
        font-weight: 400;
    }
    .header .menu .nav.open  .mobile-menu-phone-wrapper{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .header .menu .nav.open  .btn.mobile-btn{
        display: block;
    }
    .team-section__description-item{
        gap: 10px;
        border-radius: 16px;
        padding: 16px 12px;
    }
    .team-section__description-item p{
        font-size: 16px;
    }

    .about-contacts__content{
        flex-direction: column;
        gap: 22px;
    }
    .soc-btn svg path {
        fill: #24CD61;
    }
    .about-contacts__content {
        /*display: flex;*/
        margin-top: 16px;
        grid-template-columns: 1fr;
        gap:22px;
        grid-template-areas:
        'item1'
        'item2'
        'item3'
        'itemMap';
    }
    .about-contacts__map iframe{
        min-height: 290px;
        border-radius: 16px;
        height: auto;

    }
    .about-address-content .about-address-phone{
        white-space: normal;
    }
    .about-address-duble-content-mb .about-address-phone-mb .about-address-phone{
        white-space: nowrap;
        font-size: 22px;
    }
    .about-address-duble-content-mb .about-address-phone-mb span{
        white-space: nowrap;
    }

    .about-address-duble-content-mb .about-address-content{
        padding: 12px;
    }
    .about-address-phone-mb{
        justify-content: space-between;
    }
    .about-address-content{
        padding: 12px;
        border-radius: 16px;
    }
/*    .certificates-item-content{
        flex-direction: column-reverse;
        gap: 6px;
        justify-content: start;
    }*/
    .certificates-item{
        min-width: 316px;
        gap: 8px;
        padding: 12px;
        border-radius: 16px;
    }
    .certificates-wrapper{
        gap: 8px;
    }
    .certificates-item img{
        max-width: 93px;
        border-radius: 8px;
    }
    .certificates-item-content-top p{
        font-size: 16px;
    }

    .gallery-section-content{
        display: flex;
        gap: 8px;
        overflow-x: scroll;
    }
    .gallery-section-content::-webkit-scrollbar {
        display: none;
    }

    .about-address-content-single{
        flex-direction: column;
        gap: 12px;
        align-items: start;
        padding: 12px;
        border-radius: 16px;
    }
    .about-address-item .soc-btn{
        max-width: 100%;
    }
    .gallery-section{
        gap: 12px;
    }
    /* Скрываем scrollbar для IE, Edge и Firefox */
    .gallery-section-content {
        -ms-overflow-style: none;  /* IE и Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .gallery-btn svg{
         height: 48px;
        width: 48px;
    }
    .gallery-item{
        min-width: 316px;
    }
    .service-section-content,
    .data-slider-animate-item{
        flex-direction: column;
        gap: 12px;
    }
    .service-section-item:nth-child(1),
    .service-section-item:nth-child(n+2){
        max-width: 100%;
    }
    .data-slider-animate .swiper-slide{
        height: auto;
    }
    .service-section.page-section{
        margin-top: 60px;
    }
    .consultation-item{
        max-width: 100%;
        gap: 16px;
    }
    .consultation-item .btn{
        max-width: 100%;

    }

    .slider-control{
        display: none;
    }
    .go-to-yandex-service.pc{
        display: none;
    }
    .go-to-yandex-service.mobile{
        display: flex;
        padding: 12px;
        border-radius: 16px;
    }
    .go-to-yandex-service-left svg .yandex-icon,
    .go-to-yandex-service-left svg .yandex-icon-dot{
        display: none;
    }
    .go-to-yandex-service-left svg{
        width:58px;
        height:16px;
    }
    .go-to-yandex-service-left{
        align-items: center;
        gap: 8px;
    }
    .go-to-yandex-arrow-mob{
        height: 12px;
        width: 12px;
    }
    .reviews-item{
        border-radius: 16px;
        padding: 12px;
    }
    .reviews-item-top{
        gap: 8px;
    }
    .reviews-content-top{
        gap: 12px;
    }
    .reviews-slider-section{
        gap: 12px;
    }
    .reviews-item-content {
        max-height: 210px;
    }
    .reviews-item{
        height: auto !important;
    }
    .service-page-top-bottom{
        padding: 22px 12px;
        flex-direction: column-reverse;
        gap: 15px;
    }
    .service-page-top .page-title{
        padding: 20px 12px;
    }
    .service-page-top-bottom .btn{
        max-width: 100%;
    }
    .our-offer-row:after {
        content: url("/assets/static/tick-Square-mb.v716976d4fcfc4b98cdbf.svg");
        height: 44px;
    }
    .our-offer-row span{
        padding: 12px;
        border-radius: 12px;
    }
    .rating-item{
        height: 34px;
        width: 9px;
    }
    .price-table .first-level-row,
    .price-table .first-level-row.active-block{
        padding: 0;
    }
    .active-block .rating-block{
        margin-top: 0;
    }
    .video-section-bottom{
        padding:  0 12px 12px 12px;
        gap: 96px;
    }
    .discount-protection-content{
        padding: 12px;
        border-radius: 16px;
        grid-row-gap:20px;
        grid-template-areas:
        'title'
        'image'
        'bottom';
    }
    .discount-percent{
        padding: 8px;
        max-width: fit-content;
        white-space: nowrap;
        left: auto;
        right: 12px;
        top: calc(100% + 6px);
    }
    .discount-protection-content .page-middle-title{
        max-width: 100%;
    }
    .clients-cars-content{
        display: flex;
        gap: 8px;
        overflow-x: scroll;
    }
    .clients-cars-image{
        min-width: 316px;
        max-height: 195px;
    }
    .clients-cars-image .filter img,
    .clients-cars-image .filter{
        height: 100%;
        width: 100%;
    }
    .open-mb-menu .home-page-top{
        background: none;
        position: initial;
    }
    .open-mb-menu .home-page-top .menu .nav a, .home-page-top .header-right a{
        color: #313131;
    }
    .modal-content{
        padding: 22px 12px;
        border-radius: 16px;
    }
    .modal-content-wrapper{
        padding: 10px;
    }
    .modal-form-block label textarea{
        min-height: 150px;
    }
    .modal-form-block{
        gap: 16px;
        margin-top: 8px;
    }
    .close-modal svg{
        height: 14px;
        width: 14px;
    }
    .modal-bottom{
        margin-top: 14px;
    }
    .modal-form-block .btn{
        margin-top: 14px;
    }
    .modal-form-block label{
        gap: 4px;
    }
    .modal-form-block label input, .modal-form-block label textarea{
        border-radius: 12px;
        padding: 12px;
    }
    .privacy-content{
        margin-top: 20px;
    }
    .privacy-list > li > ol{
        margin-top: 12px;
    }
    .privacy-list{
         gap: 12px;
    }


    .success-modal{
        padding: 0 10px;
    }
    .success-img svg{
        width: 100%;
        height: 82px;
    }
    .success-content{
        border-radius: 16px;
        margin: 0 auto;
        padding: 78px 12px 22px ;
        width: 100%;
        text-align: center;
    }
    .success-modal-subTitle{
        max-width: 253px;
        margin: 8px auto 0;
    }
    .success-img{
        display: flex;
        justify-content: center;
    }
    .success-modal-title{
        margin-top: 60px;
        text-align: center;
    }
    .success-content .btn{
        margin-top: 23px;
    }


    .all-service-section-mobile{
        align-items: center;
    }

    .all-service-section-mobile .go-to-all-service{
        max-width: 123px;
        font-size: 16px;
        padding-bottom: 8px;
    }
    .consultation .consultation-btn{
        border-radius: 16px;
        padding: 18px 29px;
    }
    .consultation-content-top {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .consultation .consultation-btn:hover{
        background:  #FFFFFF;
        color: black;
    }

    .gallery-video .plyr__control.plyr__control--overlaid{
        height: 48px;
        width: 48px;

    }
    .plyr__control.plyr__control--overlaid:hover svg{
        height: 18px;
        width: 22px;
    }
    .service-page-top img{
        height: 100%;
    }
    .video-section-content{
        min-width: 316px;
    }
    .gallery-item a{
        display: flex;
        height: 100%;
    }

    .before-after-item:before{
        padding: 6px 8px;
        border-radius: 8px;
    }
    .services-price-content-top{
        gap: 8px;
        background-color: #FFFFFF;
        padding:22px 12px;
        border-radius: 16px;
    }

    .services-price-content{
        gap: 10px;
    }
    .services-price-section{
        background: none;
    }
    .price-table-row{
        background-color: #FFFFFF;
        padding:22px 12px;
        border-radius: 16px;
    }
    .services-price-additional-description{
        padding: 12px;
        border-radius: 22px;
    }
    .type-3  .price-table-row,
    .type-3  .price-table-classes{
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
    }

    .about-company__item p{
        font-size: calc(16px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }
    .price-table-row:hover{
        background:#FFFFFF;
    }


    .animate-dot-block-wrapper{
        position: relative;
    }

    .animate-dot-block{
        display: block;
        position: absolute;
        right: 12px;
        top:calc(100% + 24px);
        z-index: 9;
    }
    .animate-dot-wrapper {
        width: 60px;
        height: 33px;
        position: relative;
    }

    .animate-dot{
        background: rgba(255, 255, 255, 0.40);
        border-radius: 1000px;
        height: 32px;
        width: 32px;
        display: flex;
    }
    .animate-dot{
        position: absolute;
        animation: moveDot 1500ms linear infinite; /* Анимация движения с продолжительностью 2 секунды */
    }

    @keyframes moveDot {
        0% { right: 0; } /* Начальное положение слева */
        80% { right: calc(100% - 20px); } /* Половина анимации - элемент сдвинется вправо */
        100% { right: 0; } /* Конечное положение - элемент вернется в начальное положение */
    }

    .reviews-slider-top .animate-dot svg rect{
        fill: #5d5b5b;
    }
    .reviews-slider-top .animate-dot svg circle{
        fill: #6d6b6b;
    }
    .service-slider-section-top{
        position: relative;
    }
    .service-slider-section-top .animate-dot-block{
        top: calc(100% + 40px);
    }




    .dropdown-icon__wrapper .dropdown__icon {
        display: none;
    }
    .dropdown__list{
        display: none;
    }
    @media (hover: hover) {
        .dropdown__wrapper:hover .dropdown__list{
            display: none;
        }
    }



    .service-section .for-pc-hide{
        display: flex;
    }

    .for-mb-hide{
        display: none;
    }
}

@media (max-width: 820px){
    .service-page-top{
        height: 637px;
    }
    .service-page-top-image-pc{
        display: none;
    }
    .service-page-top-image-mb{
        display: block;
    }
    .our-offer{
        align-items: start;
    }
    .service-page-top-bottom{
        align-items: start;
    }
    .our-offer-row{
        flex-direction: row-reverse;
    }
    .service-page-top-bottom{
        gap: 15px;
    }
    .discount-percent{
        font-size: 14px;
    }
    .home-page-top{
        background-image: url('/assets/static/home-top-image-mobile.v788180a621b1a9c6e8c0.png');
        background-image: image-set(url('/assets/static/home-top-image-mobile-360.ve3618ede511ffef6ae95.webp') type('image/webp'), url('/assets/static/home-top-image-mobile.v788180a621b1a9c6e8c0.png') type('image/png'));
        background-size: cover;
        background-position: center;
        padding-bottom: 60px;
    }
    .home-page-top .home-page-top-content{
        margin-top: 50px;
    }
    .home-top-catalog-list:hover li{
        display: none;
    }
    .home-top-catalog-list:hover li{
        display: none;
    }
    .home-top-catalog-list:hover li:last-child{
        display: block;
    }
    .home-top-catalog-list{
        padding: 12px 16px;
        border-radius: 16px;
        position: initial;
    }
    .home-top-catalog-nav{
        max-width: fit-content;
    }
    .home-top-catalog-item.top{
        justify-content: end;
        padding-right: 10px;
    }
    .home-top-catalog-list-wrapper{
        height: auto;
    }
    .home-top-catalog-container{
        gap: 0;
    }
    .home-top-catalog-item.middle{
        padding-left: 38px;
    }
    .home-top-catalog-item.bottom{
        padding-right: 31px;
    }
    .home-top-rating{
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        padding: 20px 12px;
        margin-top: 90px;
    }
    .home-top-catalog-wrapper{
        margin-top: 167px;
    }

    .whatsApp-buttons-wrapper{
        padding: 10px 10px 20px 10px;
        background: #FFFFFF;
        border-radius: 20px 20px 0 0;
        left: 0;
        right: 0;
        top: auto;
    }
    .whatsApp-buttons-wrapper.show{
        bottom: 0;
    }
    .whatsApp-buttons{
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 8px;
        width: 100%;
    }
    .whatsApp-item{
        flex-direction: row;
        gap: 14px;
        border-radius: 16px;
        border: 1px solid #9E9EA2;
        padding: 10px;
        width: 100%;
        justify-content: center;
    }
    .whatsApp-item a{
        padding: 0;
    }
    .whatsApp-item a svg{
        height: 24px;
        width: 24px;
    }
    .under-footer{
        padding: 40px 0 90px;
    }

}

@media (max-width: 480px){
    .before-after-slider{
        height: 412px;
        align-items: end;
    }
    .before-after-slider .services-wrapper{
        height: 334px;
    }
    .before-after-slider .before-after-item{
        height: 163px;
    }
    .before-after-slider .before-after-item img{
        height: 100%;
    }
    .before-after-item:nth-child(2n+1):before{
        right: auto;
        left: 20px;
    }
    .before-after-slider .slider-control-btn{
        border-radius: 20px;
        background: #FFF;
        backdrop-filter: blur(3px);
        width: 58px;
        height: 58px;
    }
    .before-after-slider .slider-control-btn.left{
        left: calc(50% - 70px);
    }
    .before-after-slider .slider-control-btn.right{
        right: calc(50% - 70px);
    }

}