/*
Theme Name: aura-theme
Theme URI: https://wordpress.org/themes/aura-theme/
Author: Team One
Author URI: 
Description: Aura
Version: 1.0
*/

/* Подключение шрифтов */
@font-face {
    font-family: 'Comfortaa';
    src: url('assets/fonts/Comfortaa-Regular/Comfortaa-Regular.eot');
    src: local('Comfortaa Regular'), local('Comfortaa-Regular'),
        url('assets/fonts/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Comfortaa-Regular/Comfortaa-Regular.woff2') format('woff2'),
        url('assets/fonts/Comfortaa-Regular/Comfortaa-Regular.woff') format('woff'),
        url('assets/fonts/Comfortaa-Regular/Comfortaa-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Regular/Montserrat-Regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('assets/fonts/Montserrat-Regular/Montserrat-BlackItalic.eot') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Regular/Montserrat-Regular.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'),
        url('assets/fonts/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Мобильная верстка */


body {
    font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    line-height: 23px;
    background-color: #fcfeff;
    scroll-behavior: smooth;
}



h1,
h2,
h3 {
    font-family: Comfortaa;
    font-weight: 400;
    font-style: Regular;

    margin-left: 20px;
    margin-right: 20px;

    line-height: normal;
}

p {
    margin-left: 20px;
    margin-right: 20px;
}

.nav {

    position: fixed;
    top: 0;
    right: -250px;

    width: 250px;
    height: 100vh;
    background-color: #fcfeff;
    transition: 0.3s;
}

.nav.active {
    right: 0px;
}

.nav__menu {
    padding-top: 20%;
    margin-bottom: 50%;

}

.nav__menu span {
    display: flex;
    justify-content: end;
}

.nav__socials {
    margin-top: 90%;

}


.nav__icons {
    display: flex;
    gap: 10px;
    padding-left: 40px;
}

.tel {
    padding-left: 40px;
    margin-top: -110px;
}

.tel a {
    text-decoration: underline;
}

.tel p {
    margin: 0;
}

.nav li {
    font-family: Comfortaa;
    font-style: Regular;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
    list-style: none;
}


.container__mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.burger {
    background-color: #fcfeff;
    border: none;
}

.logo {
    width: 112px;
}

main img {
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
}

main h1,
p {
    font-size: 18px;
    margin: 0 20px 0 20px;
}

.about {
    display: flex;
    flex-wrap: wrap-reverse;
}

.about_column-2 {
    width: 160%;
}

.about_column-2 div {
    margin-left: 20px;
    margin-right: 20px;
}

.about_column-2 p {
    border: 2px solid #EEF1F4;
    border-radius: 15px;
    background-color: #EEF1F4;

    line-height: 27px;
    text-align: center;
    margin: 10px 0 10px 0;

    font-size: 15px;
    max-width: 160%;

    padding-top: 20px;
    padding-bottom: 20px;

}

.about_column-2 p span {
    font-size: 18px;
}

h2 {

    font-size: 23px;
    padding-top: 20px;
    padding-bottom: 15px;

}

.about_column-1 {
    font-size: 15px;
}

.desktop {
    display: none;
    margin-top: 0;
    padding-top: 0;
}

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

.apartment {


    padding-bottom: 15px;

    border-radius: 10px;
    margin-left: 20px;

    width: 28em;
    background-color: #fcfeff;
}

.apart__n {
    width: -webkit-fill-available;
}

.count,
.square {
    display: flex;
}

.apartment__info {
    color: #a3aab1;
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-left: 15px;
    padding-right: 25px;
    margin-top: 10px;

}

.apartment__price {
    font-family: 'Comfortaa';
}


.catalog {
    background-color: #eef1f4;
    padding-bottom: 3em;

}


.filter {
    display: block;
    max-width: 180px;
    font-size: 14px;
    text-align: center;
    content: фильтер;
}

.filter__mobail--icon {}

.apartments {
    display: flex;
    overflow-x: scroll;
}

.apartment__location {
    font-size: 15px;

    display: flex;
    justify-content: left;
    gap: 10px;
    align-items: center;

    padding-left: 15px;
    margin-top: 10px;
}

.apartment__info p {
    font-size: 15px;
    margin: 0 15px 0 15px;

}

.apartment__price {
    margin-top: 20px;
    padding-left: 15px;
}

.apartment__price span {
    color: #a3aab1;
}

.more {
    display: block;
    margin-top: 10px;

    width: -webkit-fill-available;
    height: 47;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    gap: 10px;

    border-radius: 10px;
    border-color: #486078;

    background-color: #486078;

    margin-left: 15px;
    margin-right: 15px;

    color: #fcfeff;

    text-align: center;

}

.handshake {
    width: -webkit-fill-available;
    width: 353;
    height: 163;
    gap: 40px;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.cooperation {
    max-width: 100%;

    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;

    border-radius: 10px;

    background-color: #486078;
    color: #fcfeff;
}

h3 {

    font-size: 18px;
    line-height: 22px;
}

.cooperation p {
    font-size: 15px;
    margin-bottom: 30px;
}

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

    border-radius: 10px;
    background-color: #fcfeff;

    margin: 20px;
    padding: 12px 20px 12px 20px;

}

.cooperation__button img {
    width: 7%;
}

.cooperation div div {
    margin-bottom: 20px;
}

.reviews {
    background-color: #eef1f4;

    padding-top: 30px;
    padding-bottom: 80px;
}

.reviews h2 {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}


.column-reviews {
    display: flex;
    overflow-x: scroll;

    background-color: #eef1f4;
}

.user-review {
    background-color: #fcfeff;
    border-radius: 10px;
    min-width: 25em;

    margin-left: 20px;
    height: 217px;
}

.user-review div {
    display: flex;
    padding: 15px 15px 10px 15px;
}

.user-img {
    width: 39.2px;
    height: 39.2px;
    background-color: #0f263c;
    border-radius: 28px;
}

.user-name {
    margin-left: 10px;
}

.feedback {
    margin-bottom: 60px;
}

.feedback a {

    font-size: 15px;
    border: 2px solid #eef1f4;
    border-radius: 15px;
    padding: 10px 20px 10px 20px;
    margin-left: 20px;
    background: #eef1f4;

}

.feedback p {
    margin-bottom: 22px;
}

.footer {
    background-color: #0f263c;
    color: #eef1f4;

    display: grid;
}

footer a {
    font-size: 15px;
    margin-left: 20px;
    margin-right: 20px;
}

.footer p {
    font-size: 15px;
}

.footer-column__nav {
    display: grid;
}

.footer-column__contacts {
    display: grid;
}

.footer-column__contacts p {
    margin-bottom: 5px;
}

.footer-column__contacts a {
    margin-right: 10px;
}

.footer-column__nav a {
    color: #eef1f4;
    margin-bottom: 5px;
}


a {
    text-decoration: none;
    color: #07131e;
    ;
}

.footer-column h3 {
    margin-bottom: 10px;
}

.privacy {
    margin-top: 50px;
    color: #eef1f4;
    margin-bottom: 20px;
}

/*Бронирование */

#hr-widget .search__input-mobile[data-v-2baa32dd] {
    display: none !important;
}

#hr-widget .search__container[data-v-2baa32dd] {
    display: grid !important;
    gap: 10px !important;

    background-color: unset !important;

    height: max-content !important;

}


#hr-widget .button-primary.big[data-v-3fccc16b] {
    background-color: #486078 !important;
    align-items: center;
    justify-content: center !important;
}

#hr-widget .select__input>svg {
    order: 1 !important;
}

#hr-widget .search__input>svg[data-v-2baa32dd] {
    order: 1 !important;
}

#hr-widget .hide-mobile[data-v-2baa32dd] {
    display: flex !important;
    border-radius: 8px !important;
    width: 100% !important;

    border: 2px solid #486078CC !important;

    justify-content: space-between !important;

}

#hr-widget .custom-calendar .search .search-icon[data-v-2baa32dd] {
    display: none !important;
}

#hr-widget .search__input-mobile[data-v-2baa32dd] {
    display: none !important;
}

#hr-widget .search__calendar[data-v-2baa32dd] {
    display: grid !important;
    gap: 10px !important;
}

.booking-title {
    display: none !important;
}

.booking {
    background-color: unset !important;
}


#hr-widget svg.select__arrow {
    display: none !important;
}

/*Бегущая строка*/

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    background-color: unset;
    margin-top: 20px;
}

.marquee-text {
    /*display: inline-block;*/

    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
    color: #486078;
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-150%, 0);
    }
}

/* Фильтр */

.catalog-filter {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-left: 20px;

    background-color: #fcfeff;
}

.filter-left,
.filter-right {
    display: none;
}

.filter-left.active {
    display: unset;
    flex-direction: column;
    gap: 15px;

}

.filter-right.active {
    display: unset;
    width: 100%;

}

.filter-dropdown {
    display: none;

}


.filter-dropdown.active {
    position: relative;
    display: grid;
    gap: 5px;
}

.filter__mobile {
    display: flex;

}


.filter-btn,
.mobile-filter-btn {

    width: 20em;
    text-align: start;
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;

    font-family: Montserrat;

    background-color: #eef1f4;


    align-content: center;

    background-color: #eef1f4;

    height: 43px;
    border-radius: 10px;

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

}

.filter-item {
    background-color: #eef1f4;
    margin-bottom: 10px;
    border-radius: 10px;
    width: 20em;
}


.apply-filter {
    display: none;
}
.apply-filter.active {
    display: block;


    border-radius: 10px;

    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    background: var(--1, rgba(72, 96, 120, 1));
    color: white;
    border-color: unset;
}

.item {

    justify-content: space-between;
    padding-right: 15px;
}

.swap_vert {
    display: none;
}


/* Сотрудничество */

.request {
    background-color: #eef1f4;
}

.form {
    display: grid;

}

label {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
}

input {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-radius: 10px;
    font-size: 15px;
    border-color: unset;
    background-color: #fcfeff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

    width: -webkit-fill-available;
}

.request button {
    margin-top: 10px;

    width: -webkit-fill-available;
    height: 47px;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    gap: 10px;

    border-radius: 10px;
    border-color: #486078;

    background-color: #486078;

    margin-left: 15px;
    margin-right: 15px;

    color: #fcfeff;
    border-color: unset;

    font-size: 15px;
    line-height: 23px;

}

.advantages__head {
    background-color: #eef1f4;
}

.advantages__head h3 {
    color: #486078;
    text-align: center;

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

.advantages p {

    gap: 10px;
    border-radius: 10px;
    padding: 15px;

    background-color: #eef1f4;
}

/* Квартира */


.included,
.check-out-time {
    margin-bottom: 40px;
}

.description .apartment__info {
    color: #07131e;
}

.description .apartment__location {
    background-color: #eef1f4;
    padding: 10px 0 10px 15px;
    border-radius: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.included ul {
    background-color: #eef1f4;
    padding: 10px 0 10px 30px;
    border-radius: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.check-out-time p {
    margin-bottom: 5px;
}

.check-out-time__note {
    margin-top: 7px;
}

.rules {
    background-color: #eef1f4;
    padding-bottom: 30px;
}

.rule,
.rule-notice {
    background-color: #fcfeff;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.rules p {
    font-size: 15px;
    margin-bottom: 11px;
}

.rule p,
.rule-notice p {
    font-size: 15px;
    margin: 0;
}

.rule-notice {
    border: 2px solid #486078;
}

.card {
    display: none;
}

/* Каталог квартир */

@madia (max-width: 768px) {


    .catalog-page {
        background-color: #fcfeff;
    }

    .catalog-page h1 {
        font-size: 18px;
    }

    .filter {
        margin-left: 20px;
        display: flex;
        justify-content: start;
        gap: 10px;
        align-items: center;
    }

    .catalog-page .apartments {
        display: grid;
        gap: 30px;

        overflow-x: unset;
        justify-content: center;

        background-color: #fcfeff;

        margin-top: 30PX;
        margin-bottom: 30px;

    }

    .catalog-page .catalog {
        background-color: #fcfeff;
    }

    .catalog-page .apartment {
        margin-left: 0PX;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
    }

    .catalog-page .more {
        background-color: #eef1f4;
        color: #07131e;
        border: unset;

    }

}

.booking {
    margin-top: 10px;

    width: -webkit-fill-available;
    height: 47;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    gap: 10px;

    border-radius: 10px;
    border-color: #486078;

    background-color: #486078;

    margin-left: 15px;
    margin-right: 15px;

    color: #fcfeff;
}

/* Десктопная версия */

@media (min-width: 1200px) {

    main h1,
    h2,
    h3 {
        margin-left: 150px;
        margin-right: 150px;
    }

    h2 {
        font-size: 37px;
        line-height: 37px;
    }

    h3 {
        font-size: 30px;
        line-height: 35px;
    }

    p {
        margin-left: 150px;
        margin-right: 150px;
        font-size: 18px;
        line-height: 27px;
    }

    footer a,
    .cooperation a,
    a {
        margin-left: 150px;
        margin-right: 150px;
        font-size: 18px;
    }

    span {
        font-size: 30px;
    }

    main {
        display: grid;
    }

    .menu {
        padding-left: 50px;
        padding-right: 50px;
    }

    .menu a {
        margin: 0;
    }

    .container {
        display: flex;
    }

    .burger {
        display: none;
    }

    .nav {
        display: flex;
    }

    .tel p {
        display: none;
    }

    .nav__list {
        display: flex;
        gap: 40px;
        list-style-type: none;
        align-items: center;
    }

    .nav__list li {
        margin-bottom: 0px;
    }

    .nav__socials {
        display: flex;
        gap: 20px;
        margin-left: auto;
        align-items: center;
    }

    .desktop {
        margin-left: 0px;
        display: block;
        padding-bottom: 0px;
        background-color: #eef1f4;
    }

    .desktop h2 {
        padding-left: 150px;
        padding-top: 30px;
    }


    main {
        width: 100%;
        height: 100vh;
        background-image: url(assets/images/main_image.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    main img {
        display: none;
    }

    main h1 {
        font-size: 50px;
        line-height: 50px;
        color: #fcfeff;
        margin-top: 70vh;
    }

    main p {
        font-size: 30px;
        line-height: 35px;
        color: #fcfeff;
        margin-bottom: 180px
    }

    .mobile {
        display: none;
    }

    .mobile img {
        display: none;
    }



    .catalog {
        padding-left: 150px;
        padding-right: 150px;
        padding-top: 50px;
    }

    .container__mobile-header {
        display: unset;
        padding-left: unset;
        padding-right: unset;
    }


    .apartment {
        width: unset;
        margin-left: 0px;
        height: unset;
    }

    .apartments {
        display: grid;
        grid-template-columns: 30% 30% 30%;
        column-gap: 40px;

        row-gap: 40px;
        justify-content: space-between;
        overflow: hidden;
    }

    .apartment__info {
        justify-content: start;
        gap: 25px;
        padding-left: 150px;
    }

    .apartment span {
        font-size: 18px;
    }

    .square p,
    .apartment__info p,
    .apartment__location p,
    .apartment__price p {
        margin: 0px;
    }

    .apartment__location {
        padding-left: 20px;
    }

    .count,
    .square {
        gap: 10px;
    }

    .more {

        font-size: 18px;
        line-height: 27px;
    }

    .handshake {
        display: none;
    }

    .cooperation {
        margin: 0;
        background-image: url(assets/images/handshake.png);
        background-repeat: no-repeat;
        background-size: 100%;
        color: #eef1f4;
        padding: 100px 0 100px 0;

        background-position: center;
        background-size: cover;
    }

    .cooperation div {
        background: #486078;

        justify-content: space-between;
        opacity: 1;
        border-radius: 15px;
        padding: 40px;

    }

    .cooperation__rectangle {
        margin-left: 150px;
        margin-right: 150px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .cooperation__rectangle div {
        padding: 0;
        display: flex;
        margin-bottom: 0px;

    }

    .cooperation__rectangle div p {
        width: 70%;
    }

    .cooperation h2 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .cooperation h3 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        width: 800px;
        line-height: 35px;

    }

    .cooperation__button {
        height: max-content;
    }

    .cooperation a,
    .cooperation p {
        margin: 0;
    }

    .about {
        flex-wrap: nowrap;
        margin: 0 150px 0 150px;
    }

    .about h2 {
        margin-top: 0px;
        padding-top: 0px;
    }

    .about_column-1 {
        flex-grow: 1;
    }

    .about_column-1 p {
        margin-right: 0;
        margin-left: 0;
    }

    .about_column-1 h2 {
        margin-left: 0;
    }

    .about_column-2 {

        display: grid;
        margin-top: 1em;
        margin-left: 87px;

        align-items: center;
    }

    .about_column-2 p {
        padding: 20px 20px 20px 20px;
    }

    section {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .feedback h2 {
        margin-bottom: 10px;
        padding-bottom: 0;
    }

    .feedback a {
        margin-left: 150px;
    }

    .column-reviews {
        padding-left: 150px;
        gap: 15px;
    }

    .user-review {
        margin-left: 0px;
        width: 532px;
    }

    .user-review div {
        padding-left: 20px;
        padding-top: 20px;
    }

    .user-img {
        width: 56px;
        height: 56px;
        border-radius: 40px;
    }

    .user-comment {
        margin-left: 20px;
        width: 80%;
    }

    .footer {
        padding: 40px;
        padding-left: 0;
        padding-right: 0;
    }

    .privacy {
        margin-left: 50px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .footer p,
    .footer div a,
    .footer h2,
    .footer h3 {
        margin: 0;

    }

    .footer h3 {
        margin-bottom: 15px;
    }

    .footer h2 {
        padding: 0;
    }

    .footer-column {
        display: flex;
        justify-content: space-between;
        margin: 40px 150px 80px 50px;
    }

    .footer-column__nav,
    .footer-column__contacts {
        display: grid;
        gap: 10px;
    }

    /*Бронирование */

    #hr-widget .search__container[data-v-2baa32dd] {
        display: flex !important;
        background-color: unset !important;
        padding: 15px !important;
        height: max-content !important;
        max-width: unset !important;
        gap: 15px !important;
        margin-left: 10em !important;
    }

    #hr-widget .hide-mobile[data-v-2baa32dd] {
        display: flex !important;
        border-radius: 15px !important;
        width: 50% !important;
        border: unset !important;
    }

    #hr-widget .custom-calendar .search__input-button[data-v-2baa32dd] {
        background-color: #486078 !important;
        left: 0px !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        height: auto !important;
        width: 50% !important;

    }


    #hr-widget .button-content[data-v-3fccc16b] {
        font-size: 18px !important;
    }

    #hr-widget .custom-calendar .search__input_first[data-v-2baa32dd],
    #hr-widget .custom-calendar .search__input[data-v-2baa32dd],
    #hr-widget .select__input_last {
        border-radius: 15px !important;
        width: 50% !important;
    }

    #hr-widget .custom-calendar .search__calendar[data-v-2baa32dd] {

        display: flex !important;
        justify-content: space-around !important;
        gap: 15px !important;
        border-radius: 10px !important;
    }

    #hr-widget .custom-calendar .search__input-button[data-v-2baa32dd] {
        height: auto !important;
        border-radius: 15px !important;
        margin: 0px !important;
    }

    .booking__section {
        display: flex !important;
        align-items: center !important;
        background-color: #FFFFFF4D !important;
        border-radius: 15px !important;
        padding-left: 15px !important;
    }

    .booking {
        background-color: #486078 !important;
        margin-top: 20px;
        margin-left: 150px;
        margin-right: 150px;
    }

    #hr-widget {
        flex-grow: 1 !important;
    }

    .booking-title {
        display: unset !important;
        margin: 0px !important;
        font-size: 30px !important;
    }

    /*Бегущая строка*/

    .marquee-container {
        background-color: #486078;
        margin-top: 10px;

    }

    .marquee-text {
        gap: 20em;
        color: #eef1f4;
    }

    .marquee-text span {
        font-size: 12px;
    }

    /*Сотрудничество */

    .form {
        display: flex;
        gap: 15px;
        justify-content: center;
        align-items: center;

        margin-right: 100px;
        margin-left: 100px;
    }

    .form label {
        padding: 0;
        width: -webkit-fill-available;

    }

    .request {
        display: grid;
        justify-content: center;
    }

    .request button {
        margin: 0;
        padding: 18px 60px 18px 60px;
        width: -webkit-fill-available;
        height: auto;
    }

    .advantages {
        padding-top: 0px;
    }

    .advantages article {
        display: grid;

        grid-template-columns: auto auto;
        column-gap: 15px;
        row-gap: 30px;

        margin-right: 150px;
        margin-left: 150px;
    }

    .advantages article h3 {
        margin-right: 0px;
        margin-left: 0px;

        margin-bottom: 7px;
    }

    .advantages article p {
        margin-right: 0px;
        margin-left: 0px;

        min-height: 108px;
    }

    .container__header {
        flex-basis: 100%;
    }

    .nav {
        position: unset;
        top: auto;

        width: auto;
        height: unset;
        background-color: #fcfeff;
        transition: unset;


        justify-content: end;
    }

    .close {
        display: none;
    }

    .nav__menu {
        padding-top: unset;
        margin-bottom: unset;
    }

    .nav__menu span {
        display: none;
    }

    .nav__socials {
        margin-top: unset;
    }

    .nav__icons {
        display: flex;
        gap: 15px;
        padding-left: unset;
    }

    .tel {
        padding-left: unset;
        margin-top: 0px;
    }

    .tel a {
        text-decoration: unset;

        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
        border: solid;
        border-width: 2px;
        border-radius: 15px;
    }

    /* Квартира */

    .description .apartment__info,
    .description {
        padding-left: 150px;

        margin-left: 0px;
    }

    .apartment__description section {
        margin-bottom: 40px;
        padding: 0px;
    }

    .included__description {
        padding-left: 150px;
        padding-right: 55px;
        margin-left: 0px;

        display: grid;
        grid-template-columns: 50% 50%;
    }

    .included__description p,
    .included__description ul {
        margin-left: 0px;

    }

    .notice {
        background-color: #eef1f4;

        background-color: #eef1f4;
        padding: 10px 0 10px 15px;
        border-radius: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .included__description ul {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .included__description ul li {
        line-height: 27px;
    }

    .included a {
        display: none;
    }

    .check-out-time__note {
        width: 40%;
    }

    .rules div {

        background-color: #eef1f4;
        padding-left: 0px;
        border-radius: 15px;
    }

    .rules h2 {
        margin-left: 0px;
    }

    .rule {
        margin-left: 20px;
        padding-bottom: 0px;

    }

    .rules {
        background-color: #fcfeff;
        margin-left: 150px;
    }

    .rule p,
    .rule-notice p {
        background-color: #fcfeff;
        padding: 10px;
        border-radius: 15px;
        padding-left: 20px;

    }

    .rule-notice {
        padding-bottom: 0px;
        padding-top: 0px;
        padding-right: 0px;
    }

    .rule-notice p {
        padding: 15px 15px 15px 20px;

    }

    .rules p {
        padding-left: 20px;
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .apartment__description {
        display: flex;
    }

    .dd {
        width: 60%;
    }

    .card {
        width: 40%;

        display: block;
        height: max-content;
        padding-bottom: 15px;

        border-radius: 10px;
        margin-left: 20px;

        width: 25em;
        background-color: #fcfeff;


        border-radius: 15px;
        padding: 20px;

        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

        margin-top: 80px;


    }

    .card .apartment p {
        margin-left: 0px;
        margin-right: 0px;
    }

    .description .apartment__location {

        margin-left: 150px;
        margin-right: 55px;


    }

    .card .apartment__location {
        background-color: #eef1f4;
        padding: 10px 0 10px 15px;
        border-radius: 10px;
    }

    .card__rules {
        border: 2px solid var(--1, hsl(210, 25%, 38%));


        border-radius: 15px;

        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
        border-width: 2px;
        width: max-content;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .card .rule {

        border-radius: 15px;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;

        margin-top: 25px;
        margin-bottom: 25px;

        background-color: #eef1f4;

    }

    .card .apartment__price p {
        font-size: 30px;
        line-height: 35px;

    }

    .filter {
        display: none;
    }

    .catalog-filter {

        display: flex;
        justify-content: space-between;
    margin-left: 0px;
        display: flex;
        flex-direction: row;

        padding: 0px 150px 0 150px;
        background-color: #eef1f4;
        margin-bottom: 0px;
    }

    .filter-left {
        display: flex;
        flex-direction: row;
        margin-left: unset;
    }

    .filter-right {
        display: unset;
        right: auto;
        width: auto;

    }

    .filter-right .filter-item {
        position: absolute;
        right: 0;
    }

    .apply-filter {
        display: none;
    }

    .item {
        display: grid;
        justify-content: space-between;
        padding-right: 0px;

    }

    .filter-btn {
        font-size: 18px;
        justify-content: flex-start;
    }

    .filter-dropdown {
        display: none;
    }

    .filter-dropdown.active {
        box-shadow: 0px 0px 30px 0px rgba(29, 27, 27, 0.3);
        background-color: #fcfeff !important;

        width: max-content;
        border-radius: 10px;

        display: grid;
        position: absolute;
        margin-top: 50px;
    }

    .filter-item {}

    .material-symbols-outlined {
        display: unset;
    }

}