@font-face {
    font-family: "Javacom";
    src: url('../font/JAVACOM.OTF');
}

@font-face {
    font-family: Gotham-325;
    src: url('../font/Gotham-Font/GothamBook.ttf');
}

@font-face {
    font-family:Arian-amu;
    src: url('../font/fonter.am_arian-amu/arnamu.ttf');
}

* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}

body {
     /*font-family: Gotham-325, Gotham, ui-sans-serif, system-ui, sans-serif;*/
    font-family: Arian-amu;
     line-height: 1.5;
}
.overlay--menu-burger {
    z-index: 99;
    height: 100vh;
    position: absolute;
    top: 114px;
}

main {
     min-height: calc(100vh - 543px);
     padding: 74px 0 0;
}

a {
     text-decoration: none;
}

button {
     outline: none;
     border: none;
     font-family: unset;
     background: none;
}

input,
select {
     outline: none;
     border: none;
}

button,
select {
     cursor: pointer;
}

.img {
     width: 100%;
}

header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 5555;
     padding: 12px 0;
     background: #fff;
     box-shadow: 0px 8px 17px rgba(109, 105, 105, 0.21);
    /*backdrop-filter: brightness(0.2);*/

}

header>.container {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.container {
     max-width: 1440px;
     margin: auto;
}

.navigation-section {
     display: flex;
     align-items: center;
}

.header-logo {
     max-width: 104px;
     display: flex;
}

.header-menu {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     margin: 0 30px;
}

.header-menu__item {
     padding: 0 10px;
     list-style: none;
}

.header-menu__link {
     display: inline-block;
     text-transform: uppercase;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #000;
}

.menu-burger,
.menu-burger-close {
     display: none;
}


#category-popup,
.category-bg {
     visibility: hidden;
     background: rgba(0, 0, 0, 0.2199999988079071);
     position: fixed;
     top: 75px;
     right: 100%;
     bottom: 0;
     z-index: 20;
     width: 100vw;
     cursor: pointer;
     height: calc(100vh - 75px);
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

#category-popup.open,
.category-bg.open {
     visibility: visible;
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
     -ms-transform: translateX(100%);
     -o-transform: translateX(100%);
}



.category-menu {
     cursor: auto;
     max-width: 650px;
     width: 100%;
     overflow-y: auto;
     height: 100%;
     padding: 25px 60px 25px 39px;
     background: #ffffff;
     position: relative;
}

.category-btn {
     cursor: pointer;
}

.category-close-btn,
.menu-burger-close {
     position: absolute;
     top: 22px;
     right: 25px;
}

.category-menu__item {
     width: 50%;
    /*width: 100%;*/
     padding: 0 15px 0 0;
     margin-bottom: 20px;
}

.category-sub-title {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     color: #0c0c0c;
     display: inline-block;
     margin-bottom: 20px;
}

.category-sub-title::after {
     content: "";
     display: block;
     margin-top: 10px;
     height: 1px;
     width: 83px;
     background: #b2b2b2de;
}

.category-child__item {
     display: flex;
     /*flex-direction: column;*/
     list-style-type: none;
}

.category-child__link {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 27px;
     color: #0c0c0c;
}

.button-square-edge,
.button-circle-edge {
     display: block;
     padding: 12px 16px;
     border: 1px solid #0c0c0c;
     border-radius: 2px;
     font-weight: 400;
     font-size: 13px;
     text-align: center;
     color: #0c0c0c;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.button-circle-edge {
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

/*.button-square-edge:hover,*/
/*.button-circle-edge:hover {*/
/*     background: #0c0c0c; !important;*/
/*     color: #fff; !important;*/
/*}*/

.header-search {
     padding: 5px;
     margin: 0 20px;
}

.login-and-register-btn {
     border: 1px solid #393939;
     color: #393939;
    border-radius: 5px;
}

.navigation-section .modal-bg {
    overflow: unset;
}

.modal-bg {
     display: none;
     background: rgba(0, 0, 0, 0.2199999988079071);
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     z-index: 50;
     width: 100vw;
     padding: 15px;
     overflow-y: auto;
     cursor: pointer;
}

.modal-centered {
     display: flex;
     align-items: center;
     margin: 30px auto;
     min-height: 100%;
}

.modal-centered-header-search {
     max-width: 1170px;
}

.modal-content {
     width: 100%;
}

.header-search-form {
     max-width: 1170px;
     width: 100%;
     margin: 0 auto;
     position: relative;
}

.header-search-form__input {
     width: 100%;
     height: 64px;
     padding: 12px 160px 12px 50px;
     background: #ffffff;
     border: 1px solid #e6e6e6;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.header-search-form__icon {
     position: absolute;
     top: 24px;
     left: 22px;
}

.header-search-form__btn {
     position: absolute;
     top: 7px;
     right: 7px;
     padding: 14px 50px;
     background: #0c0c0c;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #ffffff;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

body.overflow-hidden {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}

.language-group {
     position: relative;
}

.language-group__btn {
     cursor: pointer;
}

.language-selcet {
     z-index: 5;
     display: none;
     margin-top: 12px;
     position: absolute;
     top: 32px;
     right: 0;
     background: #ffffff;
     padding: 5px;
     border-radius: 4px;
     box-shadow: 0px 1px 6px 0px #80808038;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
}

.language-selcet__link {
     display: flex;
     margin: 8px 10px;
     color: #484848;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}

footer {
     background: #0c0c0c;
     padding: 67px 0 30px;
}

.footer-row {
     margin: 0 -15px;
}

.footer-row__item {
     width: 25%;
     margin-bottom: 35px;
     padding: 0 15px;
}

.footer-logo {
     display: block;
     max-width: 237px;
}

.footer-menu__title {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 39px;
     color: #fff0f0;
     width: fit-content;
     padding: 0 0 10px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.26);
     margin-bottom: 20px;
}

.footer-menu__item {
     list-style: none;
     padding: 6px 0;
}

.footer-menu__item a:hover{
    text-decoration: underline solid 1px #fff;
    text-underline-offset: 10px;

}

.footer-menu__link {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     color: #fff;
}

.footer-menu__link__active,
.footer-menu__link:hover {
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
     color: #ffffff;
}

.footer-menu-icons {
     display: flex;
     align-items: center;
     margin: 0 0 8px;
}

.footer-menu-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     border: 1px solid #fff;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     margin: 0 13px 0 0;
}

.footer-menu-icon svg{
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(87deg) brightness(106%) contrast(100%);
}

.social-icon-row {
     padding: 12px 0 10px;
}

.social-icon-item {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 2px;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;


     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.social-icon-item:hover {
     border-color: #fff;
}


.footer-info {
     padding: 25px 0 0;
     border-top: 1px solid #4a4e51;
     justify-content: space-between;
}

.footer-info__text {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     text-align: left;
     color: rgba(255, 255, 255, 0.6);
}

.scrollY-color {
     overflow-y: auto;
}

.scrollY-color::-webkit-scrollbar {
     width: 6px;
}

.scrollY-color::-webkit-scrollbar-track {
     background: #f6f6f6fc;
}

.scrollY-color::-webkit-scrollbar-thumb {
     background: #0c0c0c;
}

/*.main-slide {*/
/*     min-height: 500px;*/
/*     height: 100vh;*/
/*}*/

.main-slide-effect {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     top: 50%;
     left: 0;
     right: 0;
     z-index: 2;
     transform: translateY(-50%);
     margin: auto;
     max-width: 1170px;
     width: 100%;
     padding: 0 15px;
     position: absolute;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}

.main-slide-effect__title {
     font-family: "Javacom";
     font-size: 80px;
     text-align: center;
     width: fit-content;
     background: linear-gradient(90deg, #FFFFFF 0%, #000000 100%);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     white-space: nowrap;
     margin: 0 0 46px;
     animation: typing 4s steps(22, end) forwards;
     -webkit-animation: typing 4s steps(22, end) forwards;
}

@keyframes typing {
     0% {
          width: 0%
     }

     100% {
          width: 100%
     }
}

.main-slide__item>img {
     /*filter: brightness(0.7);*/
     /*-webkit-filter: brightness(0.7);*/
     /*height: 100%;*/
     object-fit: cover;
     object-position: center;
}

.main-slide-info {
     position: absolute;
     bottom: 150px;
     /*left: 0;*/
     /*right: 0;*/
     max-width: 960px;
     width: 100%;
     padding: 20px 30px 20px 10px;
     margin: auto;
    backdrop-filter: brightness(0.5);
}

.main-slide-info__title {
     font-style: normal;
     font-weight: 700;
     font-size: 35px;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.main-title {
     text-transform: uppercase;
     font-style: normal;
     font-weight: 400;
     font-size: 32px;
     text-align: left;
     color: #000000;
     margin: 0 0 40px;
    display: flex;
}

.text-bold{
    font-weight: bold;
}


.main-title>svg {
     margin: 0 11px 0 0;
     vertical-align: middle;
}

.main-slide-info {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 2.5s ease-out forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.favorite-row .halls-serives-card-row__item,
.favorite-row .specialist-card-row__item,
.favorite-row .product-card-row__item{
    width: 20%;
}


.section-space {
     padding: 0 0 50px;
}

.section-bg {
     position: relative;
}

.section-bg::after {
     content: '';
     position: absolute;
     top: -20px;
     left: 0;
     z-index: -1;
     /*background: url('../img/section-bg-img.png') no-repeat 50% 0;*/
     background-size: 99%;
     height: 100%;
     width: 100%;
}

.slider-section,
.halls-section {
     overflow: hidden;
}

.services-slide>.swiper-wrapper,
.halls-slide>.swiper-wrapper {
     width: auto;
}
.specialist-slide>.swiper-wrapper {
    width: 100%;
}

.specialist-slide  .specialist-card-row__item {
    padding: 10px !important;
}

.services-row {
     display: flex;
     flex-wrap: wrap;
     margin: 0 0 50px;
}

.services-row__item {
     width: 25%;
     padding: 5px 5px;
}

.services-row__link {
     position: relative;
     display: block;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.services-row__link img{
    border-radius: 10px;
}

.services-info-bg {
     display: flex;
     justify-content: flex-start;
    align-items: flex-start;
     position: absolute;
     background: rgba(0, 0, 0, 0.5);
     border-radius: 5px 0px 0px 5px;
     backdrop-filter: blur(7px);
     /*top: 0;*/
     bottom: 0;
     left: 0;
     right: 0;
     padding: 12px;
    /*-ms-writing-mode: vertical-lr;*/
    /*-webkit-writing-mode: vertical-lr;*/
    /*-moz-writing-mode: vertical-lr;*/
    /*writing-mode: vertical-lr;*/
}

.services-title {
     /*word-break: break-all;*/
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #ffffff;
     margin: 0 0 8px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
    height: 50px;
}

.services-text {
     font-style: normal;
     font-weight: 500;
     font-size: 12px;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: none;
}

.services-row__link:hover .services-info-bg {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     writing-mode: unset;
     -webkit-writing-mode: unset;
     -ms-writing-mode: unset;
     right: 0;
}

/*.services-row__link:hover .services-info-bg>.services-title {*/
/*     text-align: left;*/
/*}*/

.services-row__link:hover .services-info-bg>.services-text {
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

/*.advertising-banner {*/
/*     filter: brightness(.7);*/
/*     -webkit-filter: brightness(.7);*/
/*}*/

.advertising-banner>img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.halls-card-row,
.specialist-card-row {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -10px 38px;
}

.halls-card-row__item{
     width: 16.666% ;
     padding: 10px;
    height: auto;
    text-align: center;
}



.specialist-card-row__item {
    width: 16.666% !important;
    padding: 10px;
    height: auto;
    text-align: center;
    margin-right: 0 !important;
}



#companyList .halls-card-row__item{
    width: 20%;
}



/*.halls-card-row__item .halls-card-img{*/
/*    height: 54%;*/
/*}*/

.specialist-card-row__item{
    height: auto;
    position: relative;
}
/*.cards-five-row>.specialist-card-row__item{*/
/*    height: fit-content;*/
/*}*/
.halls-card-row__link,
.specialist-card-row__link {
     display: block;
     height: 100%;
     background: #fdfdfd;
     border-radius: 10px;
     box-shadow: 0px 4px 11px rgba(192, 192, 192, 0.38);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.halls-card-img>img,
.specialist-card-img>img {
     border-radius: 10px 10px 0 0;
     -webkit-border-radius: 10px 10px 0 0;
     -moz-border-radius: 10px 10px 0 0;
     -ms-border-radius: 10px 10px 0 0;
     -o-border-radius: 10px 10px 0 0;
}

.halls-card-brand{
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 4px;
     border-radius: 50%;
     width: 122px;
     height: 122px;
     margin: -55px auto 0;
     position: relative;
     background: #ffffff;
     box-shadow: 0px 4px 6px rgba(139, 139, 139, 0.25);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}


.specialist-card-doctor {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%;
    width: 122px;
    height: 122px;
    margin: -40px auto 0;
    position: relative;
    background: #ffffff;
    box-shadow: 0px 4px 6px rgba(139, 139, 139, 0.25);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.halls-card-info {
     padding: 15px 12px 5px;
    text-align: center;
}

#specialistList  .specialist-card-row__item {
    width: 20% !important;
}

#specialistList .specialist-card-info{
    padding: 15px 12px 0 5px;
}

.specialist-card-info {
    padding: 15px 12px 0 5px;
    text-align: center;
}

.for-padding{
    padding: 15px 12px 35px 5px;
}

/*.specialist-card-row__link .halls-card-stars {*/
/*    margin: 0 0 35px;*/
/*}*/
.specialist-card-row__link .card-btn-row {
    margin: -25px auto 15px;
}

.specialist-card-row__link .card-btn{
    margin: 0 5px;
}
.specialist-card-row__link .card-btn-row{
    justify-content: center;
}

.specialist-card-info__profession{
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;

}

.no-items-section{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.halls-card-title>a{
    height: 70px;
}

.halls-card-title>a,
.specialist-card-title {
     margin: 0 0 5px;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: center;
     color: #000000;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
    word-break: break-word;
    height: 65px;
}

.specialist-card-title a{
    color: #000000;
}

.specialist-info{
    display: flex;
}

/*.services-page-section .halls-card-stars{*/
/*    display: table;*/
/*}*/



.services-page-section .services-rating-text {
    background: #000;
    color: #fff;
    padding: 13px;
    width: 200px;
    display: flex;
    justify-content: center;
}


.halls-card-stars {
     margin: 0 0 35px;
}

.halls-card-stars,
.specialist-card-stars {
     text-align: center;
}

.specialist-card-text {
     margin: 15px 0 0;
}

.halls-card-text,
.specialist-card-text {
     /*word-break: break-all;*/
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: center;
     color: #464646;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
    margin-bottom: 5px;
    height: 40px;
}

.specialist-card-text {
     margin: 0 0 13px;
}

/*.specialist-card-row__link .specialist-card-info{*/
/*    height: 150px;*/
/*}*/

.about-us {
     padding: 40px 30px 120px 0;
     background-size: cover !important;
    width: 50%;
    border-radius: 15px;
}

.about-us-des {
     max-width: 966px;
     width: 50%;
     padding: 45px 45px 60px;
     border-radius: 0px 10px 10px 0px;
     backdrop-filter: blur(15px);
     -webkit-border-radius: 0px 10px 10px 0px;
     -moz-border-radius: 0px 10px 10px 0px;
     -ms-border-radius: 0px 10px 10px 0px;
     -o-border-radius: 0px 10px 10px 0px;
    position: absolute;
    right: 100px;
    top: 40px;
}

.about-us-des>.main-title {
     color: #000;
}

.about-us-des>.main-title>svg * {
     fill: #000;
}

.about-us-card-row {
     position: relative;
     margin: -150px 2px 0;
}

.about-us-card-row__item {
     width: 25%;
     padding: 6px;
}

.about-us-card-row__block {
     height: 100%;
     padding: 30px 15px;
     background: #fff;
    box-shadow: 0px 4px 16px 0px #C0C0C040;
    border-radius: 14px;
     -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
     -ms-border-radius: 14px;
     -o-border-radius: 14px;
}

.about-us-card-img {
     width: 93px;
     height: 93px;
     margin: auto;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.about-us-card-number {
     display: block;
     margin: 30px 0 8px;
     font-style: normal;
     font-weight: 400;
     font-size: 40px;
     text-align: center;
     color: #000;
    height: 45px;
}

.about-us-card-text {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #000;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;

}

.about-us-block{
    display: flex;
    position: relative;
    height: 600px;
}

.blog-card-row {
     margin: 0 -6px;
}

.blog-card__item {
     width: 25%;
     padding: 6px;
}

.blog-card__link {
     display: block;
     position: relative;
     padding: 14px;
     background: #ffffff;
     border: 1px solid #d3dbea;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}

.blog-card-title {
     margin: 15px 0 0;
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     text-align: left;
     color: #000000;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
    height: 65px;
}

.blog-card-text {
     margin: 8px 0;
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: left;
     color: #000000;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.blog-card-date {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #000000;
}

.packages-row {
     margin: 0 -12px 18px;
}

.packages-row__item {
     width: 25%;
     padding: 10px;
}

.packages-card {
     height: 100%;
     border-radius: 10px 10px 0px 0px;
     background: #ffffff;
     border: 1px solid #fbf6f6;
     box-shadow: 0px 4px 9px rgba(200, 196, 196, 0.25);
     -webkit-border-radius: 10px 10px 0px 0px;
     -moz-border-radius: 10px 10px 0px 0px;
     -ms-border-radius: 10px 10px 0px 0px;
     -o-border-radius: 10px 10px 0px 0px;
}

.packages-card-header {
     padding: 26px 26px 11px;
     min-height: 166px;
     background: #000;
     border-radius: 10px 10px 0px 0px;
     -webkit-border-radius: 10px 10px 0px 0px;
     -moz-border-radius: 10px 10px 0px 0px;
     -ms-border-radius: 10px 10px 0px 0px;
     -o-border-radius: 10px 10px 0px 0px;
}

.packages-card-header-title {
     font-style: normal;
     font-weight: 400;
     font-size: 27px;
     text-align: left;
     color: #fff;
     margin: 0 0 5px;
    text-transform: uppercase;
}

.packages-card-header-text {
     font-style: normal;
     font-weight: 500;
     font-size: 17px;
     text-align: left;
     color: #fff;
}

.packages-card-header-price {
     font-size: 18px;
}

.packages-card-conent {
     padding: 20px 26px 20px;
}

.packages-card-conent__info {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #555b66;
     margin: 0 0 15px;
}

.packages-card-conent__text-item {
     display: flex;
     align-items: flex-start;
     padding: 9px 0;
}

.packages-card-conent__text-item>svg {
     min-width: 14px;
     margin: 3px 7px 0 0;
}

.packages-card-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: #373a3f;
    /*height: 65px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 180px;

}
.packages-card-conent__text-item svg {
    min-width: 14px;
    margin: 3px 7px 0 0;
    height: 16px !important;
}

.for-width{
    width: 420px;
}

.start{
    color: #fff;
}

.packages-card-footer {
     padding: 0 26px 22px;
}

.packages-card-btn {
     display: block;
     width: fit-content;
     padding: 6px 25px;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     color: #ffffff;
     background: #0c0c0c;
     border-radius: 100px;
     box-shadow: 0px 4px 11px rgba(151, 151, 151, 0.25);
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
    border: 1px solid #fff;
    margin-top: 10px;
}

.packages-info-text {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 22px;
     text-align: left;
     color: #000000;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input {
    color-scheme: white !important;
}


.input-group i{
    font-size: 14px;
}

.bread-crumbs {
     display: flex;
     align-items: center;
     margin: 24px 0 17px;
     overflow-x: auto;
}

.bread-crumbs::-webkit-scrollbar {
     display: none;
}

.bread-crumbs__link {
     white-space: nowrap;
     font-weight: 400;
     font-size: 10px;
     line-height: 14px;
     text-align: left;
     color: #535458;
}

.bread-crumbs__link:not(:last-child)::after {
     content: "-";
     font-size: 12px;
     padding: 0 6px;
}

.bread-crumbs__link:hover,
.bread-crumbs__link_active {
     color: #959595;
}

.page-banner {
     margin: 27px 0 0;
}

.page-banner>img {
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}

.filter-row {
     justify-content: space-between;
}

.filter-row__item {
     width: 22%;
}

.filter-row__item:last-child {
     width: 76%;
}

.search-results .filter-row__item:last-child {
    width: 100%;
}

.filter-top {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.filter-btn,
.filter-close-btn {
     display: none;
}

.filter-btn {
     margin: 0 0 0 25px;
}

.filter-block {
     margin: 12px 0 0;
}

.filter-block__item {
     position: relative;
     margin: 0 0 12px;
}

.filter-block__item>.filter-arrow {
     position: absolute;
     top: 22px;
     right: 15px;
}

.filter-dropdown {
     border: 1px solid #e8e9eb;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.sort-select,
.look-at-map {
     border: 1px solid #e8e9eb;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.sort-select,
.look-at-map,
.filter-block-btn,
.filter-dropdown__btn {
     width: 100%;
     padding: 14px;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #052b3b;
}

.sort-select {
     -moz-appearance: none;
     -webkit-appearance: none;
}

.sort-select::-ms-expand {
     display: none;
}

.look-at-map,
.filter-dropdown__btn {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.rotate-arrow {
     rotate: 180deg;
}

.filter-dropdown__content {
     border-top: 1px solid #e8e9eb;
     padding: 14px;
     display: none;
}

.filter-type-block__title {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #052b3b;
     margin: 0 0 5px;
}

.filter-chackbox {
     margin: 0 0 8px;
}

.filter-chackbox-item {
     display: flex;
     align-items: center;
     padding: 7px 0;
}

.filter-chackbox-item>input {
     width: 21px;
     height: 21px;
     background: #ffffff;
     border: 1px solid #e2eaf0;
     border-radius: 3px;
     cursor: pointer;
     accent-color: #06364b;
     margin: 0 7px 0 0;
}

.filter-chackbox-item>label,
.filter-category-link{
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 20px;
     text-align: left;
     color: #06364b;
}

.filter-category-link:hover{
    text-decoration: underline;
    text-underline-offset: 10px;
}
.filter-category-link{
    display: block;
    width: fit-content;
    padding: 7px 0;
}
/*.cards-five-row>.halls-card-row__item,*/
/*.cards-five-row>.category-card-row__item,*/
/*.cards-five-row>.specialist-card-row__item,*/
/*.cards-five-row>.product-card-row__item {*/
/*     width: 20%;*/
/*}*/

.services-card-row {
     margin: 0 -10px 30px;
}

.services-card-row__item {
     padding: 10px;
     width: 20%;
}

.services-card-row__link {
     display: block;
     height: 100%;
     background: #fdfdfd;
     border-radius: 10px;
     box-shadow: 0px 4px 11px rgba(192, 192, 192, 0.38);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.services-card-row__link>img {
     border-radius: 10px 10px 0px 0px;
     -webkit-border-radius: 10px 10px 0px 0px;
     -moz-border-radius: 10px 10px 0px 0px;
     -ms-border-radius: 10px 10px 0px 0px;
     -o-border-radius: 10px 10px 0px 0px;
}

.services-card-img {
     padding: 4px;
     border-radius: 50%;
     width: 120px;
     height: 120px;
     position: relative;
     margin: -55px  auto 0;
     background: #ffffff;
     box-shadow: 0px 4px 6px rgba(139, 139, 139, 0.25);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.search-results .services-card-img img{
    border-radius: 50%;
}

.services-card-info {
     padding: 8px 14px 40px;
}

.services-card-info__title {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #000000;
     margin: 0 0 20px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
    height: 45px;
}

.invalid-feedback strong{
    font-weight: normal;
    font-size: 15px;
}

.product-card-row__link .services-card-info__profession {
    text-align: center;
}

.services-card-info__profession {
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: center;
     color: #464646;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
    height: 40px;
}

.home-product-price{
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-top: 5px;
}

.services-card-info__price {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #000000;
}

.services-page-banner {
     margin: 20px 0 0;
}

.services-page-banner>img {
     border-radius: 16px 16px 0px 0px;
     min-height: 114px;
     object-fit: cover;
}

.services-top {
     align-items: center;
}

.services-top__img {
     margin: -60px 14px 14px;
     width: 182px;
     height: 182px;
     padding: 4px;
     background: #ffffff;
     box-shadow: 0px 4px 6px rgba(139, 139, 139, 0.25);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.services-top__title {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}

.services-top__title>.main-title {
     margin: 0 20px 10px 0;
}

.services-favorite-btn {
     width: 42px;
     height: 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #ffffff;
     border-radius: 50%;
     box-shadow: 0px 5px 17px rgba(206, 206, 206, 0.34);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.services-name-text {
     width: 100%;
     margin: 0 0 2px;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #838383;
}

.services-top__rating {
     margin: 0 0 0 auto;
}

.services-top__rating .halls-card-stars{
    margin: 0 0 10px 0;
}

.services-rating-stars {
     display: flex;
     justify-content: flex-end;
}

.services-rating-text {
     margin: 0;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #838383;
}

.services-type-info {
     margin: 26px 0 35px;
}

.services-type {
     display: flex;
     overflow-x: auto;
     background: #ffffff;
     padding: 0 15px;
     border-radius: 10px 10px 0px 0px;
     box-shadow: 0px 4px 11px rgba(158, 158, 158, 0.13);
     -webkit-border-radius: 10px 10px 0px 0px;
     -moz-border-radius: 10px 10px 0px 0px;
     -ms-border-radius: 10px 10px 0px 0px;
     -o-border-radius: 10px 10px 0px 0px;
}

.services-type::-webkit-scrollbar,
.blog-filter::-webkit-scrollbar,
.register-btns::-webkit-scrollbar,
.type-filter::-webkit-scrollbar {
     height: 6px;
}

.services-type::-webkit-scrollbar-thumb,
.blog-filter::-webkit-scrollbar-thumb,
.register-btns::-webkit-scrollbar-thumb,
.type-filter::-webkit-scrollbar-thumb {
     background: #000000;
}

.services-type__btn {
     padding: 18px 22px;
     margin: 0 0 5px;
     white-space: nowrap;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #838383;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.services-type__btn:hover,
.services-type__btn_active {
     color: #000000;
     border-bottom: 1px solid #000000;
}

.services-type-content {
     margin: 35px 0 0;
}

.services-type-content .halls-card-stars{
    margin: 0;
}

.services-type-content .home-product-price{
    padding-bottom: 35px;
}

.services-description__img {
     float: left;
     width: 42%;
     margin: 0 30px 20px 0;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.services-description__img,
.services-description__img>img {
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.gallery-box,
.video-box {
     margin: 30px -6px;
}

.gallery-box__item,
.video-box__item {
     width: 16.666%;
     padding: 6px;
}

.video-box__item {
     border: 2px solid #ffffff00;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.video-box__item>a {
     display: block;
     position: relative;
     padding-top: 73%;
}

.video-box__item>a>img {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 2;
     margin: auto;
}

.video-box__item>a>iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 8px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
}

.video-box-play-btn {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 5;
     margin: auto;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}


.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after,
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
     border: 3px solid #AD8211;
}

.share a svg{
    border-radius: 8px;
}

.share-with-friends {
     align-items: flex-start;
    margin-top: 20px;
}

.share-with-friends svg{
    border-radius: 0 !important;
}

.share-with-friends__title {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #000000;
     margin: 11px 15px 8px 0;
}

.share__link {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 3px 3px 3px 0;
     width: 33px;
     height: 33px;
     padding: 12px;
}


.services-contacts {
     justify-content: space-between;
}

.services-contacts__item {
     width: 28%;
}

.services-contacts__item:last-child {
     width: 69%;
}

.services-contact-info {
     padding: 29px 25px;
     background: #ffffff;
     border-radius: 5px;
     box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.services-contact-info__item {
     display: flex;
     align-items: flex-start;
     width: fit-content;
     padding: 0 10px 0 0;
     margin: 0 0 13px;
}

.services-contact-info__icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     padding: 9px;
     margin: 0 22px 0 0;
     border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
}
.services-contact-info__icon svg{
    padding: 0;
}

.services-contact-info__title {
     display: block;
     width: 100%;
     font-style: normal;
     font-weight: 400;
     font-size: 10px;
     text-align: left;
     color: #9e9e9e;
}

.services-contact-info__text {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #000000;
}

.services-map,
.contacts-page-map {
     min-height: 315px;
     height: 100%;
     max-height: 600px;
     padding: 10px;
     background: #ffffff;
     border-radius: 5px;
     box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.services-booking {
     max-width: 420px;
     width: 100%;
     margin: auto;
     padding: 28px 25px;
     background: #fdfdfd;
     border-radius: 10px;
     box-shadow: 0px 4px 11px rgba(89, 89, 89, 0.38);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.main-form__item {
     width: 100%;
     position: relative;
     margin: 0 0 30px;
}

.main-form__item button{
    border: 1px solid #000 !important;
    /*padding: 10px;*/
    color: #000;
    -webkit-background-color: #000;
}

.main-form__item button:hover{
   background: #000;
    color: #fff !important;
    -webkit-background-color: #fff !important;
}

.main-form__label {
     /*position: absolute;*/
     /*top: -25px;*/
     /*left: 0;*/
     z-index: 1;
     padding: 3px;
     background: #ffffff;
     font-style: normal;
     font-weight: 400;
     font-size: 11px;
     text-align: left;
     color: #2d2f2f99;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.red{
    color: red;
}

.price-input{
    display: flex;
    align-items: center;
    width: 250px;
}

.price-input input{
    width: 20%;
    cursor: pointer;
}
/*.settings-form-bg .main-form__label {*/
/*    position: absolute;*/
/*    top: -12px;*/
/*    left: 15px;*/
/*}*/



.work-hour-row .main-form__label{
    top: -10px;
}

.main-form__input,
.main-form__textarea,
.main-select-options {
     outline: none;
     width: 100%;
     font-size: 12px;
     color: #2d2f2f99;
     padding: 12px 10px;
     background: #ffffff;
     border: 1px solid #e5e2e2;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     -o-border-radius: 3px;
}

.main-form__input:focus,
.main-form__textarea:focus,
.main-select-options:focus {
     background: #fff;
}

.main-form__textarea {
     resize: none;
     display: flex;
     height: 130px;
}

.main-form__btn {
     margin: 0 0 0 auto;
     padding: 12px 30px;
}


.main-form__input {
    transition: border-color .5s ease-in-out, box-shadow 0.3s ease-in-out;
    accent-color: #000;
}

.main-form__input:focus,
.main-form__input:active {
    border-color: #000;
}




.services-page-item-row {
     justify-content: space-between;
}

.services-page-item-slide {
     width: 40%;
}

.services-page-mobile-title {
     display: none;
}

/*.services-page-slide__item{*/
/*    box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);*/
/*}*/

.services-page-slide-section{
    position: relative;
}

.services-page-slide-section .swiper-pagination{
    position: absolute;
    bottom: -30px;
}

.swiper-pagination-bullet-active{
    background: #000;
}


.services-page-slide{
    box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
}

.services-page-slide>.swiper-pagination {
     bottom: 29px;
}

.services-page-slide>.swiper-pagination>.swiper-pagination-bullet {
     background: #ffffff;
}

.services-page-slide>.swiper-pagination>.swiper-pagination-bullet-active {
     width: 24px;
     background: #000000;
     border-radius: 12px;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     -ms-border-radius: 12px;
     -o-border-radius: 12px;
}

.services-page-slide__item>img {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}



.services-page-item-code {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #353535;
     margin: 0 40px 25px 0;
}

.services-page-item-params {
     width: 35%;
     padding: 0 20px;
}

.services-page-item-params>.main-title {
     margin: 0 0 15px;
}

.services-table {
     margin: 25px 0;
}

.services-table__item {
     display: flex;
     padding: 9px 14px;
}

.services-table__item:nth-child(even) {
     background: #F8F8F8;
}

.services-table-title,
.services-table-text {
     width: 50%;
}

.services-table-title {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #b6b6b6;
     margin: 0 10px 0 0;
}

.services-table-text {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     text-align: left;
     color: #353535;
}

.services-page-item-price {
     align-items: center;
}

.services-page-item-price__title {
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     text-align: left;
     color: #464646;
     margin: 0 10px 0 0;
}

.services-page-item-price__price {
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     text-align: left;
     color: #464646;
}

.services-page-item-contact {
     width: 25%;
}

.services-contact-header {
     display: flex;
     align-items: center;
     margin: 0 0 30px;
    max-width: 350px;
    word-wrap: break-word;
}

.services-contact-header__brand {
     min-width: 85px;
     max-width: 85px;
     height: 85px;
     padding: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #ffffff;
     margin: 0 15px 0 0;
     box-shadow: 0px 4px 6px rgba(139, 139, 139, 0.25);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.services-contact-header__title {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #000000;
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word;

}

.services-page-item-des {
     margin: 0 0 25px;
}

.halls-serives-card-row {
     margin: 0 -8px;
}

.halls-serives-card-row__item {
     width: 16.6%;
     padding: 8px 8px 12px;
    position: relative;
}

.halls-serives-card-row__link {
     display: block;
     height: 100%;
     background: #fdfdfd;
     border-radius: 10px;
     box-shadow: 0px 4px 11px rgba(192, 192, 192, 0.38);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.halls-serives-card-row__link>img {
     border-radius: 10px 10px 0 0;
     -webkit-border-radius: 10px 10px 0 0;
     -moz-border-radius: 10px 10px 0 0;
     -ms-border-radius: 10px 10px 0 0;
     -o-border-radius: 10px 10px 0 0;
}

.halls-serives-card-info {
     padding: 28px 13px 30px;
}

.halls-serives-card-info span{
    display: block;
    margin-top: 15px;
    text-align: left;
}

.halls-serives-card-row__item  span{
    display: block;
    margin-top: 15px;
    text-align: left;
}

.halls-serives-card-info__title {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #000000;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
    height: 50px;
}

.halls-serives-card-info__profession {
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: center;
     color: #464646;
     margin: 13px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;

}

.halls-serives-card-info__price {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #000000;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 55px;

}

.halls-page-ratings {
     margin: 0 0 20px;
}

.halls-page-ratings__item {
     display: flex;
     align-items: flex-start;
     padding: 4px 0 20px;
}

.halls-page-ratings__item:not(:last-child) {
     border-bottom: 1px solid #eaeaeaee;
}

.halls-page-ratings-img {
     min-width: 92px;
     width: 92px;
     height: 92px;
     margin: 0 15px 0 0;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 4px;
     border-radius: 50%;
     background: #ffffff;
     box-shadow: 0px 4px 6px rgba(139, 139, 139, 0.25);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.halls-page-ratings-title {
     font-style: normal;
     font-weight: 400;
     font-size: 21px;
     text-align: left;
     color: #000000;
     margin: 0 0 6px;
}

.halls-page-ratings-title-text {
     margin: 7px 0 0;
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: left;
     color: #30313d;
}

.ratings-message {
     padding: 21px 25px 17px;
     background: #ffffff;
     border-radius: 5px;
     box-shadow: 0px 4px 21px rgba(192, 192, 192, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.ratings-message-form {
     margin: 30px 0 20px;
}

.ratings-message-form label {
     font-size: 14px;
}

.ratings-message-form .main-form__item button{
    padding: 10px;
}

.ratings-title-stars-register {
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 16px;
     text-align: left;
     color: #717171;
}

.ratings-title-stars-register>a {
     text-decoration: underline;
     color: #000000;
}

.product-card-row {
     margin: 0 -8px 30px;
}

.product-card-row__item {
     padding: 8px;
     width: 16.666%;
    height: auto;
    position: relative;
}

.product-card-row__link {
     position: relative;
     display: block;
     height: 100%;
     padding: 10px 10px 35px;
     background: #fdfdfd;
     border-radius: 10px;
     box-shadow: 0px 4px 11px rgba(192, 192, 192, 0.38);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.product-card-small-img {
     position: absolute;
     top: 100px;
     left: 0;
     right: 0;
     margin: auto;
     width: 68px;
     height: 68px;
     padding: 2px;
     border-radius: 50%;
     background: #ffffff;
     box-shadow: 0px 4px 6px rgba(139, 139, 139, 0.25);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
#productList .product-card-row__item {
    width: 20%;
}


#productList .product-card-small-img {
    top: 70px;
}

#top_items .product-card-small-img {
    top: 70px;
}

.product-card-title {
     margin: 55px 0 17px;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #000000;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
    height: 45px;
}

.product-card-text {
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: left;
     color: #464646;
    padding-right: 5px;
}

.product-card-price {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #000000;
    user-select: none;
}

.downloads {
     margin: 30px 0 0;
}

.downloads__link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #717171;
     padding: 20px 24px;
     margin: 0 0 11px;
     background: #ffffff;
     border: 1px solid #f0f3f9;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.downloads__link>svg {
     margin: 0 0 0 30px;
}

.information-page-card-row {
     margin: 30px -6px 0;
}

.information-page-card-row__item {
     padding: 6px;
     width: 25%;
}

.information-page-card-row__link {
     display: block;
     position: relative;
}

.information-page-card-row__link,
.information-page-card-row__link>img {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.information-page-card-info-bg {
     position: absolute;
     bottom: 16px;
     left: 0;
     padding: 11px 16px;
     margin: 0 25px 0 0;
     background: rgba(0, 0, 0, 0.3100000023841858);
     backdrop-filter: blur(22px);
}

.information-page-card-info-bg__title {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.information-page-img,
.blog-page-img,
.about-us-page-img {
     width: 52%;
     float: left;
     margin: 0 35px 20px 0;
}

.information-page-img>img,
.blog-page-img>img {
     border-radius: 16px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     -ms-border-radius: 16px;
     -o-border-radius: 16px;
}

.blog-filter,
.type-filter {
     display: flex;
     align-items: center;
     overflow-x: auto;
     padding: 0 0 35px;
}

.type-filter__btn span{
    padding-left: 10px;
}

.blog-filter__btn,
.type-filter__btn {
     padding: 12px 50px;
     white-space: nowrap;
     margin: 0 12px 0 0;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: center;
     color: #000000;
     background: #ffffff;
     border-radius: 100px;
     transition: .4s ease;
     box-shadow: 4px 4px 18px rgba(113, 142, 191, 0.22);
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.blog-filter__btn:hover,
.blog-filter__btn_active,
.type-filter__btn:hover,
.type-filter__btn_active {
     color: #ffffff;
     background: #000000;
}

.blog-card-label {
     position: absolute;
     top: 30px;
     left: 14px;
     max-width: 200px;
     padding: 10px 14px;
}

.blog-card-label__text {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
}

.blog-page-row {
     margin: 0 0 30px;
}

.blog-page-img {
     position: relative;

}

.password-info{
    margin: -10px 0 20px;
}


.password-info div{
    display: flex;
    align-items: baseline;
    font-weight: 400;
    font-size: 15px;
    color: #222222;
}

.password-info svg{
    margin-right: 8px;
}

.verify-register-section,
.login-register-section {
     padding: 40px 0;
     /*background: url('../img/login-and-register-bg.png') no-repeat center;*/
     /*background-size: cover;*/
     /*background-color: #0C0C18;*/
}

.verify-window,
.login-window,
.register-window {
     max-width: 480px;
     width: 100%;
     margin: auto;
     background: #ffffff;
     border-radius: 10px;
     /*box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.25);*/
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.verify-window__header,
.login-window__header,
.register-window__header {
     border-radius: 9px 9px 0 0;
     /*background: url('../img/login-register-header-bg.png') no-repeat center;*/
     background-size: cover;
     padding: 30px;
     min-height: 170px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     -webkit-border-radius: 9px 9px 0 0;
     -moz-border-radius: 9px 9px 0 0;
     -ms-border-radius: 9px 9px 0 0;
     -o-border-radius: 9px 9px 0 0;
}

.verify-window-title,
.login-window-title,
.register-window-title {
     font-style: normal;
     font-weight: 400;
     font-size: 30px;
     line-height: 25px;
     text-align: center;
     color: #000;
     margin: 0 0 14px;
}

.login-window-text,
.register-window-text {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #ffffff9e;
}

.login-window__content {
     padding: 40px 33px 25px;
}

.register-window__content {
     padding: 28px 33px 5px;
}

.login-registr-with-social-text {
     font-style: normal;
     font-weight: 400;
     font-size: 11px;
     text-align: center;
     color: #484848;
}

.login-registr-with-social-title {
     font-style: normal;
     font-weight: 400;
     font-size: 17px;
     line-height: 25px;
     text-align: center;
     color: #484848;
}

.login-registr-with-social {
     margin: 20px 0;
     display: flex;
     justify-content: center;
}

.login-registr-with-social__link {
     display: flex;
     padding: 6px;
}

.forgot-password {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: center;
     /*text-decoration-line: underline;*/
     color: #272a2bcf;
}

.login-logo,
.register-logo {
     width: fit-content;
     margin: 0 auto;
}

.login-logo svg,
.register-logo svg{
    width: 100%;
}

.register-window {
     max-width: 625px;
     width: 100%;
}

.register-btns {
     display: flex;
     align-items: center;
     padding: 0 0 18px;
     overflow-x: auto;
}

.register-btns__btn {
     padding: 12px 50px;
     margin: 0 6px;
     width: 100%;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: center;
     color: #000000;
     white-space: nowrap;
     background: #ffffff;
    border: 1px solid #000;
     /*border-radius: 100px;*/
     transition: .4s ease;
     /*box-shadow: 3px 4px 6px rgba(113, 142, 191, 0.22);*/
     /*-webkit-border-radius: 100px;*/
     /*-moz-border-radius: 100px;*/
     /*-ms-border-radius: 100px;*/
     /*-o-border-radius: 100px;*/
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.register-btns__btn:hover,
.register-btns__btn_active {
     background: #000;
     color: #ffffff;
}

.register-form-checked__input {
     min-width: 25px;
     height: 25px;
     margin: 4px 10px 0 0;
     cursor: pointer;
     accent-color: #06364b;
}

.register-form-checked__label {
     cursor: pointer;
     vertical-align: super;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #3e465b;
}

.register-form-checked__label:hover{
    text-decoration: underline solid 1px #000;
    text-underline-offset: 5px;
}


.register-forms {
     position: relative;
     overflow: hidden;
     padding: 20px 0 0;
}

.register-form {
     visibility: hidden;
     position: absolute;
     z-index: 2;
     width: 100%;
     right: 100%;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.register-form.open-form {
     visibility: visible;
     position: relative;
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
     -ms-transform: translateX(100%);
     -o-transform: translateX(100%);
}

.subscribe-block{
    border: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.subscribe-block button{
    padding: 15px 24px;
    background: #000;
    color: #fff;
}

.subscribe-block input{
    color: #000;
    padding-left: 21px;
    width: 100%;
}

.vacancies__item {
     padding: 26px 40px;
     margin: 0 0 22px;
     background: #fdfdfd7a;
     border: 1px solid #d9d9d9;
     border-radius: 15px;
     box-shadow: 0px 4px 11px rgba(89, 89, 89, 0.38);
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}

.vacancies__title {
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     text-align: left;
     color: #000000;
}

.vacancies__title>svg {
     vertical-align: middle;
     margin: 0 8px 0 0;
}

.vacancies__des {
     padding: 26px 0 13px;
}

.vacancies__date {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -14px;
}

.vacancies-date-item {
     padding: 3px 14px;
}

.vacancies-date-item:first-child {
     border-right: 1px solid #e0e0e0;
}

.vacancies-date-item__title {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #808080;
}

.vacancies-date-item__text {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #000000;
}

.vacancies-row {
     margin: 30px 0 0;
     justify-content: space-between;
}

.vacancies-row__item {
     width: 70%;
}

.vacancies-row__item:last-child {
     width: 25%;
}

.faq__item {
     margin: 0 0 17px;
     overflow: hidden;
}

.faq-btn {
     width: 100%;
     position: relative;
     padding: 16px 19px;
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #5a5a5a;
     border: 1px solid #f4f4f4;
     border-radius: 3px;
     transition: 1s ease;
     box-shadow: 0px 2px 14px rgba(212, 212, 212, 0.25);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     -webkit-transition: 1s ease;
     -moz-transition: 1s ease;
     -ms-transition: 1s ease;
     -o-transition: 1s ease;
}

.faq-btn_active {
     color: #ffff;
}

.faq-btn::after {
     content: '';
     width: 5px;
     top: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     position: absolute;
     background: #000000;
     border-radius: 0px 3px 3px 0px;
     -webkit-border-radius: 0px 3px 3px 0px;
     -moz-border-radius: 0px 3px 3px 0px;
     -ms-border-radius: 0px 3px 3px 0px;
     -o-border-radius: 0px 3px 3px 0px;
}

.faq-btn:hover.faq-btn::after {
     width: 100%;
}

.faq-btn:hover {
     color: #ffff;
}

.faq-btn_active::after {
     width: 100%;
     color: #ffff;
}

.faq-text {
     display: none;
     padding: 19px 16px 5px;
}

.faq-btn_active+.faq-text {
     display: block;
}

.about-us-page-img>img {
     border-radius: 5px 30px 5px 30px;
}

.about-us-page-row__item:nth-child(3) .about-us-page-img {
     float: right;
     margin: 0 0 20px 35px;
}

.about-us-page-row__item:nth-child(3) .about-us-page-des {
     text-align: right;
}

.about-us-page-row>.about-us-card-row {
     margin: 35px 0;
}

.contacts-page-info {
     max-width: 444px;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 25px;
     text-align: left;
     color: #30313d;
}

.contacts-page-row {
     margin: 45px 0;
     justify-content: space-between;
}

.contacts-page-row__form {
     width: 30%;
}

.contacts-page-row__map {
     width: 45%;
}



.contacts-page-row__info {
     width: 20%;
}

.contacts-page-map {
     padding: 18px;
}

.contacts-page-info {
     margin: 0 0 16px;
}

.contacts-page-info__title,
.contacts-page-info__link {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 36px;
     text-align: left;
     color: #454a50;
}

.contacts-page-form__btn {
     margin: 0;
     padding: 10px 32px;
}

.settings-section {
     padding: 40px 0;
}

.settings-row {
     justify-content: space-between;
}

.no-items-found{
    font-size: 25px;
    text-align: center;
}


.settings-open-btn {
     align-items: center;
     margin: 0 0 30px;
     padding: 11px 0;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #000;
     background: #FFF;
     border-radius: 0px 100px 100px 0px;
     -webkit-border-radius: 0px 100px 100px 0px;
     -moz-border-radius: 0px 100px 100px 0px;
     -ms-border-radius: 0px 100px 100px 0px;
     -o-border-radius: 0px 100px 100px 0px;
}

.settings-open-btn,
.settings-aside-close {
     display: none;
}

.settings-open-btn>svg {
     margin: 0 16px 0 0;
    stroke: #000;
}

.settings-row__item {
     width: 25%;
}

.settings-row__item:last-child {
     width: 73%;
}

.settings-aside-bg {
     box-shadow: 2px 5px 17px rgba(206, 206, 206, 0.34);
}

.settings-aside {
     padding: 26px 19px 70px 0;
     background: #ffffff;
     box-shadow: 2px 5px 17px rgba(206, 206, 206, 0.34);
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.settings-menu__link {
     display: flex;
     align-items: center;
     padding: 11px 25px;
     margin: 0 0 14px;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     color: #484848;
     background: #ffffff;
     transition: .4s ease;
     border-radius: 0px 100px 100px 0px;
     -webkit-border-radius: 0px 100px 100px 0px;
     -moz-border-radius: 0px 100px 100px 0px;
     -ms-border-radius: 0px 100px 100px 0px;
     -o-border-radius: 0px 100px 100px 0px;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.settings-menu__link>svg {
     margin: 0 16px 0 0;
}

.settings-menu__link:hover,
.settings-menu__link_active {
     color: #ffffff;
     background-color: #000000;
}

.settings-menu__link:hover svg *,
.settings-menu__link_active>svg * {
     fill: #ffffff;
}

.settings-menu-exit {
     margin: 0 0 0 19px;
}

.settings-form-bg {
     padding: 40px 30px 30px;
     background: #ffffff;
     border-radius: 20px;
     margin: 0 0 35px;
     box-shadow: 4px 4px 18px rgba(113, 142, 191, 0.22);
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}

.personal-info-change__title {
     font-style: normal;
     font-weight: 400;
     font-size: 23px;
     text-align: left;
     color: #484848;
     margin: 0 0 40px;
}

.settings-change-form {
     margin: 0 -8px;
}

.settings-change-form>.main-form__item {
     width: 50%;
     padding: 0 8px;
}

.order-row__item {
     padding: 4px 27px;
     margin: 0 0 25px;
     background: #ffffff;
     border-radius: 15px;
     box-shadow: 4px 4px 18px rgba(113, 142, 191, 0.22);
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}

.order-header {
     cursor: pointer;
     align-items: center;
     justify-content: space-between;
     padding: 15px 0;
}

.order-header__title {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #484848;
     margin: 0 25px 0 0;
}

.order-header__date {
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     color: #000;
}

.order-content {
     display: none;
     border-top: 1px solid #ececec;
}

.order-header-open+.order-content {
     display: block;
}

.order-content__item {
     display: flex;
     padding: 15px 0;
}

.order-content__item:not(:last-child) {
     border-bottom: 1px solid #f2f3f7;
}

.order-content__title {
     white-space: nowrap;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #718ebf;
}

.order-content__text {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #051d41;
}

.type-filter__btn {
     display: flex;
     justify-content: space-between;
     min-width: 190px;
     padding: 12px 17px;
}

.type-card-row>.halls-card-row__item {
     width: 25%;
}

.analytics-container {
     justify-content: space-between;
     margin: 0 0 13px;
}

.analytics-row {
     width: 58%;
     margin: 0 -8px;
}

.analytics-row__item {
     padding: 0 8px 17px;
     width: 50%;
}

.analytics-block {
     height: 100%;
     padding: 20px 32px;
     background: #4a4a4a;
     border: 1px solid rgba(113, 142, 191, 0.25);
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.analytics-row__item:nth-child(even) .analytics-block {
     background: #6d6d6d;
}

.analytics-block__title {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #ffffff;
    height: 65px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.analytics-block__number {
     font-style: normal;
     font-weight: 500;
     font-size: 44px;
     text-align: left;
     color: #ffffff;
}

.services-add-btn {
     margin: 0 0 17px;
     border: none;
     box-shadow: 4px 4px 18px rgba(113, 142, 191, 0.22);
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.card-btn-row {
     max-width: 140px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 10px auto 15px;
}

.card-btn,
.vacancies-edit-btn,
.vacancies-delete-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 39px;
     height: 39px;
     background: #ffffff;
     border-radius: 50%;
     box-shadow: 4px 4px 18px rgba(231, 228, 232, 0.8);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.card-place-btn {
     display: flex;
     align-items: center;
    justify-content: left;
     font-style: normal;
     font-weight: 400;
     font-size: 10px;
     text-align: left;
     /*color: #718ebf;*/
     color: #000000;
     padding: 13px;
     margin: 8px 0;
     background: #ffffff;
     border-radius: 100px;
     box-shadow: 4px 4px 18px rgba(113, 142, 191, 0.22);
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
    margin: 5px auto 5px;
    width: 100%;
    height: 55px;
}

.card-place-btn>svg {
     margin: 0 10px 0 0;
    width: 19px;
}

.add-cabinet-container {
     max-width: 560px;
     width: 100%;
}

.add-cabinet-back-btn {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     text-align: left;
     color: #000000;
     margin: 0 0 20px;
}

.add-cabinet-back-btn>svg {
     margin: 0 12px 0 0;
}

.add-cabinet-title {
     font-style: normal;
     font-weight: 400;
     font-size: 23px;
     text-align: left;
     color: #484848;
}

.add-cabinet-lang {
     display: flex;
     align-items: center;
     overflow-x: auto;
     padding: 20px 0;
}

.add-cabinet-lang__link {
     padding: 11px 50px;
     margin: 0 5px;
     display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: center;
     color: #000000;
     background: #ffffff;
     border-radius: 100px;
     box-shadow: 4px 4px 18px rgba(113, 142, 191, 0.22);
     transition: .4s ease;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.add-cabinet-lang__link:hover,
.add-cabinet-lang__link_active {
     color: #ffffff;
     background: #000000;
}

.upload-photo {
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     height: 158px;
     width: 100%;
     color: #2d2f2f99;
     padding: 12px 10px;
     background: #ffffff;
     border: 1px solid #e4e7ef;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.upload-photo_small {
     width: 100%;
     /*height: 227px;*/
}

.upload-photo__label {
     display: flex;
     width: 100%;
     height: 100%;
     align-items: center;
     justify-content: center;
    cursor: pointer;
}

.upload-photo__input {
     position: absolute;
     z-index: -1;
     width: 30px;
     opacity: 0;
     bottom: 15px;
     left: 15px;
}

.work-hour-row {
     display: flex;
     align-items: center;
     margin: 0 -5px;
}

/*.work-hour-row input{*/
/*    margin: 15px 0 0 15px;*/
/*}*/

.work-hour-row>.main-form__item {
     padding: 0 5px;
}

.remove-work-hour{
    color: #000 !important;
    margin: 15px 0 0 10px !important;
    padding: 3px 5px;
}

.work-hour {
     display: flex;
     align-items: baseline;
}

.work-hour>input {
     height: 41px;
     cursor: pointer;
     color: #2d2f2f99;
     padding: 5px 10px;
     border: 1px solid #F9F9F9;

}

.add-work-hour,
.add-phone-number {
     margin: 10px 0 0 0;
     min-width: 36px;
     /*height: 36px;*/
     font-size: 16px;
    padding: 10px;
     background: #ffffff;
     color: #000000;
     border: 1px solid #000000;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.add-work-hour:hover,
.add-phone-number:hover {
     background: #000000;
     color: #ffffff;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.form-gallery-row {
     margin: 10px -5px 30px;
}

.form-gallery-row__item {
     width: 118px;
     height: 118px;
     padding: 5px;
     margin: 0 0 5px;
}

.form-gallery-row__item label{
    position: absolute;
    top: -22px;
    left: 0;
}

.form-gallery,
.form-gallery-add {
     padding: 10px;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     background: #ffffff;
     border: 1px solid #e4e7ef;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.form-gallery img {
     width: 32px;
     height: auto;
}

.map-icon {
     cursor: pointer;
     position: absolute;
     top: 12px;
     right: 14px;
}

.add-cabinet-container>.settings-add-specialist-form {
     margin: 40px 0 15px;
}

.confirm-card-btn {
     margin: 12px 0 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 39px;
     height: 39px;
     border-radius: 50%;
     background: #ffffff;
     box-shadow: 4px 4px 18px rgba(231, 228, 232, 0.8);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.control-system-row {
     margin: 0 -5px;
}

.control-system-row__item {
     padding: 0 5px 15px 5px;
     width: 33.333%;
}

.control-system {
     height: 100%;
     padding: 15px 18px;
     background: #ffffff;
     border: 1px solid #efefef;
     border-radius: 11px;
     box-shadow: 0px 4px 9px rgba(223, 218, 218, 0.25);
     -webkit-border-radius: 11px;
     -moz-border-radius: 11px;
     -ms-border-radius: 11px;
     -o-border-radius: 11px;
}

.control-system-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.control-system-title {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #ffffff;
    height: 65px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.control-system-img {
     margin: 0 0 0 12px;
     min-width: 32px;
     width: 32px;
     height: 32px;
     object-fit: cover;
}

.control-system-number {
     font-style: normal;
     font-weight: 500;
     font-size: 74px;
     text-align: left;
     color: #ffffff;
}

.send-confirmation-btn {
     margin: 0;
}

.choose-radio-title {
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     text-align: left;
     color: #2d2f2fe3;
}

.choose-radio-row {
     display: flex;
     align-items: center;
     margin: 20px 0 0;
}

.choose-radio-row__item {
     display: flex;
     align-items: center;
     padding: 0 12px 0 0;
}

.choose-radio-row__item>input {
     width: 15px;
     height: 15px;
     accent-color: #06364b;
     cursor: pointer;
     margin: 0 4px 0 0;
}

.choose-radio-row__item>label {
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: left;
     color: #818283;
}

.remove-phone-number{
    position: absolute;
    right: 15px;
    top: 30px !important;
    border: 0.5px solid #2d2f2f99;
    padding: 3px 5px !important;
    color: #2d2f2f99 !important;
}


.vacancies-text {
     margin: 0 10px 10px 0;
     box-shadow: 0px 0px 14px rgba(120, 120, 120, 0.14);
     border-radius: 100px;
     padding: 12px 16px;
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: center;
     color: #4f4f4f;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.vacancies-edit-btn {
     margin: 0 10px 10px;
}

.vacancies-hour-title {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     text-align: left;
     color: #484848;
     margin: 0 0 25px;
}

.form-half-item {
     width: 50%;
}

.vacancies-hour-row {
     margin: 0 -4px;
}

.vacancies-hour-row>.main-form__item {
     padding: 0 4px;
}

.transactions-row,
.notifications-row {
     margin: 0 -10px;
}

.transactions-row__item {
     width: 33.333%;
     padding: 0 10px 10px;
}

.transactions,
.notifications {
     padding: 18px 35px;
     height: 100%;
     background: #ffffff;
     border-radius: 10px;
     box-shadow: 4px 4px 18px rgba(113, 142, 191, 0.22);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.transactions-info {
     padding: 8px 0;
}

.transactions-info__title {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #707070;

}

.transactions-info__text {
     font-style: normal;
     font-weight: 400;
     font-size: 17px;
     text-align: left;
     color: #000000;
}


.notifications-row__item {
     width: 50%;
     padding: 0 10px 10px;
}

.notifications {
     padding: 21px 26px;
}

.notifications__title {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 23px;
     text-align: left;
     color: #000000;
}

.notifications__text {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #555b66;
     margin: 20px 0;
}

.transactions__date {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #35373a;
}

.cards-three-row .card-btn-row {
     margin: 10px auto 15px;
}


.settings-packages-row>div {
     width: 25%;
}
.cards-three-row>div{
    width: 25%;
}


.packages-order-number-title {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #000000;
     margin: 0 0 20px;
}

.packages-pay-text {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #484848;
}

.packages-pay-price {
     font-weight: 400;
     font-size: 28px;
     text-align: left;
     color: #000000;
     margin: 15px 0 24px;
}

.packages-pay-row {
     margin: 0 -4px 20px;
}

.packages-pay-row__item {
     padding: 4px 4px 10px;
     max-width: 160px;
     width: 100%;
}

.packages-pay-method {
     padding: 10px 12px;
     height: 100%;
     display: flex;
     align-items: center;
     background: #ffffff;
     border: 1px solid #e4e4e4;
     border-radius: 100px;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.packages-pay-method>input {
     cursor: pointer;
     accent-color: #06364b;
     margin: 0 10px 0 0;
}

.packages-pay-method>label {
     display: block;
}

.pagination-row {
     justify-content: flex-end;
}

.pagination-row a{
    border: 1px solid #000;
    padding: 2px 10px;
    color: #000;
    margin: 0 2px;
}

.pagination-row .active{
    background: #000;
    color: #fff;
}

sub {
     vertical-align: bottom;
    /*padding-left: 3px;*/
}

.required::after {
     content: ' *';
     color: #ff0000;
}

.category-menu .flex-box{
    display: flex;
    column-count: 2;
}

.flex-box {
     display: flex;
     flex-wrap: wrap;

}

div:where(.swal2-icon).swal2-info{
    border-color: #000 !important;
    color: #000 !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: #000 !important;
}

div:where(.swal2-icon).swal2-warning {
    border-color: #000 !important;
    color: #000 !important;
}

.no-price{
    height: 30px;
}

.show {
     display: block !important;
}

.hide {
     display: none !important;
}

.flex {
     display: flex !important;
}

.overflow-hidden {
     overflow-y: hidden !important;
}

.full-width {
     width: 100% !important;
}

.clear-both {
     clear: both;
}

.editor ul,
ol {
     padding: revert;
}




.manager-block{
    box-shadow: 4px 4px 18px -2px #718EBF38;
    padding: 15px 27px 18px;
    border-radius: 10px;
    margin-bottom: 28px;

}

.manager-first-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ECECEC;
}

.status-item{
    display: flex;
    align-items: center;
}

.next-page-icon{
    margin-top: 10px;
    width: 50px;
    height: 50px;
}


.status-text-free{
    font-weight: 400;
    font-size: 23px;
    color: #06BF28;
}
.status-text-engaged{
    font-weight: 400;
    font-size: 23px;
    color: #F40004;
}

.manager-two-item{
    display: flex;
    justify-content: space-between;
    padding-top: 14px;
}

.percent-block{
    display: flex;
    justify-content: space-between;
}

.baner-price div:first-child,
.rotation-percentage div:first-child,
.size-item div:first-child{
    font-weight: 400;
    font-size: 13px;
    color: #718EBF;

}

.size-item div:last-child,
.rotation-percentage div:last-child,
.baner-price div:last-child{
    font-size: 14px;
}

.size-block{
    width: 30%;
}

.percent-block{
    width: 55%;
}

.engaged{
    background: #F7F7F7;
}
․free{
    background: #fff;
}

.photo-item{
    width: 25%;
    cursor: pointer;
    padding: 5px;
}

.photo-title{
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px;
}

.fullscreen-modal {
    display: none; /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.fullscreen-modal img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    cursor: pointer;
}

.managment-photo-block{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.baner-info-item{
    width: 30%;
}

.baner-info-block{
    display: flex;
    justify-content: space-between;
}

.baner-all-info{
    display: flex;
    justify-content: space-between;
}

.baner-info-item:last-child{
    width: 68%;
    box-shadow: 0px 4px 11px 0px #B8B8B861;
    padding: 20px 20px 17px 31px;
    border-radius: 10px;
}

.baner-info-item .photo-title{
    font-weight: 400;
    font-size: 18px;
    text-align: start;
    color: #2E2F30;
    margin-bottom: 27px;

}

.baner-size,
.baner-start-date{
    display: flex;
    align-items: center;
}


.baner-size p,
.baner-start-date p{
    color: #2E2F718E;
    font-weight: 400;
    font-size: 11px;
    margin-right: 24px;
    width: 85px;

}

.baner-start-date {
    position: relative;
    display: inline-block;
}

.baner-start-date input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 8px 30px 8px 10px;
    font-size: 11px;
    border: 1px solid #ccc;
    cursor: pointer;
}

/* Hide default calendar icon in some browsers */
.baner-start-date input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Custom Down Arrow */
.baner-start-date::after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 65%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #D9D9D9;
    pointer-events: none;
}



.baner-foto-upload-block p{
    color: #2E2F718E;
    font-weight: 400;
    font-size: 11px;
    width: 150px;
    text-align: center;
}

.baner-size span{
    font-weight: 400;
    font-size: 14px;
    color: #051D41;

}

.baner-size{
    margin-bottom: 17px;
}

.baner-start-date{
    margin-bottom: 14px;
}




.baner-start-date input{
    border: 1px solid #E0E0E0;
    padding: 5px 11px;
    font-size: 11px;

}

.baner-foto-upload-block {
    width: 100%; /* Adjust as needed */
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #F2F2F2;
    position: relative;
}

.baner-foto-upload-block img {
    height: 50px;
}

.baner-foto-upload-block input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-upload-title{
    font-weight: 400;
    font-size: 11px;
    margin-bottom: 7px;
    color: #2E2F718E;
}

.count-save-block{
    margin-top: 12px;
}
.count-save-block div{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.count-save-block button{
    border: 1px solid #000;
    border-radius: 2px;
    padding: 12px 30px;
    margin-left: 20px;
}

.baner-link,
.baner-click,
.baner-see,
.baner-coast,
.baner-starts{
    display: flex;

}

.baner-link p,
.baner-click p,
.baner-see p,
.baner-coast p,
.baner-starts p{
    color: #2E2F718E;
    font-weight: 400;
    font-size: 11px;
    width: 150px;
    margin-bottom: 9px;

}

.baner-link span,
.baner-click span,
.baner-see span,
.baner-coast span,
.baner-starts span{
    font-weight: 400;
    font-size: 14px;
    color: #051D41;

}

.baner-link a{
    font-weight: 400;
    font-size: 14px;
    color: #051D41;
}

.baner-all-info .baner-foto-upload-block img {
    height: 100%;
    width: 100%;

}

.baner-all-info .baner-foto-upload-block{
    margin-top: 27px;
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

/* Firefox */
input[type=number] {
     -moz-appearance: textfield;
}

.search-results .tab-button{
    background: #000;
}
.search-results .tab-button:hover{
    background: #000;
}

.search-results .tab-button.active{
    background: #000;
}

.product-card-small-img img{
    border-radius: 50%;
}

.invite-item{
    border-radius: 10px;
    width: 49%;
    box-shadow: 4px 4px 18px -2px #718EBF38;
    padding: 17px 24px 21px 24px;
    margin-bottom: 15px;

}

.invite-item svg{
    margin-right: 10px;
}

.invite-title{
    font-weight: 400;
    font-size: 18px;
    line-height: 24.48px;
    letter-spacing: 0.48px;
    color: #000;

}

.invite-logo-name img{
    border-radius: 50%;
    max-width: 70px;
    margin:0 17px 23px 0;
}

.invite-date,
.invite-address,
.invite-tel{
    display: flex;
}

.invite-address p:first-child,
.invite-tel p:first-child,
.invite-date p:first-child{
    font-weight: 400;
    font-size: 10px;
    line-height: 16.16px;
    letter-spacing: 0;
    color: #9E9E9E;
}

.invite-date p,
.invite-address p,
.invite-tel p{
    font-size: 14px;
}

.invite-date img,
.invite-address img,
.invite-tel img{
    max-width: 40px;
    border-radius: 4px;
    margin: 6px 5px;
}

.invite-btn-block{
    display: flex;
    justify-content: flex-end;
    margin-top: 21px;
}

.invite-btn-block button{
    border: 1px solid #000;
    border-radius: 2px;
    padding: 12px 47px;
    background: transparent;
    margin: 0 5px;
    border-radius: 5px;

}
.invite-btn-block button:hover{
    background: #000;
    color: #fff;

}

.invite-logo-name{
    display: flex;
}

.invite-card-block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.apply-btn button{
    display: none;
}

.halls-swiper-button-block,
.swiper-button-block{
    display: none;
}


.specialist-section,
.halls-section,
.services-section{
    position: relative !important;
}

#map{
    position: relative !important;

}

.error-class{
    margin-bottom: 20px;
}

.services-add-row input{
    margin-left: 15px;
}
.invite-button{
    border: 1px solid #000;
    padding: 7px 20px;
    border-radius: 100px;
    margin-top: 15px;
    color:#000;
}


.invite-button:hover{
    background: #000;
    color: #fff;
}

.ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content{
    margin-right: 12px !important;
}

.ymaps-2-1-79-balloon__content ymaps{
    overflow: auto !important;
    height: 100% !important;
    display: block !important;
    width: 100% !important;
}

.page-baner{
    display: flex;
    justify-content: space-between;
    margin: 50px -10px;
}

.baner-item{
    padding: 10px;
}

.baner-item img{
    border-radius: 15px;
}

.photo-block{
    display: flex;
    justify-content: space-between;
}

.photo-block .main-form__item{
    width: 33.333%;
    padding: 7px;
}

.photo-block .upload-photo__label img{
    max-width: 35px;
}

#code-verification-block{
    position: relative;
}


#verify-code-btn{
    position: absolute;
    top: 21px;
    right: 0;
    background: #fff;
}

.filter-item{
    display: flex;
    flex-direction: column;
    width: 20%;
}

.criteria-under-filter{
    display: flex;
    flex-direction: column;
    margin: 10px 0 0 15px;
}

#filtersList{
    display: flex;
    flex-wrap: wrap;

}


.filter-item span{
    font-weight: 800;
}

.filter-item input[type="checkbox"] {
    display: inline-block !important;
    opacity: 1 !important;
    width: 13px !important;
    height: 13px !important;
    position: static !important;
}

.eyes-modal{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
    text-align: center;
    cursor: pointer;
}








/* ------ RESPONSIVE ------ */

@media all and (max-width: 1500px) {
     .container {
          max-width: 100%;
          padding: 0 30px;
     }
}

@media all and (max-width: 1280px) {
     .main-title {
          margin: 0 0 35px;
     }

     .modal-content>.header-search-form {
          max-width: 680px;
     }

     .halls-card-brand,
     .specialist-card-doctor {
          width: 95px;
          height: 95px;
     }

     .halls-card-info {
          padding: 12px;
     }

     .about-us-card-row {
          margin: -100px 0 0;
     }

     .about-us-card-img {
          width: 45px;
          height: 45px;
     }

     .about-us-card-number {
          font-size: 25px;
          margin: 20px 0 8px;
     }

     .about-us-card-text {
          font-size: 14px;
     }

     .cards-five-row>.halls-card-row__item,
     .cards-five-row>.specialist-card-row__item,
     .cards-five-row>.product-card-row__item {
          width: 25% !important;
     }

     .product-card-row__item {
          width: 20%;
     }

     .contacts-page-row {
          margin: 35px 0 30px;
          justify-content: space-between;
     }

     .settings-section {
          padding: 35px 0;
     }

     .settings-row__item {
          width: 28%;
     }

     .settings-row__item:last-child {
          width: 68%;
     }
}

@media all and (max-width: 1199px) {
     main {
         padding: 66px 0 0;
     }

     .header-logo {
          max-width: 87px;
     }

     .navigation {
          visibility: hidden;
          position: fixed;
          width: 100%;
          right: 100%;
          z-index: 10;
          background: rgba(0, 0, 0, 0.2199999988079071);
          overflow-y: auto;
          transition: .4s ease;
          -webkit-transition: .4s ease;
          -moz-transition: .4s ease;
          -ms-transition: .4s ease;
          -o-transition: .4s ease;
     }

     .navigation.open {
          visibility: visible;
          transform: translateX(100%);
          -webkit-transform: translateX(100%);
          -moz-transform: translateX(100%);
          -ms-transform: translateX(100%);
          -o-transform: translateX(100%);
     }

     .header-menu {
          cursor: auto;
          display: block;
          max-width: 650px;
          width: 100%;
          overflow-y: auto;
          height: 100%;
          padding: 25px 60px 25px 39px;
          margin: 0;
          /*background: url('../img/menu-bg-img.png') no-repeat 50% 98%;*/
          background-size: 70%;
          background-color: #ffffff;
          position: relative;
     }

     .header-menu__item {
          width: 100%;
          padding: 12px 0;
     }

     .header-menu__item::after {
          content: "";
          display: block;
          width: 83px;
          height: 1px;
          margin: 10px 0 0;
          background: #B2B2B2;
     }

     .header-menu__link {
          font-size: 18px;
          color: #040404;
     }

     .menu-burger {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          border: 1px solid #393939;
          margin: 0 0 0 14px;
         border-radius: 5px;
     }

     .menu-burger svg{
         fill:#000;
         stroke: #000;
     }

     .menu-burger-close {
          display: flex;
     }

     .login-and-register-btn {
          padding: 7px 10px;
     }

     .header-search {
          margin: 0 14px;
     }

     .navigation,
     .category-bg {
          top: 66px;
          height: calc(100vh - 66px);
     }

     .main-slide-effect__title {
          font-size: 60px;
     }

     .main-slide-info__title {
          font-size: 20px;
     }

     .services-page-item-slide,
     .services-page-item-params {
          width: 50%;
     }

     .services-page-item-contact {
          width: 100%;
          margin: 25px 0 0;
     }

     /*.services-page-item-contact>.services-contact-info {*/
     /*     display: flex;*/
     /*     flex-wrap: wrap;*/
     /*}*/

     .services-contact-header {
          width: 100%;
     }

     .services-page-item-contact .services-contact-info__item {
          width: 33.33%;
     }

     .vacancies-row__item {
          width: 65%;
     }

     .vacancies-row__item:last-child {
          width: 30%;
     }

     .transactions {
          padding: 18px 25px;
     }

     .settings-packages-row>div {
          width: 50%;
     }
     .packages-row__item{
         width: 50%;
     }
    .product-card-price {
        font-size: 13px;
    }
    .filter-item{
    width: 33.333%;
    }
    }

@media all and (max-width: 1024px) {
     footer {
          padding: 66px 0 26px;
     }

     .footer-row__item:first-child {
          width: 100%;
     }

     .footer-row__item {
          width: 33.333%;
     }

     .main-title {
          margin: 0 0 30px;
     }

     .section-space {
          padding: 0 0 35px;
     }

     .services-row,
     .halls-card-row,
     .specialist-card-row {
          flex-wrap: nowrap;
          margin: 0 0 35px;
     }

     .swiper-wrapper>.services-row__item,
     .swiper-wrapper>.halls-card-row__item,
     .swiper-wrapper>.specialist-card-row__item {
          padding: 0;
     }

     .search-results .halls-card-row {
         display: flex;
         flex-wrap: wrap;
     }

     .search-results .halls-card-row__item {
         width: 25%;
         padding: 5px;
     }

     .about-us {
          padding: 60px 30px 110px 0;
     }

     .about-us-des {
          padding: 35px 27px;
     }

     .about-us-card-row__block {
          padding: 15px;
     }

     .blog-card__item {
          width: 33.333%;
     }

     .blog-card__link {
          padding: 12px;
     }

     .packages-row {
          margin: 0 -5px 25px;
     }

     .packages-row__item {
          width: 50%;
          padding: 8px 5px;
     }

     .page-banner {
          margin: 17px 0 0;
     }

     .bread-crumbs {
          margin: 20px 0 12px;
     }

     .filter-row__item,
     .filter-row__item:last-child {
          width: 100%;
     }

     .cards-five-row {
          flex-wrap: wrap;
          margin: 0 -6px;
     }

     .cards-five-row>.halls-card-row__item,
     .cards-five-row>.specialist-card-row__item,
     .cards-five-row>.product-card-row__item {
          padding: 6px;
     }

     .filter-bg,
     .settings-aside-bg {
          visibility: hidden;
          background: rgba(0, 0, 0, 0.2199999988079071);
          position: fixed;
          top: 66px;
          right: 100%;
          bottom: 0;
          z-index: 99999;
          width: 100vw;
          cursor: pointer;
          height: calc(100vh - 66px);
          transition: .4s ease;
          -webkit-transition: .4s ease;
          -moz-transition: .4s ease;
          -ms-transition: .4s ease;
          -o-transition: .4s ease;
     }

     .filter-bg.open,
     .settings-aside-bg.open {
          visibility: visible;
          transform: translateX(100%);
          -webkit-transform: translateX(100%);
          -moz-transform: translateX(100%);
          -ms-transform: translateX(100%);
          -o-transform: translateX(100%);
     }

     .filter-aside {
          cursor: auto;
          display: block;
          max-width: 650px;
          width: 100%;
          overflow-y: auto;
          height: 100%;
          padding: 23px 23px 25px 41px;
          background: #ffffff;
     }

     .filter-btn,
     .filter-close-btn {
          display: block;
     }

     .filter-close-btn {
          margin: 0 0 0 auto;
     }

     .filter-block {
          width: 260px;
     }

     .services-card-row {
          margin: 0 -6px 22px;
     }

     .services-card-row__item {
          padding: 6px;
     }

     .services-card-img {
          width: 74px;
          height: 74px;
          /*margin: -40px 0 0 8px;*/
     }

     .services-card-info {
          padding: 8px 8px 16px;
     }

     .services-card-info__title {
          margin: 0 0 10px;
     }

     .services-contacts__item {
          width: 38%;
     }

     .services-contacts__item:last-child {
          width: 60%;
     }

     .services-contact-info {
          padding: 20px 23px;
     }

     .gallery-box__item,
     .video-box__item {
          width: 25%;
     }

     .services-type__btn {
          padding: 15px 22px;
     }

     .services-type-info {
          margin: 20px 0 22px;
     }

     .gallery-box,
     .video-box {
          margin: 20px -6px;
     }

     .services-contact-info {
          padding: 22px;
     }

     .halls-serives-card-row__item {
          width: 33.333%;
     }

     .halls-page-ratings {
          margin: 0 0 10px;
     }

     .product-card-row {
          margin: 0 -6px 25px;
     }

     .product-card-row__item {
          width: 25%;
     }

     .product-card-small-img {
          top: 100px;
          left: 0;
          right: 0;
          width: 53px;
          height: 53px;
     }

     .information-page-card-row__item {
          width: 50%;
     }

     .blog-card-label {
          top: 20px;
          left: 12px;
     }

     .blog-filter {
          padding: 0 0 30px;
     }

     .blog-filter__btn {
          padding: 8px 14px;
          margin: 0 10px 0 0;
     }

     .vacancies-row {
          margin: 25px 0 0;
     }

     .vacancies-row__item,
     .vacancies-row__item:last-child {
          width: 100%;
     }

     .vacancies-row__des {
          padding: 0 0 25px;
     }

     .vacancies-row__item>.services-contact-info {
          display: flex;
          flex-wrap: wrap;
     }

     .vacancies-row__item .services-contact-info__item {
          width: 33.33%;
     }

     .about-us-page-row>.about-us-card-row {
          margin: 30px 0;
     }

     .contacts-page-row__form,
     .contacts-page-row__map {
          width: 48%;
     }

     .contacts-page-row__info {
          margin: 30px 0 0;
          width: 100%;
     }

     .settings-section {
          padding: 30px 0;
     }

     .settings-open-btn {
          display: flex;
     }

     .settings-row__item,
     .settings-row__item:last-child {
          width: 100%;
     }

     .settings-aside-bg {
          padding: 21px 30px;
     }

     .settings-aside {
          position: relative;
          max-width: 300px;
          width: 100%;
     }

     .settings-aside-close {
          display: block;
          position: absolute;
          top: 12px;
          right: 12px;
     }

     .settings-menu {
          margin: 20px 0 0;
     }

     .settings-form-bg {
          padding: 25px 19px;
          margin: 0 0 25px;
          border-radius: 10px;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          -ms-border-radius: 10px;
          -o-border-radius: 10px;
     }

     .personal-info-change__title {
          margin: 0 0 30px;
     }

     .type-card-row {
          flex-wrap: wrap;
          margin: 0 -10px;
     }

     .analytics-row {
          width: 90%;
     }

     .services-add-row {
          display: flex;
          flex-wrap: wrap;
     }

     .services-add-btn:first-child {
          margin: 0 15px 0 0;
     }

     .add-cabinet-container>.settings-add-specialist-form {
          margin: 30px 0 15px;
     }

     .control-system-row__item,
     .transactions-row__item {
          width: 50%;
     }
     .search-results .tabs{
         overflow-y: auto;
     }
    .about-us-card-row {
        margin: 50px 0 0;
    }

    .apply-btn button{
        display: flex;
    }

    .apply-btn button{
        border: none;
        border: 1px solid #393939;
        padding: 10px 25px;
        color: #000;
        background: #fff;
        cursor: pointer;
        border-radius: 5px;
    }

    .apply-btn button:hover{
        color: #fff;
        background: #000;
    }

    .halls-swiper-button-block .swipers-button-next,
    .halls-swiper-button-block .swipers-button-prev,
    .swiper-button-next, .swiper-button-prev {
        width: 40px;
        height: 40px;
        opacity: 1 !important;
        background: #fff;
        filter: drop-shadow(0px 3px 6px rgba(253, 92, 138, 0.07));
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-filter: drop-shadow(0px 3px 6px rgba(253, 92, 138, 0.07));
        z-index: 5;
    }

    .halls-swiper-button-block .swipers-button-next:after,
    .swiper-button-next:after  {
        content: "\2192";;
        font-size: 17px !important;
        color: #6a5944 !important;
        font-family: swiper-icons;
    }

    .halls-swiper-button-block .swipers-button-prev:after,
    .swiper-button-prev:after{
        content: "\2190";
        font-size: 17px !important;
        color: #6a5944 !important;
        font-family: swiper-icons;
    }

    .halls-swiper-button-block .swipers-button-next,
    .halls-swiper-button-block .swiper-rtl .swipers-button-prev,
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        position: absolute;
        right: 20px;
        left: auto;

    }

    .swipers-button-next:after,
    .swiper-button-next:after {
        content: "\2192"; /* Right arrow */
    }


    .swiper-button-block{
        display: flex;
        width: 120px;
        margin: auto;
        position: absolute;
        top: 10px;
        right: 0;
    }

    .halls-swiper-button-block{
        display: flex;
        width: 110px;
        margin: auto;
        position: absolute;
        top: -5px;
        right: 0;
    }

    .swipers-button-prev,
    .swipers-button-next {
        display: flex;
        justify-content: center;
        align-items: center;
    }



    .halls-swiper-button-block .swipers-button-next:after  .swiper-button-next:after, .swiper-rtl .swipers-button-prev:after {
        content: '>';
    }

    .setting-address{
        position: absolute;
        right: 30px;
    }
    .specialist-card-row__item {
        width:25% !important;
    }







    /*.settings-row{*/
    /*    gap: 0 !important;*/
    /*}*/
    /*.settings-row__item{*/
    /*    width: 0!important;*/
    /*}*/
}
@media all and (max-width: 950px) {
    #serviceList .services-card-row__item{
        width: 25%;
    }
    #companyList .halls-card-row__item{
        width: 25%;
    }
    .specialist-card-info__profession{
        height: 40px;
    }
    #productList .product-card-row__item {
        width: 25%;
    }
    #specialistList  .specialist-card-row__item {
        width: 25% !important;
    }
    .favorite-row .halls-serives-card-row__item,
    .favorite-row .specialist-card-row__item,
    .favorite-row .product-card-row__item{
        width: 25%;
    }

}


@media all and (max-width: 767px) {
     footer {
          padding: 40px 0 20px;
     }

     .footer-row__item {
          width: 50%;
     }

     .footer-info {
          padding: 12px 0 0;
     }

     .footer-logo {
          max-width: 180px;
     }

     .section-space {
          padding: 0 0 25px;
     }

     .main-title {
          font-size: 18px;
          margin: 0 0 20px;
     }

     .main-title>svg {
          width: 20px;
          height: auto;
          margin: 0 7px 0 0;
     }

     .services-row,
     .halls-card-row {
          margin: 0 0 25px;
     }

     .specialist-card-row {
          margin: 0 0 15px;
     }

     .main-slide-effect__title {
          font-size: 50px;
          margin-bottom: 25px;
     }

     .blog-card__item {
          width: 50%;
     }

     .cards-five-row>.halls-card-row__item,
     .cards-five-row>.specialist-card-row__item,
     .cards-five-row>.product-card-row__item {
          width: 33.333%;
     }

     .services-top__rating {
          margin: 0;
     }

     .services-rating-stars {
          justify-content: flex-start;
     }

     .services-rating-text {
          margin: 6px 0 0;
     }

     .services-top__img {
          width: 130px;
          height: 130px;
     }

     .services-type::-webkit-scrollbar {
          height: 3px;
     }

     .services-description__img,
     .information-page-img,
     .blog-page-img,
     .about-us-page-img {
          width: 54%;
          margin: 0 20px 12px 0;
     }

     .services-contacts__item,
     .services-contacts__item:last-child {
          width: 100%;
     }

     .services-contact-info {
          padding: 20px 23px;
          margin: 0 0 25px;
     }

     .services-map,
     .contacts-page-map {
          padding: 11px;
     }

     .services-page-item-slide,
     .services-page-item-params {
          width: 100%;
          padding: 0;
     }

     .services-page-item-slide {
          margin: 0 0 20px;
     }

     .services-page-item .services-contact-info {
          margin: 0;
     }

     .services-page-item-contact .services-contact-info__item,
     .vacancies-row__item .services-contact-info__item {
          width: 50%;
     }

     .services-page-mobile-title {
          display: block;
     }

     .services-page-item-params {
          position: relative;
     }

     .services-page-item-params>.services-favorite-btn {
          position: absolute;
          top: 0;
          right: 0;
     }

     .services-page-item-params>.main-title {
          display: none;
     }

     .services-card-row__item,
     .halls-serives-card-row__item {
          width: 50%;
     }

     .halls-serives-card-info {
          padding: 13px;
     }

     .product-card-row__item {
          width: 33.333%;
     }

     .vacancies__item {
          padding: 25px;
     }

     .vacancies__des {
          padding: 18px 0 13px;
     }

     .vacancies__title {
          font-weight: 400;
          font-size: 16px;
     }

     .about-us-page-row__item:nth-child(3) .about-us-page-img {
          margin: 0 0 12px 20px;
     }

     .about-us-page-row>.about-us-card-row {
          margin: 25px 0;
     }

     .type-card-row>.halls-card-row__item {
          width: 33.333%;
     }

     .type-card-row {
          margin: 0 -10px;
     }

     .blog-filter,
     .type-filter {
          padding: 0 0 20px;
     }

     .cards-five-row {
          flex-wrap: wrap;
          margin: 0 -6px;
     }

     .notifications {
          padding: 14px 16px;
     }

     .cards-three-row>div {
          width: 50%;
     }
    .search-results .halls-card-row__item {
        width: 33.333%;
    }
    .invite-item{
        width: 100%;
    }
    .services-contacts{
        flex-direction: column;
    }
    .services-contacts__item {
        width: 100% !important;
    }
    .about-us-des {
        width: 100%;
        position: unset;
        margin-top: -15px;
    }
    .about-us-block{
        display: unset;
    }
    .about-us{
        width: 100%;
    }
    .about-us-card-row {
        margin:  0;
    }
    .about-us-card-row__item {
        width: 50%;
    }
    .ymaps-2-1-79-map {
        position: unset !important;
        display: contents !important;
    }

    .manager-first-item {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .manager-two-item{
        flex-direction: column;
    }
    .percent-block{
        flex-direction: column;
    }
    .size-block {
        width: 100%;
    }
    .percent-block {
        width: 100%;
    }
    .size-item{
        margin-bottom: 10px;
    }
    .rotation-percentage{
        margin-bottom: 10px;
    }
    .photo-item{
        width: 33.333%;
    }
    .baner-info-block {
        flex-direction: column-reverse;
    }
    .baner-info-item:last-child {
        width: 100%;
        margin-bottom: 20px;
    }
    .baner-all-info{
        flex-direction: column-reverse;
    }
    .services-rating-text {
    font-size: 13px;
    }
    .services-page-section .services-rating-text{
        padding: 8px;
    }
    .services-name-text {
        margin: 0 0 15px;
    }
    #serviceList .services-card-row__item{
        width: 33.333%;
    }

    #companyList .halls-card-row__item{
        width: 33.333% !important;
    }
    #productList .product-card-row__item {
        width: 33.333%;
    }
    #specialistList  .specialist-card-row__item {
        width: 33.333% !important;
    }
    .favorite-row .halls-serives-card-row__item,
    .favorite-row .specialist-card-row__item,
    .favorite-row .product-card-row__item{
        width: 33.333%;
    }
    .page-baner{
        flex-wrap: wrap;
    }
    .baner-item{
        width: 100%;
    }
    .filter-item{
        width: 50%;
    }
    .main-form__label{
        height: 40px;
    }
    .form-gallery{
        margin-top: 15px;
    }
    .specialist-card-row__item {
        width:33.333% !important;
    }





    }

@media all and (max-width: 575px) {
    main {
        padding: 57px 0 0;
    }

    .container {
        padding: 0 15px;
    }

    .header-logo {
        max-width: 70px;
    }

    .menu-burger {
        width: 30px;
        height: 30px;
        margin: 0 0 0 10px;
    }

    .menu-burger > svg {
        width: 15px;
    }

    .login-and-register-btn {
        padding: 6px;
        font-size: 10px;
    }

    .header-search {
        margin: 0 2px;
    }

    .language-selcet__link {
        margin: 6px 8px;
    }

    .navigation,
    .category-bg,
    .filter-bg,
    .settings-aside-bg {
        top: 57px;
        height: calc(100vh - 57px);
    }

    .header-menu,
    .category-menu,
    .filter-aside {
        padding: 22px 15px;
    }

    .header-search-form__btn {
        padding: 6px 15px;
        top: 3px;
        right: 3px;
        font-size: 14px;
    }

    .header-search-form__input {
        height: 38px;
        padding: 10px 80px 10px 35px;
    }

    .header-search-form__icon {
        top: 12px;
        left: 12px;
    }

    footer {
        padding: 30px 0 15px;
    }

    .footer-row__item:first-child,
    .footer-row__item {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer-logo {
        max-width: 130px;
    }

    .main-slide-effect__title {
        font-size: 30px;
        margin-bottom: 22px;
    }

    .main-slide-info__title {
        font-size: 16px;
    }

    .advertising-banner > img {
        min-height: 130px;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .halls-card-title {
        margin: 0 0 13px;
    }

    .about-us {
        padding: 50px 30px 70px 0;
    }

    .about-us-des {
        padding: 23px 25px;
    }

    /*.about-us-card-row {*/
    /*     margin: -50px 0 0;*/
    /*}*/
    .about-us-card-row__item {
        width: 50%;
    }

    .about-us-card-row__block {
        padding: 12px 8px;
    }

    .packages-row__item {
        width: 100%;
    }

    .packages-card-header,
    .packages-card-conent {
        padding: 18px;
    }

    .packages-card-header {
        min-height: 150px;
    }

    .packages-card-header-price {
        font-size: 22px;
    }

    .packages-card-footer {
        padding: 0 18px 18px;
    }

    .packages-card-btn {
        padding: 4px 18px;
    }

    .page-banner {
        margin: 15px 0 0;
    }

    .page-banner > img {
        border-radius: 5px;
        min-height: 100px;
        object-fit: cover;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .bread-crumbs {
        margin: 25px 0 8px;
    }

    .cards-five-row > .halls-card-row__item,
    .cards-five-row > .specialist-card-row__item,
    .cards-five-row > .product-card-row__item {
        width: 50%;
    }

    .filter-btn > svg {
        width: 21px;
        height: auto;
    }

    .services-page-banner {
        margin: 15px 0 0;
    }

    .services-page-banner > img {
        border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        -ms-border-radius: 10px 10px 0px 0px;
        -o-border-radius: 10px 10px 0px 0px;
    }

    .services-card-img {
        width: 54px;
        height: 54px;
        padding: 2px;
        margin: -28px 0 0 8px;
    }

    .services-card-info__price,
    .halls-serives-card-info__price {
        font-size: 20px;
    }



    .services-top__img {
        width: 80px;
        height: 80px;
        margin: -30px 10px 9px;
    }

    .services-favorite-btn {
        width: 30px;
        height: 30px;
    }

    .services-favorite-btn > svg {
        width: 14px;
        height: auto;
    }

    .services-type__btn {
        padding: 13px 22px;
    }

    .services-description__img,
    .information-page-img,
    .blog-page-img,
    .about-us-page-img,
    .about-us-page-row__item:nth-child(3) .about-us-page-img {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    .gallery-box__item,
    .video-box__item {
        width: 33.333%;
    }

    .services-contact-info__icon {
        width: 32px;
        height: 32px;
        margin: 0 12px 0 0;
    }

    .services-booking {
        padding: 22px 20px;
    }

    .main-form__textarea {
        resize: none;
        display: flex;
        height: 100px;
    }

    .services-page-item-contact .services-contact-info__item,
    .vacancies-row__item .services-contact-info__item {
        width: 100%;
    }

    .services-table {
        margin: 20px 0;
    }

    .halls-page-ratings__item {
        flex-direction: column;
    }

    .halls-page-ratings-img {
        margin: 0 0 10px;
    }

    .ratings-message {
        padding: 15px;
    }

    .ratings-message-form {
        margin: 25px 0 5px;
    }

    .carousel__button.is-prev,
    .carousel__button.is-next {
        top: 53%;
    }

    .product-card-row__item {
        width: 50%;
    }

    .product-card-small-img {
        top: 100px;
    }

    .downloads {
        margin: 25px 0 0;
    }

    .downloads__link {
        padding: 18px;
    }

    .information-page-card-row__item {
        width: 100%;
    }

    .blog-card-label {
        padding: 8px;
    }

    .blog-card-label__text {
        font-size: 13px;
    }

    .blog-filter {
        margin: 0 -15px 0 0;
    }

    .blog-filter__btn {
        padding: 5px 11px;
    }

    .blog-page-row {
        margin: 0 0 25px;
    }
    .verify-register-section,
    .login-register-section {
        padding: 30px 0;
    }

    .verify-window__header,
    .login-window__header,
    .register-window__header {
        padding: 20px;
        min-height: 120px;
    }

    .login-window__content,
    .register-window__content {
        padding: 26px 21px 20px;
    }

    .main-form__btn {
        padding: 8px 25px;
    }

    .login-registr-with-social-title {
        font-size: 15px;
    }

    .login-registr-with-social {
        margin: 10px 0;
    }

    .login-registr-with-social__link > svg {
        width: 30px;
        height: 30px;
    }

    .register-btns__btn {
        padding: 10px 25px;
    }

    .register-form-checked__input {
        min-width: 20px;
        height: 20px;
    }

    .vacancies__item {
        padding: 17px;
    }

    .faq__item {
        margin: 0 0 12px;
    }

    .faq-btn {
        padding: 10px 19px;
    }

    .faq-text {
        padding: 15px 10px 5px;
    }

    .contacts-page-row {
        margin: 30px 0 0;
    }

    .contacts-page-row__form,
    .contacts-page-row__map,
    .contacts-page-row__info {
        width: 100%;
        margin: 0 0 25px;
    }

    .contacts-page-row__info {
        margin: 0;
    }

    .contacts-page-info {
        font-size: 14px;
    }

    .settings-aside-bg {
        padding: 21px 15px
    }

    .settings-open-btn {
        padding: 11px 20px 11px 0;
    }

    .settings-menu__link {
        padding: 11px 20px 11px 15px;
    }

    .settings-menu-exit {
        margin: 0 0 0 19px;
    }

    .settings-form-bg {
        padding: 22px 15px;
    }

    .personal-info-change__title {
        font-size: 18px;
    }

    .settings-change-form > .main-form__item {
        width: 100%;
    }

    .order-row__item {
        padding: 0 15px;
        margin: 0 0 20px;
    }

    .order-content__item {
        padding: 10px 0;
        flex-direction: column;
    }

    .order-content__title {
        margin: 0 0 6px;
    }

    .type-card-row > .halls-card-row__item {
        width: 50%;
    }

    .type-filter__btn {
        padding: 7px 13px;
    }

    .services-type::-webkit-scrollbar,
    .blog-filter::-webkit-scrollbar,
    .register-btns::-webkit-scrollbar,
    .type-filter::-webkit-scrollbar,
    .add-cabinet-lang::-webkit-scrollbar {
        display: none;
    }

    .analytics-row {
        width: 100%;
    }

    .analytics-row__item {
        width: 100%;
        padding: 0 8px 12px;
    }

    .analytics-block {
        padding: 9px 20px;
    }

    .add-cabinet-title {
        font-size: 18px;
    }

    .add-cabinet-lang__link {
        padding: 8px 31px;
    }

    .work-hour-row {
        flex-wrap: wrap;
    }

    .work-hour-row > .main-form__item {
        margin: 0 0 18px;
    }

    .add-cabinet-container > .settings-add-specialist-form {
        margin: 25px 0 15px;
    }

    .control-system-row__item,
    .transactions-row__item,
    .notifications-row__item,
    .cards-three-row > div,
    .settings-packages-row > div {
        width: 100%;
    }

    .control-system {
        padding: 14px;
    }

    .choose-radio-title {
        font-size: 18px;
    }

    .choose-radio-row {
        margin: 15px 0 0;
    }

    .transactions-info {
        padding: 6px 0;
    }

    .packages-pay-price {
        margin: 15px 0 10px;
    }

    .category-close-btn {
        right: 8px;
    }

    .search-results .halls-card-row__item {
        width: 50%;
    }

    .add-work-hour, .add-phone-number {
        margin: 35px 0 15px;
    }

    .work-hour-row input {
        margin: 15px 0 0 0;
        /*pointer-events: none;*/
    }
    .work-hour {
        align-items: baseline;
        margin-top: -30px;
    }
    .photo-item{
        width: 50%;
    }
    .baner-size{
        flex-direction: column;
        align-items: flex-start;
    }
    .baner-info-item{
        width: 50%;
    }
    .setting-address{
        position: absolute;
        right: 15px;
    }
    .specialist-card-row__item {
        width: 50% !important;
    }
    #serviceList .services-card-row__item{
        width: 50%;
    }
    #companyList .halls-card-row__item{
        width: 50% !important;
    }
    #productList .product-card-row__item {
        width: 50%;
    }
    #specialistList  .specialist-card-row__item {
        width: 50% !important;
    }
    .favorite-row .halls-serives-card-row__item,
    .favorite-row .specialist-card-row__item,
    .favorite-row .product-card-row__item{
        width: 50%;
    }
    #verify-code-btn {
        top: 26px;
    }
    .filter-item{
        width: 100%;
    }
    .packages-card-text{
        max-width: 100%;
    }




}

@media all and (max-width: 420px) {

     .category-menu__item,
     .halls-menu__item,
     .blog-card__item {
          width: 100%;
     }

     .gallery-box__item,
     .video-box__item {
          width: 50%;
     }

     .information-page-card-info-bg__title {
          font-size: 12px;
     }

     .form-half-item {
          width: 100%;
     }
     .category-child__link{
         font-size: 14px;
         line-height: 35px;
     }
    .category-menu .flex-box {
        display: flex;
    }
    .category-child__item {
        margin-bottom: 1px;

    }
    .category-menu__item {
        margin-bottom: 10px;
    }
    .category-sub-title{
        margin-bottom: 5px;
    }
    .specialist-card-row__item {
        width: 100% !important;
        margin-bottom: 50px;
    }
    .favorite-row .halls-serives-card-row__item,
    .favorite-row .specialist-card-row__item,
    .favorite-row .product-card-row__item{
        width: 100%;
    }



}

@media all and (max-width: 400px) {
    .services-add-row input{
        margin-left: 15px;
        margin-top: 15px;
    }

}

@media all and (max-width: 374px) {
     .about-us-card-text {
          font-size: 12px;
     }

     .cards-five-row>.halls-card-row__item,
     .cards-five-row>.specialist-card-row__item,
     .cards-five-row>.product-card-row__item,
     .services-card-row__item,
     .halls-serives-card-row__item,
     .product-card-row__item,
     .vacancies-date-item,
     .type-card-row>.halls-card-row__item {
          width: 100%;
     }

     .vacancies__date {
          margin: 0;
     }

     .vacancies-date-item:first-child {
          border: none;
          border-bottom: 1px solid #e0e0e0;
     }
    .main-title {
        font-size: 16px;
    }
    #serviceList .services-card-row__item{
        width: 100%;
    }
    #companyList .halls-card-row__item{
        width: 100% !important;
    }
    #productList .product-card-row__item {
        width: 100%;
    }
    #specialistList  .specialist-card-row__item {
        width: 100% !important;
    }

}
.round_img{
    border-radius: 50%;
}
.favorited{
    background: red;
    /*border: 1px solid red;*/
}

/*.favorited svg{*/
/*    stroke: red;*/
/*    fill: red;*/
/*    color: red;*/
/*}*/

.status-btn-service svg{
    margin-top: 5px;
}
.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    color: #666;
}
.halls-card-stars {
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    color: #ddd;
    unicode-bidi: bidi-override;
}

.eye-icon{
    top: 70%;
}

.halls-card-stars .stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    width: 0; /* Dynamically updated via JS */
}

.halls-card-stars .stars-hover {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.halls-card-stars::before {
    content: '★★★★★';
    display: block;
    color: inherit;
}

.halls-card-stars .stars-inner::before,
.halls-card-stars .stars-hover::before {
    content: '★★★★★';
    display: block;
}
.not-clickable {
    pointer-events: none; /* Disable pointer events (click, hover) */
    opacity: 1; /* Optional: Dim the element to indicate it's inactive */
}

.pulse-badge {
    position: relative;
    left: 9px;
    background-color: #000;
    border: 1px solid #fff;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 50%;
    /*animation: pulse 1.5s infinite;*/
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
textarea{
    resize: none;
}
.hover_rating_alt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    color: #ffffff; /* Text color */
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
    padding: 5px 10px;
    border-radius: 5px;
    visibility: hidden; /* Hidden by default */
    opacity: 0;
    transition: opacity 0.3s ease; /* Smooth transition for opacity */
}

/* Show the hover_rating_alt text when hovering over the stars */
.halls-card-stars:hover .hover_rating_alt {
    visibility: visible;
    opacity: 1;
}
.services-top__rating:hover .hover_rating_alt {
    visibility: visible;
    opacity: 1;
}

.border-danger{
    border: 1px solid red;
}
.delete-btn-for-gallery{
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #fff;
    color: #000;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}
/* CSS for left_menu */
.blurred {
    pointer-events: none;
    filter: blur(2px);
    opacity: 0.9;
}
.baner-start-link input{
    width:100%;
    border: 1px solid #000;
    padding: 5px;
}
