@charset "UTF-8";

@font-face {
   font-family: Mulish;
   font-display: swap;
   src:
      url('../fonts/Mulish-Black.woff2') format('woff2'),
      url('../fonts/Mulish-Black.woff') format('woff');
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: Mulish;
   font-display: swap;
   src:
      url('../fonts/Mulish-Bold.woff2') format('woff2'),
      url('../fonts/Mulish-Bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: Mulish;
   font-display: swap;
   src:
      url('../fonts/Mulish-ExtraBold.woff2') format('woff2'),
      url('../fonts/Mulish-ExtraBold.woff') format('woff');
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: Mulish;
   font-display: swap;
   src:
      url('../fonts/Mulish-ExtraLight.woff2') format('woff2'),
      url('../fonts/Mulish-ExtraLight.woff') format('woff');
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: Mulish;
   font-display: swap;
   src:
      url('../fonts/Mulish-Light.woff2') format('woff2'),
      url('../fonts/Mulish-Light.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: Mulish;
   font-display: swap;
   src:
      url('../fonts/Mulish-Medium.woff2') format('woff2'),
      url('../fonts/Mulish-Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: Mulish;
   font-display: swap;
   src:
      url('../fonts/Mulish-SemiBold.woff2') format('woff2'),
      url('../fonts/Mulish-SemiBold.woff') format('woff');
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: Mulish;
   font-display: swap;
   src:
      url('../fonts/Mulish-Regular.woff2') format('woff2'),
      url('../fonts/Mulish-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

/*Обнуление*/

* {
   padding: 0;
   margin: 0;
   border: 0;
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 14px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
   font-family: inherit;
}

input::-ms-clear {
   display: none;
}

button {
   cursor: pointer;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

ul li {
   list-style: none;
}

img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: inherit;
   font-weight: 400;
}

/*--------------------*/

/*===========tech class================================*/

body {
   overflow-x: hidden;
   background: #fff;
   font-family: Mulish;
}

main {
   overflow: hidden;
}
.hidden {
   display: none !important;
}
._container {
   max-width: 1920px;
   margin: 0 auto;
   padding: 0px 300px;
   width: 100%;
}

::-webkit-scrollbar {
   width: 5px;
}

::-webkit-scrollbar-thumb {
   width: 3px;
   border-radius: 40px;
   background: #63c3d1;
}

._lock {
   overflow: hidden;
}

.filter::after {
   content: '';
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background: rgba(119, 119, 119, 0.5058823529);
   z-index: 100;
}

.filter::before {
   content: '';
   position: fixed;
   top: 50%;
   left: 50%;
   width: 150px;
   height: 150px;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border: 3px solid transparent;
   border-top: 3px solid #63c3d1;
   border-bottom: 3px solid #63c3d1;
   border-radius: 50%;
   z-index: 10;
   -webkit-animation: spin 1800ms linear infinite;
   animation: spin 1800ms linear infinite;
   z-index: 101;
}

@-webkit-keyframes spin {
   from {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
   }

   to {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
   }
}

@keyframes spin {
   from {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
   }

   to {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
   }
}

/*===========header================================*/

.header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 157px;
   top: 0;
   background-color: rgba(255, 255, 255, 0.5);
   position: absolute;
   width: 100%;
   z-index: 100;
}

.header.header-green {
   /* background-color: #63c3d1; */
   background: #63c3d1;
}

.header.header-green .header__phone a:hover {
   color: #000;
   opacity: 0.7;
}

.header__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 157px;
}

.header__logo-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   /* padding: 26px; */
   background-color: #63c3d1;
   width: 205px;
   height: 206px;
   -webkit-filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, 0.2));
   filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, 0.2));
}

.header__logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 100%;
   z-index: 2;
}

.header__logo img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   fill: #fff;
}

.header__contacns {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-left: auto;
}

.header__whatsapp {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 26px;
   height: 26px;
   aspect-ratio: 1/1;
   margin: 0px 5px;
}

.header__whatsapp img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}

.header__whatsapp:hover img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}

.header__telegram {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   width: 24px;
   height: 24px;
   aspect-ratio: 1/1;
   margin: 0px 5px;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
   border-radius: 50%;
   background: #fff;
   padding: 2px;
}

.header__telegram::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 2.3px solid #fff;
   z-index: 3;
}

.header__telegram img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.header__telegram:hover {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}
.header__phone {
   display: flex;
   gap: 10px;
}
.header__phone-close {
   display: none;
}
.header__phone-btn {
   display: none;
}
.header__phone a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 26px;
   line-height: 39px;
   color: #000;
   font-weight: 400;
   white-space: nowrap;
   margin-left: 10px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.header__phone a:hover {
   /* color: #63c3d1; */
   opacity: 0.7;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.header__lang-mobile {
   display: none;
}

.header__lang {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-left: 20px;
}
.header__lang li::marker {
   display: none;
}
.lang-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 36px;
   height: 26px;
   position: relative;
   margin-left: 17px;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}
.lang-item a {
   display: flex;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   font-size: 0;
}
.lang-item-es a::before {
   content: '';
   width: 36px;
   height: 36px;
   position: absolute;
   top: -5px;
   left: 0;
   z-index: 2;
   background: url('../img/flags/es.png') 0 0/100% 100% no-repeat;
}
.lang-item-en a::before {
   content: '';
   width: 36px;
   height: 36px;
   position: absolute;
   top: -5px;
   left: 0;
   z-index: 2;
   background: url('../img/flags/gb.png') 0 0/100% 100% no-repeat;
}
.lang-item-ru a::before {
   content: '';
   width: 36px;
   height: 36px;
   position: absolute;
   top: -5px;
   left: 0;
   z-index: 2;
   background: url('../img/flags/ru.png') 0 0/100% 100% no-repeat;
}

/* .lang-item a  img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
     
} */

.lang-item a:hover {
   -webkit-transform: scale(0.97);
   -ms-transform: scale(0.97);
   transform: scale(0.97);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}

/*===========menu================================*/

.menu {
   margin: auto 0px auto 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.menu__icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 35px;
   height: 38px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background: transparent;
   position: relative;
   margin-top: 5px;
   z-index: 20;
   transition: all 0.3;
}
.menu__icon.show {
   position: absolute;
   right: 10px;
   top: 10px;
}
.menu__icon:hover {
   opacity: 0.7;
   transition: all 0.3;
}
.menu__icon.show span {
   background: transparent;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__icon.show span::before {
   font-size: 0;
   width: 70%;
   height: 1px;
   background: #000;
   top: 18px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__icon.show span::after {
   background: #000;
   height: 1px;
   width: 70%;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   bottom: 18px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__icon span {
   width: 100%;
   height: 2px;
   background: #000;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__icon span::before {
   content: 'menu';
   position: absolute;
   top: 0px;
   color: #000;
   font-size: 14px;
   line-height: 100%;
   /* color: #ffffff; */
   font-weight: 500;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__icon span::after {
   content: '';
   position: absolute;
   bottom: 10px;
   width: 100%;
   height: 2px;
   background: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__body {
   position: absolute;
   overflow: hidden;
   right: 0;
   background: #fff;
   width: 100%;
   height: 100%;
   top: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display: flex;
   width: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
   z-index: 10;
}

.menu__body.show {
   width: 100%;
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
}

.menu__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   max-width: 1210px;
   margin: 0 auto;
   gap: 7px;
   width: 100%;
   padding-left: 40px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.menu__list ul {
   display: flex;
}

.menu__list li {
   margin: 0px 15px;
}

.menu__list li a {
   font-size: 26px;
   line-height: 120%;
   color: #000;
   font-weight: 400;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__list li a:hover {
   /* color: #63c3d1; */
   opacity: 0.7;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========main-block================================*/

.main-block {
   position: relative;
   width: 100%;
   min-height: 100vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-top: 200px;
   /* background-color: rgba(0, 0, 0, 0.388); */
   overflow: hidden;
}
.main-block__bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;

   background-color: rgba(255, 255, 255, 0.5);
}
.main-block__bg img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: -1;
}

.main-block__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   z-index: 2;
}

.main-block__logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 536px;
   aspect-ratio: 3.7;
   /* height: 145px; */

   position: relative;
   margin-bottom: 44px;
   z-index: 2;
}

.main-block__logo img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.main-block__title {
   font-size: 98px;
   letter-spacing: 2px;
   text-align: center;
   color: #000;
   font-weight: 700;
   -webkit-filter: drop-shadow(1.59px 2.544px 28.5px #000000);
   filter: drop-shadow(1.59px 2.544px 28.5px #000000);
   margin-bottom: 42px;
}

.main-block__button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 28px;
   line-height: 100%;
   color: #000;
   font-weight: 700;
   width: 318px;
   height: 94px;
   border-radius: 47px;
   background-color: #63c3d1;
   border: 1px solid #63c3d1;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   text-align: center;
   margin-bottom: 60px;
}

.main-block__button:hover {
   color: #000000a3;
   background: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========main-category================================*/

.main-categories {
   padding: 67px 0px;
}

.main-categories.categories-page {
   padding: 0;
}

.main-categories.categories-page .bird-svg {
   top: 20px;
   display: none;
}

.main-categories__container {
   position: relative;
}

.main-categories__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-categories__title {
   font-size: 68px;
   line-height: 150%;
   color: #63c3d1;
   font-weight: 700;
   margin-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-categories__title::before {
   content: '';
   width: 77px;
   height: 9px;
   background-color: #63c3d1;
}

.main-categories__items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 16px;
   padding: 0px 16px;
}

.main-categories__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background-color: #ffffff;
   border: 1px solid #d7d7d7;
   height: 295px;
   position: relative;
}

.main-categories__item:hover .main-categories__item-background {
   opacity: 0.7;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/* .main-categories__item.item-width {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
} */

.main-categories__item.item-width .main-categories__item-background::before {
   content: '';
   position: absolute;
   top: 15px;
   left: 15px;
   width: 90%;
   height: 75%;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
}

.main-categories__item.item-width .main-categories__item-background::after {
   content: '';
   position: absolute;
   bottom: 15px;
   right: 15px;
   width: 90%;
   height: 75%;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
}

/* .main-categories__item.item-hight {
   height: 100%;
   -ms-grid-column: 3;
   -ms-grid-column-span: 1;
   grid-column: 3/4;
   -ms-grid-row: 2;
   -ms-grid-row-span: 2;
   grid-row: 2/4;
} */

.main-categories__item.item-hight .main-categories__item-title {
   height: 66px;
}

.main-categories__item.item-hight .main-categories__item-background::before {
   content: '';
   position: absolute;
   top: 15px;
   left: 15px;
   width: 80%;
   height: 88%;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
}

.main-categories__item.item-hight .main-categories__item-background::after {
   content: '';
   position: absolute;
   bottom: 15px;
   right: 15px;
   width: 80%;
   height: 88%;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
}

.main-categories__item-background {
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: #fff;
   border: 1px solid #b2b2b4;
   z-index: 5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   font-size: 24px;
   letter-spacing: 1px;
   line-height: 155%;
   color: #000;
   font-weight: 700;
   padding: 30px;
   opacity: 0;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-categories__item-background::before {
   content: '';
   position: absolute;
   top: 15px;
   left: 15px;
   width: 80%;
   height: 75%;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
}

.main-categories__item-background::after {
   content: '';
   position: absolute;
   bottom: 15px;
   right: 15px;
   width: 80%;
   height: 75%;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
}

.main-categories__item-image {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 100%;
   position: relative;
}

.main-categories__item-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.main-categories__item-title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-size: 24px;
   letter-spacing: 1px;
   line-height: 100%;
   color: #000000;
   font-weight: 700;
   padding: 0px 10px;
   height: 75px;
   text-align: center;
   background: #63c3d1;
   /* text-shadow: 0.5px 0.5px 1px black, -0.5px 0.5px 1px black, 0.5px -0.5px 1px black, -0.5px -0.5px 1px black; */
}

.bird-svg {
   position: absolute;
   left: 0;
   top: 0;
   width: 301px;
   height: 292px;
   opacity: 0.071;
   display: none;
}

.podk-svg {
   position: absolute;
   right: 0;
   -webkit-transform: rotate(-20deg);
   -ms-transform: rotate(-20deg);
   transform: rotate(-20deg);
   bottom: 0;
   width: 282px;
   height: 307px;
   opacity: 0.071;
   display: none;
}

/*===========main-about================================*/

.main-about {
   background: #edebe7;
}

.main-about__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.main-about__body {
   width: 50%;
   padding: 65px 0px 44px;
}

.main-about__content {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   min-height: 600px;
}

.main-about__title {
   font-size: 68px;
   line-height: 150%;
   color: #000;
   font-weight: 700;
   margin-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-about__title::before {
   content: '';
   width: 77px;
   height: 9px;
   background-color: #000;
}

.main-about__text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;

   max-height: 290px;
   overflow: hidden;
   position: relative;
   transition: max-height 0.3s ease;
   margin-bottom: 20px;
}

/* класс при раскрытии */
.main-about__text.active {
   max-height: none;
}
#toggleBtn {
   font-size: 16px;
   line-height: 162%;
   color: #000;
   font-weight: 500;

   margin-bottom: 5px;
   background: transparent;
   transition: all 0.3s;
}
#toggleBtn:hover {
   opacity: 0.7;
   transition: all 0.3s;
}
/* можно добавить градиент внизу */
.main-about__text::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 80px;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff14);
   pointer-events: none;
}

.main-about__text.active::after {
   display: none;
}
.main-about__text p {
   font-size: 16px;
   line-height: 162%;
   color: #000;
   font-weight: 300;
   font-family: Mulish;
   margin-bottom: 5px;
}
.main-about__text a {
   font-size: 18px;
   line-height: 150%;
   color: #63c3d1;
   font-weight: 700;
   white-space: nowrap;

   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.main-about__text a:hover {
   opacity: 0.7;
   transition: all 0.3s;
}
.main-about__text strong {
   font-size: 18px;
   margin-bottom: 10px;
   font-weight: 700;
}
.main-about__text p img {
   margin-right: 20px;
   margin-bottom: 20px;
   margin-top: 20px;
   cursor: pointer;
   transition: all 0.5s;
}
.main-about__text p img:hover {
   transform: scale(1.03);
   transition: all 0.5s;
}
.main-about__map iframe {
   max-width: 100%;
   width: 100%;
}
.about-page .main-about__body {
   display: flex;
   width: 100%;
   flex-direction: column;
}
.about-page .main-about {
   display: flex;
   flex-direction: column;
   width: 100%;
}
.about-page .main-about__map {
   padding-bottom: 30%;
   flex: 0;
   transform: translate(0, 0);
}
.about-page .main-about__map iframe {
   height: 100%;
}
.about-page .main-about__text {
   max-height: 100%;
}
.main-about__office {
   position: relative;
   width: 100%;
   padding-bottom: 64%;
}
.main-about__office img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
/*===========main-contact================================*/

.main-contacts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 52px 0px;
}

.main-contacts__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   max-width: 1100px;
   margin: 0 auto;
}

.main-contacts__tiktok {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-right: 10px;
}

.main-contacts__tiktok img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.main-contacts__tiktok:hover .main-contacts__tiktok-image {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}

.main-contacts__tiktok-image {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 52px;
   height: 52px;
   margin-right: 10px;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}

.main-contacts__tiktok-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.main-contacts__tiktok-text {
   font-size: 26px;
   line-height: 150%;
   color: #63c3d1;
   font-weight: 700;
   white-space: nowrap;
}

.main-contacts__contacns {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 0px 10px;
}

.main-contacts__whatsapp {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 52px;
   height: 52px;
   margin: 0px 2px;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}

.main-contacts__whatsapp img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}

.main-contacts__whatsapp:hover img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}

.main-contacts__telegram {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 42px;
   height: 42px;
   margin: 0px 5px;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}

.main-contacts__telegram img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.main-contacts__telegram:hover img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
}
.main-contacts__phone {
   display: flex;
   flex-direction: column;
}
.main-contacts__phone a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 26px;
   line-height: 150%;
   color: #000;
   font-weight: 700;
   white-space: nowrap;
   margin: 0px 10px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   opacity: 1;
}

.main-contacts__phone a:hover {
   opacity: 0.7;

   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-contacts__button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 28px;
   line-height: 100%;
   color: #000;
   font-weight: 700;
   width: 318px;
   height: 94px;
   border-radius: 47px;
   background-color: #63c3d1;
   border: 1px solid #63c3d1;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   text-align: center;
   margin-left: 10px;
}

.main-contacts__button:hover {
   color: #000000a3;
   background: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========footer================================*/

.footer {
   /* background-color: #242424; */
   background: #3b747c;
}

.footer__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 22px 0px;
}

.footer__logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 96px;
   height: 93px;
   position: relative;
}

.footer__logo img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.footer__menu-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 15px 0px;
}

.footer__menu-list a {
   font-size: 16px;
   line-height: 137%;
   color: #000;
   font-weight: 400;
   margin-left: 30px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.footer__menu-list a:hover {
   /* color: #00a399; */
   opacity: 0.7;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.footer__policy {
   display: flex;
   font-size: 16px;
   line-height: 137%;
   color: #000;
   font-weight: 400;
   margin-left: 30px;
   padding: 15px 0px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.footer__policy:hover {
   /* color: #00a399; */
   opacity: 0.7;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
/*===========contact================================*/

.breadcrumbs {
   padding: 228px 0px 30px;
}

.breadcrumbs__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.breadcrumbs__first {
   font-size: 14px;
   line-height: 100%;
   color: #5a5959;
   font-weight: 400;
   white-space: nowrap;
   padding: 5px 0px;
}

.breadcrumbs__slasch {
   font-size: 14px;
   line-height: 100%;
   color: #5a5959;
   font-weight: 400;
   margin: 0px 5px;
   padding: 5px 0px;
}

.breadcrumbs__second {
   font-size: 14px;
   line-height: 100%;
   color: #5a5959;
   font-weight: 400;
   white-space: nowrap;
   padding: 5px 0px;
}

.breadcrumbs__third {
   font-size: 14px;
   line-height: 100%;
   color: #5a5959;
   font-weight: 400;
   white-space: nowrap;
   padding: 5px 0px;
}

.breadcrumbs__fourth {
   font-size: 14px;
   line-height: 100%;
   color: #5a5959;
   font-weight: 400;
   white-space: nowrap;
   padding: 5px 0px;
}

.breadcrumbs__fifth {
   font-size: 14px;
   line-height: 100%;

   color: #63c3d1;
   font-weight: 400;
   /* white-space: nowrap; */
   padding: 5px 0px;
}

.contact__map {
   position: relative;
   width: 100%;
   padding-bottom: 35%;
}

.contact__map iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

/*===========usluga================================*/

.usluga__container {
   position: relative;
}

.usluga__container .bird-svg {
   top: 100px;
   left: 0;
}

.usluga__container .podk-svg {
   bottom: 70px;
   right: 0;
   left: auto;
}

.usluga__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.noUi-connect {
   background: #63c3d1 !important;
}
.usluga__title {
   font-size: 68px;
   line-height: 150%;
   /* color: #63c3d1; */
   color: #000;
   font-weight: 700;
   margin-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.usluga__title::before {
   content: '';
   width: 77px;
   height: 9px;
   background-color: #000;
}

.usluga-filter-title {
   font-size: 20px;
   letter-spacing: 1px;
   line-height: 40px;
   color: #63c3d1;
   font-weight: 700;
   margin-bottom: 15px;
   white-space: nowrap;
}

.usluga-filters {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 30px 25px;
   border: 1px solid #b2b2b4;
   margin-bottom: 38px;

   margin: 0px 16px 38px;
}

.usluga-filter {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   margin: 0px 20px;
}

.usluga-filter__select {
   position: relative;
   width: 100%;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.usluga-filter__select.rotate::before {
   -webkit-transform: rotate(180deg) translateY(50%);
   -ms-transform: rotate(180deg) translateY(50%);
   transform: rotate(180deg) translateY(50%);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.usluga-filter__select::before {
   content: '';
   position: absolute;
   right: 10px;
   top: 50%;
   width: 13px;
   height: 7px;
   background: url('../img/arrow.svg') 0 0/100% 100% no-repeat;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   cursor: pointer;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.usluga-filter__select span {
   font-size: 16px;
   letter-spacing: 0px;
   line-height: 113%;
   color: #5a5959;
   font-weight: 500;
   padding: 9px 32px 9px 12px;
   border-radius: 5px;
   background-color: #f2f2f2;
   border: 1px solid #d9d9d9;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   cursor: pointer;
}

.usluga-filter__select ul {
   border-radius: 5px;
   background-color: #f2f2f2;
   border: 1px solid #d9d9d9;
   position: absolute;
   top: 100%;
   width: 100%;
   display: none;
   z-index: 10;
   max-height: 300px;
   overflow: auto;
   -webkit-transform: translateY(3px);
   -ms-transform: translateY(3px);
   transform: translateY(3px);
}

.usluga-filter__select li {
   font-size: 16px;
   letter-spacing: 0px;
   line-height: 105%;
   color: #5a5959;
   font-weight: 500;
   padding: 5px 13px;
   cursor: pointer;
}

.usluga-filter__select li:hover {
   color: #63c3d1;
}

.filter-price {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   max-width: 215px;
}

.filter-price .price-range {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 15px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 16px;
   letter-spacing: 0px;
   color: #5a5959;
   font-weight: 500;
   gap: 5px;
}

.filter-price .price-range input {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border-radius: 5px;
   background-color: #f2f2f2;
   border: 1px solid #d9d9d9;
   padding: 10px;
   width: 95px;
}

.filter-price #price-slider {
   height: 5px;

   width: 96%;
   left: 4px;
}

.filter-price .noUi-handle {
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
}

.filter-price .noUi-horizontal .noUi-handle {
   width: 13px;
   height: 13px;
   aspect-ratio: 1/1;
   border-radius: 50%;
   background-color: #63c3d1;
   top: -4px;
}

.filter-price .noUi-horizontal .noUi-handle::before {
   display: none;
}

.filter-price .noUi-horizontal .noUi-handle::after {
   display: none;
}

.filter-price .noUi-target {
   border: none;
   background: #ecebe7;
}

.filter-price .noUi-horizontal .noUi-handle {
   right: -7px;
   cursor: pointer;
}

.filter-location svg {
   fill: #63c3d1;
   width: 14px;
   height: 19px;
}

.filter-area {
   max-width: 120px;
}

.filter-area svg {
   fill: #63c3d1;
   width: 17px;
   height: 16px;
}

.filter-room .usluga-filter-title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.filter-room .usluga-filter-title::before {
   background: url('../img/room.png') 0 0/100% 100% no-repeat;
}

.filter-room .usluga-filter-title::before {
   content: '';
   width: 17px;
   height: 18px;
   margin-right: 6px;
}

.filter-type .usluga-filter-title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.filter-type .usluga-filter-title::before {
   background: url('../img/home.png') 0 0/100% 100% no-repeat;
}

.filter-type .usluga-filter-title::before {
   content: '';
   width: 20px;
   height: 18px;
   margin-right: 5px;
}

.usluga__items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 36px 17px;
   margin-bottom: 47px;
   padding: 0px 16px;
}

.usluga__item {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background-color: #ffffff;
   border: 1px solid #b2b2b4;
}
.usluga__item-flag {
   position: absolute;
   top: 0;
   right: 0;
   display: flex;
   width: fit-content;
   font-size: 24px;
   line-height: 100%;
   color: #fff;
   font-weight: 500;
   padding: 10px 25px;
   z-index: 3;
   /* background: #f8603a; */
   background: #d17163;
   border-radius: 0px 0px 0px 10px;
}

.usluga__item:hover .usluga__item-title {
   text-decoration: underline;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   color: #000000a9;
}

.usluga__item:hover .usluga__item-image img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.usluga__item-image {
   position: relative;
   width: 100%;
   padding-bottom: 65%;
   overflow: hidden;
}

.usluga__item-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.usluga__item-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 22px 20px;
   height: 100%;
}

.usluga__item-title {
   font-size: 24px;
   letter-spacing: 1px;
   line-height: 141%;
   text-transform: uppercase;
   /* color: #63c3d1; */
   color: #000;
   font-weight: 700;
   margin-bottom: 32px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.usluga__item-khars {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 38px;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}

.usluga__item-khar {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 35px 1fr;
   grid-template-columns: 35px 1fr;
   font-size: 24px;
   line-height: 100%;
   color: #5a5959;
   font-weight: 500;
}

.usluga__item-khar.usluga__item-khar-one svg {
   width: 25px;
   height: 24px;
}

.usluga__item-khar.usluga__item-khar-two svg {
   width: 22px;
   height: 15px;
   margin-top: 5px;
}

.usluga__item-khar.usluga__item-khar-three svg {
   width: 17px;
   height: 23px;
}

.usluga__item-khar.usluga__item-khar-four svg {
   width: 17px;
   height: 21px;
}

.usluga__item-khar:not(:last-child) {
   margin-bottom: 20px;
}

.usluga__item-khar svg {
   fill: #63c3d1;
   margin-right: 12px;
}

.usluga__item-ptice {
   font-size: 44px;
   letter-spacing: 1px;
   line-height: 100%;
   /* color: #63c3d1; */
   font-weight: 800;
   color: #d17163;
}

.usluga__more {
   font-size: 24px;
   cursor: pointer;
   color: #63c3d1;
   font-weight: 500;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 0 auto;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.usluga__more:hover svg {
   -webkit-transform: rotate(170deg);
   -ms-transform: rotate(170deg);
   transform: rotate(170deg);
   -webkit-transition: all 0.8s;
   transition: all 0.8s;
}

.usluga__more svg {
   width: 39px;
   height: 39px;
   fill: #63c3d1;
   margin-left: 15px;
   -webkit-transition: all 0.8s;
   transition: all 0.8s;
}

.usluga-filters-icon {
   display: none;
}

.usluga-filters__btn {
   display: none;
}

.usluga__none-posts {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 26px;
   text-align: center;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   color: #63c3d1;
   line-height: 125%;
   font-weight: 700;
   -ms-grid-column: 1;
   -ms-grid-column-span: 3;
   grid-column: 1/4;
   padding: 20px;
   display: none;
}

.usluga__none-posts.show {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

/*===========single================================*/

.single__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.single__top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 30px;
}

.single__images {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   height: 580px;
   max-width: 600px;
   position: relative;
}
.single__images-flag {
   position: absolute;
   top: 0;
   right: 0;
   display: flex;
   width: fit-content;
   font-size: 24px;
   line-height: 100%;
   color: #fff;
   font-weight: 500;
   padding: 10px 25px;
   z-index: 3;
   /* background: #f8603a; */
   background: #d17163;
   border-radius: 0px 0px 0px 10px;
}
.single__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 0px 0px 0px 42px;
}

.single__title {
   font-size: 38px;
   line-height: 115%;
   text-transform: uppercase;
   /* color: #63c3d1; */
   color: #63c3d1;
   font-weight: 700;
   margin-bottom: 25px;
}

.single__item-khars {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   /* display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 10px; */
   margin-bottom: 15px;
}
.single__item-khars a {
   width: fit-content;
}
.single__item-khars a span {
   display: flex;
   width: fit-content;
   position: relative;
   padding-bottom: 3px;
}
.single__item-khars a span:after {
   content: '';
   width: 100%;
   height: 1px;
   background: #5a5959;
   position: absolute;
   right: 0;
   bottom: 0;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.single__item-khars a:hover {
   /* color: #63c3d1; */
   color: #000000b3;

   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.single__item-khars a:hover span:after {
   opacity: 0;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single__item-khar {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 38px 1fr;
   grid-template-columns: 38px 1fr;
   font-size: 24px;
   line-height: 105%;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: start;
   /* color: #5a5959; */
   color: #000;
   font-weight: 500;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single__item-khar.single__item-khar-one svg {
   width: 25px;
   height: 24px;
}

.single__item-khar.single__item-khar-two svg {
   width: 22px;
   height: 15px;
   margin-top: 5px;
}

.single__item-khar.single__item-khar-three svg {
   width: 17px;
   height: 23px;
}

.single__item-khar.single__item-khar-four svg {
   width: 17px;
   height: 21px;
}

.single__item-khar:not(:last-child) {
   margin-bottom: 18px;
}

.single__item-khar svg {
   /* fill: #63c3d1; */
   fill: #63c3d1;
}
.single__price-block {
   display: flex;
   width: 100%;
   flex-wrap: wrap;

   align-items: center;
}
.single__price {
   font-size: 44px;
   letter-spacing: 1px;
   line-height: 186%;
   /* color: #63c3d1; */
   color: #d17163;
   font-weight: 800;
   margin-right: 40px;
   white-space: nowrap;
   padding: 10px 0px;
}

.single__button {
   width: 200px;
   height: fit-content;
   border-radius: 30px;
   line-height: 110%;
   border: 1px solid #63c3d1;
   font-size: 18px;
   padding: 19px 24px 19px 24px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;

   /* color: #63c3d1; */
   color: #000;
   font-weight: 700;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   cursor: pointer;
}

.single__button:hover {
   background: #63c3d1;
   color: #000000a3;

   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single__description {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 20px;
}

.single__description p {
   font-size: 16px;
   line-height: 162%;
   /* color: #5a5959; */
   color: #000;
   font-weight: 300;
}

.swiper-button-next,
.swiper-button-prev {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 43px;
   height: 43px;
   min-width: 43px;
   border-radius: 50%;
   background-color: #ffffff;
   padding: 10px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
   display: none;
}

.swiper-button-next svg,
.swiper-button-prev svg {
   fill: #63c3d1;
   width: 100%;
   height: 100%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
   opacity: 0.7 !important;
}

.swiper-button-next.swiper-button-disabled svg,
.swiper-button-prev.swiper-button-disabled svg {
   fill: #000;
}

.swiper {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
}

.swiper-slide {
   background-size: cover;
   background-position: center;
   cursor: pointer;
}

.mySwiper2 {
   height: 100%;
   width: 100%;
   margin-bottom: 5px;
}

.mySwiper {
   height: 17%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.mySwiper .swiper-slide {
   width: 100%;
   opacity: 0.7;
}

.mySwiper .swiper-slide-thumb-active {
   opacity: 1;
}

.swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

/*===========popup================================*/

.image-popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.8);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 1000;
}

.image-popup .swiper {
   width: 80%;
   height: 80%;
}

.swiper-wrapper {
   width: 100%;
   height: 100%;
}

.swiper-wrapper.swiper-slide {
   position: relative;
   width: 85%;
   height: 85%;
}

.swiper-wrapper.swiper-slide img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.popup-close {
   position: absolute;
   top: 32px;
   right: 32px;
   font-size: 30px;
   color: white;
   cursor: pointer;
}

.popup-button-prev,
.popup-button-next {
   position: absolute;
   top: 50%;
   width: 44px;
   height: 44px;
   min-width: 44px;
   border-radius: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 36px;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   cursor: pointer;
   padding: 10px;
   z-index: 1001;
}

.popup-button-prev svg,
.popup-button-next svg {
   width: 100%;
   height: 100%;
   fill: #63c3d1;
}

.popup-button-prev {
   left: 30px !important;
}

.popup-button-next {
   right: 30px !important;
}

/*===========popup form================================*/

.form-popup {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.537254902);
   z-index: 1000;
   display: none;
}
.form-popup-buy {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.537254902);
   z-index: 1000;
   display: none;
}

.form-popup__close,
.form-popup__close-buy {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 22px;
   width: 20px;
   height: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #5a5959;
   cursor: pointer;
}

.form-popup__body,
.form-popup__body-buy {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 90%;
   max-width: 500px;
   background: #fff;
   top: 50%;
   left: 50%;
   position: relative;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   padding: 40px 30px;
}

.form-popup__body form,
.form-popup__body-buy form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.form-popup__body form span,
.form-popup__body-buy form span {
   display: flex;
   width: 100%;
   position: relative;
}

.form-popup__body form input,
.form-popup__body-buy form input {
   border-radius: 5px;
   font-size: 16px;
   font-weight: 400;
   color: #5a5959;
   border: 1px solid #d9d9d9;
   margin-bottom: 15px;
   padding: 10px 15px;
   width: 100%;
}
.form-popup__body form .wpcf7-not-valid-tip,
.form-popup__body-buy form .wpcf7-not-valid-tip {
   position: absolute;
   bottom: 0;
}
.form-popup__body form .wpcf7-response-output,
.form-popup__body-buy form .wpcf7-response-output {
   margin: 0;
}
.form-popup__body .wpcf7-spinner,
.form-popup__body-buy .wpcf7-spinner {
   display: flex;
   width: 20px;
   height: 20px;
   margin: 5px auto;
}
.form-popup__body form input::-webkit-input-placeholder,
.form-popup__body-buy form input::-webkit-input-placeholder {
   font-weight: 300;
}

.form-popup__body form input::-moz-placeholder,
.form-popup__body-buy form input::-moz-placeholder {
   font-weight: 300;
}

.form-popup__body form input:-ms-input-placeholder,
.form-popup__body-buy form input:-ms-input-placeholder {
   font-weight: 300;
}

.form-popup__body form input::-ms-input-placeholder,
.form-popup__body-buy form input::-ms-input-placeholder {
   font-weight: 300;
}

.form-popup__body form input::placeholder,
.form-popup__body-buy form input::-ms-input-placeholder {
   font-weight: 300;
}

.form-popup__body form input.form-popup__btn,
.form-popup__body-buy form input.form-popup__btn {
   color: #63c3d1;
   font-weight: 500;
   background: #fff;
   border: 1px solid #63c3d1;
   border-radius: 50px;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   margin-bottom: 0;
   margin-top: 10px;
}

.form-popup__body form input.form-popup__btn:hover,
.form-popup__body-buy form input.form-popup__btn:hover {
   color: #fff;
   background: #63c3d1;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.form-popup__title,
.form-popup__title-buy {
   font-size: 28px;
   line-height: 110%;
   color: #63c3d1;
   font-weight: 700;
   margin-bottom: 20px;
}

.form-popup__text {
   font-size: 16px;
   line-height: 150%;
   color: #5a5959;
   font-weight: 300;
   margin-bottom: 20px;
}
.form-popup__text-buy {
   font-size: 16px;
   line-height: 150%;
   color: #5a5959;
   font-weight: 300;
   margin-bottom: 0px;
}

/* .main-categories__item-green .main-categories__item-title {
   background: #63c3d1;
} */

/* .main-categories__item-yellow .main-categories__item-title {
   background: yellow;
} */

/* .main-categories__item-gold .main-categories__item-title {
   background: lightgray;
} */

/* .main-categories__item-blue .main-categories__item-title {
   background: rgb(58, 205, 254);
} */

/* .main-categories__item-red .main-categories__item-title {
   background: red;
} */

/* .main-categories__item-violet .main-categories__item-title {
   background: violet;
} */

/* .main-categories__item-orange .main-categories__item-title {
   background: orange;
} */

/*===========policy================================*/

.policy {
   display: flex;
   width: 100%;
   padding: 240px 0px 120px;
}

.policy__body {
   display: flex;
   flex-direction: column;
   width: 100%;
}
.policy__title {
   font-size: 58px;
   width: 100%;
   line-height: 120%;
   color: #63c3d1;
   font-weight: 700;
   margin-bottom: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
}
.policy__content {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 15px;
   max-width: 950px;
   margin: 0 auto;
   border-top: 1px solid #00a399;
   padding-top: 20px;
}
.policy__content p {
   font-size: 16px;
   line-height: 120%;
   color: #5a5959;
   font-weight: 300;
   font-family: Mulish;
}
.policy__content h3 {
   font-size: 16px;
   line-height: 120%;
   color: #5a5959;
   font-weight: 700;
   font-family: Mulish;
}
.policy__content ul,
.policy__content ol {
   display: flex;
   flex-direction: column;
   gap: 5px;

   margin-bottom: 10px;
}
.policy__content ul li,
.policy__content ol li {
   font-size: 16px;
   line-height: 120%;
   color: #5a5959;
   font-weight: 300;
   font-family: Mulish;
   position: relative;
   padding-left: 30px;
}
.policy__content ul li::marker {
   display: none;
}
.policy__content ol {
   list-style: none;
   counter-reset: custom-counter;
}
.policy__content ul li::before {
   content: '';
   width: 5px;
   height: 5px;
   background: #5a5959;
   border-radius: 50%;
   display: flex;
   position: absolute;
   left: 12px;
   top: 10px;
}
.policy__content ol li {
   position: relative;
   padding-left: 30px;
   counter-increment: custom-counter;
}

.policy__content ol li::before {
   content: counter(custom-counter) '.';
   position: absolute;
   left: 0;
   top: 0;
   font-weight: 500;
   color: #5a5959;
   left: 5px;
   top: 0px;
}

/*===========text image popup================================*/
.image-popup-text {
   position: fixed;
   inset: 0;
   z-index: 9999;
   display: none;
}

.image-popup-text.active {
   display: block;
}

/* затемнение */
.image-popup-text__overlay {
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.85);
}

/* контейнер */
.image-popup-text__body {
   position: relative;
   width: 90%;
   max-width: 1000px;
   height: 90%;
   margin: auto;
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 2;
}
.image-popup-text__slider {
   width: 100%;
   height: 100%;
}

.image-popup-text__slider .swiper-wrapper {
   height: 100%;
}

.image-popup-text__slider .swiper-slide {
   display: flex;
   align-items: center;
   justify-content: center;
}

/* сами изображения */
.image-popup-text__slider img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
   border-radius: 10px;
}
.image-popup__close {
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 32px;
   color: #fff;
   cursor: pointer;
   z-index: 10;
   transition: 0.3s;
}

.image-popup__close:hover {
   transform: scale(1.2);
}
/*===========================================*/

@media (min-width: 768px) {
   .main-about__map {
      position: relative;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 44%;
      flex: 0 0 44%;
      height: auto;
      -webkit-transform: translate(-100%, 0%);
      -ms-transform: translate(-100%, 0%);
      transform: translate(-100%, 0%);
   }

   .main-about__map iframe {
      position: absolute;
      width: 100%;
      height: 600px;
      top: 0;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
   }

   .main-about {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
}

@media (max-width: 1800px) {
   .bird-svg {
      width: 220px;
   }

   .podk-svg {
      width: 220px;
   }

   ._container {
      padding: 0px 230px;
   }
}

@media (max-width: 1650px) {
   .footer__menu-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
      gap: 15px 0px;
   }
   .footer__policy {
      margin-left: 15px;
   }
   .footer__menu-list a {
      margin-left: 15px;
   }

   .bird-svg {
      width: 190px;
      height: 190px;
   }

   .podk-svg {
      width: 190px;
      height: 190px;
   }

   ._container {
      padding: 0px 200px;
   }

   .usluga-filter-title {
      font-size: 18px;
   }

   .usluga-filter {
      margin: 0px 15px;
   }

   .filter-location svg {
      width: 12px;
      height: 14px;
   }

   .filter-area {
      max-width: 120px;
   }

   .filter-area svg {
      width: 15px;
      height: 14px;
   }

   .filter-room .usluga-filter-title::before {
      background: url('../img/room.png') 0 0/100% 100% no-repeat;
   }

   .filter-room .usluga-filter-title::before {
      content: '';
      width: 14px;
      height: 15px;
   }

   .filter-type .usluga-filter-title::before {
      background: url('../img/home.png') 0 0/100% 100% no-repeat;
   }

   .filter-type .usluga-filter-title::before {
      content: '';
      width: 16px;
      height: 15px;
   }

   .usluga__container .podk-svg {
      bottom: 90px;
   }

   .usluga__container .bird-svg {
      top: 140px;
   }

   .usluga__item-title {
      font-size: 22px;
   }

   .usluga__item-khar {
      font-size: 22px;
   }

   .usluga__item-ptice {
      font-size: 40px;
   }

   .usluga__more {
      font-size: 22px;
   }

   .usluga__more svg {
      width: 32px;
      height: 32px;
   }

   .single__title {
      font-size: 34px;
   }

   .single__content {
      padding-right: 0;
   }

   .main-categories.categories-page .bird-svg {
      top: 50px;
   }
}

@media (max-width: 1500px) {
   .usluga-filter {
      margin: 0px 10px;
   }

   .single__images {
      max-width: 550px;
   }
}

@media (max-width: 1400px) {
   .policy {
      padding: 200px 0px 80px;
   }
   .policy__title {
      font-size: 50px;
      margin-bottom: 20px;
   }
   .policy__content {
      padding-top: 20px;
   }
   .bird-svg {
      width: 150px;
      height: 150px;
   }

   .podk-svg {
      width: 150px;
      height: 150px;
   }

   ._container {
      padding: 0px 160px;
   }

   .header__logo-container {
      width: 160px;
      height: 160px;
      /* padding: 15px; */
   }

   .header {
      height: 100px;
   }

   .header__body {
      height: 100px;
   }

   .main-categories__item-title {
      font-size: 20px;
   }

   .main-about__title {
      font-size: 55px;
      margin-bottom: 20px;
   }

   .usluga__title {
      font-size: 55px;
      margin-bottom: 20px;
   }

   .main-categories__title {
      font-size: 55px;
      margin-bottom: 20px;
   }

   .main-categories__title::before {
      height: 7px;
   }

   .main-about__title::before {
      height: 7px;
   }

   .usluga__title::before {
      height: 7px;
   }

   .main-contacts__button {
      height: 70px;
      width: 250px;
      font-size: 20px;
   }

   .main-contacts__phone a {
      font-size: 20px;
   }

   .main-contacts__tiktok-text {
      font-size: 20px;
   }

   .main-contacts__telegram {
      width: 32px;
      height: 32px;
   }

   .main-contacts__whatsapp {
      width: 40px;
      height: 40px;
   }

   .main-contacts__tiktok-image {
      width: 40px;
      height: 40px;
      min-width: 40px;
   }

   .usluga-filter-title {
      font-size: 16px;
   }

   .usluga-filter__select span {
      font-size: 14px;
   }

   .usluga-filter__select li {
      font-size: 14px;
   }

   .filter-location svg {
      width: 10px;
      height: 12px;
   }

   .filter-area {
      max-width: 120px;
   }

   .filter-area svg {
      width: 13px;
      height: 12px;
   }

   .filter-room .usluga-filter-title::before {
      background: url('../img/room.png') 0 0/100% 100% no-repeat;
   }

   .filter-room .usluga-filter-title::before {
      content: '';
      width: 12px;
      height: 13px;
   }

   .filter-type .usluga-filter-title::before {
      background: url('../img/home.png') 0 0/100% 100% no-repeat;
   }

   .filter-type .usluga-filter-title::before {
      content: '';
      width: 14px;
      height: 13px;
   }

   .usluga__item-title {
      font-size: 20px;
      margin-bottom: 20px;
   }

   .usluga__item-khar {
      font-size: 20px;
   }

   .usluga__item-ptice {
      font-size: 36px;
   }

   .usluga__item-khars {
      margin-bottom: 25px;
   }

   .usluga__more {
      font-size: 20px;
   }

   .usluga__more svg {
      width: 28px;
      height: 28px;
   }

   .breadcrumbs {
      padding-top: 190px;
   }

   .single__title {
      font-size: 30px;
   }

   .single__images {
      max-width: 500px;
   }

   .single__item-khar {
      font-size: 22px;
   }

   .single__price {
      font-size: 40px;
   }
   .header__lang {
      margin-left: 10px;
   }
}

@media (max-width: 1250px) {
   .policy {
      padding: 120px 0px 60px;
   }

   ._container {
      padding: 0px 140px;
   }
   .policy__container {
      padding: 0px 25px;
   }
   .header__logo-container {
      width: 100px;
      height: 100px;
   }

   .bird-svg {
      width: 130px;
      height: 130px;
   }

   .podk-svg {
      width: 130px;
      height: 130px;
   }

   .header {
      height: 70px;
   }

   .header__body {
      height: 70px;
   }

   .header__phone a {
      font-size: 18px;
   }

   .header__whatsapp {
      width: 20px;
      height: 20px;
   }

   .header__telegram {
      width: 18px;
      height: 18px;
   }

   .lang-item {
      width: 25px;
      height: 20px;
   }
   .lang-item a::before {
      width: 25px;
      height: 20px;
      top: 0;
   }

   .main-block__logo {
      width: 400px;
      /* height: 100px; */
   }

   .main-block__title {
      font-size: 75px;
   }

   .main-block__button {
      font-size: 20px;
   }

   .main-block__button {
      width: 250px;
      height: 70px;
   }

   .main-categories__item-title {
      font-size: 18px;
      padding: 15px 10px;
   }

   .footer__menu-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      gap: 15px 10px;
   }

   .usluga__item-title {
      font-size: 18px;
   }

   .usluga__item-ptice {
      font-size: 30px;
   }

   .usluga__item-khar {
      font-size: 18px;
   }

   .usluga__item-khar.usluga__item-khar-one svg {
      width: 22px;
      height: 20px;
   }

   .usluga__item-khar.usluga__item-khar-two svg {
      width: 20px;
      height: 14px;
      margin-top: 3px;
   }

   .usluga__item-khar.usluga__item-khar-three svg {
      width: 15px;
      height: 19px;
   }

   .usluga__item-khar.usluga__item-khar-four svg {
      width: 17px;
      height: 21px;
   }

   .usluga__item-khar:not(:last-child) {
      margin-bottom: 15px;
   }

   .usluga__item-khar svg {
      fill: #63c3d1;
      margin-right: 10px;
   }

   .usluga__item-khar {
      -ms-grid-columns: 30px 1fr;
      grid-template-columns: 30px 1fr;
   }

   .usluga__item-content {
      padding: 15px;
   }

   .usluga-filters {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .filter-price {
      width: 30%;
   }

   .filter-location {
      width: 30%;
      max-width: 100%;
   }

   .filter-area {
      width: 30%;
      max-width: 100%;
   }

   .filter-room {
      width: 47%;
   }

   .filter-type {
      width: 47%;
   }

   .breadcrumbs {
      padding-top: 125px;
   }

   .single__images {
      width: 50%;
      height: 450px;
   }

   .single__title {
      font-size: 28px;
      margin-bottom: 20px;
   }

   .single__content {
      padding-left: 30px;
   }

   .single__item-khars {
      margin-bottom: 20px;
   }

   .single__item-khar {
      font-size: 20px;
   }

   .menu__list li a {
      font-size: 20px;
   }

   .contact__map {
      padding-bottom: 35%;
   }
}

@media (max-width: 1080px) {
   .main-block__title {
      font-size: 60px;
   }

   .single__title {
      font-size: 26px;
   }

   .single__price {
      font-size: 38px;
   }

   .contact__map {
      padding-bottom: 40%;
   }
}

@media (max-width: 992px) {
   .policy__title {
      font-size: 38px;
   }
   .main-about__title {
      font-size: 40px;
   }

   .usluga__title {
      font-size: 40px;
      line-height: 120%;
   }

   .main-categories__title {
      font-size: 40px;
      line-height: 120%;
   }

   .main-about__title::before {
      width: 55px;
      height: 5px;
      margin-bottom: 15px;
   }

   .main-categories__title::before {
      width: 55px;
      height: 5px;
      margin-bottom: 15px;
   }

   .usluga__title::before {
      width: 55px;
      height: 5px;
      margin-bottom: 10px;
   }

   .main-about__body {
      padding: 40px 0px;
   }

   ._container {
      width: 100%;
      padding: 0px 25px;
   }

   .main-categories__items {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }

   /* .main-categories__container {
      padding: 0px 130px;
   } */

   .main-categories__item.item-width {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .main-categories__item.item-hight {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
   }

   .bird-svg {
      width: 120px;
      height: 120px;
   }

   .podk-svg {
      width: 120px;
      height: 120px;
   }

   .usluga__container .podk-svg {
      display: none;
   }

   .usluga__container .bird-svg {
      display: none;
   }

   .usluga__items {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }

   .menu__list li a {
      font-size: 18px;
   }

   .contact__map {
      padding-bottom: 50%;
   }
}

@media (max-width: 767px) {
   .main-about__content {
      min-height: 500px;
   }
   .policy__title {
      font-size: 32px;
   }
   .footer__policy {
      margin-left: 0px;
      text-align: center;
   }
   .main-about__body {
      width: 100%;
   }

   .main-block__logo {
      width: 300px;
      /* height: 90px; */
   }

   .main-block__title {
      font-size: 45px;
   }

   .usluga__title {
      font-size: 45px;
   }

   .main-categories__title {
      font-size: 45px;
   }

   .main-block__button {
      font-size: 16px;
      width: 220px;
      height: 55px;
   }

   .main-about__map {
      position: relative;
      width: 100%;
      padding-bottom: 75%;
   }

   .main-about__map iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
   }

   .main-contacts__button {
      font-size: 16px;
      width: 100%;
      height: 60px;
      padding: 15px 20px;
   }

   .main-contacts__phone a {
      font-size: 18px;
   }

   .main-contacts__body {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .main-contacts__tiktok {
      width: 45%;
      margin: 0;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: end;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
   }

   .main-contacts__tiktok-text {
      margin-right: 10px;
   }

   .main-contacts__tiktok-image {
      margin: 0;
   }

   .main-contacts__contacns {
      width: 45%;
      margin: 0;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
   }

   .main-contacts__phone {
      width: 100%;
      flex-direction: row;
      gap: 5px;
      margin: 25px 0px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
   }

   .main-contacts__button {
      margin: 0 auto;
   }

   .main-contacts {
      padding: 40px 0px;
   }

   .footer__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .footer__logo {
      margin-bottom: 30px;
   }

   .footer__menu-list a {
      margin-left: 0;
   }

   .main-categories {
      padding: 40px 0px;
   }

   .header__whatsapp {
      width: 30px;
      height: 30px;
      margin: 0px 8px;
   }

   .header__telegram {
      width: 28px;
      height: 28px;
      margin: 0px 8px;
   }
   .header__phone {
      position: absolute;
      display: flex;
      flex-direction: column;
      top: 100%;
      /* left: 50%;
    transform: translateX(-50%); */
      right: 20px;
      opacity: 0;
      visibility: hidden;
      z-index: -1;
      transition: all 0.5s;
      padding: 25px 30px 20px 20px;
      background: #fff;
      border-radius: 10px;
      margin-top: 3px;
      background-color: rgba(0, 0, 0, 0.569);
      background: #63c3d1;
   }
   .header__phone-close {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 5px;
      right: 10px;
      font-size: 15px;
      color: #fff;
      font-weight: 400;
   }
   .header__phone a {
      /* color: #000; */
      line-height: 120%;
      margin: 0;
      font-weight: 400;
   }
   .header__phone.show {
      opacity: 1;
      visibility: visible;
      z-index: 5;
      transition: all 0.5s;
   }
   .header__phone-btn {
      display: flex;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      position: relative;
      overflow: hidden;
      border: 2.3px solid #fff;
      margin-left: 10px;
   }
   .header__phone-btn img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   /* 
  .header__phone {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px 8px;
    position: relative;
    width: 28px;
    height: 28px;
  } */

   /* .header__phone::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2.3px solid #fff;
    z-index: 3;
  }

   .header__phone::before{
    background: url("../img/phone.png") 0 0/100% 100% no-repeat; } */
   /* 
  .header__phone::before {
    content: "";
    border-radius: 50%;
    width: 28px;
    height: 28px;
  } */

   .header__contacns {
      margin: 0 10px 0px auto;
   }

   .header__lang {
      margin: 0;
   }

   .header__lang {
      display: none;
   }

   .main-about__title {
      font-size: 32px;
      margin-bottom: 10px;
   }

   .usluga__title {
      font-size: 32px;
      margin-bottom: 30px;
   }

   .main-categories__title {
      font-size: 32px;
      margin-bottom: 30px;
   }

   .main-categories__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .main-categories__item {
      height: 100%;
   }

   .main-categories__item-image {
      padding-bottom: 55%;
   }

   /* .main-categories__container {
      padding: 0px 90px;
   } */

   .bird-svg {
      width: 80px;
      height: 80px;
   }

   .podk-svg {
      width: 80px;
      height: 80px;
   }

   .usluga-filters {
      display: none;
      top: 90px;
      left: 0;
      z-index: 20;
      width: 100%;
      z-index: 10;
      background: #fff;
   }

   .usluga-filters.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .usluga__body {
      position: relative;
   }

   .usluga-filter {
      width: 100%;
      max-width: 100%;
      margin: 0;
   }

   .usluga-filter:not(:last-child) {
      margin-bottom: 25px;
   }

   .filter-price #price-slider {
      width: 98%;
   }

   .usluga-filters-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px;
      margin-top: 10px;
      cursor: pointer;
      font-size: 16px;
      line-height: 100%;
      color: #5a5959;
      font-weight: 500;
      margin-left: 25px;
   }
   .usluga__items {
      margin: 0px 25px;
      padding: 0;
   }
   .usluga-filters-icon svg {
      width: 25px;
      height: 25px;
      fill: #63c3d1;
      margin-right: 10px;
   }

   .usluga-filter__select span {
      font-size: 16px;
   }

   .usluga-filter__select li {
      font-size: 16px;
      padding-top: 10px;
      padding-bottom: 10px;
   }

   .usluga-filter-title {
      margin-bottom: 10px;
   }

   .usluga__none-posts {
      font-size: 18px;
   }

   .single__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .single__content {
      padding: 0;
   }

   .single__images {
      width: 100%;
      margin-bottom: 30px;
      max-width: 100%;
   }

   .single__title {
      font-size: 24px;
   }

   .single__item-khar:not(:last-child) {
      margin-bottom: 16px;
   }

   .single__item-khar {
      font-size: 18px;
   }

   .single__item-khar.single__item-khar-one svg {
      width: 22px;
      height: 20px;
   }

   .single__item-khar.single__item-khar-two svg {
      width: 20px;
      height: 14px;
      margin-top: 3px;
   }

   .single__item-khar.single__item-khar-three svg {
      width: 15px;
      height: 19px;
   }

   .single__item-khar.single__item-khar-four svg {
      width: 17px;
      height: 21px;
   }

   .single__item-khar:not(:last-child) {
      margin-bottom: 15px;
   }

   .single__item-khar svg {
      fill: #63c3d1;
      margin-right: 10px;
   }

   .single__button {
      max-width: 100%;
      text-align: center;
      /* margin-top: 20px; */
      padding: 15px 20px;
   }

   .single__price {
      font-size: 36px;
   }

   .popup-button-next,
   .popup-button-prev {
      display: none;
   }

   .menu__list ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .menu__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .menu__body.show {
      height: 100vh;
      width: 60%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
      padding: 100px 30px 40px 30px;
   }

   .menu__list {
      padding: 0;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: end;
      margin: 0;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end;
   }
   .menu__list ul {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: end;
      margin: 0;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end;
   }

   .menu__list li {
      margin: 10px 0px;
   }

   .header__lang-mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: auto;
      width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }

   .header__lang-mobile .lang-item {
      width: 35px;
      height: 30px;
      margin: 0px 10px;
   }
   .header__lang-mobile .lang-item a::before {
      width: 35px;
      height: 35px;
      top: -2px;
   }
   .menu__list li a {
      font-size: 20px;
   }
}

@media (max-width: 600px) {
   .usluga__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .usluga {
      padding-bottom: 30px;
   }

   .menu__body.show {
      width: 75%;
   }

   .contact__map {
      padding-bottom: 60%;
   }
}

@media (max-width: 550px) {
   .main-block__logo {
      width: 260px;
      /* height: 68px; */
   }

   .breadcrumbs {
      padding-top: 100px;
   }

   .main-block__title {
      font-size: 30px;
   }

   .header__logo-container {
      width: 70px;
      height: 70px;
      /* padding: 10px; */
   }

   .header {
      height: 60px;
   }

   .header__body {
      height: 60px;
   }

   .main-contacts__tiktok {
      width: 170px;
      margin-left: auto;
   }

   .main-contacts__contacns {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin-right: auto;
      margin-left: 10px;
   }

   .footer__menu-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
   }

   .footer__body {
      padding-bottom: 40px;
   }

   .main-categories__container {
      padding: 0;
   }

   ._container {
      padding: 0 15px;
   }
   .header__phone {
      right: 15px;
   }
   .bird-svg {
      display: none;
   }

   .podk-svg {
      display: none;
   }

   .contact__map {
      padding-bottom: 75%;
   }

   .form-popup__title {
      font-size: 24px;
   }

   .form-popup__text {
      font-size: 14px;
   }

   .form-popup__body {
      width: 95%;
      padding: 30px 15px;
   }
}

@media (max-width: 500px) {
   .single__images {
      height: 400px;
   }
   .main-about__text p img {
      width: 100%;
   }
}

@media (max-width: 450px) {
   .single__images {
      height: 350px;
   }

   .menu__body.show {
      width: 85%;
   }
   .main-contacts__tiktok {
      width: fit-content;
      margin: 10px auto;
   }
   .main-contacts__contacns {
      margin: 0 auto;
   }
}
@media (max-width: 375px) {
   .policy__title {
      font-size: 28px;
   }
}
.filter-room .usluga-filter-title::before {
   background: url(../img/room.webp) 0 0/100% 100% no-repeat;
}

.filter-type .usluga-filter-title::before {
   background: url(../img/home.webp) 0 0/100% 100% no-repeat;
}

@media (max-width: 1650px) {
   .filter-room .usluga-filter-title::before {
      background: url(../img/room.webp) 0 0/100% 100% no-repeat;
   }
}

@media (max-width: 1650px) {
   .filter-type .usluga-filter-title::before {
      background: url(../img/home.webp) 0 0/100% 100% no-repeat;
   }
}

@media (max-width: 1400px) {
   .filter-room .usluga-filter-title::before {
      background: url(../img/room.webp) 0 0/100% 100% no-repeat;
   }
}

@media (max-width: 1400px) {
   .filter-type .usluga-filter-title::before {
      background: url(../img/home.webp) 0 0/100% 100% no-repeat;
   }
}

@media (max-width: 767px) {
   .header__phone::before {
      background: url(../img/phone.webp) 0 0/100% 100% no-repeat;
   }
}