.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}
button:hover{
    cursor:pointer;
}
/* анимация кнопок */
.btn {
  position: relative;
  background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
  background-size: 400%;
  z-index: 1;
}
.btn:hover {
  animation: animate 8s linear infinite;
}
@keyframes animate {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 400%;
  }
}
.btn:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: -1;
  background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
  background-size: 400%;
  border-radius: 40px;
  opacity: 0;
  transition: .5s;
}
.btn:hover:before {
  filter: blur(20px);
  opacity: 1;
  animation: animate 8s linear infinite;
}

/* анимация мерцания зеленой точки */
@keyframes blink {
    from {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
/* анимация смены фона виджета соцсетей в свернутом виде */
@keyframes changeicons {
    from {
        background-image:url("/assets/icons/phone.svg");
    }
    20% {
        background-image:url("/assets/icons/whatsapp.svg");
    }
    40%{
        background-image:url("/assets/icons/viber.svg");
    }
    60%{
        background-image:url("/assets/icons/telegram.svg");
    }
    80%{
        background-image:url("/assets/icons/email.svg");
    }
    to{
        background-image:url("/assets/icons/phone.svg");
    }
}

/* начало стилей для мобильной версии от 320px */
.page {
    position: relative;
    overflow-x: hidden;
    min-width: 320px;
    padding: 0px;
    margin: 0px;
    font-family: Montserrat, sans-serif;
    background-color:#fdf9f6;
}
.front-image-container {
    position: absolute;
    top: -15px;
    z-index: -1000;
    
    width: 100%;
    height: 776px;

    background: rgb(128, 128, 128, 0.5)
}
.front-image-container img {
    position: relative;
    z-index: -1001;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.5);
}
.page__header {
    padding: 0px;
    margin: 0px;
}
h1 {
    color:white;
}
.header__top-row-wrapper{
    background-color: rgb(0 0 0 / 50%);
    padding-bottom: 15px;
}
.header__top-row {
    display: flex;
    column-gap: 5px;
    justify-content: space-between;
    padding-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
}
/* .header__logo {
width: 130px;
height: 43px;
} */
.header__logo a {
    display: block;
    width: 100%;
    height:100%;
}
.header__logo-image {
    max-height:44px;
}
.header__google-rating {
    display: none;
}
.header__top-row .count-button {
    display: none;
}
.header__top-row .write-us {
    display: none;
}
.header__top-row .phone-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.phone-wrapper__worktime::before {
    display:block;
    align-self: center;
    content: "";
    width: 6px;
    min-width:6px;
    height: 6px;
    padding: 0px;
    margin-right: 4px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #25d266;
    animation: blink 1s infinite;
}
.header__top-row .phone-wrapper__worktime {
    display: none;
}
.header__top-row .phone-wrapper__phone-link {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: white;
}
.header__top-row .phone-wrapper__callback {
    border: none;
    background: none;
}
.header__top-row .phone-wrapper__callback-text {
    display: block;
    color: #7E73CB;
    border-bottom: 1px dashed #7E73CB;
}

/* мобильное меню */
.header__bottom-row {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    box-sizing: border-box;
    width: 300px;
    height: 100vh;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: auto;
    background-color: white;
}
.header__menu-wrapper {
    padding: 0px;
    margin: 0px;
}
.header__menu-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.header__menu-item {
    margin-bottom: 5px;
}
.header__menu-item-link {
    display: block;
    text-decoration: none;
}
.header__menu-item-text {
    color: black;
    text-decoration: underline;
    display: block;
    font-size: 16px;

}
.header__submenu {
    padding: 0px;
    margin-top: 5px;
    margin-left: 26px;
    list-style: none;
}
.submenu__item {
    position: relative;
    display: none;
    padding: 0px;
}
.mobile-show {
    display: block;
}
.submenu__item-link {
    display: block;
    text-decoration: none;
}
.submenu__heading-text {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    color: black;
    text-decoration: underline;
}
.mobile-open-list {
    position: absolute;
    right: 0px;
    top: 0px;
    width:20px;
    height:20px;
    border: none;
    background-color:white;
    background-image:url("/assets/icons/arrow-down.svg");
    background-size:100% 100%;
}
.submenu__categories {
    display: none;
    margin: 0px;
    list-style: none;
}
.categories__link {
    text-decoration: none;
}
.categories__text {
    text-decoration: underline;
    color: black;
}
.last-level {
    margin: 0px;
    list-style: none;
}
.last-level__item-link {
    text-decoration: none;
}
.last-level__item-text {
    color: black;
    text-decoration: underline;
}
.menu-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width:20px;
    height:20px;
    border: none;
    background-color:white;
    background-image:url("/assets/icons/cross.svg");
}
.header__mobile-container {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-left: 20px;
    margin-right: 20px;
}
.header__mobile-button {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    column-gap: 5px;
    padding: 0px;
    margin: 0px;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
}
.header__mobile-menu-toggler::after {
    content:"";
    width:20px;
    height:20px;
    background-image:url("/assets/icons/menu-burger.svg");
    background-size:100% 100%;
}
.header__mobile-projects-toggler::before {
    content:"";
    width:20px;
    height:20px;
    background-image:url("/assets/icons/menu-burger.svg");
    background-size:100% 100%;
}
.header__breadcrumbs {
    margin-top: 32px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
}
.header__breadcrumbs-list {
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.header__breadcrumbs-item {
    margin-right: 10px;
    color: white;
}
.header__breadcrumbs-text--home {
    font-size: 18px;
    font-weight:normal;
}
.header__choosen {
    display: block;
    margin-bottom: 5px;
    padding: 0px;
    background: none;
    border: none;
    cursor: pointer;
}
.header__choosen-text {
    text-decoration: underline;
    font-size: 16px;
}
.header__search {
    display: block;
    margin-bottom: 5px;
    padding: 0px;
    background: none;
    border: none;
    cursor: pointer;
}
.header__search-text {
    text-decoration: underline;
    font-size: 16px;
}
.write-us {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.write-us__text {
    display: flex;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}
.write-us__text::before {
    align-self: center;
    content: "";
    width: 6px;
    height: 6px;
    padding: 0px;
    margin-right: 4px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #25d266;
    animation: blink 1s infinite;
}
.write-us__list {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    margin-top: 5px;
    list-style: none;
}
.write-us__item {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 2px;
    margin-right: 2px;
}
.write-us__link {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.write-us__link img {
    display:block;
    width:100%;
    height:100%;
}
.count-button {
    border: none;
    border-radius: 15px;
}
.header__bottom-row .count-button {
    display: block;
    margin: 0 auto;
    color: white;
}
.header__bottom-row .phone-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
}
.header__bottom-row .phone-wrapper__worktime {
    display: flex;
    padding: 0px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.2;
}

.header__bottom-row .phone-wrapper__phone-link {
    padding: 0px;
    margin: 0px;

    font-size: 18px;
    font-weight: bold;
    color: black;
    text-decoration: none;
}
.header__bottom-row .phone-wrapper__callback {
    padding: 0px;
    margin: 0px;
    border: none;
    background: none;
}
.header__bottom-row .phone-wrapper__callback-text {
    display: block;
    padding: 0px;
    margin-top: 10px;
    border-bottom: 1px dashed black;
}

/* мобильное меню-проекты */
.header__mobile-projects-container {
    display: none; 
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    box-sizing: border-box;
    width: 300px;
    height: 100vh;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: auto;
    background-color: white;
}
.mobile-projects__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width:20px;
    height:20px;
    border: none;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
}
.mobile-projects {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.mobile-projects__first-level-link {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: black;

}
.mobile-projects__subcategories {
    margin: 0px;
    list-style: none;
}
.mobile-projects__subcategories-link {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: black;
}
.mobile-projects__last-level {
    list-style: none;
}
.mobile-projects__last-level-link {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    color: black;
}
/*начало стилей main  */

/* блок intro */
.page__main {
    padding: 0px;
    margin: 0px;
}
.intro {
    padding-left: 20px;
    padding-right: 20px;
    color: white;
}
.intro__description {
    margin-top: 12px;
    margin-bottom: 30px;
    font-size: 18px;
}
.intro__description-additional {
    margin-bottom: 30px;
    font-size: 15px;
}
.intro__preferences {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.intro__preferences-item {
    display:flex;
    align-items:center;
    padding: 0px;
    margin-bottom: 10px;
}
.intro__preferences-item::before{
    margin-right:10px;
    content:"";
    height:25px;
    min-width:25px;
    background-image:url("/assets/icons/mark-violet.svg");
    background-size:100% 100%;
}
.intro__preferences-text {
    font-size: 12px;
}
.intro__count {
    display:flex;
    align-items:center;
    margin-top: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 15px;
    border: none;
    color: white;
}
.intro__count::after{
    display: block;
    content:"";
    height:26px;
    width:26px;
    background-image:url('/assets/icons/calc-house.svg');
    background-size:100% 100%;
}
.intro__count-text {
    display: block;
    width: 172px;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}


/* блок quiz */
.main__quiz {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
}

.quiz__wrapper {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: white;
    box-sizing:border-box;
}
.quiz__invitation {
    padding: 0px;
    margin: 0px;
}
.quiz__invitation-small {
    padding: 0px;
    margin-bottom: 10px;


    font-size: 13px;
    text-align: center;

    color: #282728;
}
.quiz__invitation-big {
    padding: 0px;
    margin-bottom: 20px;

    text-align: center;

    font-size: 18px;
}
.progress-bar {
    width: 100%;
    height: 15px;

    background-color:#edf3f6;

    border-radius: 10px;
}
.progress-bar__fullfilled {
    width: 14.28%;
    height: 15px;

    background-color: #7E73CB;

    border-radius: 10px;
}
.architect {
    display: none;
}
.quiz__slider-item-top {

    display: flex;
    justify-content: flex-start;
    align-items: center;

    margin-top: 20px;
    margin-bottom: 20px;
}
.quiz__question-number {
    margin-right: 20px;
    padding: 15px;
        
    border-radius: 10px;
    background-color:#edf3f6;

    text-align: center;

    font-size: 16px;
}
.quiz__question {
    padding: 0px;
    margin: 0px;

    font-size: 18px;
}
.quiz__answers-item input {
    display: none;
}
.quiz__radio-icon {
    display: block;
    width: 35px;
    height: 35px;
    background-image:url("/assets/icons/mark-grey.svg");
    background-size:100% 100%;
}

input[type="radio"]:checked~div .quiz__radio-icon, input:checked~.quiz__radio-icon {
    background-image:url("/assets/icons/mark-violet.svg");
}

.quiz__slide-item--01 .quiz__answers-item label {
    width: 100%;
    position: relative;
}
.quiz__slide-item--01 .quiz__answers-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    padding: 0px;
    margin: 0px;

    list-style: none;
}
.quiz__slide-item--01 .quiz__answers-item {
    flex-basis: 45%;
    min-width: 125px;

    padding: 0px;
    margin: 0px;
}
.quiz__slide-item--01 .quiz__house-image {
    display: block;
    width:100%;
    min-width: 125px;
    height: 140px;
    border-radius: 10px;
    object-fit:cover;
}
.quiz__radio-icon-container {
    position: absolute;
    top: 120px;

    width: 100%;

    padding: 0px;
    margin: 0px;
}
.quiz__slide-item--01 .quiz__radio-icon {
    margin: 0 auto;
}
.quiz__slide-item--01 .quiz__house-type-text {
    padding: 0px;
    margin-top: 30px;

    text-align: center;
}
.quiz__slide-item--02 .quiz__answers-list {
    padding: 0px;
    margin: 0px;

    list-style: none;
}
.quiz__slide-item--02 .quiz__answers-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;

    margin-bottom: 10px;

    border: 1px solid rgb(215, 215, 215);
    border-radius: 10px;
}
.quiz__slide-item--02 label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.quiz__slide-item--02 .quiz__radio-icon {
    min-width: 35px;
    margin-right: 25px;
}
.quiz__house-type-text {
    color: grey;
    font-size: 13px;
}
.quiz__slide-item--03 .quiz__answers-list {
    padding: 0px;
    margin: 0px;

    list-style: none;
}
.quiz__slide-item--03 .quiz__answers-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;

    margin-bottom: 10px;

    border: 1px solid rgb(215, 215, 215);
    border-radius: 10px;
}
.quiz__slide-item--03 label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.quiz__slide-item--03 .quiz__radio-icon {
    min-width: 35px;
    margin-right: 25px;
}
.quiz__slide-item--04 .quiz__answers-list {
    padding: 0px;
    margin: 0px;

    list-style: none;
}
.quiz__slide-item--04 .quiz__answers-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;

    margin-bottom: 10px;

    border: 1px solid rgb(215, 215, 215);
    border-radius: 10px;
}
.quiz__slide-item--04 label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.quiz__slide-item--04 .quiz__radio-icon {
    min-width: 35px;

    margin-right: 25px;
}
.quiz__slide-item--05 .quiz__answers-list {
    padding: 0px;
    margin: 0px;

    list-style: none;
}
.quiz__slide-item--05 .quiz__answers-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;

    margin-bottom: 10px;

    border: 1px solid rgb(215, 215, 215);
    border-radius: 10px;
}
.quiz__slide-item--05 label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.quiz__slide-item--05 .quiz__radio-icon {
    min-width: 35px;

    margin-right: 25px;
}
.quiz__slide-item--06 .quiz__answers-item label {
    width: 100%;
    position: relative;
}
.quiz__slide-item--06 .quiz__answers-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    padding: 0px;
    margin: 0px;

    list-style: none;
}
.quiz__slide-item--06 .quiz__answers-item {
    flex-basis: 45%;
    min-width: 125px;

    padding: 0px;
    margin: 0px;
}
.quiz__slide-item--06 .quiz__house-image {
    display: block;
    width:100%;
    min-width: 125px;
    height: 140px;
    border-radius: 10px;
    object-fit:cover;
}
.quiz__slide-item--06 .quiz__radio-icon {
    margin: 0 auto;
}
.quiz__slide-item--06 .quiz__house-type-text {
    padding: 0px;
    margin-top: 30px;

    text-align: center;

    font-size: 13px;
}
.quiz__contact-form {
    padding: 0px;
    margin: 0px;
}
.quiz__contact-form-wrapper {
    max-width: 390px;
}
.quiz__complete {
    display: inline-block;

    padding: 15px;
    margin: 0px;
    margin-top: 10px;

    font-size: 16px;

    background-color: #fdf9f6;
    border-radius: 10px;
}
.quiz__contact-form-text {
    padding: 0px;
    margin-bottom: 20px;

    font-size: 18px;
}
.quiz__customer-socials {
    display: flex;
    justify-content: space-between;

    padding: 0px;
    margin-bottom: 20px;

    list-style: none;
}
.quiz__customer-socials-item {
    width: 60px;
    height: 56px;
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    text-align: center;
}
.quiz__customer-socials-item input {
    display:none;
}
.quiz__customer-socials-item img {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-radius:50%;
}
.quiz__customer-socials-item input:checked~img {
    box-shadow: 0 0 5px 5px #7e73cb;
}
.quiz__customer-info {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 0px;
    margin: 0px;
}
.quiz__customer-info input {
    padding: 20px;
    margin-bottom: 10px;
    
    border: none;
    background-color:#fdf9f6;
    border-radius: 10px;

    font-size: 18px;
    color: grey;
}
.quiz__customer-phone-label {
    text-align: center;
}
.quiz__submit-button {
    width: 100%;
    padding: 20px;
    margin-bottom: 40px;
    font-size: 13px;
    font-weight: bold;
    color: white;
    border: none;
    border-radius: 10px;
}
.quiz__policy {
    margin: 0px;

    font-size: 9px;
    text-align: justify;
}
.quiz__buttons {
    display: flex;
    justify-content: space-between;

    width: 100%;
    padding: 0px;
    margin-top: 20px;

    list-style: none;
}
.quiz__buttons-item {
    padding: 0px;
    margin: 0px;

    flex-basis: 48%;
}
.quiz__buttons-item button {
    width: 100%;
    
    padding: 20px;
    border-radius: 10px;

    border: none;

    font-size: 13px;
    font-weight: bold;
    color: white;
}

/* начало стилей блока services */
.main__services {
    padding: 0px;
    margin-top: 60px;
    margin-left: 20px;
    margin-right: 20px;
}
.services__heading {
    padding: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
.services__slider-container {
    position: relative;
}
.services__slider {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.services__slider-item {
    display: flex !important;
    flex-direction: column;
    position: relative;
    background-color:white;
    width: 30%;
}
.services__slider-item-heading {
    order: 2;
    margin: 0px;
    font-size: 12px;
    text-align: center;
}
.services__slider-item img {
    width: 100%;
    height: 110px;
    margin-bottom: 10px;
    order: 0;
    border-radius: 10px;
    object-fit:cover;
}
.services__slider .slick-track{
    padding-bottom:10px;
}
.services__slider .slick-slide {
    margin: 0 5px;
}
.services__details {
    display: none;
}
.services__cases-amount {
    position: absolute;
    top: 5px;
    left: 0px;
    padding: 5px;
    font-size: 10px;
    background-color: #f1ac4e;
    border-radius: 10px;
}
.services__prev-button {
    position: absolute;
    top: 50%;
    left: 0px;
    height: 30px;
    width:30px;
    border: none;
    background-color:#7E73CB;
    border-radius:10px;
}
.services__next-button {
    position: absolute;
    top: 50%;
    right: 0px;
    height: 30px;
    width:30px;
    border: none;
    background-color:#7E73CB;
    border-radius:10px;
}
.services__slider-container>button img {
    display:block;
    width:100%;
}

/* начало стилей блока popular */
.main__popular {
    padding: 0px;
    margin-top: 60px;
    padding-right: 20px;
    padding-left: 20px;
}
.popular__heading {
    margin-bottom: 20px;
    font-size: 30px;
}
.popular__section-description {
    margin: 0px;
    font-size: 14px;
}
.popular__section-description a{
    color: black;
    font-weight: bold;
}
.popular__categories-container {
    display: none;
}
.popular__view-toggler {
    display: none;
}
.popular__examples-list {
    display: flex;
    justify-content: space-between;
    row-gap:20px;
    flex-wrap: wrap;
    padding: 0px;
    margin-top: 20px;
    list-style: none;
}
.popular__examples-item {
    display: flex;
    flex-direction: column;
    width: 48%;
    text-align: center;
    border-radius: 10px;
    background-color:white;
}
.popular__examples-image {
    width: 100%;
    height: 125px;
    margin-bottom: 5px;
    border-radius: 10px 10px 0 0;
    object-fit:cover;
}
.popular__examples-heading {
    display: block;
    width: fit-content;
    margin-bottom: 20px;
    font-size: 17px;
    word-break: break-word;
}
.popular__examples-features {
    display: flex;
    flex-direction:column;
    width: 100%;
    padding-left:10px;
    padding-right:10px;
}
.popular__feature-item {
    display:flex;
    align-items:center;
    width: 100%;
    margin-bottom: 10px;
    font-size: 11px;
    text-align: left;
}
.popular__feature-item::before{
    content:"";
    min-width:20px;
    height:20px;
    margin-right:5px;
    background-color:#7E73CB;
    background-size:60% 60%;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:50%;
}
.popular__feature-item--size::before {
    background-image:url("/assets/icons/sizes.svg");
}
.popular__feature-item--square::before {
    background-image:url("/assets/icons/square.svg");
}
.popular__feature-item--rooms::before {
    background-image:url("/assets/icons/rooms.svg");
}
.popular__feature-item--sleeping::before {
    background-image:url("/assets/icons/sleeping-rooms.svg");
}
.popular__feature-item b {
    display: block;
}
.popular__table {
    display: none;
}
.popular__table td{
    text-align: left;
}
.popular__price-container {
    margin-top: 20px;
    margin-bottom: 20px;
}
.popular__price-text {
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
}
.popular__price-text--bold {
    font-size: 15px;
    color: #7E73CB;
}
.popular__like-counter {
    display: none;
}
.popular__see-example {
    display: none;
    width: 100%;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: orange;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}

/* блок заказа каталога */
.get-catalog--in-list {
    display: none;
}
.popular__load-more {
    display: flex;
    align-items:center;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 40px;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    color: black;
}
.popular__load-more::after {
    content:"";
    margin-left:10px;
    min-height:16px;
    width:16px;
    background-image:url("/assets/icons/show-more.svg");
    background-size:100% 100%;
}
.get-catalog--in-flow {
    background-color:white;
    padding: 6px;
    border-radius: 10px;
}
.get-catalog__wrapper--in-flow {
    padding: 20px;
    max-width: 290px;
    margin: 0 auto;
    background-color: white;
    border-radius: 10px;
}
.get-catalog__heading {
    font-size: 16px;
    text-align: center;
}
.get-catalog__heading-city {
    color: #7E73CB;
}
.get-catalog__text {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}
.get-catalog__preferences {
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.get-catalog__preferences-item {
    position:relative;
    flex-basis: 40%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.get-catalog__preferences-item::before, .get-catalog__preferences-item::after{
    position:absolute;
    top:0px;
    width:40px;
    height:50%;
    content:"";
    background-size:100% 100%;
}
.get-catalog__preferences-item::before{
    left:-10px;
    background-image:url("/assets/icons/branch-left.svg");
}
.get-catalog__preferences-item::after{
    right:-10px;
    background-image:url("/assets/icons/branch-right.svg");
}
.get-catalog__preferences-item b {
    font-size: 30px;
}
.get-catalog__contact-form-text {
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
.get-catalog__customer-socials {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.get-catalog__customer-socials-item {
    width: 60px;
    height: 56px;
}
.get-catalog__customer-socials-item label {
    font-size: 13px;
}
.get-catalog__customer-socials-item img {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
}
.get-catalog__customer-socials-item input {
    display: none;
}
.get-catalog__customer-socials-item input:checked~img{
    border-radius: 50%;
    box-shadow: 0 0 5px 5px #7e73cb;
}
.get-catalog__customer-info {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin-top: 20px;
    border: none;
}
.get-catalog__customer-info label {
    align-self: center;
    font-size: 13px;
}
.get-catalog__customer-info input {
    padding: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    color: grey;
}
.get-catalog__submit-button {
    position:relative;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:90px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    color: white;
    border: none;
    border-radius: 10px;
}
.get-catalog__submit-button::after{
    content:"";
    display:block;
    position:absolute;
    top:-12px;
    right:-7px;
    width:98px;
    height:76px;
    background-image:url("/assets/icons/catalog.webp");
    background-size:100% 100%;
    
}
.get-catalog__policy {
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    font-size: 9px;
    text-align: justify;
}

/* начало блока home-pluses*/
.main__home-pluses {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.home-pluses__heading {
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
.home-pluses__list {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
    margin-top: 40px;
    list-style: none;
}
.home-pluses__item {
    position:relative;
    height: 500px;
    padding: 6px;
    margin-bottom: 20px;
    border-radius: 10px;
    background-size:cover;
    background-position:bottom;
}
.home-pluses__item--1 {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
    url('/assets/img/pluses__relax.webp');
}
.home-pluses__item--2 {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
    url('/assets/img/pluses__activity.webp');
}
.home-pluses__item--3 {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
    url('/assets/img/pluses__family.webp');
}
.home-pluses__item::before{
    content:"";
    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    top: 0px;
    left:5px;
    width:45px;
    height:35px;
    background-image:url("/assets/icons/flag.svg");
    background-size:100% 100%;
    color: white;
}
.home-pluses__item--1::before{
    content:"01";
}
.home-pluses__item--2::before{
    content:"02";
}
.home-pluses__item--3::before{
    content:"03";
}
.home-pluses__item-container {
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 50px;
}
.home-pluses__item-heading {
    margin: 0px;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: normal;
}
.home-pluses__item-other {
    padding: 20px;
    margin: 0px;
    list-style:none;
}
.home-pluses__item-other-item {
    margin-bottom: 10px;
    font-size: 17px;
}
.home-pluses__item-other-item::before{
    content:"";
    display:inline-block;
    width:10px;
    margin-right:5px;
    height:10px;
    border:2px solid #7e73cb;
    border-radius:50%;
    
}
.home-pluses__item-other-text {
    margin: 0px;
    font-size: 12px;
}

/* начало блока portfolio */
.main__portfolio {
    margin-top: 60px;
    margin-left: 20px;
    margin-right: 20px;
}
.portfolio__heading {
    margin: 0px;
    font-size: 48px;
    text-align: center;
}
.portfolio__text {
    margin: 0px;
    margin-top: 40px;
    text-align: center;
    font-size: 22px;
}
.portfolio__text--special {
    font-size: 40px;
}
.portfolio__objects-map {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.portfolio__objects-map-text {
    margin: 0px;
    margin-bottom: 20px;
    font-size: 13px;
}
.portfolio__objects-map-button {
    align-self: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 13px;
    font-weight: bold;
    color: white;
    border-radius: 10px;
    border: none;
}
.portfolio__see-objects {
    margin: 0px;
    margin-top: 60px;
    text-align: center;
    font-size: 23px;
}
.portfolio__slider-container {
    position: relative;
    margin-top: 60px;
    width: 100%;
}
.portfolio__slider-item {
    border: 1px dotted red;
    display: flex;
    flex-direction: column;
}
.portfolio__images-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.portfolio__images-item {
    border: 1px dotted green;
    flex-basis: 48%;
    height: 70px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.portfolio__slider-item-heading {
    display: block;
    margin: 0px;
    font-size: 20px;
}
.portfolio__slider-item-period {
    display: none;
}
.portfolio__cost-container {
    display: none;
}
.portfolio__done-works {
    display: none;
}
.portfolio__customers-feedback-heading {
    font-size: 15px;
    margin-top: 20px;
}
.portfolio__customer-info {
    display: none;    
}
.portfolio__customer-info--mobile {
    display: flex;
    justify-content: space-between;
}
.portfolio__customer-info-left--mobile {
    width: 49%;
}
.portfolio__customer-info-right--mobile {
    width: 49%;
}
.portfolio__customer-info--mobile img {
    border: 1px dotted red;
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.portfolio__cost-container--mobile {
    width: fit-content;
    margin: 0 auto;
}
.portfolio__cost-container-field--moblie {
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
}
.portfolio__cost-container-total--mobile {
    margin: 0px;
}
.portfolio__cost-container-total--mobile b {
    font-size: 21px;
    color: #7E73CB;
}
.portfolio__customer-name--mobile {
    font-size: 14px;
    font-weight: bold;
}
.portfolio__customer-speech--mobile {
    font-size: 14px;
    line-height: 1.4;
}
.portfolio__interview-link--mobile {
    border: 1px dotted green;
    display: block;
    width: 300px;
    height: 168px;
    margin-top: 60px;
    margin-left: auto;
}
.portfolio__prev-button {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    opacity: 0.5;
    border: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.portfolio__next-button {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    opacity: 0.5;
    border: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.portfolio__blured-background{
    background-image:url('/assets/img/instagram-back.webp');
    background-size:cover;
    background-position:bottom;
    border-radius:10px;
}
.portfolio__instagram-container {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 40px;
    border-radius: 10px;
    backdrop-filter:blur(5px);
}
.portfolio__instagram-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.portfolio__instagram-logo {
    width: 60px;
    height: 60px;
}
.portfolio__instagram-invite {
    width: fit-content;
    font-size: 15px;
    text-align: left;
    color: white;
}
.portfolio__instagram-link {
    font-size: 23px;
    text-decoration: none;
}
.portfolio__more-images-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.portfolio__more-images-item {
    border: 1px dotted red;
    flex-basis: 48%;
    height: 87px;
    margin-bottom: 10px;
}

/* начало блока contractor */
.main__contractor {
    box-sizing:border-box;
    margin-top: 40px;
    padding-bottom:70px;
    padding-left: 20px;
    padding-right: 20px;
    background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)),
    url('/assets/img/contractor__back.webp');
    background-size:cover;
    border-radius:10px;
}
.contractor__heading {
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
.contractor__slider-container {
    margin-top: 20px;
    width: 100%;
}
.contractor__slider { 
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.contractor__slider-item {
    position:relative;
    position: relative;
    padding: 15px;
    border-radius: 10px;
    background-color:white;
}
.contractor__slider-item::before{
    content:"";
    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    top: 0px;
    left:5px;
    width:45px;
    height:35px;
    background-image:url("/assets/icons/flag.svg");
    background-size:100% 100%;
    color: white;
}
.contractor__slider-item--1::before{
    content:"01";
}
.contractor__slider-item--2::before{
    content:"02";
}
.contractor__slider-item--3::before{
    content:"03";
}
.contractor__slider-item--4::before{
    content:"04";
}
.contractor__slider-item--5::before{
    content:"05";
}
.contractor__slider-item--6::before{
    content:"06";
}
.contractor__slider-item--7::before{
    content:"07";
}
.contractor__slider-item--8::before{
    content:"08";
}
.contractor__slider-item-icon {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
}
.contractor__slider-item-heading {
    margin: 0px;
    margin-top: 40px;
    font-size: 14px;
}
.contractor__slider-item-description {
    margin: 0px;
    margin-top: 10px;
    font-size: 12px;
}
.contractor__slider .slick-track{
    display:flex;
}
.contractor__slider .slick-slide {
    margin: 0 5px;
    height:auto;
}

/* начало блока stages */
.main__stages {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.stages__heading {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
.dots-list {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.dots-list li {   
    width: 46px;
    height: 46px;
}
.dots-list button {
    width: 100%;
    height: 100%;
    border: none;
    background-color:#f4f2f2;
    border-radius: 10px;
    font-size: 16px;
}
.stages__slider-container {
    margin-top: 20px;
    width: 100%;
}
.stages__slider {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.stages__image {
    display: none!important;
}

.stages__stage-number {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 20px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #f1ac4e;
    border-radius: 20px;
}
.stages__stage-period {
    display: inline-block;
    font-size: 14px;
    max-width: 160px;
    vertical-align: middle;
}
.stages__stage-period::before{
    content:"";
    display:inline-block;
    margin-right:5px;
    height:20px;
    width:20px;
    background-image:url("/assets/icons/timer.svg");
    background-size:100% 100%;
}
.stages__stage-heading {
    margin: 0px;
    margin-top: 20px;
    font-size: 22px;
}
.stages__includes {
    margin-top: 20px;
}
.stages__includes-heading {
    margin: 0px;
    font-size: 18px;
}
.stages__includes-list {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    list-style: none;
}
.stages__includes-item {
    margin-bottom: 10px;
    font-size: 14px;
}
.stages__includes-item::before{
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:10px;
    background-image:url("/assets/icons/mark-violet.svg");
    background-size:100% 100%;
}
.stages__remark {
    display:flex;
    align-items:center;
    padding-left: 55px;
    margin-top: 20px;
    background-color: #f0f3f5;
    border-radius:10px;
}
.stages__remark::before{
    content:"";
    min-width:25px;
    height:25px;
    border-radius:50%;
    background-color: white;
    background-image:url("/assets/icons/note.svg");
    background-size:70% 70%;
    background-position:center;
    background-repeat:no-repeat;
}
.stages__remark-text {
    display: block;
    padding: 20px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 10px;
}

/* блок workers */
.main__workers {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.workers__heading-container {
    padding-right:50px;
}
.workers__heading-container-text {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}
.workers__heading-container-text small {
    display: block;
    margin-top: 20px;
}
.workers__slider-container {
    margin-top: 20px;
    min-width: 50%;
}
.workers__slider {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.workers__slider-item {
    padding:10px;
    border-radius:10px;
    background-color:white;
}
.workers__slider-item img {
    border: 1px dotted green;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.workers__slider .slick-slide {
    margin: 0 5px;
}
.workers__name {
    margin: 0px;
    font-size: 13px;
    text-align: center;
}
.workers__job-position {
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    text-align: center;
}
.workers__preferences-list {
    padding: 0px;
    margin: 0px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    width: fit-content;
    font-size: 10px;
    text-align: justify;
    list-style: none;
}

/* блок формы записи на экскурсию */
.main__excursion {
    margin-top: 60px;
    padding-top:20px;
    padding-bottom:20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color:white;
    border-radius:10px;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5)), url("/assets/img/excursion-background.webp");
    background-size:cover;
    background-position:center;
}
.excursion__heading {
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
}
.excursion__additional {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
}
.excursion__list {
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    list-style: none;
}
.excursion__list-item {
    display:flex;
    align-items:center;
    margin-top: 10px;
    font-size: 14px;
}
.excursion__list-item::before{
    content:"";
    margin-right:10px;
    min-width:25px;
    height:25px;
    background-image:url("/assets/icons/mark-violet.svg");
    background-size:100% 100%;
}
.excursion__form-heading {
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: bold;
}
.excursion__form-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.excursion__form-label {
    font-size: 13px;
}
.excursion__form input {
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 13px;
    padding-right: 13px;
    margin: 0px;
    font-size: 17px;
    border-radius: 10px;
    color: grey;
    border: 1px solid rgb(192, 192, 192);
}
.excursion__submit-button {
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 13px;
    padding-right: 13px;
    width: 100%;
    border-radius: 10px;
    border: none;
    font-size: 14px;
    font-weight: bold;
    color: white;
}
.excursion__form-policy-box {
    margin-top: 30px;
}
.excursion__form-policy-text {
    margin: 0px;
    text-align: center;
    font-size: 9px;
}

/* блок отзывов */
.main__reviews {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.reviews__heading {
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
}
.reviews__additional {
    margin: 0px;
    margin-top: 20px;
    font-size: 16px;
}
.reviews__heading-container button {
    margin-top: 20px;
    padding: 20px;
    border-radius: 15px;
    border: none;
    font-size: 13px;
    font-weight: bold;
    color: white;
}
.reviews__slider-container {
    margin-top: 40px;
    width: 100%;
}
.reviews__slider {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.reviews__slider-item {
    position: relative;
    width: 48%;
    border-radius: 10px;
    background-color:white;
    margin-left:10px;
    margin-right:10px;
}
.reviews__item-source-image {
    position: absolute;
    right: 20px;
    top:20px;
    width:30px;
    height:30px;
    background-size: 100% 100%;
}
.reviews__item-source-image--yandex {
    background-image:url("/assets/icons/yandex.svg");
}
.reviews__item-source-image--google {
    background-image:url("/assets/icons/google.svg");
}
.reviews__item-top {
    display: flex;
    justify-content: flex-start;
}
.reviews__item-top img {
    border: 1px dotted green;
    display: block;
    flex-basis: 60px;
    min-width: 60px;
    height: 60px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 50%;
}
.reviews__item-top-text {
    margin-top: 5px;
    margin-right: 5px;
}
.reviews__item-top-name {
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
.reviews__item-top-date {
    font-size: 12px;
}
.reviews__text-container {
    padding: 10px;
}
.reviews__short-text {
    font-size: 12px;
}
.reviews__show-full-button {
    display:flex;
    align-items:center;
    font-size: 13px;
    color: #7e73cb;
    list-style: none;
    text-decoration: underline;
    cursor: pointer;
}
.reviews__show-full-button::after{
    display:inline-block;
    content:"";
    width:13px;
    height:13px;
    margin-left:5px;
    background-image:url("/assets/icons/read-more.svg");
    background-size:100% 100%;
}
.reviews__full-text-container {
    position: absolute;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
    height: 100%;
    padding: 10px;
    padding-top: 20px;
    overflow-y: scroll;
    background-color: white;
    border-radius: 10px;
}
.reviews__full-text {
    margin: 0px;
    font-size: 12px;
}
.reviews__hide-full-text {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    padding: 0px;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
    border:none;
}

/* блок process */
.main__process {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.process__contract-heading {
    margin: 0px;
    font-size: 16px;
}
.process__contract-points-list {
    margin: 0px;
    margin-top: 50px;
    padding: 0px;
    list-style: none;
}
.process__contract-point {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.process__contract-point img {
    flex-basis: 80px;
    min-width: 80px;
    margin-right: 20px;
    object-fit:contain;
}
.process__contract-point-heading {
    margin: 0px;
    margin-bottom: 10px;
    font-size: 14px;
}
.process__contract-point-description {
    margin: 0px;
    font-size: 12px;
}
.process__report {
    margin-top: 60px;
}
.process__report-heading {
    margin: 0px;
    margin-top: 10px;
    font-size: 16px;
}
.process__report-additional {
    margin: 0px;
    margin-top: 20px;
    font-size: 13px;
}
.process__slider-container {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}
.process__slider {
    width: 200px;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.process__slider-item {
    width: 200px;   
    height: 290px; 
}
.process__slide-image {
    display: block;
    width: 100%;
    height: 100%;
}
.process__slider .slick-list {
    padding-right: 600px;
}
.process__slider .slick-track {
    display: flex;
    align-items: center;
}
.process__slider .slick-slide {
    opacity: 0.5;
    margin: 0 5px;
    height: 200px;
}
.process__slider .slick-current {
    opacity: 1;
    height: 250px;
}

/* блок обращения директора */
.main__director {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.director__heading {
    display: flex;
    justify-content: flex-start;
}
.director__image-container {
    width: 100px;
    margin-right: 20px;
}
.director__image {
    border: 1px dotted green;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.director__introducing {
    align-self: center;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}
.director__speech {
    margin: 0px;
    margin-top: 60px;
    font-size: 13px;
    line-height: 1.2;
}
.director__facts {
    margin: 0px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
}
.director__facts-list {
    margin: 0px;
    margin-top: 30px;
    padding: 0px;
}
.director__facts-item {
    margin-bottom: 10px;
    margin-left:30px;
}
.director__facts-item::marker{
    color:#7E73CB;
    font-size:40px;
}
.director__facts-text {
    margin: 0px;
    font-size: 15px;
}
.director__facts-item b {
    font-size: 40px;
}

/* блок вопросов и ответов */
.main__faq {
    margin-top: 60px;
    padding-right: 20px;
    padding-left: 20px;
}
.faq__heading {
    margin: 0xp;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
.faq__list {
    padding: 0px;
    margin: 0px;
    margin-top: 30px;
    list-style: none;
}
.faq__item {
    margin-bottom: 40px;
}
.faq__question {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 20px;
    list-style: none;
    font-size: 15px;
    background-color:#f4f2f2;
    border-radius: 10px;
    cursor:pointer;
}
.faq__question::after{
    content:"";
    min-width: 20px;
    height:20px;
    margin-left:10px;
    background-image:url("/assets/icons/arrow-down.svg");
    background-size:100% 100%;
}
.faq__details[open] .faq__question{
    font-weight: bold;
}
.faq__details[open] .faq__question::after{
    transform:rotate(180deg);
}
.faq__answer {
    margin: 0px;
    padding-top: 25px;
    padding-bottom: 15px;
    font-size: 14px;
}

/* блок сметы */
.main__budget {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top:20px;
    padding-bottom:20px;
    background-image:linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
    url('/assets/img/plan.webp');
    background-size:cover;
    border-radius:10px;
}
.budget__form-wrapper {
    width: 268px;
    margin: 0 auto;
}
.budget__heading {
    margin: 0px;
    font-size: 18px;
}
.budget__factors-heading {
    margin: 0px;
    margin-top: 30px;
    font-size: 16px;
}
.budget__factors-list {
    margin: 0px;
    margin-top: 30px;
    padding: 0px;
    list-style: none;
}
.budget__factors-item{
    display:flex;
    align-items:center;
    margin-bottom: 10px;
    font-size: 14px;
}
.budget__factors-item::before{
    content:"";
    margin-right: 10px;
    min-width:25px;
    height:25px;
    background-image:url("/assets/icons/mark-violet.svg");
    background-size:100% 100%;
}
.budget__form {
    display: flex;
    flex-direction: column;
    margin: 0px;
    margin-top: 20px;
    border-radius: 10px;
}
.budget__form-heading {
    margin: 0px;
    font-size: 13px;
    text-align: center;
}
.budget__form-additional {
    margin: 0px;
    margin-top: 20px;
    font-size: 13px;
    text-align: center;
}
.customer__budget-file-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid green;
    border-radius: 10px;
    background-color: white;
}
.customer__file-input-text {
    margin: 0px;
    font-size: 14px;
}
.customer__file-input-icon {
    width: 20px;
    height: 20px;
    margin: 0px;
}
.budget__send-to-text {
    margin: 0px;
    margin-top: 20px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
.budget__customer-socials {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    margin-top: 10px;
    border: none;
}
.budget__customer-socials-label {
    border-radius: 10px;
}
.budget__socials-input {
    display:none;
}
.budget__social-icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-radius:50%;
}
.budget__customer-socials-label input:checked~img {
    box-shadow: 0 0 5px 5px #7e73cb;
}
.budget__social-name {
    margin: 0px;
    margin-top: 10px;
    font-size: 13px;
}
.budget__customer-phone-label {
    display: block;
    margin-top: 15px;
    font-size: 13px;
    text-align: center;
}

.budget__input-field {
    padding: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    color: grey;
    border-radius: 10px;
    border: none;
    background-color:#f7f6f6
}
.budget__form button {
    padding: 20px;
    font-size: 13px;
    font-weight: bold;
    color: white;
    border-radius: 10px;
    border: none;
}
.budget__policy {
    margin: 0px;
    margin-top: 30px;
    font-size: 9px;
    text-align: justify;
}
.budget__policy-link{
    color: black;
}

/* начало блока контактов */
.main__contacts {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.contacts__map-heading {
    margin: 0px;
    font-size: 16px;
}
.contacts__map-address-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}
.contacts__location-icon {
    width: 15px;
    height: 30px;
    margin-right: 20px;
}
.contacts__address-heading {
    margin: 0px;
    font-size: 18px;
}
.contacts__address {
    margin: 0px;
    margin-top: 5px;
    font-size: 13px;
}
.contacts__map-container {
    margin-top: 20px;
    height: 200px;
}
.contacts__map-container iframe {
    width: 100%;
    border: none;
}
.contacts__methods {
    margin-top: 40px;
}
.contacts__methods-heading {
    margin: 0px;
    font-size: 16px;
    text-align: center;
}
.contacts__methods-worktime-box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.contacts__methods-worktime {
    margin: 0px;
    font-size: 12px;
    text-align: center;
}
.contacts__methods-phone {
    margin: 0px;
    margin-top: 6px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.contacts__methods-worktime-box button {
    margin-top: 20px;
    padding: 20px;
    font-size: 13px;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    border: none;
}
.contacts__methods-social-box{
    margin-top: 30px;
}
.contacts__methods-social-heading {
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.contacts__methods-social-list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    list-style: none;
}
.contacts__methods-social-item {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
}
.contacts__methods-email-box {
    display: flex;
    flex-direction: column;
    align-items:center;
    margin-top: 40px;
}
.contacts__methods-email-icon {
    width: 30px;
    height: 23px;
}
.contacts__methods-email-heading {
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
}
.contacts__methods-email-link {
    font-size: 13px;
    text-decoration: none;
}
.contacts__place {
    display: none;
}
.contacts__favorite {
    display: none;
    position:relative;
}

/* стили для popup и виджетов */
.mobile-bottom-container {
    display: flex;
    position: fixed;
    bottom: 20px;
    left: 0px;
    z-index: 998;
    justify-content: center;
    width: 100%;
}
.mobile-bottom-vidget {
    display: flex;
    column-gap: 1px;
    height: 40px;
    width: 190px;
}
.mobile-bottom__call {
    width: 50%;
    box-sizing: border-box;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.mobile-bottom__basement-quiz {
    width: 50%;
    box-sizing: border-box;
    border: none;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.social-vidget {
    display: flex;
    position: fixed;
    bottom: 60px;
    right: 10px;
    z-index: 998;
    flex-direction: column-reverse;
    justify-content: flex-start;
    row-gap: 5px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    animation: changeicons 30s infinite;
}
.social-vidget__item {
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
}
.social-vidget__link {
    width:100%;
    height:100%;
}
.social-vidget__item-icon {
    display:block;
    width:100%;
    height:100%;
}
.social-vidget__close {
    width:100%;
    height:100%;
    background-image:url("/assets/icons/cross.svg");
    background-size:50% 50%;
    background-position:center;
    background-repeat:no-repeat;
    border:none;
    border-radius:50%;
}
.to-top-button {
    display: block;
    position: fixed;
    bottom: 60px;
    right: 80px;
    z-index: 998;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: none;
}
.side-tabs-container {
    display: none;
    position: fixed;
    right: 0px;
    top: 200px;
    z-index: 998;
    width: 80px;
}
.side-tabs__close {
    position: absolute;
    top: -40px;
    right: 20px;
    width: 30px;
    height: 30px;
    border: none;
    background-color: #7E73CB;
    border-radius: 50%;
    background-image:url(/assets/icons/cross-white.svg);
    background-size: 50% 50%;
    background-position:center;
    background-repeat:no-repeat;
}
.side-tabs__open {
    position: absolute;
    top: 150px;
    left: -30px;
    width: 30px;
    height: 30px;
    border: none;
    background-color: #7E73CB;
    background-image:url("/assets/icons/left-arrow-white.svg");
    background-size:60% 60%;
    background-repeat:no-repeat;
    background-position:center;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.side-tabs__list {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.side-tabs__item {
    box-sizing: border-box;
    height: 80px;
}
.side-tabs__basement-button {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: none;
    background-color: #7E73CB;
}
.side-tabs__basement-button span {
    font-size: 10px;
    color: white;
}
.side-tabs__link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: none;
    background-color: #7E73CB;
}
.side-tabs__link span {
    font-size: 10px;
    color: white;
}
.side-tabs__tab-icon {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    margin-bottom: 5px;
}

/* окно предварительного расчета */
.milestone__container {
    display: none;
    /* display: flex; */
}
.popup-quiz-container {
    position: fixed;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
    height: 100vh;
    background-color: rgb(128, 128, 128, 0.5);
}
.milestone {
    display: flex;
    justify-content: space-between;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
}
.milestone-content {
    position: relative;
    padding: 15px;
    padding-top: 20px;
}
.milestone__heading {
    font-size: 18px;
}
.milestone__additional {
    font-size: 18px;
    text-align: center;
}
.milestone__answers-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
    row-gap: 10px;
    margin: 0px;
    list-style: none;
}
.milestone__answers-item {
    width: 49%;
}
.milestone label {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.milestone__radio-icon-container {
    display: flex;
    justify-content: center;
}

.milestone input[type="radio"] {
    display: none;
}
.milestone__item-image {
    width:100%;
    height:150px;
    object-fit:cover;
    border-radius:10px;
}
.milestone__item-heading {
    margin: 0px;
    font-size: 13px;
    text-align: center;
}
.milestone__close-button {
    width:20px;
    height:20px;
    padding:0px;
    position: absolute;
    top: 0px;
    right: 15px;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
    border:none;
}

/* форма расчета дома-попап */
.house__container {
    display: none;
}
.house__container .quiz__wrapper {
    position: relative;
}
.house-popup-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width:20px;
    height:20px;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
    border:none;
}

/* форма расчета бани */
.banya__container {
    display: none;
    min-width: 320px;
}
.banya {
    position: relative;
    display: flex;
    column-gap: 10px;
    padding: 20px;
    background-color:white;
    border-radius:10px;
}
.banya-content {
    width: 100%;
}

.banya__slide-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.banya__slide-heading {
    margin: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.banya__answers-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.banya__answers-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 25px;
    background-color:#fdf9f6;
    border-radius: 10px;
}
.banya__answers-item .quiz__radio-icon {
    margin-right:10px;
}
.banya__answers-list input {
    display: none;
}
.banya-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width:20px;
    height:20px;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
    border:none;
}

/* форма расчета фундамента */
.basement__container {
    display: none;
}
.basement {
    position: relative;
    display: flex;
    column-gap: 10px;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}
.basement-content {
    width: 100%;
}
.basement__slide-list {
    padding: 0px;
    margin: 0px;

    list-style: none;
}
.basement__slide-heading {
    margin: 0px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}
.basement__answers-list {
    display: flex;
    justify-content: space-between;
    row-gap: 10px;
    flex-wrap: wrap;

    padding: 0px;
    margin: 0px;

    list-style: none;
}
.basement__answers-item {
    width: 42%;
    padding: 10px;
    border-radius:10px;
}
.basement__answers-item--row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color:#fdf9f6;
}
.basement__answers-item--row .quiz__radio-icon {
    margin-right: 20px;
}
.basement__answers-item input {
    display: none;
}
.basement__answers-image {
    display: block;
    height: 112px;
    width:100%;
    margin: 0 auto;
    object-fit:cover;
    border-radius:10px;
}
.basement__slide-item:first-child .basement__answers-image {
    object-fit:contain;
}
.basement__answers-icon-container {
    display:flex;
    justify-content:center;
    width: 100%;
}

.basement__answers-heading {
    margin: 0px;

    font-size: 13px;
    text-align: center;
}
.basement-slide-list .slick-slide .basement__answers-item{
    display: flex;
}
.basement__buttons-container {
    display: flex;
    justify-content: flex-start;
    column-gap: 10px;
    margin-top: 10px;
    width: 50%;
}
.basement__prev-button, .basement__next-button {
    padding: 20px;
    font-size: 13px;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 10px;
    width: 100%;
}
.basement-popup-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width:20px;
    height:20px;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
    border:none;
}


/* форма расчета проектирования */
.plan__container {
    display: none;
}
.plan {
    position: relative;
    display: flex;
    column-gap: 20px;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}
.plan-content {
    width: 100%;
}
.plan__slider {
    width: 100%;
}
.plan__slide-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
}
.plan__slide-heading {
    margin: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}
.plan__answers-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px;

    padding: 0px;
    margin: 0px;

    list-style: none;
}
.plan__answers-item {
    width: 42%;
    padding: 10px;
}
.plan__answers-image{
    display:block;
    height:112px;
    width:100%;
    object-fit:cover;
    border-radius:10px;
}
.plan__answers-item input {
    display: none;
}
.plan__answers-icon-container {
    width: 100%;
    display:flex;
    justify-content: center;
}

.plan__answers-heading {
    margin: 0px;
    font-size: 13px;
    text-align: center;
}
.plan__answers-item--row {
    background-color:#fdf9f6;
    border-radius:10px;
}
.plan__answers-item--row label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.plan__answers-item--row .quiz__radio-icon {
    margin-right: 20px;
}
.plan__buttons-container {
    display: flex;
    justify-content: flex-start;
    column-gap: 10px;
    margin-top: 10px;
    width: 50%;
}
.plan__prev-button, .plan__next-button {
    position: relative;
    z-index: 10;
    padding: 20px;
    font-size: 13px;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 10px;
    width: 100%;
}
.plan-popup-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width:20px;
    height:20px;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
    border:none;
}

/* форма заявки на другие работы */
.other-works__container {
    display: none;
}
.other-works {
    position: relative;
    display: flex;
    column-gap: 10px;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}
.other-works-content {
    padding: 10px;
    width: 100%;
}
.other-works__slide-list {
    padding: 0px;
    margin: 0px;

    list-style: none;
}
.other-works__slide-item textarea {
    display: block;
    box-sizing: border-box;
    width: 80%;
    margin: 0 auto;
}
.other-works__slide-heading {
    font-size: 18px;
    margin: 0px;
    margin-bottom: 20px;
    text-align: center;
}
.other-works__comment {
    width: 100%;
    height: 120px;
}
.other-works-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width:20px;
    height:20px;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
    border:none;
}

/* попап заказа звонка */
.callback-popup {
    position: fixed;
    display: flex;
    display: none;
    justify-content: center;
    align-items:center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgb(128, 128, 128, 0.5);
    z-index: 2000;
}
.callback-form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items:center;

    padding: 10px;
    padding-top: 30px;
    padding-bottom: 20px;
    width: 50%;
    min-width: 250px;

    background-color: white;
    border-radius: 10px;
}
.callback-form__close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    width: 20px;
    height: 20px;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
}
.callback-form__heading {
    margin: 0px;
    font-size: 20px;
    text-align: center;
}
.callback-form__additional {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
}
.callback-form label {
    font-size: 13px;
}
.callback-form input {
    width: 70%;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 18px 20px;
    border-radius: 10px;
    border: none;
    background-color: #f7f5f6;
    color: grey;
}
.callback-form button[type="submit"] {
    box-sizing: border-box;
    width: 70%;
    padding: 18px 20px;
    margin-bottom: 10px;
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: bold;
}
.callback-form__policy {
    width: 70%;
    margin: 0px;
    font-size: 9px;
    text-align: center;
}
.callback-form__policy a {
    color: black;
}

/* попап отправки сметы на просчет */
.budget__form-wrapper--popup {
    display: none;
}
.budget-popup-close-button {
    width:20px;
    height:20px;
    padding:0px;
    border: none;
    background-color: white;
    background-image:url(/assets/icons/cross.svg);
}

/* попап отправки отзыва */
.feedback-container {
    display: none;
}
.feedback-form__wrapper {
    max-width: 570px;
    margin: 0 auto;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}
.feedback-form__close-button {
    display: block;
    margin-left: auto;
    width:20px;
    height:20px;
    background-color: white;
    background-image:url("/assets/icons/cross.svg");
    border:none;
}
.feedback-from__heading {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.feedback-form__form {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    margin-right: 30px;
}
label[for="feedback-form__customer-avatar"], .feedback-form__form input, .feedback-form__form button, .feedback-form__form textarea{
    padding: 20px;
    border-radius: 10px;
    border: none;
}
label[for="feedback-form__customer-avatar"] {
    margin-bottom: 20px;
    font-size: 14px;
    border: 1px solid green;
    cursor: pointer;
}
#feedback-form__customer-avatar {
    display: none;
}
.feedback-form__form input, .feedback-form__form textarea {
    background-color: #f7f5f6;
    margin-bottom: 20px;
}
.feedback-form__form button {
    font-size: 13px;
    color: white;
    font-weight: bold;
}
.feedback-form__terms {
    margin: 0px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 30px;
    font-size: 12px;
    text-align: center;
}
.feedback-form__terms a {
    color: inherit;
}

/* попап заказа септика */
.septiс-order{
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgb(128, 128, 128, 0.5);
    z-index: 2000;
}
.septic-order__form{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 20px;
    width: 50%;
    min-width: 250px;
    background-color: white;
    border-radius: 10px;
}
.septic-order__close-button{
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    width: 20px;
    height: 20px;
    background-color: white;
    background-image: url(/assets/icons/cross.svg);
}
.septic-order__heading{
    margin: 0px;
    font-size: 20px;
    text-align: center;
}
.septiс-order label{
    font-size:13px;
}
.septiс-order input{
    width: 70%;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 18px 20px;
    border-radius: 10px;
    border: none;
    background-color: #f7f5f6;
    color: grey;
}
.septiс-order button[type="submit"] {
    box-sizing: border-box;
    width: 70%;
    padding: 18px 20px;
    margin-bottom: 10px;
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: bold;
}
/* начало footer */

/* начало  top-row*/
.page__footer {
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 50px;
    background-color:#f4f7fa;
}
.footer__top-row {
    padding: 0px;
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;

    border-bottom: 1px solid grey;
}
.footer__main-menu {
    padding: 0px;
    margin: 0px;
}
.footer__main-menu-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.footer__main-menu-item {
    flex-basis: 47%;
    margin-bottom: 10px;
}
.footer__main-menu-link {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: black;
}
.footer__social-list {
    display: flex;
    justify-content: flex-end;
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 40px;
    list-style-type: none;
}
.footer__social-item {
    width: 30px;
    height: 30px;
    margin-left: 20px;
}
.footer__social-link{
    width:100%;
    height: 100%;
}
.footer__social-icon {
    display:block;
    width:100%;
    height:100%;
}
.footer__seo {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid grey;
}
.footer__seo-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.footer__seo-item {
    width: 48%;
    margin-bottom: 20px;
}
.footer__seo-item-heading {
    display: block;
    width: fit-content;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    text-decoration: none;
    border-bottom: 1px dashed black;
}
.footer__seo-submenu {
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    list-style: none;
}
.footer__seo-submenu-item-link {
    font-size: 13px;
    line-height: 1.2;
    color: black;
}
.footer__seo-submenu--flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer__seo-submenu--flex li {
    width: 25%;
}
.footer__official {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.official__logo {
    width: 120px;
    height: 40px;
}
.official__logo-image {
    height: 100%;
}
.official__copyright {
    margin: 0px;
    margin-top: 10px;
    font-size: 12px;
}
.official__center {
    margin-top: 60px;
}
.official__disclaimer {
    margin: 0px;
    font-size: 12px;
}
.official__policy {
    display: block;
    margin: 0px;
    margin-top: 10px;
    font-size: 12px;
    color: black;
}
.official__site-map {
    display: block;
    margin: 0px;
    margin-top: 10px;
    font-size: 12px;
    color: black;
}
.official__payment-list {
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    list-style: none;
}
.official__payment-item {
    width: 75px;
    height: 60px;
    margin-right: 10px;
}
.official__payment-item img{
    width:100%;
    height:100%;
}
/* начало стилей для экранов от 380px */
@media (min-width: 380px) {
    
    /* блок popular */
    .popular__examples-heading {
        font-size: 20px;
    }

    .popular__price-text {
        font-size: 17px;
    }

    .popular__price-text--bold {
        font-size: 20px;
    }
}

@media (min-width: 430px) {
    .front-image-container {
        height: 694px;
    }
}

@media (min-width: 490px) {
    /* блок popular */
    .popular__examples-item {
        position: relative;
    }

    .popular__examples-image {
        height: 250px;
    }

    .popular__examples-heading {
        font-size: 25px;
    }

    .popular__feature-item {
        font-size: 12px;
    }

    .popular__price-text {
        font-size: 20px;
    }

    .popular__price-text--bold {
        font-size: 25px;
    }

    .popular__like-counter {
        display: block;
        position: absolute;
        top: 200px;
        right: 20px;

        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;

        border-radius: 20px;
        border: none;
        background-color: #f1ac4e;
    }

    .popular__like-counter-number {
        font-size: 13px;
    }

    .popular__like-counter-icon {
        border: 1px dotted red;

        vertical-align: middle;
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 575px) {

    .front-image-container {
        height: 775px;
    }
    /* блок header */
    .header__top-row {
        flex-wrap: wrap;
    }

/*     .header__logo {
    flex-basis: 45%;
} */

    .top-row__count-button-wrapper {
        display: flex;
        justify-content: space-around;
        align-items: center;

        flex-basis: 45%;
    }

    .header__top-row .count-button {
        display: block;
        
        padding: 10px;
    }    

    .header__top-row .count-button-text {
        margin: 0px;
        color: white;
        font-size: 12px;
    }

    .top-row__write-us-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;

        flex-basis: 45%;
    }

    .top-row__write-us-wrapper .write-us {
        display: block;
        color: white;
    }    

    .header__top-row .phone-wrapper {
        flex-basis: 45%;
    }
    
    .header__top-row .phone-wrapper__worktime {
        display: flex;
        margin: 0px;
        text-align:center;
        font-size: 12px;
        color: white;
    }

    .header__top-row .phone-wrapper__phone-link {
        margin-top: 5px;

        font-size: 15px;
        color: white;
    }

    .header__top-row .phone-wrapper__callback {
        margin-top: 5px;
    }

    .header__top-row .phone-wrapper__callback-text {
        font-size: 12px;
    }

    /* блок main */
    /* блок intro */
    .intro__description {
        font-size: 24px;
    }

    /* блок quiz */
    .quiz__invitation-big {
        font-size: 25px;
    }

    .quiz__question-number {
        font-size: 16px;
    }

    .quiz__question {
        font-size: 25px;
    }

    .quiz__contact-form-text--bold {
        font-size: 25px;
    }

    .quiz__contact-form-text {
        font-size: 25px;
    }

    /* блок services */
    .services__heading {
        font-size: 23px;
    }

    /* блок popular */
    .popular__heading {
        font-size: 35px;

        text-align: center;
    }

    .popular__examples-heading {
        margin-right: auto;
        margin-left: 5px;
    }
    .popular__examples-features {
        flex-direction:row;
        flex-wrap:wrap;
    }
    .popular__feature-item {
        width:45%;
    }

    /* блок home-pluses */
    .home-pluses__heading {
        font-size: 23px;
    }

    /* блок portfolio */
    .portfolio__text {
        font-size: 36px;
    }

    .portfolio__objects-map {
        flex-direction: row;
        justify-content: center;
    }

    .portfolio__objects-map-text {
        margin-right: 20px;
    }

    .portfolio__images-container {
        order: 1;

        margin-top: 20px;
    }

    .portfolio__slider-item-heading {
        font-size: 30px;
    }

    .portfolio__customer-info--mobile {
        padding-left: 15px;
        padding-right: 15px;
    }

    .portfolio__customer-info-left--mobile img {
        margin: 0px;
        margin-right: auto;
    }


    .portfolio__cost-container--mobile {
        display: flex;
        justify-content: space-between;
        align-items:flex-end;

        width: auto;
    }

    .portfolio__interview-link--mobile {
        margin: 0px;
        margin-top: 60px;
    }


    .portfolio__instagram-box {
        flex-direction: row;
        justify-content: center;
    }

    .portfolio__instagram-logo {
        margin-right: 20px;
    }

    .portfolio__more-images-list {
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;

        height: 100%    ;
    }

    .portfolio__more-images-item {
        flex-basis: 100px;
        margin-right: 7.5px;
        margin-left: 7.5px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    /* блок contractor */
    .contractor__heading {
        font-size: 23px;
    }

    /* блок stages */
    .stages__heading {
        font-size: 23px;
    }

    .dots-list {
        display: flex;
        justify-content: space-between;

        width: auto;

        margin: 0px;
        padding: 0px;

        list-style: none;
    }

    .dots-list li {
        flex-basis: 16%;
    }

    /* блок  workers*/
    .workers {
        display: flex;
    }

    .workers__heading-container-text {
        font-size: 23px;
    }

    .workers__heading-container-text small {
        font-size: 16px;
    }

    .workers__slider-container {
        margin-top: 0px;
    }

    /* блок excursion */
    .excursion__heading {
        font-size: 23px;
    }

    /* блок reviews */
    .reviews__heading {
        font-size: 23px;
    }

    /* блок process */
    .process__contract-points-list {
        display: flex;
        justify-content: space-between;
    }

    .process__contract-point {
        flex-direction: column;

        flex-basis: 33%;
    }

    .process__contract-point img {
        margin: 0px;
        
        height: 100px;
        width: 100%;
    }

    .process__contract-point-heading {
        text-align: center;
    }

    .process__contract-point-description {
        text-align: center;

        font-size: 10px
        ;
    }

    /* блок director */
    .director__heading {
        flex-direction: column;
        align-items:center
    }

    .director__image-container {
        width: auto;
        margin: 0px;
    }

    .director__image {
        width: 200px;
        height: 200px;
    }

    .director__introducing {
        margin-top: 60px;

        font-size: 23px;
    }

    .director__speech {
        margin-top: 40px;
    }

    .director__facts-list {
        display: flex;
        justify-content: space-between;
    }

    /* блок faq */
    .faq__heading {
        font-size: 23px;
    }

    .faq__question {
        font-size: 24px;
    }

    .faq__answer {
        font-size: 18px;
    }

    /* блок сметы */
    .main__budget {
        margin-top: 120px;
    }

    .budget__text-container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .budget__heading {
        font-size: 23px;
        width: 70%;
    }

    /* блок seo */
    .footer__seo-item {
        width: 33%;
    }

    .footer__seo-item-heading {
        font-size: 13px;
    }

    /* блок official */
    .official__logo {
        height: 58px;
    }

    .official__center-bottom {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    /* popup, виджеты и дополнительные формы */
    .milestone__heading {
        font-size: 38px;
    }

    .milestone__additional {
        font-size: 25px;
    }
}

@media (min-width: 600px) {
    /*  блок quiz */
    .quiz__slide-item--02 .quiz__answers-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .quiz__slide-item--02 .quiz__answers-item {
        flex-basis: 39%;
    }
    .quiz__house-type-text {
        font-size: 13px;
    }
    .quiz__slide-item--03 .quiz__answers-item {
        margin-bottom: 25px;
    }
    .quiz__slide-item--04 .quiz__answers-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .quiz__slide-item--04 .quiz__answers-item {
        flex-basis: 39%;
    }
    .quiz__slide-item--05 .quiz__answers-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .quiz__slide-item--05 .quiz__answers-item {
        flex-basis: 39%;
    }
    .quiz__buttons {
        width: 39%;
    }

    /* блок services */
    .services__slider-item-heading {
        font-size: 20px;
    }
    .services__slider-item img {
        height: 250px;
    }
    .services__cases-amount {
        padding: 15px;
        font-size: 16px;
        border-radius: 30px;
    }

    /* блок popular */
    .popular__section-description {
        font-size: 23px;
        text-align: center;
    }
    .popular__categories-container {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }
    .popular__categories-container a {
        color: inherit;
        text-decoration: none;
    }
    .popular__categories-container--left {
        margin-right: 20px;
        width: 70%;
    }
    .popular__slider-list {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }
    .popular__slider-list-item {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
        margin-right: 5px;
        margin-left: 5px;
        font-size: 14px;
        border-radius: 10px;
        background-color: #f4f2f2;
    }
    .popular__list {
        display: none;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    .popular__list-item b{
        padding-left: 15px;
        margin: 0px;
        font-size: 13px;
    }
    .popular__sublist {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0px;
        margin-top: 20px;
        padding: 0px;
        list-style: none;
    }
    .popular__sublist-item {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        font-size: 14px;
        border-radius: 10px;
        background-color:#f4f2f2;
    }
    .popular__categories-container--right {
        min-width: 100px;
    }
    .popular__view-toggler {
        display: block;
        width: fit-content;
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        color: #7E73CB;
        border: none;
        border-bottom: 1px solid #7E73CB;
        background: none;
    }

    /* форма расчета бани */
    .banya__answers-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 25px;
    }
    .banya__answers-item {
        width: 40%;
    }
}

@media (min-width: 768px) {
    /* header */
    .header__top-row {
        flex-wrap: nowrap;
        align-items: center;
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
    }
    .header__logo-image {
        max-height: 65px;
    }
    .header__bottom-row {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
    }
    .header__mobile-container {
        margin-left: 50px;
        margin-right: 50px;
    }
    .header__breadcrumbs {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .header__breadcrumbs-text--home {
        font-size: 36px;
    }
    /* main */
    /* блок intro */
    .intro {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .intro__description {
        font-size: 50px;
    }
    .intro__description-additional {
        font-size: 20px;
    }
    .intro__preferences {
        display: flex;
        justify-content: space-between;
    }
    .intro__preferences-item {
        width: 30%;
    }
    .intro__preferences-text {
        font-size: 12px;
    }

    /* блок quiz */
    .main__quiz {
        padding-left: 50px;
        padding-right: 50px;

        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .quiz__slider-item-top {
        justify-content: center;
    }
    .quiz__slide-item--01 .quiz__answers-item {
        flex-basis: 30%;
    }
    .quiz__slide-item--03 .quiz__answers-item {
        width: 39%;
    }
    .quiz__slide-item--06 .quiz__answers-item {
        flex-basis: 30%;
    }

    /* блок services */
    .main__services {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .services__slider-item {
        border-radius: 10px;
        box-shadow: 0px 5px 3px rgb(184, 184, 184);
    }
    .services__slider-item img {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .services__details {
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 2;
        margin-top: 20px;
    }
    .services__details-price {
        margin: 0px;
        margin-bottom: 10px;

        font-size: 14px;
        font-weight: bold;
    }
    .services__details-price b {
        font-size: 30px;
        color: #7E73CB;
    }
    .services__details-button {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 20px;
        font-size: 11px;
        color: white;
        font-weight: bold;
        text-decoration: none;
        border-radius: 20px;
    }

    /* блок popular */
    .main__popular {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .popular__examples-item:hover {
        position: relative;
        z-index: 999;
    }
    .popular__examples-item:hover .popular__table {
        display: block;
    }
    .popular__examples-item:hover .popular__see-example {
        display: flex;
        justify-content:center;
        align-items:center;
    }
    .popular__examples-item:hover .popular__see-example::after{
        content:"";
        width:20px;
        height:14px;
        margin-left:10px;
        background-image:url("/assets/icons/right-arrow.svg");
        background-size:100% 100%;
    }
    .get-catalog--in-list {
        display: flex;
        box-sizing: border-box;
        padding: 20px;
        background-color:white;
    }
    .get-catalog--in-flow {
        display: none;
    }

    /* блок home-pluses */
    .main__home-pluses {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .home-pluses__list {
        flex-direction: row;
        justify-content: space-between;
    }
    .home-pluses__item {
        height: auto;
        width: 30%;
        margin-bottom:0px;
    }
    .home-pluses__item-other-item {
        font-size: 16px;
    }

    /* блок portfolio */
    .main__portfolio {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .portfolio__text {
        width: 35%;
        text-align: left;
    }
    .portfolio__slider-item {
        margin-bottom: 10px;
    }
    .portfolio__images-item {
        flex-basis: 21%;
        margin: 0px;
    }
    .portfolio__slider-item-period {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-top: 10px;
        width: fit-content;
        font-size: 11px;
        background-color: #f1ac4e;
        border-radius: 20px;
    }
    .portfolio__cost-container {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        width: 50%;
    }
    .portfolio__cost-container-field {
        width: 110px;
        margin: 0px;
        font-size: 14px;
        font-weight: bold;
    }
    .portfolio__cost-container-total {
        margin: 0px;
        font-size: 13px;
        font-weight: bold;
    }
    .portfolio__cost-container-total b {
        margin: 0px;
        font-size: 30px;
        color: #7E73CB;
    }    
    .portfolio__done-works {
        display: block;
        margin-top: 10px;
    }
    .portfolio__done-works-heading {
        margin: 0px;
        font-size: 15px;
    }
    .portfolio__done-works-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0px;
        margin: 0px;
        margin-top: 10px;
        list-style: none;
    }
    .portfolio__done-works-item {
        flex-basis: 49%;
        font-size: 12px;
        line-height: 1.2;
    }
    .portfolio__customers-feedback-heading {
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 15px;
    }
    .portfolio__customer-container {
        border: 1px dotted red;
        display: flex;
        justify-content: space-between;
    }
    .portfolio__customer-info {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 30px;
        background-color: #f4f2f2;
        border-radius: 10px;
    }
    .portfolio__customer-info img {
        border: 1px dotted red;
        min-width: 100px;
        height: 100px;
        margin-right: 20px;
        border-radius: 50%;
    }
    .portfolio__customer-text-container {      
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .portfolio__customer-name {
        margin: 0px;
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
    }   
    .portfolio__customer-speech {
        margin: 0px;
        font-size: 12px;
    }
    .portfolio__interview-link {
        border: 1px dotted blue;
        display: block;
        margin-left: 20px;
        height: 200px;
        width: 30%;
    }
    .portfolio__customer-info--mobile {
        display: none;
    }
    .portfolio__interview-link--mobile {
        display: none;
    }

    /* блок contractor */
    .main__contractor {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    /* блок stages */
    .main__stages {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    /* блок сотрудников */
    .main__workers {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    /* блок формы записи на экскурсию */
    .main__excursion {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .excursion__list {
        display: flex;
        justify-content: space-between;
    }
    .excursion__list-item {
        flex-basis: 30%;
    }
    .excursion__form {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .excursion__form-block {
        flex-basis: 49%;
    }
    .excursion__submit-button {
        flex-basis: 49%;
        margin-top: 16px;
    }
    .excursion__form-policy-box {
        flex-grow: 1;
    }

    /* блок reviews */
    .main__reviews {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .reviews__heading-container {
        display: flex;
        justify-content: space-between;
    }
    .reviews__heading-text {
        width: 70%;
        margin-right: 20px;
    }
    .reviews__heading-container button {
        align-self: center;
    }

    /* блок process */
    .main__process {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .process {
        display: flex;
        justify-content: space-between;
    }
    .process__contract {
        flex-basis: 52%;
    }
    .process__report {
        width: 43%;
        margin: 0px;
        overflow-x: hidden;
    }
    .process__report-heading {
        margin: 0px;
    }

    /* блок director */
    .main__director {
        position: relative;
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .director__wrapper {
        width: 50%;
        margin-left: auto;
    }
    .director__image-container {
        position: absolute;
        left: 50px;
        top: 0px;
        width: 40%;
    }
    .director__image {
        display: block;
        margin: 0 auto;        
    }
    .director__introducing {
        margin: 0px;
    }

    /* блок faq */
    .main__faq {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .faq__list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .faq__item {
        flex-basis: 49%;
    }

    /* блок budget */
    .main__budget {
        display: flex;
        justify-content: space-between;
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    /* блок contacts */
    .main__contacts {
        display: flex;
        justify-content: space-between;
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .contacts__map {
        flex-basis: 49%;
    }
    .contacts__methods {
        flex-basis: 49%;
        margin: 0px;
    }

    /* footer */
    /* top row */
    .footer__top-row {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer__main-menu-item {
        flex-basis: auto;
        margin-right: 5px;
    }
    .footer__social-list {
        margin: 0px;
    }

    /*блок seo */
    .footer__seo {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .footer__seo-item {
        width: auto;
        margin-right: 5px;
    }
    .footer__seo-item-heading {
        border: none;
    }
    .footer__seo-submenu {
        display: none;
    }

    /* блок official */
    .footer__official {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: flex-start;
    }
    .official__left {
        flex-basis: 30%;
    }
    .official__center {
        flex-basis: 40%;
        margin: 0px;
    }
    .official__center-bottom {
        flex-wrap: wrap;
    }

    /* попапы, виджеты и дополнительные формы */
    .milestone {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .milestone__answers-list{
        justify-content: flex-start;
        column-gap: 20px;
    }
    .milestone__answers-item {
        width: 30%;
    }
    .milestone__item-heading {
        font-size: 16px;
    }

    /* форма расчета бани */
    .banya {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .banya__slide-heading {
        font-size: 25px;
    }

    /* форма расчета фундамента */
    .basement {
        min-width: 320px;
        box-sizing: border-box;
        padding-left: 50px;
        padding-right: 50px;
        margin: 0 auto;
    }
    .basement__slide-heading {
        font-size: 25px;
    }
    .basement__answers-heading {
        font-size: 16px;
    }

    /* форма расчета проектирования */
    .plan {
        padding-left: 50px;
        padding-right: 50px;

        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .plan-content {
        width: 70%;
    }
    .plan__slide-heading {
        font-size: 25px;
    }
    .plan__answers-heading {
        font-size: 16px;
    }

    /* форма заявки на другие работы */
    .other-works {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .other-works__slide-heading {
        font-size: 25px;
    }
}

@media (min-width: 1024px) {
    .front-image-container {
        height: 829px;
    }

    /* header */
/*     .header__logo {
    flex-basis: auto;
    width: 230px;
} */
    .header__google-rating {
        border: 1px dotted red;
        display: block;
        width: 177px;
    }
    .top-row__count-button-wrapper {
        flex-basis: auto;
    }
    .top-row__write-us-wrapper {
        flex-basis: auto;
    }
    .header__top-row .phone-wrapper {
        flex-basis: auto;
    }
    .header__bottom-row {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: content-box;
        width: auto;
        height: auto;
        overflow: visible;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 50px;
        padding-right: 50px;
        background: none;
        z-index:0;
    }
    .header__menu-wrapper {
        flex-grow: 1;
    }
    .header__menu-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header__menu-item-text {
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        color:white;
    }

    .header__submenu {
        position: absolute;
        top: 30px;
        left: 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        box-sizing: border-box;
        width: 92%;
        height: 400px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 50px;
        padding-right: 50px;
        background-color: rgba(40,40,40,.95);
    }

    /* подменю проекты */
    .submenu--projects {
        display: none;
    }
    .header__menu-item--projects-prices:hover .submenu--projects {
        display: flex;
    }
    .submenu__item {
        display: block;
        margin-bottom: 10px;
    }
    .submenu__heading-text {
        margin: 0px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        color: orange;
    }
    .submenu__categories {
        display: block;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }
    .categories__link {
        text-decoration: none;
    }
    .categories__link:hover {
        text-decoration: underline white;
    }
    .categories__text {
        color: white;
    }
    .third-level-item .categories__text {
        margin: 0px;
        font-size: 16px;
        font-weight: bold;
        color: white;
        text-decoration: none;
    }
    .last-level {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }
    .last-level__item-link {
        text-decoration: none;
    }
    .last-level__item-link:hover {
        text-decoration: underline white;
    }
    .last-level__item-text {
        font-size: 16px;
        color: white;
        font-weight: normal;
    }

    /* подменю услуги */
    .submenu--services {
        display: none;
        left: 46px;
        top: 35px;
        flex-direction: row;
        justify-content: space-between;
        margin: 0px;
    }
    .header__menu-item--services:hover .submenu--services {
        display: flex;
    }
    .last-level-item .categories__text {
        font-weight: normal;
    }
    .mobile-open-list {
        display: none;
    }
    .header__choosen {
        margin-left: 10px;
        font-size: 13px;
        color:white;
    }
    .header__search {
        margin-left: 10px;
        font-size: 13px;
        color:white;
    }
    .header__bottom-row .write-us {
        display: none;
    }
    .header__bottom-row .count-button {
        display: none;
    }
    .header__bottom-row .phone-wrapper {
        display: none;
    }
    .header__bottom-row .menu-close-button {
        display: none;
    }
    .header__mobile-container {
        display: none;
    }

    /* main */
    /* блок quiz */
    .quiz_invitation {
        margin-bottom: 10px;
    }
    .quiz__invitation-big {
        width: 80%;
        margin: 0 auto;
        font-size: 23px;
    }
    .quiz__content {
        display: flex;
        column-gap: 20px;
    }
    .architect {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 300px;
        padding-top: 30px;
    }
    .architect__image {
        border: 1px dotted red;
        width: 160px;
        height: 160px;
        border-radius: 50%;
    }
    .architect__name {
        margin: 0px;
        margin-top: 10px;
        font-size: 20px;
        text-align: center;
    }
    .architect__job-position {
        margin: 0px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .architect__appeal {
        margin: 0px;
        padding-bottom: 10px;
        font-size: 13px;
        text-align: center;
        border-bottom: 1px solid rgb(195, 195, 195);
    }

    .architect__gain-heading {
        margin: 0px;
        padding-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
        text-transform: uppercase;
    }
    .architect__gain-list {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        padding: 0px;
        margin: 0px;
        margin-top: 10px;
        list-style: none;
    }
    .architect__gain-item {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px;
        padding-left: 10px;
        background-color:rgb(110, 110, 110, 0.6);
        border-radius: 10px;
    }
    .architect__gain-item-text {
        margin: 0px;
        font-size: 12px;
        color: white;
    }
    .quiz__slider-container {
        width: 70%;
    }

    /* блок services*/
    .services__details {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        column-gap: 3%;
        margin-bottom: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .services__details-price {
        margin: 0px;
    }
    .services__details-button {
        margin: 0px;
        text-align: center;
    }

    /* блок popular */
    .popular__examples-item {
        flex-basis: 30%;
    }

    /* блок portfolio */
    .portfolio__objects-map {
        justify-content: flex-start;
    } 
    .portfolio__see-objects {
        display: none;
    }
    .portfolio__slider-container {
        margin-top: 20px;
    }
    .portfolio__slider-item {
        position: relative;
    }
    .portfolio__description {
        width: 50%;
        margin-left: auto;
    }
    .portfolio__images-container {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 49%;
    }
    .portfolio__cost-container {
        width: auto;
        margin-top: 10px;
    }
    .portfolio__customer-container {
        flex-direction: column;
    }
    .portfolio__interview-link {
        width: auto;
        margin: 0px;
    }
    .portfolio__instagram-container {
        display: flex;
        justify-content: space-between;
    }
    .portfolio__more-images {
        width: 50%;
    }

    /* блок stages */
    .stages__buttons-item {       
        flex-basis: 15%;
    }
    .stages__slider-item {
        display: flex!important;
        column-gap: 20px;
    }
    .stages__image {
        display: block!important;
        width: 50%;
        height:100%;
        object-fit:cover;
        border-radius:10px;
    }

    /* блок workers */
    .main__workers {
        justify-content: space-between;
    }
    .workers__slider-container {
        flex-grow: 1;
    }
    .workers__preferences-list {
        padding: 0px;
    }

    /* блок excursion */
    .excursion__wrapper {
        max-width: 700px;
    }

    /* блок director */
    .director__image-container {
        height: 100%;
    }
    .director__image {
        width: 300px;
        height: 300px;
    }

    /* блок contacts */
    .main__contacts {
        column-gap: 1%
    }
    .contacts__map {
        flex-basis: 24%;
    }
    .contacts__methods {
        flex-basis: 24%;
    }
    .contacts__place {
        display: block;
        flex-basis: 24%;
    }

    .contacts__place-heading {
        margin: 0px;
        font-size: 16px;
        text-align: center;
    }
    .contacts__place-list {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }
    .contacts__place-item {
        position: relative;
        height: 150px;
        border-radius: 10px;
        background-size: 100% auto;
        background-position: bottom;
    }
    .contacts__place-item--office{
     background-image:url('/assets/img/meet__office.webp');   
    }
    .contacts__place-item--field{
     background-image:url('/assets/img/meet__field.webp');   
    }
    .contacts__place-text {
        display: block;
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: fit-content;
        margin: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 17px;
        padding-right: 17px;
        font-size: 13px;
        background-color: #f1ac4e;
        border-radius: 20px;
        color:white;
    }
    .contacts__favorite {
        display: block;
        padding: 0 20px 20px 20px;
        box-sizing: border-box;
        flex-basis: 24%;
        border: 1px dashed green;
        border-radius: 10px;
    }
    .contacts__favorite::before{
        content:"";
        display:block;
        width:35px;
        height:45px;
        margin:0 auto;
        background-image:url("/assets/icons/flag.svg");
        background-size:100% 100%;
        background-position-y: -6px;
        background-repeat: no-repeat;
    }
    .contacts__favorite-heading {
        margin: 0px;
        font-size: 16px;
        text-align: center;
    }
    .contacts__favorite-additional {
        margin: 0px;
        margin-top: 10px;
        font-size: 13px;
        text-align: center;
    }
    .contacts__favorite-button {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 18px;
        padding-right: 18px;
        margin: 0 auto;
        margin-top: 10px;
        font-size: 13px;
        font-weight: bold;
        color: white;
        border: none;
        border-radius: 10px;
        text-decoration: none;
        text-align: center;
    }
    .contacts__favorite-combination {
        margin: 0px;
        margin-top: 10px;
        font-size: 21px;
        text-align: center;
    }
    
    /* mobile-bottom-container */
    .mobile-bottom-container {
        display: none;
    }

    /* side-tabs-container */
    .side-tabs-container {
        display: block;
    }

    /* квиз basement */
    .basement-content {
        width: 70%;
    }

    /* попап-квиз строительства бани */
    .banya-content{
        width: 70%;
    }

    /* попап-квиз расчета других работ */
    .other-works-content {
        width: 70%;
    }

    /* footer */
    .footer__top-row {
        padding-bottom: 15px;
    }
    .footer__main-menu {
        width: 70%;
    }
    .footer__seo-item {
        flex-basis: 19%;
    }
    .footer__seo-submenu {
        display: block;
    }
    .footer__seo-submenu--flex {
        display: flex;
    }
}

@media (min-width: 1200px) {
    .front-image-container {
        height: 844px;
    }
    .header__top-row .count-button {
        display:flex;
        align-items:center;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .header__top-row .count-button:after{
        display:inline-block;
        content:"";
        width: 20px;
        height:20px;
        margin-left: 5px;
        background-image:url("/assets/icons/calc-house.svg");
        background-size:100% 100%;
    }
    .header__top-row .write-us__link {
        width: 35px;
        height: 35px;
    }
    .header__top-row .phone-wrapper__phone-link {
        font-size: 18px;
    }
    .header__top-row .phone-wrapper__callback-text {
        font-size: 13px;
    }
    .header__bottom-row .header__choosen {
        border-left: 1px solid white;
        padding-left: 10px;
    }
    .header__bottom-row .header__search {
        border-left: 1px solid white;
        padding-left: 10px;
    }
    .header__breadcrumbs {
        margin-bottom: 35px;
    }
    .header__breadcrumbs-text--home {
        font-size: 24px;
    }

    /* блок intro */
    .intro__preferences-text {
        font-size: 16px;
    }
    .intro__count-text {
        font-size: 13px;
        width: 186px;
    }

    /* блок quiz */
    .quiz__invitation-big {
        font-size: 28px;
    }
    .architect__gain-item-text {
        font-size: 14px;
    }

    /* блок services */
    .services__heading {
        font-size: 28px;
    }
    .services__slider-item-heading {
        padding-left: 10px;
        font-size: 26px;
        text-align: left;
    }

    /* блок popular */
    .popular__heading {
        font-size: 28px;
    }
    .popular__section-description {
        font-size: 28px;
    }
    .popular__examples-heading {
        margin-left: 20px;
    }

    /* блок home-pluses */
    .home-pluses__heading {
        font-size: 28px;
    }
    .home-pluses__item-heading {
        font-size: 21px;
    }
    .home-pluses__item-other-item {
        font-size: 13px;
    }
    .home-pluses__item-other-text {
        font-size: 15px;
    }

    /* блок portfolio */
    .portfolio__done-works-heading {
        font-size: 20px;
    }
    .portfolio__done-works-item {
        font-size: 14px;
    }
    .portfolio__customer-container {
        flex-direction: row;
        column-gap: 1%;
    }
    .portfolio__customer-info {
        flex-basis: 50%;
    }
    .portfolio__interview-link {
        flex-basis: 50%;
    }
    .portfolio__instagram-container {
        padding: 30px;
    }
    .portfolio__instagram-logo {
        width: 80px;
        height: 80px;
    }
    .portfolio__instagram-invite {
        font-size: 18px;
    }
    .portfolio__instagram-link {
        font-size: 28px;
    }

    /* блок contractor */
    .contractor__heading {
        font-size: 28px;
    }
    .contractor__slider-item-heading {
        font-size: 18px;
    }
    .contractor__slider-item-description {
        font-size: 15px;
    }

    /* блок stages */
    .stages__heading {
        font-size: 28px;
    }
    .stages__stage-heading {
        font-size: 28px;
    }

    /* блок workers */
    .workers__heading-container-text {
        font-size: 28px;
    }
    .workers__heading-container-text small {
        font-size: 19px;
    }
    .workers__name {
        font-size: 20px;
    }
    .workers__job-position {
        font-size: 14px;
    }
    .workers__preferences-item {
        font-size: 12px;
    }

    /* блок excursion */
    .excursion__heading {
        font-size: 28px;
    }
    .excursion__additional {
        font-size: 19px;
    }
    .excursion__form input {
        padding: 25px
    }

    /* блок reviews */
    .reviews__heading {
        font-size: 28px;
    }
    .reviews__additional {
        font-size: 19px;
    }

    /* блок process */
    .process__contract-heading {
        font-size: 19px;
    }
    .process__contract-point-heading {
        font-size: 16px;
    }
    .process__contract-point-description {
        font-size: 13px;
    }
    .process__report-heading {
        font-size: 19px;
    }

    /* блок director */
    .director__introducing {
        font-size: 28px;
    }

    /* блок faq */
    .faq__heading {
         font-size: 28px;
    }

    /* блок budget */
    .budget__heading {
        font-size: 28px;
    }
    .budget__factors-heading {
        font-size: 19px;
    }

    /* блок contacts */
    .contacts__map-heading {
        font-size: 19px;
    }
    .contacts__methods-heading {
        font-size: 19px;
    }
    .contacts__methods-worktime {
        font-size: 12px;
    }
    .contacts__methods-phone {
        font-size: 18px;
    }
    .contacts__methods-social-item {
        width: 35px;
        height: 35px;
    }
    .contacts__place-heading {
        font-size: 19px;
        margin-bottom: 10px;
    }
    .contacts__favorite-heading {
        font-size: 19px;
    }
}

@media (min-width: 1340px) {
    .front-image-container {
        height: 859px;
    }
    .header__top-row .count-button {
        padding: 20px;
    }
    .header__top-row .count-button-text {
        font-size: 14px;
    }
    .header__top-row .phone-wrapper__phone-link {
        font-size: 20px;
    }
    .header__top-row .phone-wrapper__callback-text {
        font-size: 14px;
    }
    .header__menu-item-text {
        font-size: 14px;
    }
    .header__choosen-text {
        font-size: 14px;
        text-decoration: none;
    }
    .header__search-text {
        font-size: 14px;
        text-decoration: none;
    }

    /* main */
    /* блок intro */
    .intro__wrapper {
        width: 80%;
    }
    .intro__description-additional {
        font-size: 25px;
    }
    .intro__count {
        margin-top: 20px;
    }
    .intro__count-text {
        width: 201px;
        font-size: 14px;
    }

    /* footer */
    .official__center-bottom {
        justify-content: flex-start;
        column-gap: 1%;
    }
    .official__payment-list {
        width: 100%;
        justify-content: center;
    }
}

@media (min-width: 1440px) {
    /* main */
    /* блок quiz */
    .quiz__invitation-big {
        font-size: 35px;
    }

    /* блок services */
    .services__heading {
        font-size: 35px;
    }

    /* блок popular */ 
    .popular__heading {
        font-size: 35px;
    }
    .popular__section-description {
        font-size: 35px;
    }
    .popular__list-item b {
        font-size: 14px;
    }
    .popular__sublist {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .popular__view-toggler {
        font-size: 14px;
    }

    /* блок home-pluses */
    .home-pluses__heading {
        font-size: 35px;
    }
    .home-pluses__item-other-item {
        font-size: 14px;
    }

    /* блок portfolio */
    .portfolio__customers-feedback-heading {
        font-size: 20px;
    }

    /* блок contractor */
    .contractor__heading {
        font-size: 35px;
    }

    /* блок stages */
    .stages__heading {
        font-size: 35px;
    }
    .stages__stage-number {
        font-size: 14px;
    }
    .stages__remark-text {
        font-size: 14px;
    }

    /* блок workers */
    .workers__heading-container-text {
        font-size: 35px;
    }
    .workers__heading-container-text small{
        font-size: 19px;
    }

    /* блок excursion */
    .excursion__heading {
        font-size: 35px;
    }
    .excursion__list-item {
        font-size: 14px;
    }
    .excursion__form-heading {
        font-size: 14px;
    }
    .excursion__form-label {
        font-size: 14px;
    }

    /* блок reviews */
    .reviews__heading {
        font-size: 35px;
    }
    .reviews__heading-container button {
        font-size: 14px;
    }

    /* блок process */
    .process__report-additional {
        font-size: 14px;
    }

    /* блок director */
    .director__introducing {
        font-size: 35px;
    }
    .director__speech {
        font-size: 14px;
    }
    .director__facts {
        font-size: 19px;;
    }

    /* блок faq */
    .faq__heading {
        font-size: 35px;
    }

    /* блок budget */
    .budget__heading {
        font-size: 35px;
    }
    .budget__form-heading {
        font-size: 14px;
    }
    .budget__send-to-text {
        font-size: 14px;
    }
    .budget__customer-phone-label {
        font-size: 14px;
    }

    /* блок contacts */
    .contacts__methods-phone {
        font-size: 20px;
    }
    .contacts__methods-email-link {
        font-size: 14px;
    }
    .contacts__place-text {
        font-size: 14px;
    }
    .contacts__favorite-additional {
        font-size: 13px;
    }
    .contacts__favorite-button {
        font-size: 14px;
    }

    /* footer */
    .footer__main-menu-link {
        font-size: 14px;
    }
    .footer__seo-item-heading {
        font-size: 14px;
    }
    .footer__seo-submenu-item-link {
        font-size: 14px;
    }
}

@media (min-width: 1561px) {
    /* header */
    .front-image-container {
        height: 1016px;
    }
    .header__top-row .count-button-text {
        font-size: 16px;
    }
    .header__top-row .write-us__text {
        font-size: 14px;
    }
    .header__top-row .write-us__item {
        width: 45px;
        height: 45px;
    }
    .header__top-row .phone-wrapper__worktime {
        font-size: 14px;
    } 
    .header__top-row .phone-wrapper__phone-link {
        font-size: 24px;
    }
    .header__top-row .phone-wrapper__callback-text {
        font-size: 16px;
    }
    .header__top-row .phone-wrapper__callback {
        margin-top: 0px;
    }
    .header__menu-item-text {
        font-size: 16px;
    }
    .header__choosen-text {
        font-size: 16px;
    }
    .header__search-text {
        font-size: 16px;
    }

    /* блок intro */
    .intro__description-additional {
        font-size: 36px;
    }
    .intro__preferences-text {
        font-size: 18px;
    }
    .intro__count-text {
        width: 230px;
        font-size: 16px;
    }

    /* блок quiz */
    .quiz__invitation-small {
        font-size: 18px;
    }
    .quiz__invitation-big {
        width: 80%;
        font-size: 48px;
    }
    .architect__appeal {
        font-size: 15px;
    }
    .architect__gain-item {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .quiz__question-number {
        font-size: 18px;
    }
    .quiz__house-type-text {
        font-size: 16px;
    }

    /* блок services */
    .services__heading {
        font-size: 48px;
    }
    .services__details-price b {
        font-size: 33px;
    }
    .services__details-button {
        font-size: 12px;
    }

    /* блок popular */
    .popular__heading {
        font-size: 50px;
    }
    .get-catalog__heading {
        font-size: 19px;
    }
    .get-catalog__text {
        font-size: 15px;
    }
    .get-catalog__preferences-item {
        font-size: 12px;
    }
    .get-catalog__preferences-item b {
        font-size: 35px;
    }
    .get-catalog__contact-form-text {
        font-size: 14px;
    }
    .get-catalog__customer-info label{
        font-size: 14px;
    }
    .get-catalog__policy {
        font-size: 12px;
    }

    /* блок home-pluses */
    .home-pluses__heading {
        font-size: 48px;
    }
    .home-pluses__item-heading {
        font-size: 28px;
    }
    .home-pluses__item-other-item {
        font-size: 16px;
    }
    .home-pluses__item-other-text {
        font-size: 18px;
    }

    /* блок portfolio */
    .portfolio__text {
        width: 60%;
    }
    .portfolio__objects-map-text {
        font-size: 16px;
    }
    .portfolio__objects-map-button {    
        font-size: 16px;
    }
    .portfolio__slider-item-heading {
        font-size: 36px;
    }
    .portfolio__cost-container-total b {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 36px;
    }
    .portfolio__done-works-heading {
        font-size: 24px;
    }
    .portfolio__customers-feedback-heading {
        font-size: 24px;
    }

    /* блок contractor*/
    .contractor__heading {
        font-size: 48px;
    }
    .contractor__slider-item-heading {
        font-size: 24px;
    }
    .contractor__slider-item-description {
        font-size: 18px;
    }

    /* блок stages */
    .stages__heading {
        font-size: 48px;
    }
    .stages__stage-heading {
        font-size: 36px;
    }
    .stages__includes-heading {
        font-size: 24px;
    }
    .stages__includes-item {
        font-size: 18px;
    }
    .stages__remark-text {
        font-size: 16px;
    }

    /* блок workers */
    .workers__heading-container {
        width: 40%;
    }
    .workers__slider-container {
        flex-grow: 0;
        width: 50%;
    }
    .workers__heading-container-text {
        font-size: 48px;
    }
    .workers__heading-container-text small {
        font-size: 24px;
    }
    .workers__preferences-item {
        font-size: 14px;
    }

    /* блок excursion */
    .excursion__heading {
        font-size: 48px;
    }
    .excursion__additional {
        font-size: 24px;
    }
    .excursion__list-item {
        font-size: 18px;
    }
    .excursion__form-heading {
        font-size: 16px;
    }
    .excursion__form-label {
        font-size: 16px;
    }
    .excursion__submit-button {
        padding: 20px;
    }
    .excursion__form-policy-text {
        font-size: 12px;
    }
    .excursion__form-policy-text {
        font-size: 12px;
    }

    /* блок reviews */
    .reviews__heading {
        font-size: 48px;
    }
    .reviews__heading-text {
        width: 80%;
    }
    .reviews__additional {
        font-size: 24px;
    }
    .reviews__heading-container button {
        font-size: 16px;
    }

    /* блок process */
    .process__contract-heading {
        font-size: 24px;
    }
    .process__contract-point-heading {
        font-size: 18px;
    }
    .process__contract-point-description {
        font-size: 16px;
    }
    .process__report-heading {
        font-size: 24px;
    }
    .process__report-additional {
        font-size: 16px;
    }

    /* блок director */
    .director__introducing {
        font-size: 48px;
    }
    .director__speech {
        font-size: 16px;
    }
    .director__facts {
        font-size: 24px;
    }
    .director__facts-text {
        font-size: 20px;
    }
    .director__facts-item b {
        font-size: 55px;
    }

    /* блок faq */
    .faq__heading {
        font-size: 48px;
    }

    /* блок budget */
    .budget__heading {
        font-size: 48px;
    }
    .budget__factors-heading {
        font-size: 24px;
    }
    .budget__factors-item {
        font-size: 18px;
    }
    .budget__form-heading {
        font-size: 16px;
    }
    .budget__form-additional {
        font-size: 18px;
    }
    .budget__send-to-text {
        font-size: 16px;
    }
    .budget__customer-phone-label {
        font-size: 16px;
    }
    .budget__policy {
        font-size: 12px;
    }

    /* блок contacts */
    .contacts__map-heading {
        font-size: 24px;
    }
    .contacts__address-heading {
        font-size: 21px;
    }
    .contacts__address {
        font-size: 16px;
    }
    .contacts__methods-heading {
        font-size: 24px;
    }
    .contacts__methods-worktime {
        font-size: 14px;
    }
    .contacts__methods-phone {
        font-size: 24px;
    }
    .contacts__methods-worktime-box button {
        font-size: 16px;
    }
    .contacts__methods-social-heading {
        font-size: 21px;
    }
    .contacts__methods-social-item {
        width: 46px;
        height: 46px;
    }
    .contacts__methods-email-heading {
        font-size: 21px;
    }
    .contacts__methods-email-link {
        font-size: 16px;
    }
    .contacts__place-heading {
        font-size: 24px;
    }
    .contacts__place-text {
        font-size: 16px;
    }
    .contacts__favorite-heading {
        font-size: 24px;
    }
    .contacts__favorite-additional {
        font-size: 16px;
    }
    .contacts__favorite-button {
        font-size: 16px;
    }
    .contacts__favorite-additional {
        font-size: 16px;
    }

    /* footer */
    .footer__main-menu-link {
        font-size: 16px;
    }
    .footer__seo-item-heading {
        font-size: 16px;
    }
    .footer__seo-submenu-item-link {
        font-size: 16px;
    }
}

@media (min-width: 1721px) {
    /* блок services */
    .services__details-price b {
        font-size: 36px;
    }
    .services__details-button {
        font-size: 14px;
    }
}

/* стили для страниц конкретных проектов */
    /* header */
.header__breadcrumbs-text {
    font-size: 13px;
}

.header__page-heading {
    margin-top: 12px;
    padding-left: 20px;
    padding-right: 20px;

    font-size: 17px;
}

.header--project {
    padding-bottom: 60px;
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
    url('/assets/img/block-house2.webp');
    background-size:cover;
    background-position:center;
}

.page--project .intro__description {
    font-size: 36px;
}

    /* main */
.main--project {
    padding-top: 60px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.blured{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
    url('/assets/img/front1.webp');
    background-position:center;
    background-size:cover;
}
.header--project-item{
    backdrop-filter:blur(5px);
    padding-bottom:20px;
}
.project-item {
    margin-bottom: 40px;
}

.project-item__image-container {
    max-width:532px;
    margin-bottom: 25px;
}

.project-item__big-slider {
    height: 350px;
    width: 100%;
    margin-bottom:20px;
}
.project-item__big-slider .draggable{
    height:100%;
}
.project-item__big-slider .slick-track {
    height:100%;
}
.project-item__big-slider-image {
    width:100%;
    height:100%;
    object-fit:contain;
}

.project-item__image-list {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.project-item__image-list .slick-track{
    display:flex;
    align-items:center;
}

.project-item__image-item {
    height: 80px;
    width: 24%;
    margin-right:10px;
}
.project-item__image{
    width:100%;
    height:100%;
    object-fit:cover;
}

.project-item__subheading {
    margin: 0px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
}

.project-item__table {
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
}

.project-item__field-value {
    font-weight: bold;
}

.project-item__inners-list {
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    margin-bottom: 20px;
}

.project-item__price {
    margin-bottom: 20px;
}

.project-item__price-text {
    margin: 0px;

    font-size: 12px;
    font-weight: bold;
}

.project-item__price-text b {
    font-size: 15px;
    color: #7E73CB;
}

.project-item__mortgage {
    padding: 10px 25px;
    margin-bottom: 20px;

    background-color: #f4f2f2;
    border-radius: 10px;
}

.project-item__mortgage-text {
    margin: 0px;
    font-size: 13px;
}

.project-item__mortgage-monthly {
    margin: 0px;
    font-size: 20px;
}

.project-item__payment {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 10px 25px;
    margin-bottom: 20px;

    background-color: #f4f2f2;
    border-radius: 10px;
}

.project-item__payment-text {
    margin: 0px;
    font-size: 16px;
}

.project-item__payment-icon {
    height: 25px;
    width: 25px;
}

.project-item__get-budget {
    width: 100%;
    padding: 20px 25px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    border: none;
    color: white;
}

/* форма звонка */
.start-form__container {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.start-form__heading {
    display: block;
    margin: 0px;
    margin-bottom: 18px;
    font-size: 18px;
    text-align: center;
}

.start-form__photo {
    border: 1px dotted green;

    display: block;
    height: 190px;
    width: 190px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 50%;
}

.start-form__worker-name {
    font-size: 20px;
    text-align: center;
}

.start-form__our-phone {
    display: block;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: black;
    text-decoration: none;
}

#start-form input {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 300px;
    padding: 18px 20px;
}

#start-form button {
    display: block;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 20px 18px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 10px;
    border: none;
    color: white;
}

.start-form__social-list {
    display: flex;
    justify-content: center;
    column-gap: 7px;

    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    
    list-style: none;
}

.start-form__social-item {
    width: 40px;
    height: 40px;
}

.start-form__social-link {
    width: 100%;
    height: 100%;
    margin: 0px;
}
.start-form__social-icon {
    display:block;
    height: 100%;
    width: 100%;
}

.start-form__disclaimer {
    margin: 0px;
    font-size: 9px;
    text-align: center;
}

/* слайдер со вкладками с инфой по проекту дома*/
.project-tabs {
    margin-top: 50px;
}

.project__tab-button-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;

    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;

    list-style: none;
}

.project__tab-button {
    width: 100%;
    height: 100%;

    padding: 15px;
    border-radius: 10px;
    background-color: #f4f2f2;
    border: none;
    color: black;
    font-size: 13px;
}

.project__tab-button--active {
    background-color: rgb(12 68 162);
    color: white;
    font-weight: bold;
}
.project__tab-slide {
    display: none!important;
}
.project__tab-slide--active {
    display: block!important;
}

.project__tab-slide-subheading {
    margin: 0px;
    margin-bottom: 20px;

    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.planning-scheme {
    border: 1px dotted green;

    display: block;
    width: 100%;
    height: 300px;
}

.specifics__list-item {
    font-size: 17px;
}

.specifics__right-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;

    padding: 0px;
    margin: 0px;
    list-style: none;
}

.specifics__right-link {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    margin: 0px;
    padding: 0px;
    padding: 10px;

    font-size: 13px;
    text-decoration: none;
    color: black;

    border-radius: 10px;
    background-color: #f4f2f2;
}

    /* similar-projects */
.similar-projects {
    margin-top: 40px;
}

.similar-projects__heading {
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 20px;
    text-align: center;
}

/* для экранов от 490px */
@media (min-width: 490px) {
    .project-item__price-text b {
        font-size: 25px;
    }
}

/* для экранов от 575px */
@media (min-width: 575px) {
    .header__page-heading {
        font-size: 24px;
    }

    .project__tab-slide--specifics {
        display: flex;
        justify-content: space-between;
        column-gap: 5px;
    }

    .specifics__left {
        flex-basis: 100%;
    }

    .specifics__right {
        flex-basis: 49%;
    }
}

@media (min-width: 768px) {
    .main--project {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    .header__breadcrumbs-text {
        font-size: 14px;
    }

    .header__page-heading {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        font-size: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    .planning-scheme {
        width: 50%;
        margin: 0 auto;
    } 

    .project-item {
        display: flex;
        column-gap: 10px;
    }

    .project-item__image-container {
        width: 49%;
    }

    .project-item__details {
        width: 49%;
    }
}

@media (min-width: 1024px) {
    .project__desktop-container {
        display: flex;
        column-gap: 20px;
    }

    .project-item {
        flex-grow: 1;
    }

    .project-item__image-container {
        width: 60%;
    }

    .start-form__container {
        width: 21%;
    }

    .similar-projects__heading {
        font-size: 35px;
    }

}

/* страница проектов и цен */
.main__text-content {
    padding:20px;
    position:relative;
}
.content-view-toggler-container {
    padding-left:20px;
    padding-right:20px;
}
.content-view-toggler {
    display: block;
    width: fit-content;
    padding: 0px;
    margin-left: auto;
    font-size: 12px;
    color: #7E73CB;
    border: none;
    border-bottom: 1px solid #7E73CB;
    background: none;
}
.main__projects-prices {
    padding: 20px;
}

.projects-prices__show-filter {
    display: block;
    width: 100%;
    padding: 20px;
    margin-bottom: 40px;
    font-size: 13px;
    font-weight: bold;
    color: white;

    border: none;
    background: linear-gradient(90deg,#e1994d 0%,#e6a959 56%,#eab864 100%);
    border-radius: 15px;
}

.filter {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    overflow-y: auto;

    box-sizing: border-box;
    width: 300px;
    height: 100vh;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 70px;

    background-color: white;
}

.filter__close-button {
    position: absolute;
    top: 5px;
    right: 5px;
}

.filter__heading {
    margin: 0px;
    font-size: 14px;
    margin-bottom: 30px;
}

.filter__field-wrapper {
    margin-bottom: 20px;
}

.filter__field-heading {
    font-size: 14px;
    font-weight: bold;
}

#filter__material {
    margin-top: 10px;
    width: 100%;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
}

#cost-range {
    margin-top: 10px;
    width: 100%;
}

.range-span-container {
    display: flex;
    justify-content: space-between;

    width: 100%;
}

.range-span {
    font-size: 13px;
    font-weight: bold;
}

#square-range {
    width: 100%;
    margin-top: 10px;
}

.filter__field-wrapper ul {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.filter__field-wrapper label {
    font-size: 14px;
}

.filter__field-wrapper--sleeping ul {
    flex-direction: row;
    justify-content: space-between;
}

.filter__toggler {
    display: block;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0px;

    font-size: 13px;
    color: rgb(160 173 251);
    background: none;
    border: none;
    border-bottom:1px solid rgb(160 173 251);
}

.projects-prices__additional--aside {
    display: none;
}

.filter__buttons-container {
    position: fixed;
    bottom: 30px;
    left: 20px;

    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    width: 240px;
}

.filter__buttons-container button {
    width: 45%;
    padding: 10px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 10px;
    border: none;
}

.filter__search {
    color: white;
}

.filter__reset {
    background-color: rgb(160 173 251);
    color: white;
}

.projects-prices__sort {
    display: flex;
    justify-content: flex-end;
    column-gap: 20px;
}

.project-prices__sort-button {
    padding: 0px;
    font-size: 13px;
    text-transform: lowercase;
    
    border: none;
    border-bottom: 1px dashed black;
    background: none;
}

.link-box__row {
    margin-bottom: 30px;
}

.link-box__row-heading {
    margin: 0px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: bold;
}

.link-box__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;

    padding: 0px;
    margin: 0px;

    list-style: none;
}

.link-box__link {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0px;
    font-size: 14px;
    color: inherit;
    text-decoration:none;
    padding: 6px 12px;
    border-radius: 5px;
    background-color: #f4f2f2;
}

.projects-prices__additional {
    box-sizing: border-box;

    width: 100%;
    margin-bottom: 20px;
    padding: 40px 20px;
    
    border-radius: 10px;
}

.projects-prices__additional-wrapper {
    width: 80%;
    text-align: left;
}

.projects-prices__additional--top50 {
    background-color:#07b807
}

.projects-prices__additional--discount {
    background-color: rgb(253, 228, 3)
}

.projects-prices__additional--have-project {
    background-color: rgb(67, 174, 203)
}

.projects-prices__additional-span {
    display: block;
    width: fit-content;
    padding: 10px 15px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    background-color: white;
    border-radius: 20px;
}

.projects-prices__additional-heading {
    width: 50%;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: white;
    text-shadow: 1px 1px black;
}

.projects-prices__additional-button {
    display: block;
    padding: 0px;
    margin-top: 20px;
    background: none;
    border: none;
    border-bottom: 1px solid white;

    font-size: 12px;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px black;
}

.projects-prices__additional-small {
    font-size: 14px;
    color: white;
}
/* блок заказа каталога */
.projects-prices__get-catalog {
    display:flex;
    flex-direction:column;
    background: url("/assets/icons/catalog.webp");
    background-size: auto 112%;
    background-repeat: no-repeat;
    background-position: left 0 top 100px;
}
.projects-prices__get-catalog-heading {
    display:none;
    margin:0px;
    margin-bottom:40px;
    font-weight:normal;
}

@media (min-width: 575px) {
    .projects-prices__get-catalog-heading {
        display:block;
        font-size: 23px;
    }
}

@media (min-width: 768px) {
    .main__text-content {
        padding-left: 50px;
        padding-right: 50px;

        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .content-view-toggler-container {
        padding-left: 50px;
        padding-right: 50px;

        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .projects-prices {
        padding-left: 50px;
        padding-right: 50px;

        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    .projects-prices__show-filter {
        display: none;
    }

    .projects-prices__desktop-container {
        display: flex;
        column-gap: 20px;
    }

    .filter {
        display: block;
        position: static;
        min-width: 300px;
        height: auto;
        padding: 10px;
    }

    .filter__form {
        margin-bottom: 20px;
    }

    .filter__close-button {
        display: none;
    }

    .filter__buttons-container {
        position: static;
        flex-direction: column;
        row-gap: 20px;
        width: 100%;
    }

    .filter__buttons-container button {
        width: 100%;
        padding: 18px 20px;
        font-size: 13px;
    }

    .projects-prices__additional--aside {
        display: block;
    }

    .projects-prices__additional-heading {
        font-size: 25px;
        line-height: 30px;
        text-shadow: none;
    }

    .projects-prices__additional-button {
        text-shadow: none;
    }

    .projects-prices__additional-container--in-flow {
        display: none;
    }
    .projects-prices__get-catalog {
        flex-direction:row;
    }
    .projects-prices__get-catalog .get-catalog__wrapper--in-flow {
    margin:0px;
    margin-left: auto;
    max-width:400px;
    }
}

@media (min-width: 1024px) {
    .link-box__row {
        display: flex;
    }

    .link-box__row-heading {
        min-width: 20%;
        padding-right: 20px;
    }
    .projects-prices__get-catalog-heading {
        font-size:28px;
    }
}
@media (min-width: 1200px) {
    .projects-prices__get-catalog-heading {
        font-size:35px;
    }
}

/* страница basement */
.intro--basement-page {
    padding-bottom: 60px;
}
.intro--basement-page .large-text{
    font-size: 55px;
}
.intro--basement-page h1{
    font-weight:normal;
}

/* блок basement-services */
.basement-services {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
}

.basement-services__heading {
    width: 70%;
    margin: 0px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}

.basement-services__list {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    column-gap: 10px;

    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    list-style: none;
}

.basement-services__list-item {
    position:relative;
    padding: 10px;
    box-sizing: border-box;
    border-radius:10px;
    background-color:white;
}
.basement-services__list-item::before{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 45px;
    height: 35px;
    background-image: url(/assets/icons/flag.svg);
    background-size: 100% 100%;
    color: white;
}
.basement-services__list-item--01::before {
    content:"01";
}
.basement-services__list-item--02::before {
    content:"02";
}
.basement-services__list-item--03::before {
    content:"03";
}
.basement-services__list-item--04::before {
    content:"04";
}
.basement-services__list-item--05::before {
    content:"05";
}
.basement-services__list-item-heading {
    margin: 0px;
    margin-top: 15px;
    font-size: 14px;
    text-align: center;
    margin-left:30px;
}

.basement-services__image {
    display: block;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    object-fit:cover;
}

/* блок basement-pricing, стили распространяются и на 
прайс-листы на других страницах */
.basement-pricing {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
}

.basement-pricing__heading {
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
}

.basement-pricing__content {
    margin-top: 40px;
}

.basement-pricing__price-list details {
    margin-bottom: 20px;
}

.basement-pricing__price-list summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 15px 20px;
    font-size: 15px;
    background-color: #f4f2f2;
    border-radius: 10px;
    list-style: none;
    cursor: pointer;
}
.basement-pricing__price-list summary::after {
    content: "";
    min-width: 20px;
    height: 20px;
    margin-left: 10px;
    background-image: url(/assets/icons/arrow-down.svg);
    background-size: 100% 100%;
}
.basement-pricing__price-list details[open] summary {
    font-weight: bold;
}
.basement-pricing__price-list details[open] summary::after {
    transform: rotate(180deg);
}

.basement-pricing__price-list table {
    margin-top: 20px;
    font-size: 11px;
    width: 100%;
    border-collapse: collapse;
}

.basement-pricing__price-list table td {
    padding-top: 5px;
}

.basement-pricing__price-list table tr:nth-child(2n+1) {
    background-color: rgb(228, 228, 228);
}

.basement-pricing__price {
    font-weight: bold;
    text-align: right;
}

/* форма заказа расчета фундамента */
.basement-pricing__form-container {
    background-color: white;
    padding:10px;
    border-radius:10px;
}
.basement-budget {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 360px;
    border:1px solid #dadada;
}

.basement-budget__heading {
    margin: 0px;
    margin-top: 10px;
    font-size: 13px;
    text-align: center;
}

.basement-budget__additional {
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.basement-budget input[type="tel"], .basement-budget input[type="text"], .basement-budget__type{
    box-sizing: border-box;
    padding: 18px 20px;
    margin-bottom: 10px;
    width: 310px;
    font-size: 16px;
    border-radius: 20px;
    border: none;
    background-color:#f7f6f6;
}

.basement-budget__social-text {
    margin: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
}

.basement-budget__social {
    display: flex;
    justify-content: center;
    column-gap: 10px;

    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
    border: none;
}

.basement-budget__social-item {
    box-sizing:border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    padding: 5px;

    margin: 0px;
    padding: 0px;
    text-decoration: none;
    color: black;
}

.basement-budget__social-item input {
    display: none;
}
.basement-budget__social-item input:checked~img{
    border-radius: 50%;
    box-shadow: 0 0 5px 5px #7E73CB;
}

.basement-budget__social-item img {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.basement-budget__social-name {
    margin: 0px;

}

.basement-budget button {
    width: 310px;
    font-size: 13px;
    padding: 20px 18px;
    border-radius: 20px;
    border: none;
    color: white;
    font-weight: bold;
}

.basement-budget__policy {
    width: 310px;
    margin: 0px;
    margin-top: 30px;
    font-size: 9px;
}

.basement-budget__policy a {
    color: black;
}

/* блок basement-examples, стили распространяются и на 
списки с примерами на других страницах */
.basement-examples {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
}

.basement-examples__heading {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

.basement-examples__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;

    margin: 0px;
    margin-top: 20px;
    padding: 0px;

    list-style: none;
}

.basement-examples__list-item {
    flex-basis: 45%;
    padding: 5px;
    border-radius: 10px;
}

.basement-example {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color:white;
    border-radius:10px;
}

.basement-example__image {
    width: 100%;
    height: 210px;
    object-fit:cover;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.basement-example__heading {
    margin: 0px;
    margin-top: 10px;
    font-size: 20px;
    text-align: center;
    text-decoration: underline;
    word-break: break-word;
}

.basement-example__price-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 20px;
    margin-bottom:20px;
}

.basement-example__price-text {
    margin: 0px;
    font-size: 13px;
    font-weight: bold;
}

.basement-example__price {
    margin: 0px;
    font-size: 17px;
    font-weight: bold;
}

.basement-example__price b {
    font-size: 20px;
    color: #7E73CB;
}

.basement-example__link {
    display: none;
}

/* блок basement-stages */
.basement-stages {
    margin-top: 40px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.basement-stages__heading {
    font-size: 18px;
    font-weight: normal;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.basement-stages__list {
    display:flex;
    flex-direction:column;
    row-gap:20px;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;

    list-style: none;
}

.basement-stages__list-item {
    position: relative;
    box-sizing: border-box;
    padding-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    border-radius:10px;
    background-color:white;
}

.basement-stages__icon {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 10px;
    right: 30px;
}

.basement-stages__list-item-heading {
    margin: 0px;
    font-size: 17px;
    font-weight: bold;
}

.basement-stages__stage-description {
    margin: 0px;
    margin-top: 20px;
    font-size: 12px;
}

.basement-stages__button {
    padding: 20px 18px;
    margin-top: 10px;
    font-size: 13px;
    border-radius: 10px;
    border: none;
    color: white;
}

@media (min-width: 575px) {
    /* блок .basement-services */
    .basement-services__heading {
        font-size: 23px;
    }

    .basement-services__list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .basement-services__list-item {
        flex-basis: 29%;
    }

    /* блок basement-pricing */
    .basement-pricing__heading {
        font-size: 23px;
    }

    .basement-pricing__price-list summary {
        font-size: 23px;
    }

    /* блок basement-examples  */
    .basement-examples__heading {
        font-size: 23px;
    }

    /* блок basement-stages */
    .basement-stages__heading {
        font-size: 23px;
    }
}

@media (min-width: 768px) {
    /* квиз фундамент */
    .basement {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    /* блок .basement-services */
    .basement-services {
        box-sizing:border-box;
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .basement-services__list {
        flex-wrap: nowrap;
    }

    /* блок basement-pricing */
    .basement-pricing {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    .basement-pricing__desktop-container {
        display: flex;
        justify-content: space-between;
        column-gap: 20px;
        margin-top: 20px;
    }

    .basement-pricing__content {
        flex-grow: 1;
        margin-top: 0px;
    }

    .basement-pricing__price-list table {
        font-size: 18px;
    }

    /* блок basement-examples */
    .basement-examples {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    .basement-example:hover .basement-example__link {
        display: flex;
        align-items:center;
        justify-content:center;
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: orange;
        font-size: 16px;
        text-align: center;
        color: white;
        text-decoration: none;
    }
    .basement-example:hover .basement-example__link::after{
        content:"";
        width:20px;
        height:14px;
        background-image:url("/assets/icons/right-arrow.svg");
        background-size:100% 100%;
    }

    /* блок  basement-stages*/
    .basement-stages {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    .basement-stages__list {
        flex-direction:row;
        justify-content: space-between;
        flex-wrap: wrap;
        column-gap: 10px;
    }

    .basement-stages__list-item {
        width: 23%;
    }
}

@media (min-width: 1024px) {
    .intro--basement-page .intro__preferences-text {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .basement-services__heading {
        font-size: 35px;
    }
    .basement-pricing__heading {
        font-size: 35px;
    }
    .basement-examples__heading {
        font-size: 35px;
    }
    .basement-stages__heading {
        font-size: 35px;
    }
    .basement-stages__list-item-heading {
        font-size: 21px;
    }
    .basement-stages__stage-description {
        font-size: 15px;
    }
    .basement-stages__button {
        font-size: 15px;
    }
}

/* страница planning */
/*блок intro--planning-page */
.intro--planning-page {
    padding-bottom:60px;
}
.intro--planning-page h1 {
    font-weight:normal;
}
/* блок planning-structure */
.planning-structure {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.planning-structure__heading {
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
.planning-structure__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    list-style: none;
}
.planning-structure__list-item {
    border: 1px dotted green;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 10px;
}
.planning-structure__list-item-heading {
    margin: 0px;
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
    font-size: 26px;
}
.planning-structure__button {
    display: block;
    width: 100%;
    padding: 20px;
    font-size: 13px;
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: bold;
}

/* блок planning-document*/
.planning-document {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.planning-document__image-container {
    flex-basis: 50%;
}
.planning-document__image {
    display: block;
    width: 100%;
    height:350px;
    object-fit:cover;
}
.planning-document__content {
    flex-basis: 50%;
}
.planning-document__heading {
    margin: 0px;
    font-size: 18px;
}
.planning-document__text {
    font-size: 13px;
}
.planning-document__button {
    margin-top: 20px;
    padding: 20px;
    font-size: 13px;
    font-weight: bold;
    border: none;
    color: white;
    border-radius: 10px;
}

/* блок planning-architecture */
.planning-architecture {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.planning-architecture__heading {
    margin: 0px;
    font-size: 18px;
    text-align: center;
}
.planning-architecture__mobile-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}
.planning-architecture__navigation {
    margin: 0px;
}
.planning-architecture__buttons-list {
    margin: 0px;
    list-style: none;
    padding: 0px;
}
.planning-architecture__buttons-list button {
    padding: 0px;
    padding-top: 10px;
    background: none;
    border: 0px;
    font-size: 13px;
    color: orange;
    text-align: left;
}
.planning-architecture__buttons-list .slick-active button{
    color:black;
}
.planning-architecture__slider-container {
    width: 100%;
}
.planning-architecture__slide-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.planning-architecture__slide-item {
    height: 200px;
}
.planning-architecture__slide-image {
    display: block;
    height: 500px;
    object-fit: contain;
}
.planning-architecture__download {
    margin-top: 20px;
    padding: 20px;
    font-size: 13px;
    font-weight: bold;
    border: none;
    color: white;
    border-radius: 10px;
}

@media (min-width: 575px) {
    .planning-structure__heading {
        font-size: 23px;
    }
    .planning-document__heading {
        font-size: 23px;
    }
    .planning-architecture__heading {
        font-size: 23px;
    }
    .planning-architecture__mobile-container {
        flex-direction: row;
        justify-content: space-between;
    }
    .planning-architecture__slider-container {
        width: 70%;
        max-width: 1000px;
    }
    .planning-architecture__navigation {
        max-width: 50%;
        margin-right: 20px;
    }
}

@media (min-width: 768px) {
    .planning-structure {
        box-sizing: border-box;
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .planning-structure__list {
        gap: 0px;
        row-gap: 20px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .planning-structure__list-item {
        flex-basis: 49%;
    }
    .planning-document {
        box-sizing: border-box;
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .planning-architecture {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .planning-architecture__button {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .planning-structure__heading {
        font-size: 28px;
    }
    .planning-document__heading {
        font-size: 28px;
    }
    .planning-architecture__heading {
        font-size: 28px;
    }
}

@media (min-width: 1340px) {
    .planning-structure__heading {
        font-size: 35px;
    }
    .planning-document__heading {
        font-size: 35px;
    }
    .planning-architecture__heading {
        font-size: 35px;
    }
    .planning-architecture__button {
        font-size: 16px;
    }
}

/* страница монтажа инженерных систем */
.page--systems .header-container {
    padding-bottom: 60px;
    backdrop-filter:blur(5px);
}
.page--systems h1 {
    font-weight:normal;
}

/* страница "акции" */
/* header */
.header--promo {
    padding-bottom: 20px;
    backdrop-filter:blur(5px);
}

/* main */
/* promotion */
.promotion {
    padding: 20px;
}
.promotion__list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.promotion__item {
    flex-basis: 100%;
    box-sizing: border-box; 
    padding: 20px;
    border-radius: 10px;
}
.promotion__item-container {
    max-width: 155px;
}
.promotion__item--precount {
    background-color:#eece35;
}
.promotion__item--top50 {
    background: right/contain no-repeat url('/assets/icons/catalog.webp'),
    #9ec9d1;
}
.promotion__item-span {
    display: block;
    width: fit-content;
    padding: 10px 15px;
    margin-bottom: 35px;
    font-size: 14px;
    font-weight: bold;
    background-color: white;
    border-radius: 20px;
}
.promotion__item-heading {
    margin: 0px;
    margin-bottom: 25px;
    font-size: 14px;
    color: white;
    text-shadow: 1px 1px black;
}
.promotion__item-button {
    display: block;
    width: fit-content;
    padding: 0px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px black;
    background: none;
    border:none;
    text-decoration: underline;
}

/* contractor--promo */
.contractor--promo {
    padding: 20px;
    margin-top: 20px;
}
.contractor__slider--promo {
    display: flex;
    flex-direction: column;
    gap: 20px;

    margin: 0px;
    padding: 0px;
    list-style: none;
}
@media (min-width: 440px) {
    .promotion__list {
        flex-direction: row;
    }
    .promotion__item {
        flex-basis: 49%;
    }
}
@media (min-width: 575px) {
    .promotion__item {
        padding-left: 40px;
        padding-right: 40px;
    }
    .promotion__item-container {
        max-width: 290px;
    }
    .promotion__item-heading {
        font-size: 21px;
        text-shadow: none;
    }
    .promotion__item-button {
        text-shadow: none;
    }
}
@media (min-width: 768px) {
    .promotion {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .promotion__item {
        padding: 30px 50px;
    }
    .promotion__item-heading {
        font-size: 25px;
    }
    .contractor--promo {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .contractor__slider--promo {
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .contractor__slider-item--promo {
        flex-basis: 27%;
    }
}

/* страница "портфолио и отзывы" */
/* header */
.header--portfolio {
    padding-bottom: 20px;
    backdrop-filter:blur(5px);
}
.header__page-heading-container {
    padding-left: 20px;
    padding-right: 20px;
}
.header--portfolio .header__page-heading {
    padding: 0px;
    margin: 0px;
    width: 50%;
}
.portfolio-examples {
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 768px) {
    .header__page-heading-container {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .portfolio-examples {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
}

/* страница "вакансии" */
/* header */
.header--job {
    backdrop-filter:blur(5px);
}
.header__additional {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
    margin: 0px;
    margin-top: 20px;
    font-size: 15px;
    color:white;
}

/* main */
/* introduction */
.introduction {
    padding-left: 20px;
    padding-right: 20px;
}
.introduction__heading {
    margin: 0px;
    margin-top: 50px;
    font-size: 16px;
}
.introduction__additional {
    margin: 0px;
    font-size: 16px;
}
.introduction__description {
    font-size: 13px;
}
.introduction__team-photo {
    border: 1px dotted red;
    width: 100%;
    height: 330px;
}

/* why-us */
.why-us {
    padding: 20px;
}
.why-us__heading {
    margin: 0px;
    font-size: 30px;
    font-weight: normal;
}
.why-us__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    list-style: none;
}
.why-us__list-item {
    background-color: #f0f3f5;
    border-radius: 10px;
    padding: 20px;
}
.why-us__list-item:hover {
    background-color: rgb(225, 225, 89);
}
.why-us__list-item-heading {
    margin: 0px;
    font-size: 22px;
}
.why-us__description {
    margin: 0px;
    margin-top: 10px;
    font-size: 18px;
}

/* jobs */
.jobs {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
}
.jobs__heading {
    margin: 0px;
    font-size: 16px;
}
.jobs__content {
    width: 100%;
}
.jobs__tabs {
    border-bottom: 1px solid rgb(199, 199, 199);
    margin-top: 20px;
}
.jobs__slider-buttons {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.jobs__slider-buttons button {
    width: fit-content;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    background: none;
    border: none;
}
.jobs__slider-buttons .slick-active button {
    border-bottom: 4px solid #7E73CB;
}
.jobs__slider {
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    list-style: none;
}
.jobs__item {
    margin-bottom: 10px;
    background-color: #f0f3f5;
    padding: 20px;
    border-radius: 10px;
}
.job__title {
    list-style: none;
    font-size: 22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
}
.job__title::after {
    content: "";
    min-width: 20px;
    height: 20px;
    margin-left: 10px;
    background-image: url(/assets/icons/arrow-down.svg);
    background-size: 100% 100%;
}
.jobs__item[open] .job__title {
    font-weight: bold;
}
.jobs__item[open] .job__title::after {
    transform: rotate(180deg);
}
.job__department {
    display: block;
    font-size: 15px;
    margin: 20px 0;
}
.job__main-points {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.job__send-resume {
    display: block;
    width: fit-content;
    padding: 20px;
    margin: 0 auto;
    margin-top: 20px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    border-radius: 20px;
    cursor: pointer;
}
.for-builders {
    padding: 20px;
    border-radius: 10px;
    background-color: #f0f3f5;
}
.for-builders__heading {
    margin: 0px;
    font-size: 16px;
}
.for-builders__text {
    font-size: 13px;
}
.builders-info {
    padding: 0px;
    display: flex;
    flex-direction: column;
    border: none;
}
.builders-info input, .builders-info summary, .builders-info select {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: grey;
    font-family: inherit;
    background-color: white;
    border: none;
    border-radius: 10px;
    list-style: none;
}
.for-builders__terms {  
    margin: 0px;
    font-size: 9px;
    text-align: center;
}
.for-builders__terms a {
    color: black;
}
.for-builders button[type="submit"] {
    display: block;
    width: fit-content;
    padding: 20px;
    margin: 0 auto;
    margin-top: 20px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
}

/* motivation */
.motivation {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
}
.motivation__heading {
    margin: 0px;
    font-size: 16px;
}
.motivation__description {
    font-size: 13px;
}
.motivation__image-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.motivation__image {
    border: 1px dotted red;
    height: 300px;
    width: 100%;
}

/* our-terms */
.our-terms {
    padding-left: 20px;
    padding-right: 20px;;
}
.our-terms__heading {
    margin: 0px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 16px;
}
.our-terms__content {
    padding: 30px;
    background-color: #f0f3f5;
    border-radius: 10px;
}
.our-terms__subheading {
    margin: 0px;
    font-size: 20px;
}
.our-terms__list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    list-style:none;
}
.our-terms__list-item {
    display:flex;
    align-items:center;
    font-size: 13px;
}
.our-terms__list-item::before {
    content:"";
    min-width:20px;
    height:20px;
    margin-right:10px;
    background-image:url("/assets/icons/mark-in-square.svg");
    background-size:100% 100%;
}

/* join */
.join {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
    background-color:#fdf9f6;
}
.join__heading {
    margin: 0px;
    font-size: 16px;
    text-align: center;
}
.join__additional {
    margin: 13px 0;
    font-size: 13px;
    text-align: center;
}
.join-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 10px;
}
.field-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 47%;
    margin-bottom:10px;
}
.join-form label, .join__field-label {
    margin: 0px;
    font-size: 15px;
    text-align: center;
}
.join-form input, .join-form select {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    font-size: 18px;
    font-family: inherit;
    color: grey;
    background-color: white;
    border: none;
    border-radius: 10px;
}
.join-form label[for="join__seeker-resume"] {
    display: flex;
    justify-content:space-between;
    align-items:center;
    padding: 20px;
    border: 1px solid #7e73cb;
    border-radius: 10px;
    margin-top: 20px;
}
.join-form label[for="join__seeker-resume"]::after {
    content:"";
    width:20px;
    height:20px;
    background-image:url("/assets/icons/pin.svg");
    background-size:100% 100%;
}
.join-form input[type="file"] {
    display: none;
}
.join-form button[type="submit"] {
    width: 47%;
    margin-top: 20px;
    padding: 20px;
    height: fit-content;
    border-radius: 10px;
    border: none;
    color: white;
    font-weight: bold;
    font-size: 13px;
}
.join__terms {
    font-size: 9px;
    text-align: center;
}
.join__terms a {
    color: black;
}

@media (min-width: 768px) {
    /* header */
    .header__additional {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
        margin-top: 30px;
    }

    /* introduction */
    .introduction {
        display: flex;
        justify-content: space-between;
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .introduction__left {
        width: 49%;
    }
    .introduction__right {
        width: 49%;
    }
    .introduction__heading {
        margin-top: 0px;
    }

    /* why-us */
    .why-us {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .why-us__list {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .why-us__list-item {
        width: 42%;
    }

    /*jobs */
    .jobs {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .jobs__content {
        display: flex;
        justify-content: space-between;
    }
    .jobs__slider-container {
        width: 49%;
    }
    .jobs__form-wrapper {
        width: 49%;
        padding-top: 20px;
    }
    .for-builders {
        position: sticky;
        top: 10px;
    }

    .motivation {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .motivation__image-box {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .motivation__image-box-item {
        width: 48%;
    }

    /* our-terms */
    .our-terms {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .our-terms__list {
        flex-wrap: wrap;
        height: 210px;
    }
    .our-terms__list-item {
        width: 40%;
    }

    /* join */
    .join {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto; 
    }
    .join__wrapper {
        width: 50%;
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
    /* header */
    .header__additional {
        font-size: 25px;
    }

    /* introduction */
    .introduction__heading {
        font-size: 19px;
    }
    .introduction__additional {
        font-size: 19px;
    }
    .introduction__description {
        font-size: 14px;
    }

    /* jobs */
    .jobs__heading {
        font-size: 19px;
    }
    .job__title {
        font-size: 22px;
    }
    .for-builders__heading {
        font-size: 19px;
    }

    /* motivation */
    .motivation__heading {
        font-size: 19px;
    }
    .motivation__description {
        font-size: 14px;
    }
    .motivation__image-box-item {
        width: 31%;
    }

    /* our-terms */
    .our-terms__heading {
        font-size: 19px;
    }

    /* join */
    .join__heading {
        font-size: 19px;
    }
}

/* страница contacts */
/* header */
.header--contacts-page {
    background-color: rgb(3, 104, 81);
    padding-bottom: 40px;
}

/* requisites */
.requisites {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
}
.requisites__heading {
    font-size: 18px;
    margin: 0px;
    text-align: center;
}
.requisites__details {
    margin-top: 20px;
    width: 100%;
    font-size: 13px;
}
.requisites__details tr > td:first-child {
    font-weight: bold;
}
.requisites__details td {
    padding-bottom: 10px;
}
.requisites__details tr > td:last-child {
    text-align: right;
}

/* consult */
.consult {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
}
.consult__heading {
    width: 60%;
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
}
.consult__photo-container {
    margin-top: 20px;
}
.consult__photo {
    border: 1px dotted green;
    display: block;
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: 40px;
    border-radius: 50%;
}
.consult__form-wrapper {
    margin-top: 20px;
    padding:20px;
    border-radius:10px;
    background-color:white;
}
.consult-form__heading {
    font-size: 16px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.consult-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.consult-form__column {
    width: 100%;
    margin-bottom: 20px;
}
.consult-form input {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 5px;
    font-size: 18px;
    color: grey;
    font-family: inherit;
    border-radius: 10px;
    border: none;
    background-color: #f7f6f6;
}
.consult-form button[type="submit"] {
    display: block;
    padding: 20px;
    width: 100%;
    border-radius: 10px;
    border: none;
    color: white;
    font-weight: bold;
    font-size: 13px;
}
.consult-form__terms {
    margin: 0px;
    margin-top: 20px;
    font-size: 9px;
    text-align: center;
}

@media (min-width: 575px) {
    /* consult */
    .consult__heading {
        font-size: 23px;
    }
    .consult__photo {
        margin-left: auto;
        margin-right: auto;
        height: 200px;
        width: 200px;
    }
    .consult__form-wrapper {
        position: relative;
        top: -80px;
        padding-left: 90px;
        padding-right: 90px;
        padding-top: 50px;
        padding-bottom: 40px;
    }
}
@media (min-width: 768px) {
    /* requisites */
    .requisites {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;  
    }

    /* consult */
    .consult {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .consult__top-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .consult__photo-container {
        width: 50%;
    }
    .consult-form {
        flex-direction: row;
        justify-content: space-between;
    }
}
@media (min-width: 1024px) {
    /* consult */
    .consult__photo {
        width: 440px;
        height: 440px;
    }
}
@media (min-width: 1200px) {
    .consult__heading {
        font-size: 28px;
    }
    .consult__photo {
        width: 540px;
        height: 540px;
    }
    .consult-form__heading {
        font-size: 19px;
    }
}
@media (min-width: 1340px) {
    .consult__heading {
        font-size: 35px;
    }
    .consult__photo {
        width: 570px;
        height: 570px;
    }
}

/* страница about */
/* header */
.header--about {
    padding-bottom: 40px;
    backdrop-filter:blur(5px);
}

/* main */
.about {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
}
.about__heading {
    margin: 0px;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: normal;
}
.about__text {
    font-size: 13px;
}
.about__text li {
    margin-top: 10px;
}
.about__right {
    width: 100%;
}
.about__slider-image {
    display: block;
    height: 300px;
    width: 100%;
}

/* license */
.license {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
}
.license__heading {
    font-size: 18px;
    margin: 0px;
    text-align: center;
    font-weight: normal;
}
.license__slider-container {
    width: 100%;
    margin-top: 20px;
}
.license__list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.license__item-image {
    display: block;
    width: 100%;
    height: 150px;

}
@media (min-width: 575px) {
    .license__heading {
        font-size: 23px;
    }
}
@media (min-width: 768px) {
    .about {
        display: flex;
        justify-content: space-between;
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .about__left {
        width: 49%;
    }
    .about__text {
        font-size: 14px;
    }
    .about__right {
        width: 49%;
    }
    .license {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1200px) {
    .license__heading {
        font-size: 28px;
    }
}
@media (min-width: 1340px) {
    .license__heading {
        font-size: 35px;
    }
}

/* страница септиков */
.main__septic-quiz {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.septic-quiz__wrapper {
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}
.septic-quiz__heading {
    font-size: 18px;
    margin: 0px;
    text-align: center;
}
.septic-quiz__form-row {
    display:flex;
    flex-direction:column;
    padding-bottom: 30px;
    padding-top: 20px;
    border-bottom: 1px solid #eaebea
}
.septic-quiz__field-name {
    font-size: 18px;
    margin-bottom: 10px;
}
.septic-quiz__left,.septic-quiz__right {
    display: flex;
    flex-direction: column;
}
.septic-quiz__form-row input[type="text"] {
    width:30px;
}
.septic-quiz__budget-wrapper {
    display:flex;
    flex-direction:column;
}
.septic-quiz .btn {
    display:block;
    padding:20px 18px;
    font-size:13px;
    font-weight:bold;
    border: none;
    border-radius: 20px;
    width: fit-content;
    margin-top: 20px;
    color: white;
}
.main__popular-septics{
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.popular-septics__heading{
    margin:0px;
    font-size:30px;
}
.popular-septics__list {
    padding: 0px;
    margin:0px;
    margin-top: 20px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.septic-item {
    width: calc(100% / 2 - 10px);
    background-color: white;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
}
.septic-item__image {
    display:block;
    height:100px;
    object-fit:contain;
    border:1px dotted green;
}
.septic-item__heading {
    margin: 0px;
    margin-top: 10px;
    font-size: 17px;
    text-decoration: underline 1px;
    text-align: center;
}
.septic-item__features-container {
    margin-top:10px;
    font-size: 12px;
}
.septic-item__main-features-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.septic-item__main-feature,.septic-item__additional-feature {
    margin-bottom: 5px;
}
.septic-item__additional-features-list {
    display:none;
}
.septic-item__price {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}
.septic-item__price b{
    font-size:15px;
    color:#7E73CB;
}
.septic-item button {
    display:none;
}
.septic-pluses__item--1{
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
    url(/assets/img/septic-plus1.webp);
}
.septic-pluses__item--2{
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
    url(/assets/img/septic-plus2.webp);
}
.septic-pluses__item--3{
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
    url(/assets/img/septic-plus3.webp);
}
@media(min-width:490px) {
    .septic-quiz__heading{
        font-size:23px;
    }
    .septic-item__heading{
        font-size:25px;
    }
    .septic-item__price{
        font-size:20px;
    }
    .septic-item__price b{
        font-size:25px;
    }
}
@media(min-width:768px) {
    .main__septic-quiz{
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    }
    .septic-quiz__wrapper{
        padding:50px;
    }
    .septic-quiz__form-row{
        flex-direction:row;
        align-items:center;
        gap:40px;
    }
    .septic-quiz__field-name {
        margin-bottom:0px;
    }
    .septic-quiz__budget-wrapper{
        flex-direction:row;
        gap:40px;
    }
    .septic-quiz .btn {
        margin-top:0px;
        margin-left:auto;
    }
    .main__popular-septics{
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    }
    .septic-item__features-container{
        padding-left:10px;
        padding-right:10px;
    }
    .septic-item:hover .septic-item__additional-features-list{
        display:block;
        padding:0px;
        list-style:none;
    }
    .septic-item__additional-feature{
        display:flex;
        align-items:center;
    }
    .septic-item__additional-feature:before{
        content:'';
        display:block;
        margin-right:5px;
        min-width:5px;
        height:5px;
        border-radius:50%;
        background-color: #7E73CB;
    }
    .septic-item:hover button {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    border: none;
    border-radius: 10px;
    }
}
@media (min-width:1024px) {
    .septic-quiz__heading{
        font-size:35px;
    }
    .popular-septics__heading{
        font-size:35px;
        text-align:center;
    }
    .popular-septics__list{
        gap:20px;
    }
    .septic-item{
        width:calc(100% / 3 - 20px);
    }
}