/* @import "fonts.css"; */
@import "reset.css";
@import "global.css";

@import "modal.css";

@import "header.css";

@import "footer.css";






.hero {
    margin-bottom: 77px;
}

.hero__inner {
    display: flex;
    gap: 32.5px;
    margin-bottom: 100px;
}

.hero__inner-general {
    max-width: 755px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.hero__inner-title {
    max-width: 591px;
    font-size: 48px;
    font-weight: 600;
    line-height: 59px;
    margin-bottom: 20px;
}

.hero__inner-text {
    font-size: 18px;
    margin-bottom: 35px;
}

.hero__inner-text--adaptive {
    font-size: 20px;
    text-align: center;
    display: none;
}

.form {
    max-width: 230px;
}

.form__label {
    margin-bottom: 10px;
}

.date-label {
    position: relative;
}
.date-label:hover.date-label span {
    color: var(--accent-color);
}


.date-label span {
    position: absolute;
    left: 22px;
    font-size: 14px;
    color: #848484;
    transition: var(--transition);
}


.field__input {
    display: block;
    width: 100%;
    border: 1px solid #ac907a;
    border-radius: 100px;
    padding: 19px 28px 19px 28px;
    font-size: 16px;
    background: transparent;
    transition: var(--transition);
    margin-bottom: 20px;
    color: #848484;
}

/* .field__input:hover {
    border-color: var(--accent-color);
    color: var(--accent-color);
    fill: var(--accent-color);
} */

.field__input:focus {
    border-color: var(--accent-color);
    color: var(--accent-color);
    box-shadow: 5px 5px 30px;
}

.field__input::placeholder {
    transition: var(--transition);
}

/* .field__input:hover::placeholder {
    color: var(--accent-color);
} */

.contact__input {
    display: block;
    width: 100%;
    border: 1px solid #ac907a;
    border-radius: 100px;
    padding: 19px 28px 19px 28px;
    font-size: 16px;
    background: transparent;
    transition: var(--transition);
    margin-bottom: 20px;
}

/* .contact__input:hover {
    border-color: var(--accent-color);
} */

.contact__input::placeholder {
    transition: var(--transition);
}

/* .contact__input:hover::placeholder {
    color: var(--accent-color);
} */

.contact__input:focus {
    border-color: var(--accent-color);
    color: var(--accent-color);
    box-shadow: 5px 5px 30px;
}

.form__button {
    z-index: 11;
}

.hero__inner-img1 {
    position: absolute;
    top: 144px;
    left: 14px;
    z-index: -1;
}

.hero__inner-img2 {
    position: absolute;
    top: 224px;
    left: 630px;
    z-index: -2;
}

.hero__inner-img3 {
    position: absolute;
    top: 251px;
    left: -672px;
    z-index: -1;
}

.hero__bottom {
    display: grid;
    grid-template: repeat(4, 1fr) / repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}

.hero__bottom-title {
    grid-column: 1 / -1;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
    align-self: center;
    text-align: center;
}

.hero__bottom-col {
    display: flex;
    align-items: center;
    justify-content: start;
    max-width: 356px;
    gap: 10px;
}

.hero__bottom-col svg {

    flex-shrink: 0;
}

.hero__bottom-col path {
    fill: var(--accent-color);
    width: 100%;
}




/* ========================================================= */

.rooms {
    margin-top: 77px;
    margin-bottom: 170px;
}

.rooms__inner {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 150px;

}



.rooms__sale {
    position: relative;

}

.rooms__sale p {
    font-size: 20px;
    font-weight: 600;
    max-width: 172px;
    position: absolute;
    top: 15px;
    left: -572px;

}

.rooms__sale-bg {
    max-width: 257px;
    position: absolute;
    top: -51px;
    left: -621px;
}


.rooms__sliders {
    display: grid;
    gap: 30px;

    grid-template-columns: repeat(3, 1fr);

}

.rooms__slider {
    display: grid;
    border: 1px solid var(--accent-color);
    border-radius: 20px;
    transition: var(--transition);
}

/* .rooms__slider:hover {
    box-shadow: 5px 5px 30px;
} */

.rooms__sliders-wrapper {
    max-width: 380px;
    height: 500px;
    position: relative;
    /* overflow: hidden; */

}

.rooms__sliders-slide {
    overflow: hidden;
    cursor: auto;
}

.rooms__sliders-slide img {
    /* width: 100%; */
    object-fit: cover;
}

.sliders__prev {
    background: transparent;
    color: var(--general-bg);
    transition: var(--transition);
    position: absolute;
    top: 250px;
    left: 6px;
}

/* .sliders__prev:hover {
    transform: scale(1.5);
} */

.sliders__next {
    background: transparent;
    color: var(--general-bg);
    transition: var(--transition);
    position: absolute;
    top: 250px;
    right: 6px;

}

/* .sliders__next:hover {
    transform: scale(1.5);
} */


.rooms__sliders-desc {
    display: grid;
    grid-template: 1fr 1fr 1fr 2fr/repeat(2, 1fr);
    margin-top: 10px;

    gap: 8px;
}

.rooms__sliders-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--accent-color);
    padding-left: 20px;
}

.rooms__sliders-name {
    text-transform: uppercase;
}

.rooms__sliders-price {
    padding-right: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.rooms__sliders-text1 {
    padding-left: 20px;
    color: #848484;
    font-size: 16px;
}

.rooms__sliders-roomsize {
    padding-right: 20px;
    font-size: 16px;
}

.rooms__sliders-text2 {
    padding-left: 20px;
    color: #848484;
    font-size: 16px;
}

.rooms__sliders-homesize {
    padding-right: 20px;
    font-size: 16px;
}

.rooms__button {
    grid-column: 1/-1;
    margin: 0 25px 30px;
    max-width: 330px;
}

.adaptive__sliders-img {
    display: none;
}

.adaptive__rooms-paw {
    position: absolute;
    top: -208px;
    left: -19px;
    transform: scale(0.5) rotate(-34deg);
    z-index: -2;
}


/* ===================================================== */


.gallery {
    margin-bottom: 48px;
}

.gallery__title {
    margin-bottom: 50px;
}

.gallery__slider {
    max-height: 532px;
    position: relative;
}

.gallery-wrapper {
    display: grid;
    grid-template: repeat(2, 340px) / repeat(15, 1fr);
    transition: all .8s;
}

.gallery-slide {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    transition: all .8s;
}

.gallery-slide img {
    object-fit: cover;
    /* height: 70%; */
    transform: translateY(-53px);

}


.swiper-backface-hidden .gallery-slide {
    transition: all .3s;
    height: 340px;
}

.swiper-backface-hidden .gallery-slide img {
    object-fit: cover;
}



.swiper-slide-active.gallery-slide {
    transition: all .8s;

    height: 532px;

}

.swiper-slide-active.gallery-slide img {
    transform: translateY(0px);
}



.gallery__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 83px;
    height: 30px;
    color: #848484;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    /* transform: translate(72vw, -7vw); */
    position: absolute;
    bottom: 130px;
    left: 1101px;


}

.gallery__nav {
    width: 150px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    right: 20px;


}

.gallery__prev {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--accent-color);
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    z-index: 2;
    cursor: pointer;
    transition: var(--transition);

}

/* .gallery__prev:hover {
    color: var(--accent-color);
    background: var(--general-bg);
    border: 1px solid var(--accent-color);
    box-shadow: 5px 5px 20px;
    cursor: pointer;
    transition: var(--transition);
} */

/* .gallery__prev:hover path {
    stroke: var(--accent-color);
} */

.gallery__prev:active {
    color: var(--accent-color);
    background: var(--general-bg);
    border: 1px solid var(--accent-color);
    box-shadow: 5px 5px 20px;
    cursor: pointer;
    transition: var(--transition);
}

.gallery__prev:active path {
    stroke: var(--accent-color);
}

.gallery__next {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--accent-color);
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    z-index: 2;
    cursor: pointer;

}

/* .gallery__next:hover {
    color: var(--accent-color);
    background: var(--general-bg);
    border: 1px solid var(--accent-color);
    box-shadow: 5px 5px 20px;
    cursor: pointer;
    transition: var(--transition);
} */

/* .gallery__next:hover path {
    stroke: var(--accent-color);
} */

.gallery__next:active {
    color: var(--accent-color);
    background: var(--general-bg);
    border: 1px solid var(--accent-color);
    box-shadow: 5px 5px 20px;
    cursor: pointer;
    transition: var(--transition);
}

.gallery__next:active path {
    stroke: var(--accent-color);
}

/* ====================================================== */

.conditions {
    margin-bottom: 149px;
    position: relative;
}

.conditions__title {
    margin-bottom: 70px;

}

.conditions__inner {
    display: grid;
    grid-template: repeat(3, 1fr) / repeat(2, 1fr);
    gap: 15px;
    border: 1px solid var(--accent-color);
    border-radius: 20px;
    padding: 40px;
    align-items: center;
    margin-bottom: 40px;
}

.conditions__inc-title {
    max-width: 368px;

}


.conditions__inc-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    padding: 50px 0 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
}

.conditions__inc-list::after {
    content: '';
    display: block;
    width: 180%;
    height: 1px;
    border-radius: 50%;
    background: var(--accent-color);
    position: absolute;
    top: 260px;
    left: -550px;


}



.conditions__item {
    position: relative;
    padding-left: 30px;
}

.conditions__item::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--accent-color);
    position: absolute;
    top: 8px;
    left: 10px;
}

.conditions__recs-text {
    max-width: 360px;
}

.conditions__recs-text h3 {
    margin-bottom: 18px;
}

.conditions__recs-text p {
    color: #848484;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.conditions__recs-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    justify-content: center;
    position: relative;
}

.conditions__recs-list::after {
    content: '';
    display: block;
    width: 180%;
    height: 1px;
    border-radius: 50%;
    background: var(--accent-color);
    position: absolute;
    top: 201px;
    left: -550px;


}



.conditions__nutr-text {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 534px;
}

.conditions__alert {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    border: 1px solid var(--accent-color);
    border-radius: 20px;
    padding: 40px;
}



.conditions__alert-title {
    margin-bottom: 40px;
}

.conditions__alert-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    justify-content: center;
    max-width: 464px;
}

.conditions__alert-img {
    justify-self: end;
}

.conditions__alert-img img {
    width: 100%;
}

/* ======================================================== */

.booking {
    margin-bottom: 150px;
}

.booking__title {
    margin-bottom: 50px;
}



.booking__inner {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.booking__img {
    align-self: center;
    justify-self: center;
}

.booking__img img {
    transform: scale(1.5);
    width: 100%;
}

.booking__form {
    display: grid;
    grid-template: repeat(5, 1fr) / repeat(2, 1fr);
    gap: 20px;
    max-width: 610px;
    border: 1px solid var(--accent-color);
    border-radius: 20px;
    padding: 40px;
    background: #fffef1;
    z-index: 0;
}



.select__form {
    appearance: none;
    display: block;
    width: 100%;
    border: 1px solid #ac907a;
    border-radius: 100px;
    padding: 19px 28px 19px 28px;
    font-size: 16px;
    background: transparent;
    transition: var(--transition);
    margin-bottom: 20px;
    color: #848484;
}



.select__form option {
    background: #fffef1;
}

/* .select__form:hover {
    border-color: var(--accent-color);
    color: var(--accent-color);
} */

.select__form:focus {
    border-color: var(--accent-color);
    color: var(--accent-color);
    box-shadow: 5px 5px 30px;
}



.fieldset {
    grid-column: 1 / -1;
}

.booking__form-button {
    grid-column: 1 / -1;
}

/* ===================================================== */

.roomcams {
    margin-bottom: 180px;
}

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



.roomcams__title h2 {
    margin-bottom: 137px;
}

.roomcams__title p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: -96px;
    max-width: 409px;
}

.roomcams__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    max-width: 449px;
}

.roomcams__numbers {
    margin-bottom: 20px;
}

.roomcams__link {
    display: inline-flex;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: var(--accent-color);
    border: 1px solid var(--accent-color);
    margin: 0 46px 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    transition: var(--transition);
}


.roomcams__link:first-child {
    margin-left: 518px;
}

/* .roomcams__link:hover {
    box-shadow: 5px 5px 30px var(--accent-color);
    background: var(--general-bg);
} */

.roomcams__link:active {
    box-shadow: 5px 5px 30px var(--accent-color);
}

/* .roomcams__link:hover span {
    color: var(--accent-color);
} */

.roomcams__link:active span {
    color: var(--accent-color);
}

/* .roomcams__link:hover svg {
    transform: rotate(315deg);

} */

/* .roomcams__link:hover path {
    transition: var(--transition);
}

.roomcams__link:hover path {
    fill: var(--accent-color);
} */

.roomcams__link:active path {
    fill: var(--accent-color);
}

.roomcams__link svg {
    transition: var(--transition);
    position: absolute;
    bottom: 0;
    right: 0;
    animation: roomcams__paw .6s linear infinite alternate;
}

@keyframes roomcams__paw {

    0% {}

    100% {
        transform: translate(30%)
    }
}

.roomcams__number {
    display: block;
    color: var(--general-bg);
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 600;
    transition: var(--transition);
}

/* ========================================================= */

.about {
    margin-bottom: 170px;
}

.about__inner {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--accent-color);
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 30px;
}

.about__title {
    position: relative;

}

.about__title h2 {
    margin-bottom: 110px;
}

.about__title p {
    max-width: 397px;

    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.about__title img {
    position: absolute;
    top: 75px;
    left: -39px;
    width: 100%;
}

.about__text {
    position: relative;
}

.about__subtitle {
    max-width: 478px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 60px;
}

.about__paragraph {
    max-width: 550px;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 30px;
}

.about__alert {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--accent-color);
    border-radius: 20px;
    padding: 40px;
    background: #fffef1;
}



.about__alert-img img {
    width: 100%;
    transform: scaleX(-1);
}



.about__alert-text h3 {
    margin-bottom: 25px;
}

.about__alert-text p {
    font-size: 16px;
    max-width: 472px;
}

/* ========================================================= */


.fears {
    margin-bottom: 170px;
}

.fears__title {
    margin-bottom: 81px;
}

.fears__adaptive-info {
    display: none;
    margin-bottom: 10px;
    color: #848484;
    font-size: 13px;
    font-weight: 600;

}



.accordion-list__item {
    margin-bottom: 10px;
    border: 1px solid var(--accent-color);
    border-radius: 20px;
    background: transparent;
}

.accordion-list__item:last-child {
    margin-bottom: 0px;
}



.accordion-list__control {
    padding: 30px;
    background: transparent;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    text-align: left;
    transition: var(--transition);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

.accordion-list__item--opened .accordion-list__control {
    padding-bottom: 20px;
}

.accordion-list__control-title {
    font-size: 42px;
    font-weight: 400;
    line-height: .9;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.accordion-list__control-icon {
    border: 1.5px solid var(--accent-color);
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    transition: var(--transition);
    position: relative;
    align-self: center;
}

.accordion-list__control-plank1 {
    display: block;
    width: 3px;
    height: 25px;
    background: var(--accent-color);
    transition: var(--transition);
    position: absolute;
}

.accordion-list__control-plank2 {
    display: block;
    width: 25px;
    height: 3px;
    background: var(--accent-color);
    transition: var(--transition);

}

/* .accordion-list__control:hover .accordion-list__control-icon span {
    background: var(--general-bg);
} */

.accordion-list__control-icon path {
    transition: var(--transition);
}

/* .accordion-list__control:hover .accordion-list__control-icon {
    background: var(--accent-color);
} */
.accordion-list__item--opened {
    display: block;
    height: auto;
}


.accordion-list__item--opened .accordion-list__control-icon {
    background: var(--accent-color);
    transform: rotate(90deg);
}

.accordion-list__item--opened .accordion-list__control-plank2 {
    opacity: 0;
    visibility: hidden;
}

.accordion-list__item--opened .accordion-list__control-icon span {
    background: var(--general-bg);
}

.accordion-list__content {
    max-height: 0;
    transition: var(--transition);
    overflow: hidden;

}

.accordion-content {
    padding: 0 30px 40px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}



.accordion-content__col:first-child {
    max-width: 507px;
    width: 100%;
}


.accordion-content__item {
    margin-bottom: 20px;
    display: block;
    /* border: 1px solid var(--accent-color); */
    border-radius: 20px;
    padding: 30px;
    background: #fffef1;
}

.accordion-content__item:last-child {
    margin-bottom: 0;
}

.accordion-content__icon {
    border: 1px solid #ceaad0;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    flex-shrink: 0;
}

.accordion-content__text {
    max-width: 274px;
}

/* ========================================================= */


.final {
    margin-bottom: 50px;
}

.final__title {
    margin-bottom: 70px;
}

.final__inner {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.collabs {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    border: 1px solid var(--accent-color);
    padding: 40px;

}

.collabs__info {
    margin-bottom: 90px;
}

.collabs__title {
    margin-bottom: 40px;
}

.collabs__subtitle {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 45px;
}

.collabs__text {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    max-width: 490px;
}

.collabs__list {
    display: grid;
    grid-template: repeat(2, 1fr) / repeat(2, 1fr);
    gap: 30px;
}

.collabs__item {
    display: flex;
    width: 246px;
    height: 246px;
    border-radius: 50%;
    border: 1px solid var(--accent-color);
    align-items: center;
    justify-content: center;
    position: relative;
    justify-self: center;
}

.collabs__item img {
    position: absolute;
    width: 80%;
    z-index: -1;
}

.collabs__item p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}

.testimonials {
    display: block;
    border-radius: 20px;
    border: 1px solid var(--accent-color);
    padding: 40px;
}

.testimonials__title {
    margin-bottom: 40px;
}

.testimonials__yandex {
    width: 560px;
    height: 800px;
}

/* ======================================================= */

.location {
    padding-bottom: 34px;
    background: #faf7f5;
    padding-top: 50px;
    border-radius: 80px;

}

.location__title {
    margin-bottom: 50px;
}

.location__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
    gap: 15px;
}

.location__adress {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.location__link {
    margin-right: 15vw;
    text-align: start;
    cursor: pointer;
    color: #848484;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    transition: var(--transition);
}

/* .location__link:hover {
    color: var(--accent-color);
} */
.location__link:active {
    color: var(--accent-color);
}

.location__link span {
    display: none;
}


.map {
    margin-bottom: 78px;
}

.yandex__map {
    display: flex;

}

.yandex__map iframe {
    /* width: 82vw; */
    width: 160vw;
    height: 30vw;
    /* margin-left: 4vw; */

}

.location__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    border-radius: 20px;
    border: 1px solid var(--accent-color);
    padding: 40px;
}

.location__inner-img {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.location__inner-img {
    display: flex;
    flex-direction: column;
    justify-content: start;
    position: relative;
}

.location__inner-img svg {
    transform: scale3d(-1);
    padding-top: 80px;
    position: absolute;
    top: 59px;
    right: -6px;
    transform: scale(1.5);
}

.location__inner-img path {
    fill: var(--accent-color)
}



/* ====================================================== */

@media (max-width: 1400px) {
    .testimonials__yandex {
        width: 500px;
    }

    .collabs__list {
        gap: 30px;
    }

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

@media (max-width: 1300px) {
    .header__inner {
        grid-template-columns: 1fr 2fr 220px;
        gap: 15px;

    }

    .header__socials {
        margin-left: 0px;
    }

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

    .booking__img img {
        transform: scale(1.2) translate(20px);
    }

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

    .fears__adaptive-info {
        display: block;
    }

    .accordion-list__control-title {
        font-size: 18px;
    }
}

@media (max-width: 1200px) {
    .hero__inner-img2 {
        top: 805px;
        left: 415px;
    }

    .hero__bottom {
        grid-template: repeat(4, 1fr) / repeat(2, 1fr);
    }

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

    .rooms__sliders {
        display: grid;
        gap: 30px;

        grid-template: repeat(2, 1fr) / repeat(2, 1fr);
        position: relative;
    }

    .adaptive__sliders-img {
        display: block;
        position: absolute;
        bottom: 130px;
        right: 94px;
        transform: scale(1.7);
        z-index: -1;
    }

    /* -------------------------------------- */
    .gallery__pagination {
        left: 980px;
    }

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

    .conditions__inc-list::after {
        width: 165%;
        left: -471px;
    }

    .conditions__recs-list::after {
        width: 165%;
        left: -471px;
    }

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

    .collabs__subtitle {
        font-size: 16px;
    }

    .collabs__text {
        font-size: 16px;
    }



    .collabs__item {
        width: 150px;
        height: 150px;
    }

    .collabs__item p {
        font-size: 16px;
    }

    .testimonials__yandex {
        width: 450px;
        height: 630px;
    }

}

@media (max-width: 1100px) {
    .header__inner {
        grid-template: repeat(2, auto) / 1fr auto;
        gap: 15px;
    }

    .header__logo {
        grid-column: 1/-1;
        justify-self: center;
    }

    .header__img-3 {
        left: 256px;
        top: 106px;
    }

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

    .adaptive-nav {
        display: block;
    }

    .adaptive-nav__img {
        display: block;
        top: 147px;
        left: 766px;
    }

    /* -------------------------------------- */
    .hero__inner {
        display: grid;
        grid-template-columns: auto 1fr;
    }

    .hero__inner-general {
        display: grid;
        max-width: none;

    }


    .nav__list {
        display: none;

    }

    .hero__inner-title {

        justify-self: center;
    }

    .hero__inner-stamp {
        display: none;

    }

    .hero__bottom {
        gap: 15px;
    }

    .hero__inner-img2 {
        display: none;
    }

    .hero__bottom-col {
        justify-self: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }

    .hero__bottom-col:last-child {
        grid-column: 1 / -1;
    }

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

    .rooms {
        margin-bottom: 70px;
    }

    .rooms__inner {
        flex-direction: column;
        gap: 40px;
        margin-bottom: 40px;
    }

    .rooms__title {
        margin-bottom: 40px;
    }

    .rooms__sale {
        max-width: 283px;
        display: flex;




    }

    .rooms__sale p {
        top: 7vw;
        left: 4vw;
        font-size: 20px;
        width: 161px;
    }

    .rooms__sale-bg {
        /* left: -12vw; */
        position: static;
    }

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

    .gallery__pagination {
        left: 880px;
    }

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

    .roomcams {
        margin-bottom: 60px;
    }

    /* -------------------------------- */
    .about__inner {
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--accent-color);
        border-radius: 20px;
        padding: 40px;
        margin-bottom: 30px;
    }

    .about__title h2 {
        margin-bottom: 30px;
    }

    .about__title p {
        max-width: none;
        margin-bottom: 30px;
    }

    .about__title img {
        position: absolute;
        top: 75px;
        left: -39px;
        width: 100%;
    }

    .about__text {}

    .about__subtitle {
        max-width: none;
        margin-bottom: 30px;
    }

    .about__paragraph {
        max-width: none;
        margin-bottom: 20px;
    }

    .about__alert {
        grid-template: 0.3fr 1fr / 1fr;
    }

    .about__alert-text {
        grid-row: 1/2;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .about__alert-text p {
        max-width: none;
    }

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

    .location__inner {
        gap: 20px;
    }


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

    .footer__list {
        gap: 15px;
    }
}

@media (max-width: 1000px) {

    .title {
        font-size: 4vw;
        text-align: center;
        line-height: 1.5;
    }


    .adaptive-nav__img {
        top: 208px;
        left: 349px;
    }

    .hero__inner-title {
        font-size: 4vw;
        text-align: center;
        line-height: 1.5;
    }

    .adaptive__sliders-img {
        bottom: 79px;
        right: -19px;
        transform: scale(1.2);
    }

    /* ------------------------------------- */
    .gallery__pagination {
        left: 776px
    }

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

    .conditions__inc-list::after {
        width: 185%;
        left: -418px;
    }

    .conditions__recs-list::after {
        width: 185%;
        left: -418px;
    }

    /* ---------------------------------- */
    .booking__inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    .booking__img img {
        transform: scale(1.2) translate(0px);
        margin-bottom: 20px;

    }

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

    .roomcams__about {
        flex-direction: column;
        margin-bottom: 100px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .roomcams__title {}

    .roomcams__title h2 {
        margin-bottom: 30px;
    }

    .roomcams__title p {
        max-width: none;
    }

    .roomcams__text {
        margin-top: 150px;
        max-width: none;
    }

    .roomcams__numbers {
        display: grid;
        grid-template: repeat(5, 1fr) / repeat(4, 1fr);
        gap: 30px;
        align-items: center;
        justify-content: center;

    }

    .roomcams__link:first-child {
        margin-left: 0px;
    }

    .roomcams__link {
        margin: 0;
        justify-self: center;
    }

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

    .testimonials__yandex {
        width: 350px;
        height: 630px;
    }

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

    .location__link {
        margin-right: 0;
    }

    .location__inner {
        grid-template: repeat(2, 1fr) / repeat(2, 1fr);
    }

    .location__inner-img svg {
        transform: scale3d(-1);
        padding-top: 80px;
        position: static;
        transform: scale(2.5);
    }
}

@media (max-width: 900px) {


    .small-title {
        font-size: 20px;
    }

    .header__img-2 {
        left: 412px;
        top: 153px;
    }


    /* ------------------------------------- */
    .hero__bottom {
        flex-direction: column;
    }

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

    .rooms__sale p {
        top: 9vw;
        left: 6vw;
    }

    .adaptive__sliders-img {
        bottom: 111px;
        right: -30px;

    }

    .adaptive__rooms-paw {
        top: -300px;
    }

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

    .gallery__pagination {
        left: 690px;
    }

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

    .conditions {
        margin-bottom: 78px;
    }

    .conditions__inc-list::after {
        width: 185%;
        left: -371px;
    }

    .conditions__recs-list::after {
        width: 185%;
        left: -371px;
    }

    .conditions__recs-text {
        max-width: 300px;
    }

    .conditions__recs-text p {
        font-size: 18px;
    }

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

    .fears {
        margin-bottom: 90px;
    }

    /* ---------------------------- */
    .final__inner {
        flex-direction: column;
    }

    .collabs__info {
        margin-bottom: 90px;
        justify-content: center;
        text-align: center;
    }

    .collabs__title {
        margin-bottom: 40px;
    }

    .collabs__subtitle {
        font-size: 20px;
    }

    .collabs__text {
        font-size: 20px;
        max-width: none;
    }

    .collabs__list {
        display: grid;
        grid-template: repeat(2, 1fr) / repeat(2, 1fr);
        gap: 30px;
    }

    .collabs__item {
        width: 246px;
        height: 246px;
    }


    .collabs__item p {
        font-size: 20px;
    }

    .testimonials {
        display: flex;
        flex-direction: column;
        border-radius: 20px;
        border: 1px solid var(--accent-color);
        padding: 40px;
        justify-content: center;
        align-items: center;
    }

    .testimonials__title {
        margin-bottom: 40px;
    }

    .testimonials__yandex {
        width: 560px;
        height: 800px;
    }
}

@media (max-width: 800px) {
    .header {
        margin: 30px 0 13px;
    }

    .header__inner {
        grid-template: repeat(3, auto) / 1fr;
        gap: 20px;
    }

    .header__socials {
        max-width: 220px;
        justify-self: center;
    }

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

    .adaptive-nav {
        display: none;
    }

    .hero__inner {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 100px;

    }

    .nav {
        margin: 0;
        justify-self: center;
    }

    .nav__list {
        display: flex;
        justify-self: center;
    }

    .hero__inner-img2 {
        top: 428px;
        left: 332px;
    }

    /* ----------------------------- */
    /* .adaptive__sliders-img {
        bottom: 0px;
        right: -169px;
        transform: scale(1);

    }

    .adaptive__rooms-paw {
        top: -380px;
        left: -68px;
        scale: 1.5;
    } */

    .rooms__sliders {
        grid-template: repeat(3, 1fr) / repeat(1, 1fr);
    }

    .adaptive__sliders-img {
        display: none;

    }

    /* ---------------------------- */
    .gallery__pagination {
        left: 590px;
    }

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

    .conditions__inner {
        grid-template: 0.1fr 1fr 0.3fr 0.6fr 0.1fr 1fr / 1fr;
    }

    .conditions__inc-title {
        max-width: none;
        text-align: center;
        margin-bottom: 0;

    }



    .conditions__inc-list {
        justify-self: center;
        align-self: center;
        margin-top: 0;
        padding-bottom: 25px;
        border-bottom: 1px solid var(--accent-color);
    }

    .conditions__inc-list::after {
        display: none;
    }


    .conditions__recs-text {
        text-align: center;
        justify-self: center;
        max-width: 500px;
    }

    .conditions__recs-text h3 {
        margin-bottom: 10px;
    }


    .conditions__recs-list {
        justify-self: center;
        align-self: center;
        margin-top: 0;
        padding-bottom: 25px;
        border-bottom: 1px solid var(--accent-color);
    }

    .conditions__recs-list::after {
        display: none;
    }

    .conditions__nutr-title {
        text-align: center;
    }

    .conditions__nutr-text {
        justify-self: center;
        max-width: 534px;
        text-align: center;
    }


    .conditions__alert {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }



    .conditions__alert-title {
        margin-bottom: 40px;
    }

    .conditions__alert-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.4;
        justify-content: center;
        max-width: 464px;
    }

    .conditions__alert-img {
        justify-self: end;
    }

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

    .about {
        margin-bottom: 50px;
    }

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

    .fears__title {
        margin-bottom: 30px;
    }

    .accordion-list__control {
        padding: 15px;
        gap: 5px;
    }

    .accordion-list__control-title {
        font-size: 16px;
    }

    .accordion-list__control-icon {
        width: 25px;
        height: 25px;
    }

    .accordion-list__control-plank1 {
        width: 2px;
        height: 20px;
    }

    .accordion-list__control-plank2 {
        width: 20px;
        height: 2px;
    }

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

    .location__header {
        flex-direction: column;
    }

    .yandex__map iframe {

        height: 60vw;


    }

    /* ---------------------------- */
    .footer__inner {
        justify-content: center;
    }

    .footer__list {
        display: none;
    }

}

@media (max-width: 700px) {

    .extention {
        display: flex;
    }

    .hero__inner {
        margin-bottom: 150px;
    }

    .hero__bottom {
        grid-template: 50px 1fr / repeat(1, 1fr);
        overflow: hidden;
        transition: var(--transition);
    }



    .hero__bottom-title {
        align-self: self-end;
    }

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


    .rooms__sliders {
        grid-template: repeat(3, 1fr) / repeat(1, 1fr);
    }

    .adaptive__sliders-img {
        display: none;

    }

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




    .gallery__pagination {
        left: 481px;
    }

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


    .rooms__sale p {
        top: 12vw;
        left: 9vw;
        font-size: 18px;
    }

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

    .conditions__title {
        margin-bottom: 25px;
    }

    /* ----------------------------------------- */
    .booking {
        margin-bottom: 60px;
    }

    /* -------------------------------- */
    .roomcams__about {
        margin-bottom: 30px;
    }

    .roomcams__title h2 {
        margin-bottom: 20px;
    }

    .roomcams__text {
        margin-top: 110px;
    }

    .roomcams__numbers {

        gap: 15px;

    }

    .roomcams__link {
        width: 80px;
        height: 80px;
    }

    .roomcams__link span {
        font-size: 20px;
    }

    .roomcams__link svg {
        width: 40px;
        height: 33px;
    }

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

    .final {
        margin-bottom: 30px;
    }



    .collabs__subtitle {
        font-size: 16px;
    }

    .collabs__text {
        font-size: 16px;
    }

    .collabs__list {
        gap: 30px;
    }

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

    .testimonials__yandex {
        width: 500px;
    }

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

    .location {
        padding-top: 30px;
    }

    .location__title {
        margin-bottom: 20px;
    }

    .location__header {
        text-align: center;
        align-items: center;
    }
}

@media (max-width: 600px) {

    .title {
        font-size: 30px;
    }

    .burger-nav__list {
        display: flex;
        flex-direction: column;
        gap: 3vh;
        align-items: center;
        font-size: 20px;
        border: 1px solid var(--accent-color);
        border-radius: 20px;
        padding: 10px;
        background: #fffef1;

    }

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

    .header {
        margin: 20px 0 13px;
    }

    .header__inner {

        gap: 10px;
    }



    .header__info {
        flex-direction: column-reverse;
        gap: 5px;
    }


    .header__location,
    .header__clock,
    .header__phone-number {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
        gap: 10px;
    }

    .header__img-1 {
        max-width: 57px;
        height: 20px;
        left: 259px;
        top: 117px;

    }

    .header__img-2 {
        left: 154px;
        top: 201px;
    }


    .header__img-3 {
        left: 246px;
        top: 277px;
    }

    /* ----------------------------- */
    .hero__inner {
        margin-bottom: 100px;
    }

    .hero__inner-title {
        font-size: 30px;
        margin-bottom: 10px;

    }



    .hero__inner-text {
        font-size: 20px;
        text-align: center;
    }

    .hero__bottom {
        margin: 0px 0vw 20px;
    }

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

    .rooms__sale-cat {
        left: 19vw;
        top: -9vw;
    }

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


    .gallery-wrapper {
        display: flex;
    }

    .gallery-slide {
        max-height: 500px;
    }

    .gallery-slide img {
        object-fit: cover;
        transform: translateY(0px);
    }

    .swiper-slide-active.gallery-slide {
        max-height: 500px;
    }

    .swiper-backface-hidden .gallery-slide {

        transition: all .3s;

        /* max-height: 500px; */
    }

    .swiper-backface-hidden .gallery-slide img {
        width: 100%
    }

    /* .gallery__slider {
        display: grid;
        grid-template-rows: 
    } */

    .gallery__pagination {
        color: #1a1919;
        font-family: Montserrat;
        font-size: 27px;
        bottom: 445px;
        left: -2px;
    }

    .gallery__nav {
        display: none;
    }

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

    .booking__form {
        grid-template: repeat(8, 1fr) / repeat(1, 1fr);
        gap: 10px;
        width: 100%;
    }

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

    .roomcams__title p {
        font-size: 16px;
    }

    .roomcams__text {
        font-size: 16px;
    }

    /* ---------------------------- */
    .about__title p {
        font-size: 16px;
    }

    .about__title img {
        top: -140px;
        left: 22px;
    }


    .about__subtitle {
        font-size: 16px;
    }

    .about__extention {
        display: flex;
        background: transparent;
    }

    /* ------------------------ */
    .fears {
        margin-bottom: 50px;
    }

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

    .final__title {
        margin-bottom: 25px;
    }

    .collabs__info {
        margin-bottom: 30px;
    }

    .collabs__title {
        margin-bottom: 15px;
    }

    .collabs__subtitle {
        margin-bottom: 15px;
    }

    .collabs__item {
        width: 150px;
        height: 150px;
    }

    .collabs__item p {
        font-size: 16px;
    }

    .testimonials__yandex {
        width: 450px;
        height: 630px;
    }

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


    .location__inner-img svg {
        padding-top: 90px;
        transform: scale(2);
    }
}

@media (max-width: 550px) {
    .location__inner {
        grid-template: 0.2fr 1fr 1fr 1fr / 1fr;
    }

    .location__inner-img svg {
        display: none;
    }

    .location__subtitle {
        text-align: center;
    }
}

@media (max-width: 500px) {

    .hero__inner-img2 {
        display: none;

    }


    .hero__bottom {
        text-align: center;

    }

    .hero__bottom-col {
        flex-direction: column;

    }

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

    .rooms__sale p {
        top: 17vw;
        left: 13vw;
    }

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

    .gallery-slide {
        max-height: 400px;
    }

    .swiper-slide-active.gallery-slide {
        max-height: 400px;
    }

    .swiper-backface-hidden .gallery-slide {
        height: 400px;
    }

    .gallery__pagination {
        bottom: 336px;
    }

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

    .conditions__inc-list {
        font-size: 16px;
    }


    .conditions__recs-text {
        text-align: center;
        justify-self: center;
        max-width: 500px;
    }

    .conditions__recs-text h3 {
        margin-bottom: 10px;
    }

    .conditions__recs-text p {
        font-size: 16px;
    }

    .conditions__recs-list {
        font-size: 16px;
    }

    .conditions__recs-list::after {
        display: none;
    }

    .conditions__nutr-title {
        text-align: center;
    }

    .conditions__nutr-text {
        font-size: 16px;
    }

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

    .about__alert {
        gap: 5px;
        grid-template: 1fr 0.5fr / 1fr;
    }

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

    .collabs {
        padding: 10px;
    }

    .testimonials {
        padding: 10px;
    }

    .testimonials__title {
        margin-bottom: 20px;
    }

    .testimonials__yandex {
        width: 350px;
    }

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

    .location__adress {
        font-size: 16px;
    }

    .location__link {
        font-size: 16px;
        text-align: center;
    }
}



@media (max-width: 410px) {

    .nav__item-two {
        display: none;
    }

    .nav__item-three {
        display: none;
    }

    .nav__item-mobile {
        display: block;
    }

    .nav__item-three--mobile {
        display: block;
    }

    .nav__text-one span {
        font-size: 15px;
        line-height: 15px;

    }

    .nav__link-one {
        top: 152px;
        left: 16px;
    }

    .nav__link-two {
        top: 39px;
        left: 79px;
    }


    .nav__text-two span {
        font-size: 15px;
        line-height: 15px;
    }


    .nav__link-three {
        top: -2px;
        left: 198px;
        width: 70px;
    }


    .nav__text-three span {
        font-size: 15px;
        line-height: 1.5;
        display: block;
        max-width: 10px;
    }

    .nav__text--small {}


    .nav__link-four {
        top: 87px;
        left: 279px;

    }

    .nav__text-four {
        font-size: 15px;
        line-height: 15px;
    }


    .nav__link-five {
        top: 178px;
        left: 90px;
    }


    .nav__text-five {
        font-size: 30px;
        line-height: 1;
    }

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

    .rooms__sliders-desc {
        grid-template: 50px 20px 40px 20px 40px 58px 85px / repeat(1, 1fr);
        justify-content: center;

    }

    .rooms__sliders-title {
        padding-left: 0px;
        justify-self: center;
        text-align: center;
    }

    .rooms__sliders-price {
        justify-self: center;
        padding-right: 0px;
    }

    .rooms__sliders-text1 {
        padding-left: 0;
        justify-self: center;
        font-size: 20px;
        align-self: end;
    }

    .rooms__sliders-roomsize {
        padding-right: 0;
        font-size: 20px;
        justify-self: center;
    }

    .rooms__sliders-text2 {
        padding-left: 0;
        font-size: 20px;
        justify-self: center;
        align-self: end;
    }

    .rooms__sliders-homesize {
        padding-right: 0px;
        font-size: 20px;
        justify-self: center;
    }

    .rooms__button {
        margin: 0 10px 10px;
        max-width: 300px;
        justify-self: center;
    }

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


    .testimonials__yandex {
        width: 300px;
    }
}

@media (max-width: 400px) {


    .nav__link-one {
        top: 152px;
        left: 9px;
    }

    .nav__link-two {
        top: 39px;
        left: 79px;
    }

    .nav__link-three {
        top: -2px;
        left: 191px;
    }

    .nav__link-four {
        top: 96px;
        left: 271px;
    }


    .nav__link-five {
        top: 178px;
        left: 90px;
    }

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

    .rooms__slider {
        margin-left: 10px;
        margin-right: 10px;
    }

    .rooms__sliders-desc {
        margin-right: 9%;
    }

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

    .gallery-slide {
        max-height: 300px;
    }

    .gallery-slide img {
        transform: translate(-146px, -140px);
    }

    .swiper-slide-active.gallery-slide {
        max-height: 300px;
    }

    .swiper-slide-active.gallery-slide img {
        transform: translate(-146px, -140px);
    }

    .swiper-backface-hidden .gallery-slide {
        height: 300px;
    }

    .gallery__pagination {
        bottom: 251px;
    }

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

    .booking__form {
        padding: 15px;
        gap: 5px;

    }

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

    .roomcams__numbers {
        display: grid;
        grid-template: repeat(3, 1fr) / repeat(3, 1fr);
        gap: 30px;
        align-items: center;
        justify-content: center;

    }

    .roomcams__extention {
        display: flex;
    }

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

    .collabs__list {
        gap: 10px;
    }

    .collabs__item {
        width: 120px;
        height: 120px;
    }

    .collabs__item p {
        font-size: 14px;
    }

    .location__inner {
        grid-template: 0.1fr 1fr 1fr 1fr / 1fr;
        padding: 15px;
    }
}

@media (max-width: 390px) {


    .nav__link-one {
        top: 152px;
        left: 9px;
    }

    .nav__link-two {
        top: 39px;
        left: 79px;
    }

    .nav__link-three {
        top: -2px;
        left: 185px;
    }

    .nav__link-four {
        top: 96px;
        left: 266px;
    }

    .nav__text-four {
        font-size: 14px;
    }

    .nav__link-five {
        top: 178px;
        left: 73px;
    }

    .hero__inner-title {
        font-size: 25px;
    }

    .hero__bottom {
        margin: 90px 0 0;
    }

    /* ---------------------------- */
    .rooms__sliders-desc {
        margin-right: 11%;
    }

    .rooms__button {
        margin: 0 25px 20px;
        max-width: 250px;
        padding: 5px;
    }

}

@media (max-width: 380px) {

    .header {
        margin-bottom: 0px;
    }


    .nav__link-one {
        top: 152px;
        left: 9px;
    }

    .nav__link-two {
        top: 45px;
        left: 74px;
    }

    .nav__link-three {
        top: -2px;
        left: 178px;
    }

    .nav__link-four {
        top: 96px;
        left: 258px;
    }

    .nav__link-five {
        top: 178px;
        left: 73px;
    }

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

    .rooms__sliders-desc {
        margin-right: 14%;
    }


}

@media (max-width: 370px) {


    .nav__link-one {
        top: 152px;
        left: 9px;
    }

    .nav__link-two {
        top: 45px;
        left: 74px;
    }

    .nav__link-three {
        top: 3px;
        left: 175px;
    }

    .nav__link-four {
        top: 96px;
        left: 250px;
    }

    .nav__link-five {
        top: 178px;
        left: 73px;
    }

    .hero__inner {
        margin-bottom: 100px;
    }

    .hero__bottom {
        margin: 0;
    }

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

    .rooms__sliders-desc {
        margin-right: 16%;
    }
}


@media (max-width: 360px) {

    .header__img-1 {
        left: 116px;
        top: 123px;

    }

    .header__img-2 {
        left: 116px;
        top: 201px;
    }


    .header__img-3 {
        left: 140px;
        top: 285px;
    }

    /* ------------------------------- */
    .nav__link-two {
        top: 51px;
        left: 67px;
    }

    .nav__link-three {
        top: 9px;
        left: 170px;
    }

    .nav__link-four {
        top: 96px;
        left: 240px;
    }

    .nav__link-five {
        top: 168px;
        left: 61px;
    }

    .form {
        justify-self: center;
    }

    .hero__inner-img1 {
        display: none;
    }

    .hero__inner-text--adaptive {
        display: block;
    }

    .hero__bottom-title {
        font-size: 20px;
    }

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

    .rooms__sale p {
        top: 22vw;
        left: 19vw;
    }

    .rooms__sliders-desc {
        margin-right: 19%;
    }

}

@media (max-width: 350px) {

    .nav__link-two {
        top: 58px;
        left: 64px;
    }

    .nav__link-three {
        top: 16px;
        left: 162px;
    }

    .nav__link-four {
        top: 96px;
        left: 232px;
    }

    .nav__link-five {
        top: 168px;
        left: 61px;
    }

    .hero__inner {
        margin-bottom: 30px;
    }

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

    .rooms__sliders-desc {
        margin-right: 22%;
    }

    .booking__img img {
        transform: scale(1);
    }

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

    .testimonials {
        border: none;
        /* border: 1px solid var(--accent-color); */
    }


}

@media (max-width: 340px) {

    .nav__link-two {
        top: 58px;
        left: 64px;
    }

    .nav__link-three {
        top: 17px;
        left: 155px;
    }

    .nav__link-four {
        left: 225px;
    }

    .nav__link-five {
        top: 168px;
        left: 50px;
    }

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

    .rooms__sliders-desc {
        margin-right: 24%;
    }
}

@media (max-width: 330px) {

    .nav__link-two {
        top: 61px;
        left: 55px;
    }

    .nav__link-three {
        top: 19px;
        left: 149px;
    }

    .nav__link-four {
        left: 217px;
    }

    .nav__link-five {
        top: 168px;
        left: 50px;
    }

    .nav__text-four {
        font-size: 13px;
    }

    .hero__inner-title {
        font-size: 23px;
    }

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

    .rooms__sliders-desc {
        margin-right: 24%;
    }
}

@media (max-width: 320px) {

    .rooms__sliders-desc {
        margin-right: 30%;
    }
}



@media (hover: hover) {
    .header__location:hover {
        color: var(--accent-color);
    }

    .header__location:hover path {
        fill: var(--accent-color);
    }

    .header__phone-number:hover path {
        fill: var(--accent-color);
    }

    .header__phone:hover p {
        color: var(--accent-color);
    }

    .header__socials:hover {
        color: var(--accent-color);
        background: transparent;
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 30px;
        cursor: pointer;
        height: 70px;
    }

    .header__socials:hover path {
        fill: var(--accent-color);
    }

    .button:hover {
        color: var(--accent-color);
        background: transparent;
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 30px;
        cursor: pointer;
    }

    .button:hover path {
        fill: var(--accent-color);
    }

    .burger-icon:hover {
        background: transparent;
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 30px var(--accent-color);
        cursor: pointer;
    }

    .burger-icon:hover.burger-icon path {
        fill: var(--accent-color);
    }

    .nav__item:hover path {
        fill: var(--accent-color);
    }

    .adaptive-nav__item:hover {
        color: var(--accent-color);
    }

    .burger-nav__item:hover {
        color: var(--accent-color);
    }

    .field__input:hover {
        border-color: var(--accent-color);
        color: var(--accent-color);
        fill: var(--accent-color);
    }

    .field__input:hover::placeholder {
        color: var(--accent-color);
    }

    .contact__input:hover {
        border-color: var(--accent-color);
    }

    .contact__input:hover::placeholder {
        color: var(--accent-color);
    }

    .rooms__slider:hover {
        box-shadow: 5px 5px 30px;
    }

    .sliders__prev:hover {
        transform: scale(1.5);
    }

    .sliders__prev:hover {
        transform: scale(1.5);
    }

    .sliders__next:hover {
        transform: scale(1.5);
    }

    .gallery__prev:hover {
        color: var(--accent-color);
        background: transparent;
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 20px;
        cursor: pointer;
        transition: var(--transition);
    }

    .gallery__prev:hover path {
        stroke: var(--accent-color);
    }

    .gallery__next:hover {
        color: var(--accent-color);
        background: transparent;
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 20px;
        cursor: pointer;
        transition: var(--transition);
    }

    .gallery__next:hover path {
        stroke: var(--accent-color);
    }

    .select__form:hover {
        border-color: var(--accent-color);
        color: var(--accent-color);
    }

    .roomcams__link:hover {
        box-shadow: 5px 5px 30px var(--accent-color);
        background: transparent;
    }

    .roomcams__link:hover span {
        color: var(--accent-color);
    }

    .roomcams__link:hover svg {
        transform: rotate(315deg);

    }

    .roomcams__link:hover path {
        transition: var(--transition);
    }

    .roomcams__link:hover path {
        fill: var(--accent-color);
    }

    .accordion-list__control:hover .accordion-list__control-icon span {
        background: var(--general-bg);
    }

    .accordion-list__control:hover .accordion-list__control-icon {
        background: var(--accent-color);
    }

    .location__link:hover {
        color: var(--accent-color);
    }



}

@media (hover: none) {
    .header__location:active {
        color: var(--accent-color);
    }

    .header__location:active path {
        fill: var(--accent-color);
    }

    .header__phone-number:active path {
        fill: var(--accent-color);
    }

    .header__phone:active p {
        color: var(--accent-color);
    }

    .header__socials:active {
        color: var(--accent-color);
        background: transparent;
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 30px;
        cursor: pointer;
        height: 70px;
    }

    .header__socials:active path {
        fill: var(--accent-color);
    }

    .button:active {
        color: var(--accent-color);
        background: transparent;
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 30px;
        cursor: pointer;
    }

    .button:active path {
        fill: var(--accent-color);
    }

    .burger-icon:active {
        background: transparent;
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 30px var(--accent-color);
        cursor: pointer;
    }

    .burger-icon:active.burger-icon path {
        fill: var(--accent-color);
    }

    .nav__item:active path {
        fill: var(--accent-color);
    }

    .adaptive-nav__item:active {
        color: var(--accent-color);
    }

    .burger-nav__item:active {
        color: var(--accent-color);
    }

    .field__input:active {
        border-color: var(--accent-color);
        color: var(--accent-color);
        fill: var(--accent-color);
    }

    .field__input:active::placeholder {
        color: var(--accent-color);
    }

    .contact__input:active {
        border-color: var(--accent-color);
    }

    .contact__input:active::placeholder {
        color: var(--accent-color);
    }

    .rooms__slider:active {
        box-shadow: 5px 5px 30px;
    }

    .sliders__prev:active {
        transform: scale(1.5);
    }

    .sliders__prev:active {
        transform: scale(1.5);
    }

    .sliders__next:active {
        transform: scale(1.5);
    }

    .gallery__prev:active {
        color: var(--accent-color);
        background: var(--general-bg);
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 20px;
        cursor: pointer;
        transition: var(--transition);
    }

    .gallery__prev:active path {
        stroke: var(--accent-color);
    }

    .gallery__next:active {
        color: var(--accent-color);
        background: var(--general-bg);
        border: 1px solid var(--accent-color);
        box-shadow: 5px 5px 20px;
        cursor: pointer;
        transition: var(--transition);
    }

    .gallery__next:active path {
        stroke: var(--accent-color);
    }

    .select__form:active {
        border-color: var(--accent-color);
        color: var(--accent-color);
    }

    .roomcams__link:active {
        box-shadow: 5px 5px 30px var(--accent-color);
        background: var(--general-bg);
    }

    .roomcams__link:active span {
        color: var(--accent-color);
    }

    .roomcams__link:active svg {
        transform: rotate(315deg);

    }

    .roomcams__link:active path {
        transition: var(--transition);
    }

    .roomcams__link:active path {
        fill: var(--accent-color);
    }

    .accordion-list__control:active .accordion-list__control-icon span {
        background: var(--general-bg);
    }

    .accordion-list__control:active .accordion-list__control-icon {
        background: var(--accent-color);
    }

    .location__link:active {
        color: var(--accent-color);
    }
}