/* ===================================================== */
/* BASE */
/* ===================================================== */

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

body{
    font-family:"Montserrat",sans-serif;
    font-size:16px;
    line-height:1.6;
    color:#1B1C1D;
    margin:0 !important;
    min-height:100vh;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    color:inherit;
}

/* ===================================================== */
/* HEADER */
/* ===================================================== */
.site-header{
    padding:10px 60px;
    background:linear-gradient(
    to right,
    #fffffffa,
    #527f22d9,
    #0f71a9d1
    );
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
    backdrop-filter:blur(3px);
    box-shadow:0 20px 50px rgba(0,0,0,.3);
    font-weight: 500;
    justify-content: space-evenly;
}
main{
background: #f7faf9;
}
.site-header a{
    color:#fff;
}
.site-header a:hover{
    color:#fff;
}
.main-title {
    padding-top: 150px;
}
@media (max-width: 1220px) {
    .site-header {
        padding: 10px 10px;
    }
}

/* NAV */

.main-nav ul{
    list-style:none;
    margin:0;
    padding:0;
}

.main-nav li{
    padding:0 10px;
}

.main-nav a{
    padding:10px 5px;
    border-bottom:1px solid transparent;
    transition:.3s;
}

.main-nav a:hover{
    border-bottom:1px solid #fff;
}

@media (max-width: 980px) {
    .main-nav {
        display: none;
    }
}


/* LOGO */

.logo img{
    max-width:150px;
}
@media (max-width: 1220px) {
    .logo img{
        max-width:100px;
    }
}
@media (max-width: 480px) {
    .logo img{
        max-width:75px;
    }
}

/* CONTACTS */

.contacts{
    padding:30px 80px;
    border-left:1px solid rgba(255,255,255,.2);
    border-right:1px solid rgba(255,255,255,.2);
    font-weight:600;
    text-transform:uppercase;
}

.contacts a:hover{
    color:#91daff;
}
@media (max-width: 1440px) {
    .contacts{
         padding:30px 40px;
    }
}
@media (max-width: 480px) {
    .contacts{
         padding:20px 10px;
    }
}

/* ===================================================== */
/* MOBILE MENU BUTTON */
/* ===================================================== */

.menu-open-btn{
    display:flex;
    align-items:center;
    gap:10px;
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
    transition:.3s;
}

.menu-open-btn:hover{
    color:#b7d107;
}

.menu-icon{
    width:22px;
    height:2px;
    background:#fff;
    position:relative;
    display:block;
}

.menu-icon::before,
.menu-icon::after{
    content:"";
    position:absolute;
    left:0;
    width:22px;
    height:2px;
    background:#fff;
}

.menu-icon::before{
    top:-8px;
}

.menu-icon::after{
    top:7px;
}

@media (max-width: 480px) {
    .menu-text{
        display: none;
    }
}

.fullscreen-menu{
    position:fixed;
    inset:0;
    background:linear-gradient(135deg,#0e76b0,#8ab186);
    z-index:999999;
    transform:translateY(-100%);
    transition:0.4s ease;
    overflow:auto;
}

.fullscreen-menu.active{
    transform:translateY(0);
}

/* верх */
.menu-header{
    display:flex;
    justify-content:flex-end;
    padding:30px 40px;
}

.menu-close{
    font-size:32px;
    color:#fff;
    background:none;
    border:none;
    cursor:pointer;
}

/* контент */
.menu-content{
    padding:40px 20px 80px;
}

.menu-columns{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

/* колонка */
.menu-col{
    border-left:1px solid rgba(255,255,255,0.25);
    padding-left:25px;
}

.menu-col h4{
    color:#fff;
    margin-bottom:15px;
    font-size:20px;
    font-weight:600;
}

.menu-col a{
    display:block;
    color:#ffffff;
    margin-bottom:10px;
    font-size:18px;
    transition:0.3s;
}

.menu-col a:hover{
    color:#b7d107;
    transform:translateX(5px);
}

/* адаптив */
@media (max-width:992px){

    .menu-columns{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

}

@media (max-width:600px){

    .menu-columns{
        grid-template-columns:1fr;
    }

}

/* ===================================================== */
/* HERO */
/* ===================================================== */

.main-block{
    position:relative;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

.main-block video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

/* SEARCH */

.search-wrapper {
    width: 70%;
    height: 20vh;
    min-height: 170px;
    backdrop-filter: blur(16px);
    background: rgba(255, 255, 255, 0.15);
    padding: 30px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -5%;
    left: 15%;
    z-index: 99;
}

/* Floating fields */
.form-floating > .form-control {
    background: transparent;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.6);
    color: #fff;
    height: 60px;
    transition: all 0.3s ease;
}

.form-floating > .form-control::placeholder {
    color: transparent;
}

.form-floating > label {
    color: rgba(255,255,255,0.8);
}

.form-floating > .form-control:hover {
    border-color: #0f71a9d1;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    cursor: pointer;
}

.form-floating > .form-control:focus {
    border-color: #0f71a9;
    box-shadow: 0 0 0 3px #527f22d9;
    background: #527f22d9;
    color: #fff;
}

/* Guest field */
.guest-field {
    background: transparent;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.6);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    transition: 0.3s;
    color: #fff;
}

.guest-field:hover {
    border-color: #0f71a9d1;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    cursor: pointer;
}

.guest-label {
    position: absolute;
    top: -8px;
    left: 20px;
    font-size: 12px;
    background: rgba(0,0,0,0.4);
    padding: 0 6px;
    border-radius: 6px;
    color: #fff;
}

.counter-btn {
    border: none;
    background: none;
    font-size: 20px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    transition: 0.2s;
}

.counter-btn:hover {
    background: rgba(255,255,255,0.2);
}

/* BUTTON */

.btn-modern {
    height: 60px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    background: linear-gradient(to right, #527f22d9, #527f22d9, #0f71a9d1);
    border: none;
    color: white;
    transition: 0.3s ease;
}

.btn-modern:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    color: #fff;
    background: linear-gradient(to right, #0f71a9d1, #527f22d9, #527f22d9);
}

@media (max-width: 992px) {
    .search-wrapper {
        width: 95%;
        height: auto;
        left: 2%;
    }
}
@media (max-width: 768px) {
    .search-wrapper {
       bottom:-15%;
    }
}

/* ===================================================== */
/* ABOUT */
/* ===================================================== */

.about-sanatorium {
    height: 100vh;
    overflow: hidden;
}

/* Левая часть */
.about-text {
    background: #ffffff;
}

.about-text h1 {
    color: #0e76b0;
    font-weight: 600;
    font-size: 2.5rem;
}

.text-scroll {
    max-height: 55vh;
    overflow-y: auto;
    padding-right: 10px;
}

/* Красивый скролл */
.text-scroll::-webkit-scrollbar {
    width: 6px;
}

.text-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.text-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #8ab186, #0e76b0);
    border-radius: 5px;
}

.text-scroll {
    scrollbar-width: thin;
    scrollbar-color: #8ab186 #f1f1f1;
}

.about-text p {
    color: #555;
    line-height: 1.7;
}

/* Правая часть */
.about-slider {
    background: linear-gradient(135deg, #8ab186, #0e76b0);
}

.object-fit-cover {
    object-fit: cover;
}

/* Переключатели */
.slider-controls {
    position: absolute;
    top: 94%;
    left: 91%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 5px;
    z-index: 10;
}

.slider-btn {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: none;
    background: rgb(183 209 7);
    color: #597b39;
    font-size: 26px;
    font-weight: 600;
    transition: 0.3s;
}

.slider-btn:hover {
    background: #597b39;
    color: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

@media (max-width: 992px) {
    .about-sanatorium {
        height: auto;
    }

    .slider-controls {
        top: auto;
        bottom: 20px;
    }
    .about-sanatorium .content{
     margin-top: 100px;
    }
}


.promo-section {
    height: 100vh;
    background: linear-gradient(to right, #fffffffa, #527f22d9, #0f71a9d1);
    display: flex;
    align-items: center;
}

.promo-title {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 100px;
}

/* Карточки */
.promo-card {
    display: block;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(6px);
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    transition: 0.4s ease;
    height: 100%;
}

.promo-img {
    height: 250px;
    background-size: cover;
    background-position: center;
    transition: 0.4s ease;
}

.promo-content {
    padding: 20px;
    background: rgba(0,0,0,0.35);
    min-height: 120px;
	height: 100%;
}

.promo-card h5 {
    margin: 0;
    font-weight: 500;
}

.promo-card:hover {
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    color:#ffffff;
    background: rgb(72 140 182);;
}

.promo-card:hover .promo-img {
    transform: scale(1.04);
}

/* Кнопки переключения */
.promo-control {
    width: 55px;
    height: 55px;
    border-radius: 5px;
    border: none;
    background: rgb(183 209 7);
    color: #597b39;
    font-size: 28px;
    font-weight: 600;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    transition: 0.3s;
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 12px;
    z-index: 10;
    top: 115%;
}

.promo-control{
    background: #597b39;;
    color: #fff;
}
.carousel-control-prev
{
    left: -10%;
}
.carousel-control-next
{
    left: 95%;
}

/* Кнопка "Все акции" */
.more-btn{
    display: flex;
    align-items: center;
    justify-content: end;
}
.btn-all-promo {
    padding: 10px 10px;
    border-radius: 5px;
    color: #b7d107;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
    font-size: 20px; 
}
.btn-all-promo span{
    margin-left: 10px;
    transition: 0.3s;
}

.btn-all-promo:hover {
    color: #ffffff;
   transform: translateX(5%);
}

@media (max-width: 992px) {
    .promo-section {
        height: auto;
        padding: 80px 0;
    }
}
.treatment-section {
    min-height: 100vh;
    background: #ffffff;
    padding: 100px 0;
}

.section-title {
    font-size: 2.6rem;
    font-weight: 600;
    color: #0e76b0;
}

.section-subtitle {
    max-width: 700px;
    margin: 0;
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
}

/* Карточка */
.treatment-card {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    height: 340px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: 0.4s ease;
}

.treatment-card img {
    width: 45%;
    object-fit: cover;
}

.treatment-content {
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.treatment-content h5 {
    color: #0e76b0;
    font-weight: 600;
    margin-bottom: 15px;
}

.treatment-content p {
    font-size: 0.85rem;
    color: #555;
    line-height: 1.6;
    flex-grow: 1;
}

/* Кнопка Подробнее */
.btn-treatment {
    height: 60px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    background: linear-gradient(to right, #527f22d9, #527f22d9, #0f71a9d1);
    border: none;
    color: white;
    transition: 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
padding: 12px 45px;
}

.btn-treatment:hover {
    background: linear-gradient(to right, #0f71a9d1,#527f22d9, #527f22d9);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* Нижняя кнопка */
.btn-all-directions a{
    color: #6db018;
}
.btn-all-directions a:hover{
    color: #498bb2;
}

/* Hover карточек */
.treatment-card:hover {
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

@media (max-width: 992px) {
    .treatment-section {
        height: auto;
        padding: 80px 0;
    }

    .treatment-card {
        flex-direction: column;
        height: auto;
    }

    .treatment-card img {
        width: 100%;
        height: 220px;
    }
}
.rooms-section {
    min-height: 100vh;
    background: linear-gradient(135deg, #f7faf9, #eef5f8);
    padding: 100px 0;
}

.section-title {
    font-size: 2.6rem;
    font-weight: 600;
    color: #0e76b0;
    margin-bottom: 20px;
}

/* Карточка */
.room-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: 0.3s ease;
}

.rooms-section .room-card {
	height: 100%;
}

.room-card:hover {
    /* Убираем поднимание, только лёгкая тень */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.room-image {
    overflow: hidden;
}

.room-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: 0.6s ease;
}

.room-card:hover img {
    transform: scale(1.05);
}

/* Контент карточки */
.room-content {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.room-content h5 {
    color: #0e76b0;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.1rem;
}

.room-content p {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1;
}

/* Кнопка */
.btn-room {
    margin-top: auto;
    display: inline-block;
    padding: 12px 22px;
    border-radius: 5px;
    font-size: 0.9rem;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(to right, #527f22d9, #527f22d9, #0f71a9d1);
    transition: 0.4s ease;
    white-space: nowrap;
}

.room-card:hover .btn-room {
    background: linear-gradient(to right, #0f71a9d1, #527f22d9, #527f22d9);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Адаптив */
@media (max-width: 992px) {
    .rooms-section {
        padding: 80px 0;
    }

    .room-image img {
        height: 180px;
    }
}
 .news-section {
    min-height: 100vh;
    background: linear-gradient(135deg, #0e76b0, #8ab186);
    padding: 100px 0;
}

.section-title.light {
    font-size: 2.6rem;
    font-weight: 600;
    color: #ffffff;
}

/* Карточка */
.news-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: 0.3s ease;
    height: 100%;
}

.news-card:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.news-image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

/* Контент */
.news-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.news-date {
    font-size: 0.85rem;
    color: #8ab186;
    margin-bottom: 10px;
    font-weight: 500;
}

.news-content h5 {
    color: #0e76b0;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1rem;
}

.news-content p {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 20px;
    flex-grow: 1;
}

/* Текстовая ссылка вместо кнопки */
.news-link-text {
    margin-top: auto;
    font-size: 0.9rem;
    font-weight: 500;
    color: #0e76b0;
    transition: 0.3s ease;
}

.news-card:hover .news-link-text {
    color: #527f22;
    text-decoration: underline;
}

/* Кастомные стрелки */
.carousel-control-prev-icon,
.carousel-control-next-icon {

    border-radius: 50%;
    padding: 20px;
}
.reviews-section {
    min-height: 100vh;
    background: #f4f8f6;
    padding: 120px 0 140px 0; /* увеличен нижний отступ */
}

.section-title {
    font-size: 2.6rem;
    font-weight: 600;
    color: #0e76b0;
}

/* Карточка */
.review-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 5px;
    padding: 40px;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: 0.3s ease;
    height: 100%;
    border-top: 4px solid #8ab186; /* добавили зелёный акцент */
}

.review-card:hover {
    box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Заголовок */
.review-header {
    margin-bottom: 20px;
}

.review-header h5 {
    color: #0e76b0;
    font-weight: 600;
    margin-bottom: 6px;
}

.review-date {
    font-size: 0.85rem;
    color: #8ab186; /* больше зелёного */
    font-weight: 500;
}

/* Текст */
.review-card p {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 30px;
    flex-grow: 1;
}

/* Ссылка внутри карточки */
.review-link {
    font-size: 0.9rem;
    font-weight: 500;
    color: #0e76b0;
    transition: 0.3s ease;
}

.review-card:hover .review-link {
    color: #8ab186;
    text-decoration: underline;
}

/* Нижний блок */
.reviews-bottom {
    margin-top: 60px; /* добавили воздух */
}

/* Кнопка */
.btn-all-reviews {
    display: inline-block;
    padding: 14px 40px;
    border-radius: 5px;
    font-size: 0.95rem;
    color: #ffffff;
    background: linear-gradient(to right, #527f22d9, #527f22d9, #0f71a9d1);
    text-decoration: none;
    transition: 0.4s ease;
}

.btn-all-reviews:hover {
    background: linear-gradient(to right, #0f71a9d1, #527f22d9, #527f22d9);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Контейнер карусели */
#reviewsCarousel {
    position: relative;
}

/* Общие стили стрелок */
#reviewsCarousel .carousel-control-prev,
#reviewsCarousel .carousel-control-next {
    width: 60px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

/* Смещаем в стороны за пределы карточек */
#reviewsCarousel .carousel-control-prev {
    left: -80px;
}

#reviewsCarousel .carousel-control-next {
    right: -80px;
}

/* Иконки */
#reviewsCarousel .carousel-control-prev-icon,
#reviewsCarousel .carousel-control-next-icon {
    background-image: none;
    background-color: #8ab186;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    position: relative;
    transition: 0.3s ease;
}

/* Стрелка символом */
#reviewsCarousel .carousel-control-prev-icon::after,
#reviewsCarousel .carousel-control-next-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: translate(-50%, -50%) rotate(-135deg);
}

#reviewsCarousel .carousel-control-next-icon::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

/* Hover */
#reviewsCarousel .carousel-control-prev:hover .carousel-control-prev-icon,
#reviewsCarousel .carousel-control-next:hover .carousel-control-next-icon {
    background-color: #0e76b0;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* Адаптив — возвращаем внутрь на мобильных */
@media (max-width: 1200px) {
    #reviewsCarousel .carousel-control-prev {
        left: -40px;
    }

    #reviewsCarousel .carousel-control-next {
        right: -40px;
    }
}

@media (max-width: 992px) {
    #reviewsCarousel .carousel-control-prev,
    #reviewsCarousel .carousel-control-next {
        left: 10px;
        right: 10px;
    }
}
#reviewsCarousel {
    overflow: visible;
}
#reviewsCarousel .carousel-control-prev,
#reviewsCarousel .carousel-control-next {
    position: absolute;
}
.reviews-section #reviewsCarousel .carousel-control-prev {
    left: -80px !important;
    right: auto !important;
}

.reviews-section #reviewsCarousel .carousel-control-next {
    right: -80px !important;
    left: auto !important;
}
.site-footer {
    background: linear-gradient(135deg, #0e76b0, #8ab186);
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.7;
    padding: 60px 0 30px 0;
    transition: all 0.3s ease;
}

.site-footer a {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.site-footer a:hover {
    color: #b7d107;
}

/* Лого */
.footer-logo {
    max-width: 180px;
    margin-bottom: 20px;
    filter: brightness(0) invert(1);
    transition: transform 0.3s ease;
}

.footer-logo-link:hover .footer-logo {
    transform: scale(1.05);
}

/* Контакты */
.footer-desc, .footer-phone {
    font-size: 1rem;
    margin-top: 10px;
}

.footer-desc a, .footer-phone a {
    font-weight: 600;
    font-size: 1.05rem;
    color: #ffffff;
    transition: color 0.3s ease;
}

.footer-desc a:hover, .footer-phone a:hover {
    color: #b7d107;
}

/* Соцсети */
.footer-social {
    margin-top: 15px;
    filter: brightness(0) invert(1);
}

.social-link {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 1.05rem;
    color: #ffffff;
    transition: all 0.3s ease;
}

.social-link:hover {
    color: #b7d107;
}

.social-icon {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    transition: transform 0.3s ease;
}

.social-link:hover .social-icon {
    transform: scale(1.2);
}

/* Меню в несколько колонок */
.footer-menu-cols {
    margin-top: 10px;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links li a {
    font-size: 0.95rem;
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease;
}

.footer-links li a:hover {
    color: #b7d107;
    transform: translateX(4px);
}

/* Нижний блок */
.footer-bottom {
    padding: 15px 0;
    border-top: 1px solid rgba(255,255,255,0.2);
    font-size: 0.9rem;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.footer-legal a {
    font-weight: 500;
    margin-right: 8px;
}

.footer-legal a:hover {
    text-decoration: underline;
}

.footer-copy {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.85);
}

/* Адаптив */
@media (max-width: 992px) {
    .footer-top .col-lg-4,
    .footer-top .col-lg-5,
    .footer-top .col-lg-3 {
        margin-bottom: 30px;
    }
    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}
 /* ================================================= */
/* PAGE BASE */
/* ================================================= */

.content-page{
padding:0 0 80px;
font-size:18px;
line-height:1.7;
}

img{
width:100%;
border-radius:5px;
}


/* ================================================= */
/* BREADCRUMBS */
/* ================================================= */

.breadcrumbs{
font-size:14px;
margin-bottom:20px;
}

.breadcrumbs a{
color:#0e76b0;
}


/* ================================================= */
/* HEADER */
/* ================================================= */

.page-header h1{
font-size:40px;
}

.annotation{
font-size:20px;
color:#555;
margin-top:15px;
}

@media (max-width:768px)  {
    .page-header h1 {
     font-size: 28px;
    }
}

/* ================================================= */
/* BOXES */
/* ================================================= */

.box{
padding:20px;
border-radius:5px;
margin:20px 0;
}

.box.important{
background:#fff4f4;
border-left:4px solid red;
}

.box.info{
background:#f0f8ff;
border-left:4px solid #0e76b0;
}

.box.note{
background:#f4f9f4;
border-left:4px solid #8ab186;
}

blockquote{
border-left:4px solid #0e76b0;
padding-left:15px;
font-style:italic;
}


/* ================================================= */
/* TABLE */
/* ================================================= */

.table{
width:100%;
border-collapse:collapse;
}

.table td,
.table th{
padding:10px;
}

.simple-table td{
border:none;
}


/* ================================================= */
/* GALLERY */
/* ================================================= */

.gallery{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:10px;
}

.gallery img{
cursor:pointer;
min-height: 100%;
}


/* ================================================= */
/* VIDEO */
/* ================================================= */

iframe{
width:100%;
height:300px;
border-radius:5px;
}


/* ================================================= */
/* BUTTON */
/* ================================================= */

.btn-modern{
display:inline-block;
padding:12px 30px;
border-radius:5px;
background:linear-gradient(to right,#527f22d9,#527f22d9,#0f71a9d1);
color:#fff;
}

.btn-modern:hover{
background:linear-gradient(to right,#0f71a9d1,#527f22d9,#527f22d9);
}


/* ================================================= */
/* DOWNLOAD */
/* ================================================= */

.download{
margin:30px 0;
padding:20px;
background:#f5f5f5;
border-radius:5px;
}


/* ================================================= */
/* FAQ */
/* ================================================= */

.accordion-button{
background:#fff;
}


/* ================================================= */
/* ADAPTIVE */
/* ================================================= */

@media (max-width:768px){

.gallery{
grid-template-columns:1fr;
}

iframe{
height:200px;
}

}

/* ================================================= */
/* TABLE MODERN */
/* ================================================= */

.table-wrapper{
overflow-x:auto;
margin:40px 0;
border-radius:5px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.table{
width:100%;
border-collapse:separate;
border-spacing:0;
background:#fff;
overflow:hidden;
}

/* HEADER */

.table thead{
background:linear-gradient(
to right,
#527f22d9,
#0f71a9d1
);
color:#fff;
}

.table th{
padding:16px;
font-weight:500;
font-size:15px;
border:none;
}

/* BODY */

.table td{
padding:14px 16px;
border-bottom:1px solid #f1f1f1;
color:#555;
}

/* ROW HOVER */

.table tbody tr{
transition:0.3s;
}

.table tbody tr:hover{
background:#f7faf9;
}

/* LAST ROW */

.table tbody tr:last-child td{
border-bottom:none;
}

/* ================================================= */
/* FAQ MODERN */
/* ================================================= */

.faq{
margin-top:60px;
}

.accordion-item{
border:none;
margin-bottom:15px;
border-radius:5px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

/* BUTTON */

.accordion-button{
background:#fff;
font-size:16px;
font-weight:500;
color:#0e76b0;
padding:18px 20px;
box-shadow:none;
transition:0.3s;
}

/* ACTIVE */

.accordion-button:not(.collapsed){
background:linear-gradient(to right, #0f71a9d1, #527f22d9, #fff);
color:#fff;
}

/* HOVER */



/* BODY */

.accordion-body{
background:#ffffff;
padding:20px;
color:#555;
line-height:1.6;
border-top:1px solid #f1f1f1;
}
.accordion-collapse{
transition:all 0.4s ease;
}
 /* ================================================= */
/* HERO */
/* ================================================= */

.room-hero{
padding: 110px 0 40px;
background:linear-gradient(135deg,#f7faf9,#eef5f8);
}

.room-title{
font-size:2.6rem;
font-weight:600;
color:#0e76b0;
}

.room-meta{
margin-top:10px;
color:#777;
display:flex;
gap:10px;
flex-wrap:wrap;
}

/* ================================================= */
/* GALLERY */
/* ================================================= */

.room-gallery{
padding:40px 0;
}

.gallery-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr;
grid-template-rows:200px 200px;
gap:10px;
}

.gallery-grid a{
border-radius:5px;
overflow:hidden;
display:block;
}

.gallery-grid img{
width:100%;
height:100%;
object-fit:cover;
transition:0.4s;
}

.gallery-grid a:hover img{
transform:scale(1.05);
}

.main-img{
grid-row:1/3;
}

/* ================================================= */
/* CONTENT */
/* ================================================= */

.room-content{
padding: 40px 0;
background:#fff;
}

.section-subtitle{
color:#0e76b0;
font-weight:600;
}

/* FEATURES */

.features-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
margin-top:20px;
}

.feature{
padding:12px;
background:#f7faf9;
border-radius:5px;
font-size:14px;
}

/* ================================================= */
/* RIGHT CARD */
/* ================================================= */

.room-card{
background:#ffffff;
padding:30px;
border-radius:5px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
height: auto;
}
.room-card h4{
    color: #0e76b0;
    font-weight: 500;
}

.room-card ul{
list-style: none;
padding: 0;
margin: 20px 0;
}

.room-card li{
display:flex;
justify-content:space-between;
margin-bottom:10px;
font-size:14px;
}

/* BUTTONS */

.btn-book{
display:block;
padding:16px;
text-align:center;
border-radius:5px;
background:linear-gradient(to right,#0f71a9d1,#527f22d9);
color:#fff;
font-weight:600;
margin-top:10px;
}
.btn-book:hover{
    color: #fff;
    background:linear-gradient(to right,#527f22d9,#0f71a9d1);
}

.btn-price{
display:block;
padding:14px;
text-align:center;
border-radius:5px;
border:1px solid #0e76b0;
color:#0e76b0;
font-weight:600;
 transition:.3s;
}
.btn-price:hover{
   border:1px solid #527f22d9; 
   background-color:#527f22d9;
   color: #fff;
}

/* ================================================= */
/* ADAPTIVE */
/* ================================================= */

@media(max-width:992px){

.gallery-grid{
grid-template-columns:1fr 1fr;
grid-template-rows:auto;
}

.main-img{
grid-row:auto;
}

.room-title{
font-size:2rem;
}

}
   /* ================================================= */
/* HERO OFFSET */
/* ================================================= */

/* ================================================= */
/* BUTTON MAIN */
/* ================================================= */

.btn-main{
padding:16px 28px;
border-radius:5px;
color:#fff;
font-weight:600;
background:linear-gradient(to right,#527f22d9,#527f22d9,#0f71a9d1);
transition:0.3s;
display:inline-block;
}

.btn-main:hover{
background:linear-gradient(to right,#0f71a9d1,#527f22d9,#527f22d9);
box-shadow:0 10px 25px rgba(0,0,0,0.25);
color:#fff;
}

/* ================================================= */
/* DESCRIPTION (выше и заметнее) */
/* ================================================= */

.room-description{
font-size:1.05rem;
line-height:1.7;
margin-bottom:20px;
color:#444;
}

/* ================================================= */
/* FEATURES ICONS */
/* ================================================= */

.feature{
display:flex;
align-items:center;
gap:10px;
padding:12px;
background:#f7faf9;
border-radius:5px;
font-size:14px;
}

.feature i{
width:18px;
height:18px;
color:#0e76b0;
}

/* ================================================= */
/* GALLERY CLICKABLE */
/* ================================================= */

.gallery-grid a{
cursor:pointer;
}

/* EMAIL BLOCK */
.email-list-modern{
display:flex;
flex-direction:column;
gap:12px;
margin-top:20px;
}

.email-item span{
font-size:13px;
color:#666;
}

.email-copy{
display:flex;
gap:10px;
margin-top:5px;
}

.email-copy input{
flex:1;
border:none;
background:#fff;
padding:10px;
border-radius:5px;
font-size:14px;
box-shadow:inset 0 0 0 1px #eee;
}

.email-copy button{
border:none;
padding:10px 14px;
border-radius:5px;
background:linear-gradient(to right,#527f22d9,#0f71a9d1);
color:#fff;
font-size:13px;
cursor:pointer;
transition:0.3s;
}

.email-copy button:hover{
background:linear-gradient(to right,#0f71a9d1,#527f22d9);
}

/* ROUTE GRID */
.route-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}

.route-col{
background:#f7faf9;
padding:20px;
border-radius:5px;
}

.route-col h6{
color:#0e76b0;
margin-bottom:10px;
}

/* MOBILE */
@media(max-width:768px){
.route-grid{
grid-template-columns:1fr;
}
}

/* ================================================= */
/* CONTACT PAGE */
/* ================================================= */

.contacts-page{
padding: 80px 0;
background:#f7faf9;
}

.contact-card{
background:#fff;
padding:30px;
border-radius:5px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
margin-bottom:20px;
transition:0.3s;
}

.contact-card:hover{
box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

.contact-card h4{
color:#0e76b0;
margin-bottom:15px;
font-weight:600;
}

/* Телефоны */
.contact-phone{
display:block;
font-size:22px;
font-weight:600;
color:#0e76b0;
margin-bottom:10px;
transition:0.3s;
}

.contact-phone:hover{
color:#527f22;
}

/* Мелкий текст */
.small-text{
font-size:13px;
color:#888;
margin-bottom:10px;
}

/* Email список */
.email-list{
list-style:none;
padding:0;
margin:0;
}

.email-list li{
margin-bottom:8px;
font-size:14px;
}

.email-list a{
color:#0e76b0;
}

.email-list a:hover{
color:#527f22;
}

/* Соцсети */
.socials{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.socials a{
padding:8px 16px;
border-radius:5px;
background:linear-gradient(to right,#527f22d9,#0f71a9d1);
color:#fff;
font-size:14px;
transition:0.3s;
}

.socials a:hover{
background:linear-gradient(to right,#0f71a9d1,#527f22d9);
}

/* ================================================= */
/* ROUTE */
/* ================================================= */

.route-section{
padding:100px 0;
}s

.route-card{
background:#fff;
padding:30px;
border-radius:5px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

/* Таблица */
.route-table{
width:100%;
border-collapse:collapse;
}

.route-table th{
background:#f4f8f6;
color:#0e76b0;
padding:12px;
text-align:left;
}

.route-table td{
padding:12px;
border-bottom:1px solid #eee;
}

/* ================================================= */
/* ADAPTIVE */
/* ================================================= */

@media(max-width:992px){

.contacts-page{
padding:80px 0;
}

.route-section{
padding:80px 0;
}

}

.gallery-hub{
padding:0px 0 120px;
display:flex;
align-items:center;
}

/* HEADER */
.gallery-header h1{
font-size:42px;
color:#0e76b0;
margin-bottom:10px;
}

.gallery-header p{
color:#555;
margin-bottom:50px;
}

/* CARD */
.gallery-card{
position:relative;
display:block;
height:420px;
border-radius:5px;
overflow:hidden;
text-decoration:none;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
transition:0.4s ease;
}

/* BG */
.gallery-bg{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center;
transition:0.6s ease;
}

/* OVERLAY */
.gallery-overlay{
position:absolute;
width:100%;
height:100%;
background:linear-gradient(180deg,rgba(0,0,0,0.3),rgba(0,0,0,0.7));
}

/* CONTENT */
.gallery-content{
position:absolute;
bottom:30px;
left:30px;
right:30px;
color:#fff;
z-index:2;
}

/* ICON */
.gallery-content .icon{
width:60px;
height:60px;
border-radius:5px;
background:linear-gradient(to right,#8ab186,#0e76b0);
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
}

/* TEXT */
.gallery-content h3{
font-size:24px;
margin-bottom:10px;
}

.gallery-content p{
font-size:14px;
opacity:0.9;
margin-bottom:20px;
}

/* BUTTON */
.btn-gallery{
display:inline-block;
padding:12px 24px;
border-radius:5px;
background:linear-gradient(to right,#527f22d9,#527f22d9,#0f71a9d1);
transition:0.3s;
}

/* HOVER */
.gallery-card:hover .gallery-bg{
transform:scale(1.08);
}

.gallery-card:hover .btn-gallery{
background:linear-gradient(to right,#0f71a9d1,#527f22d9,#527f22d9);
box-shadow:0 10px 25px rgba(0,0,0,0.3);
}

/* ADAPTIVE */
@media(max-width:992px){
.gallery-card{
height:340px;
}
}

@media(max-width:768px){
.gallery-hub{
padding:180px 0 80px;
}
}

  .photo-gallery-page{

min-height:100vh;
}

/* HEADER */
.gallery-header h1{
font-size:42px;
color:#0e76b0;
margin-bottom:10px;
}

.gallery-header p{
color:#555;
margin-bottom:50px;
}

/* CARD */
.gallery-folder{
position:relative;
display:block;
height:260px;
border-radius:5px;
overflow:hidden;
text-decoration:none;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
transition:0.4s ease;
}

/* BG */
.folder-bg{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center;
transition:0.6s ease;
}

/* OVERLAY */
.folder-overlay{
position:absolute;
width:100%;
height:100%;
background:linear-gradient(180deg,rgba(0,0,0,0.2),rgba(0,0,0,0.75));
}

/* CONTENT */
.folder-content{
position:absolute;
bottom:20px;
left:20px;
right:20px;
color:#fff;
z-index:2;
}

/* TITLE */
.folder-content h4{
font-size:20px;
margin-bottom:10px;
}

/* META */
.folder-meta{
display:flex;
justify-content:space-between;
font-size:13px;
opacity:0.9;
}

/* HOVER */
.gallery-folder:hover .folder-bg{
transform:scale(1.08);
}

.gallery-folder:hover{
box-shadow:0 25px 60px rgba(0,0,0,0.2);
}

/* ADAPTIVE */
@media(max-width:992px){
.gallery-folder{
height:220px;
}
}

@media(max-width:768px){
.photo-gallery-page{
padding:180px 0 80px;
}
.gallery-header h1{
font-size:32px;
}
}
.doctors-page{
padding: 80px 0 120px;
background:linear-gradient(135deg,#f7faf9,#eef5f8);
}

/* HEADER */
.doctors-header h1{
font-size:42px;
color:#0e76b0;
margin-bottom:10px;
}

.doctors-header p{
color:#555;
margin-bottom:50px;
}

/* CARD */
.doctor-card{
display:block;
background:#fff;
border-radius:5px;
overflow:hidden;
text-decoration:none;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s ease;
height:100%;
}

/* IMAGE */
.doctor-image{
height:380px;
overflow:hidden;
}

.doctor-image img{
width:100%;
height:100%;
object-fit:cover;
transition:0.5s ease;
}

/* CONTENT */
.doctor-content{
padding:20px;
text-align:center;
}

.doctor-content h5{
color:#0e76b0;
font-weight:600;
margin-bottom:8px;
font-size:16px;
}

.doctor-content span{
color:#666;
font-size:14px;
}

/* HOVER */
.doctor-card:hover{
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.doctor-card:hover img{
transform:scale(1.05);
}

/* ADAPTIVE */
@media(max-width:768px){
.doctors-page{
padding:180px 0 80px;
}

.doctors-header h1{
font-size:32px;
}

.doctor-image{
height:220px;
}
}

.doctor-page{
padding:0px 0 120px;
}

/* PHOTO */
.doctor-photo{
border-radius:5px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

.doctor-photo img{
width:100%;
height:100%;
object-fit:cover;
}

/* NAME */
.doctor-name{
font-size:36px;
color:#0e76b0;
font-weight:600;
margin-bottom:10px;
}

/* SPECIALIZATION */
.doctor-specialization{
font-size:18px;
color:#555;
}

/* BUTTON */
.btn-main{
display:inline-block;
padding:14px 30px;
border-radius:5px;
color:#fff;
background:linear-gradient(to right,#527f22d9,#527f22d9,#0f71a9d1);
text-decoration:none;
transition:0.3s;
}

.btn-main:hover{
background:linear-gradient(to right,#0f71a9d1,#527f22d9,#527f22d9);
box-shadow:0 10px 25px rgba(0,0,0,0.3);
color:#fff;
}

/* INFO BLOCK */
.doctor-info{
margin-top:40px;
}

/* CARD */
.info-card{
background:#fff;
padding:25px;
border-radius:5px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
height:100%;
}

.info-card h5{
color:#0e76b0;
margin-bottom:10px;
font-weight:600;
}

.info-card p{
color:#555;
line-height:1.6;
margin:0;
}

/* ADAPTIVE */
@media(max-width:768px){

.doctor-page{
padding:180px 0 80px;
}

.doctor-name{
font-size:26px;
}

.doctor-specialization{
font-size:16px;
}

}
.articles-alt{
padding:0px 0 100px;

}

/* TITLE */
.page-title{
font-size:34px;
font-weight:600;
color:#0e76b0;
margin-bottom:40px;
}

/* CARD */
.article-card-alt{
display:block;
background:#fff;
border-radius:5px;
overflow:hidden;
text-decoration:none;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
transition:0.4s ease;
height:100%;
}

.article-card-alt:hover{
box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

/* IMAGE */
.article-img-alt{
height:280px;
background-size:cover;
background-position:center;
transition:0.5s;
}

.article-card-alt:hover .article-img-alt{
transform:scale(1.03);
}

/* BODY */
.article-body-alt{
padding:25px;
display:flex;
flex-direction:column;
height:40%;
}

.article-body-alt h4{
color:#0e76b0;
font-weight:600;
margin-bottom:15px;
font-size:18px;
}

.article-body-alt p{
color:#555;
font-size:14.5px;
line-height:1.6;
margin-bottom:25px;
flex-grow:1;
}

/* FOOTER */
.article-footer-alt{
display:flex;
justify-content:flex-end;
}

.article-link{
font-size:14px;
color:#0e76b0;
font-weight:500;
transition:0.3s;
}

.article-card-alt:hover .article-link{
color:#527f22;
}

/* BREADCRUMBS */
.breadcrumbs{
margin-bottom:20px;
font-size:14px;
color:#777;
}

.breadcrumbs a{
color:#0e76b0;
text-decoration:none;
}

.breadcrumbs span{
margin:0 6px;
}

/* ADAPTIVE */
@media(max-width:992px){

.page-title{
font-size:26px;
}

.article-img-alt{
height:200px;
}

}

/* =========================================
   CAROUSEL CONTROLS (общие)
========================================= */

.carousel-control-prev,
.carousel-control-next {
    width: 48px;
    height: 48px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    border-radius: 50%;
    transition: all 0.3s ease;
}

/* позиционирование внутри контейнера */
.carousel-control-prev {
    left: 10px;
}

.carousel-control-next {
    right: 10px;
}

/* иконки */
.carousel-control-prev-icon,
.carousel-control-next-icon {

    width: 20px;
    height: 20px;
}

@media (max-width: 1200px) {
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
}

.carousel {
    touch-action: pan-y;
}
.reviews-page{
	padding:0 0 100px;
}

/* FORM */

.review-form{
	background:#92b78f;
	padding:30px;
	border-radius:5px;
	box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.review-form h4{
	color:#0e76b0;
	margin-bottom:20px;
}

/* CAPTCHA */

.captcha-box{
	display:flex;
	gap:10px;
	align-items:center;
}

.captcha-img{
	flex:0 0 140px;
}

.captcha-img img{
	width:100%;
	height:auto;
	border-radius:5px;
}

/* REVIEWS */

.reviews-list{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.review-card{
	background:#fff;
	padding:25px;
	border-radius:5px;
	box-shadow:0 10px 25px rgba(0,0,0,0.08);
	border-left:4px solid #8ab186;
	transition:0.3s;
}

.review-card:hover{
	box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

.review-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:10px;
	gap:20px;
}

.review-head h5{
	margin:0;
	color:#0e76b0;
	font-size:20px;
}

.review-date{
	font-size:13px;
	color:#8ab186;
	white-space:nowrap;
}

.review-card p{
	color:#555;
	font-size:14px;
	line-height:1.7;
	margin:0;
}

/* PAGINATION */

.pagination-custom{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.pagination-custom .bx-pagination-container{
	width:100%;
}

.pagination-custom a,
.pagination-custom span{
	padding:8px 14px;
	background:#fff;
	border-radius:5px;
	text-decoration:none;
	color:#0e76b0;
	box-shadow:0 5px 15px rgba(0,0,0,0.08);
	transition:0.3s;
	display:inline-block;
		margin: 0 5px;
}

.pagination-custom a:hover{
	background:#0e76b0;
	color:#fff;
}

/* INPUTS */

.form-control{
	border-radius:5px;
	border:1px solid rgba(0,0,0,0.15);
}

.form-control:focus{
	border-color:#0f71a9;
	box-shadow:0 0 0 3px #527f22d9;
}

/* BUTTON */

.btn-main{
	background:#0e76b0;
	color:#fff;
	border:none;
	padding:14px 20px;
	border-radius:5px;
	font-weight:600;
	transition:.3s;
}

.btn-main:hover{
	background:#095885;
}

/* ADAPTIVE */

@media(max-width:992px){

	.review-form{
		margin-bottom:30px;
	}

	.review-head{
		flex-direction:column;
		align-items:flex-start;
		gap:5px;
	}

	.reviews-page{
		padding:140px 0 80px;
	}

}
  .error-404-page{
position:relative;
height:100vh;
display:flex;
align-items:center;
justify-content:center;

overflow:hidden;
}

/* OVERLAY */
.error-overlay{
position:absolute;
width:100%;
height:100%;
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.15);
}

/* CONTENT */
.error-content{
position:relative;
z-index:2;
color:#fff;
max-width:600px;
margin:auto;
}

/* 404 */
.error-code{
font-size:140px;
font-weight:700;
line-height:1;
background: #ffffff;
background-clip: text;
-webkit-text-fill-color:transparent;
margin-bottom:20px;
animation:float 3s ease-in-out infinite;
}

/* TEXT */
.error-content h1{
font-size:32px;
margin-bottom:15px;
}

.error-content p{
font-size:16px;
opacity:0.95;
margin-bottom:30px;
}

/* BUTTONS */
.error-actions{
display:flex;
gap:15px;
justify-content:center;
flex-wrap:wrap;
}

/* MAIN BTN */
.btn-main{
padding:14px 32px;
border-radius:5px;
color:#fff;
background:linear-gradient(to right,#527f22d9,#527f22d9,#0f71a9d1);
transition:0.3s;
text-decoration:none;
}

.btn-main:hover{
background:linear-gradient(to right,#0f71a9d1,#527f22d9,#527f22d9);
box-shadow:0 10px 25px rgba(0,0,0,0.3);
color:#fff;
}

/* OUTLINE BTN */
.btn-outline{
padding:14px 32px;
border-radius:5px;
border:1px solid #fff;
color:#fff;
text-decoration:none;
transition:0.3s;
}

.btn-outline:hover{
background:#ffffff;
color:#0e76b0;
}

/* ANIMATION */
@keyframes float{
0%{transform:translateY(0);}
50%{transform:translateY(-10px);}
100%{transform:translateY(0);}
}

/* ADAPTIVE */
@media(max-width:768px){

.error-code{
font-size:90px;
}

.error-content h1{
font-size:24px;
}

.error-content p{
font-size:14px;
}

.error-actions{
flex-direction:column;
}
}

.bg-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
}

/* overlay должен быть поверх видео */
.error-overlay{
z-index:1;
}

/* контент поверх всего */
.error-content{
z-index:2;
position:relative;
}
.mt15{
display:none;
}
.news-section .carousel-control-prev, .news-section .carousel-control-next{
display:none;
}
.prog-box{
display:none;
}