.gif-showcase{
    height: 20rem;
    /*width: 100%;*/
}

@media screen and (max-width: 1199px) {
    .gif-showcase{
        /*height: 10rem;*/
        width: 100%;
    }
}

@media (min-width: 1200px) {
    html[data-bs-theme=dark] .card .card-body, .card .card-body {
        padding: 4rem;
    }
}


@media (max-width: 1200px) {
    html[data-bs-theme=dark] .fs-2-web, .fs-2-web{
        font-size: 1.5rem;
    }
}

@media (min-width: 1200px) {
    html[data-bs-theme=dark] .fs-lg-5, .fs-lg-5 {
        font-size: 1.25rem;
    }
}




html[data-bs-theme=dark] .logo-solo, .logo-solo {
    transform: translate(50%, -10%);
    height: 100%;
    z-index: 1;
    opacity: 30%;
}

@media (min-width: 1200px) {
    html[data-bs-theme=dark] .logo-solo, .logo-solo {
        transform: translateX(42%);
        height: 110%;
        top: -5%;
        opacity: 100%;
    }
}





html[data-bs-theme=dark] .col, .col {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}


h1, h2, h3, h4, h5, h6{
    color: #414141;
}

html[data-bs-theme=dark] h1, html[data-bs-theme=dark] h5{
    color: #f1f1f1;
}


html[data-bs-theme=dark] .card-text, .card-text{
    font-size: 1.15rem;
}
@media (max-width: 900px) {
    html[data-bs-theme=dark] .card-text, .card-text {
        font-size: 1rem;
    }
}



html[data-bs-theme=dark] .btn-primary, .btn-primary {
    --bs-btn-bg: var(--main-red-color);
    --bs-btn-border-color: var(--main-red-color);
    --bs-btn-hover-bg: #bd4530;
    --bs-btn-hover-border-color: #bd4530;
    --bs-btn-active-bg: #a63c2a;
    --bs-btn-active-border-color: #a63c2a;
    --bs-btn-border-width: 3px;
}

 html[data-bs-theme=dark] .btn-outline-primary-enter, .btn-outline-primary-enter {
    --bs-btn-border-color: var(--main-blue-color);
    --bs-btn-hover-bg: var(--main-blue-color);
    --bs-btn-hover-border-color: var(--main-blue-color);
    --bs-btn-active-bg: #428598;
    --bs-btn-active-border-color: #428598;
     --bs-btn-border-width: 3px;
}

html[data-bs-theme=dark] .form-check-input:checked{
    background-color: var(--main-red-color);
    border-color: var(--main-red-color);
}


html[data-bs-theme=dark] .card, .card {
    margin-bottom: 1rem;
}

html[data-bs-theme=dark] .list-group, .list-group{
    --bs-list-group-border-radius: 1rem;
}
@media (min-width: 1200px) {
    html[data-bs-theme=dark] .card, .card {
        --bs-card-border-radius: 1.5rem;
        margin-bottom: 3rem;
    }

    html[data-bs-theme=dark] .list-group, .list-group{
        --bs-list-group-border-radius: 1.5rem;
    }
}





html[data-bs-theme=dark] .i-center, .i-center{
    vertical-align: middle;
}

html[data-bs-theme=dark] .lgi-flex, .lgi-flex{
    display: flex;
    align-items: baseline;
}


@media (max-width: 1200px) {
    html[data-bs-theme=dark] .background-none, .background-none{
        background-color: rgba(30, 30, 45, 0);
        border-radius: 0;
    }

    html[data-bs-theme=dark] .list-group-item, .list-group-item, html[data-bs-theme=dark] .bg-body-swap, .bg-body-swap{
        background-color: var(--bs-card-bg) !important;
    }

    .main-text{
        background-color: rgba(218, 227, 240, 0.8) !important;
        text-align: center;
    }
    html[data-bs-theme=dark] .main-text{
        background-color: rgba(31, 31, 46, 0.8) !important;
        text-align: center;
    }


}

html[data-bs-theme=dark] .text-big{
    color: #dcdcdc !important;
}


html[data-bs-theme=dark] .bi-dot-swap, .bi-dot-swap {
    transform: translate(-0.6rem, -0.6rem);

}

@media (max-width: 900px) {
    html[data-bs-theme=dark] .bi-dot-swap, .bi-dot-swap {
        transform: translateY(-0.6rem);
    }
}

@media (max-width: 600px) {
    html[data-bs-theme=dark] .bi-dot-swap, .bi-dot-swap {
        transform: translateY(-0.45rem);
    }
}


.carousel-control-prev {
    width: 10% !important;
    justify-content: start !important;
}

@media (max-width: 900px) {
    .carousel-control-prev{
        width: 30% !important;
    }
}

.carousel-control-next {
    width: 10% !important;
    justify-content: end !important;
}

@media (max-width: 900px) {
    .carousel-control-next{
        width: 30% !important;
    }
}

html[data-bs-theme=dark] .carousel-item, .carousel-item{
    padding-left: 5rem;
    padding-right: 5rem;
    padding-bottom: 4rem;
    transition: transform 0.45s ease-in-out ;
}

@media (max-width: 900px) {
    html[data-bs-theme=dark] .carousel-item, .carousel-item{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (max-width: 600px) {
    html[data-bs-theme=dark] .carousel-item, .carousel-item{
        padding-left: 0;
        padding-right: 0;
    }
}


.text-justify{
     text-align: justify;
}


html[data-bs-theme=dark] .carousel-control-next-icon, .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2353a8c0'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' /%3e%3c/svg%3e");
}


html[data-bs-theme=dark] .carousel-control-prev-icon,
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2353a8c0'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' /%3e%3c/svg%3e");
}
html[data-bs-theme=dark] .carousel-control-next-icon, .carousel-control-next-icon,
html[data-bs-theme=dark] .carousel-control-prev-icon, .carousel-control-prev-icon{
    width: 3rem; /* Увеличиваем ширину */
    height: 3rem; /* Увеличиваем высоту */
    background-size: 100% 100%; /* Масштабируем изображение */
}

@media (max-width: 600px) {
    html[data-bs-theme=dark] .carousel-control-prev-icon, .carousel-control-prev-icon,
    html[data-bs-theme=dark] .carousel-control-next-icon, .carousel-control-next-icon{
        height: 2rem;
        width: 2rem; /* Увеличиваем ширину */
    }
}



.carousel-indicators [data-bs-target]{
    background-color: #53a8c0 !important;
}

.bi-more{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L8 10L11 7' stroke='%23414141' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

html[data-bs-theme=dark] .bi-more{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L8 10L11 7' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bi-left-arrow{
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_48_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 0.999999 8 0.999999C6.14349 0.999999 4.36301 1.7375 3.05025 3.05025C1.7375 4.36301 1 6.14348 1 8C1 9.85651 1.7375 11.637 3.05025 12.9497C4.36301 14.2625 6.14348 15 8 15C9.85652 15 11.637 14.2625 12.9497 12.9497C14.2625 11.637 15 9.85652 15 8ZM6.99382e-07 8C8.8487e-07 5.87827 0.842855 3.84344 2.34315 2.34314C3.84344 0.842853 5.87827 -8.8487e-07 8 -6.99382e-07C10.1217 -5.13895e-07 12.1566 0.842854 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 5.13895e-07 10.1217 6.99382e-07 8Z' fill='%2353a8c0'/%3E%3Cpath d='M9.35352 11.3535C9.15825 11.5488 8.84175 11.5488 8.64648 11.3535L5.64649 8.35351C5.45122 8.15825 5.45122 7.84175 5.64649 7.64648L8.64649 4.64648C8.84175 4.45122 9.15825 4.45122 9.35352 4.64648C9.54878 4.84175 9.54878 5.15825 9.35352 5.35352L6.70703 8L9.35352 10.6465C9.54878 10.8417 9.54878 11.1583 9.35352 11.3535Z' fill='%2353a8c0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_48_2'%3E%3Crect width='16' height='16' fill='%2353a8c0'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    font-size: 2rem;
}

.bi-right-arrow{
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_47_6)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 8C1 9.85652 1.7375 11.637 3.05025 12.9497C4.36301 14.2625 6.14348 15 8 15C9.85652 15 11.637 14.2625 12.9497 12.9497C14.2625 11.637 15 9.85652 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1C6.14348 1 4.36301 1.7375 3.05025 3.05025C1.7375 4.36301 1 6.14348 1 8ZM16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8Z' fill='%2353a8c0'/%3E%3Cpath d='M6.64648 4.64648C6.84175 4.45122 7.15825 4.45122 7.35352 4.64648L10.3535 7.64648C10.5488 7.84175 10.5488 8.15825 10.3535 8.35352L7.35352 11.3535C7.15825 11.5488 6.84175 11.5488 6.64648 11.3535C6.45122 11.1583 6.45122 10.8417 6.64648 10.6465L9.29297 8L6.64648 5.35352C6.45122 5.15825 6.45122 4.84175 6.64648 4.64648Z' fill='%2353a8c0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_47_6'%3E%3Crect width='16' height='16' fill='%2353a8c0'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    font-size: 2rem;
}


@media (max-width: 600px) {
    .fs-5 {
        font-size: 1rem !important
    }
}
@media (max-width: 1400px) {
    html[data-bs-theme=dark] .toast {
        background-color: rgba(44, 46, 66, 0.98);
    }
}
@media (max-width: 1400px) {
    .toast {
             background-color: rgba(255, 255, 255, 0.98);
    }
}

html[data-bs-theme=dark] .toggle-dark:checked{
    background-color: var(--main-red-color) !important;
    border-color: var(--main-red-color) !important;
}