.inpbtn {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}

.form-calc {
    border-radius: 15px;
    border: 2px solid #dddddd;
    background-color: rgb(139 168 239 / 9%);
}

.hete {
    color: wheat;
}

.ui-datepicker{
    z-index: 99999 !important;
}


.pform-first{
    padding-right: 0 !important;
}
.pform{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.blgd{
    height: 100%;
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
}
.blgd-1 {
    background-color: #ffffff;
}
.blgd-2 {
    background-color: #209cee;
}
.blgd-3 {
    background-color: #ffdd57;
}

.set_till_date.hide, .set_from_date.hide{
    display: none;
}

.addPayment_list {
    cursor: pointer;
}

.remove-block_day{
    width: 100%;
}

@media (max-width: 991.98px) {
    .custom-margin-padding {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}


@media print {
    .print-save-buttons {
        display: none; /* Скрытие кнопок при печати */
    }
    .resultTable {
        margin: 20mm; /* Добавление отступов для блока при печати */
    }
    body {
        margin: 10mm; /* Добавление отступов для блока при печати */
    }
}

.tabhead{
    font-size: 0.8em;
}

.carousel-item {
    cursor: pointer;
}


.banner-text {
    position: absolute;
    top: 20px;
    left: 20px;
    color: white;
    width: 70%;
}

.blue-block {
    background-color: #007bff; /* Bootstrap primary color */
    padding: 10px;
    border-radius: 5px;
}

.banner-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000; /* Black background */
    padding: 10px 20px; /* Spacing inside the footer */
}

.banner-footer span {
    color: white; /* White text for the 'Узнать подробнее' */
}

.banner-footer .btn {
    /* Additional styling for the button if needed */
}

.carousel-item{
    border-radius: 15px;
    overflow: hidden;
}

@media screen and (max-width: 475px) {
    .small-text {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 767px) {
    #calc{
        margin-top: 5px;
    }
}


/* Экраны шире 1400px */
@media (min-width: 1401px) {
    .titletext {
        font-size: 1.75rem;
        font-weight: 800;
    }
    .logol{
        max-height: 60px ;
    }
}

/* Экраны от 1200px до 1400px */
@media (min-width: 1200px) and (max-width: 1400px) {
    .titletext {
        font-size: 1.75rem;
        font-weight: 700;
    }
    .logol{
        max-height: 50px ;
    }
}

/* Экраны от 448px до 1200px */
@media (min-width: 527px) and (max-width: 1199px) {
    .titletext {
        font-size: 1.55rem;
        font-weight: 700;
    }
    .logol{
        max-height: 35px ;
    }
}

/* Экраны от 416px до 448px */
@media (min-width: 432px) and (max-width: 526px) {
    .titletext {
        font-size: 1.25rem;
        font-weight: 700;
    }
    .logol{
        max-height: 30px ;
    }
}

/* Экраны от 350px до 416px */
@media (min-width: 390px) and (max-width: 431px) {
    .titletext {
        font-size: 1.1rem;
        font-weight: 700;
    }
    .logol{
        max-height: 25px ;
    }
}
/* Экраны от 350px до 416px */
@media (min-width: 336px) and (max-width: 389px) {
    .titletext {
        font-size: 0.9rem;
        font-weight: 700;
    }
    .logol{
        max-height: 25px ;
    }
}

@media (min-width: 0px) and (max-width: 335px) {
    .titletext {
        font-size: 0.7rem;
        font-weight: 700;
    }
    .logol{
        max-height: 25px ;
    }
}



.glov {
    display: flex; /* Превращаем в flex-контейнер */
    flex-direction: column; /* Расположение элементов в колонне */
    justify-content: space-between; /* Равномерное распределение пространства */
    height: 100%; /* Высота контейнера */
}

.lorsk {
    display: flex; /* Flex-контейнер для внутренних элементов */
    flex-direction: column; /* Расположение в колонне */
    justify-content: space-between; /* Распределение пространства */
    flex: 1; /* Растягивается, чтобы занять доступное пространство */
}

.carousel-item, .d-none.d-lg-block.lorsk {
    flex: 1; /* Равное распределение пространства */
    overflow: hidden; /* Скрываем лишнее */
}

.carousel-item img, .d-none.d-lg-block.lorsk img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Обрезаем изображение для заполнения контейнера */
    object-position: center; /* Центрирование изображения */
}

.static-ban {
    display: flex !important; /* Превращаем в flex-контейнер */
    flex-direction: column; /* Расположение элементов в колонне */
    justify-content: flex-end; /* Прижимаем содержимое к низу */
    height: 100% !important; /* Устанавливаем высоту, если это необходимо */
}

.static-ban_1{
    flex-direction: column; /* Расположение элементов в колонне */
    justify-content: flex-end; /* Прижимаем содержимое к низу */
    height: 100% !important; /* Устанавливаем высоту, если это необходимо */
}

.titleb{
    font-weight: 700;
}

.tel-link {
    text-decoration: none; /* Убирает подчеркивание у ссылок */
    color: inherit; /* Наследует цвет текста от родительского элемента */
}