@font-face {
    font-family : 'Montserrat';
    src         : url('../Montserrat/Montserrat-VariableFont_wght.ttf') format('ttf');
}

* {
    font-family         : "Montserrat", sans-serif;
    font-optical-sizing : auto;
    font-weight         : 400;
    font-style          : normal;
}

body {
    overflow-x : hidden;
    background : #FFFCF8;
}
.hello{
    background: transparent;
}

.input-error {
    border-color : #ea5455 !important;
}

.bg-menu-theme {
    box-shadow : 0 0.125rem 0.25rem rgb(165 163 174) !important;
}

.navbar-detached {
    box-shadow : 0 0.125rem 0.25rem rgb(165 163 174) !important;
}

.card {
    box-shadow : 0 0 0.25rem rgb(75 70 92 / 45%) !important;
}

.input-error {
    border-color : #ea5455 !important;
}

.chapters {
    min-height : 250px;
}

.chapters li {
    flex          : 0 0 30%;
    background    : #F9F9F9;
    box-shadow    : 1px 1px 3px 1px rgba(230, 235, 236, 1);
    border-radius : 8px;
}

.chapters a.title {
    font-size : 16px;
    color     : #262B36;
}

.border-danger, .btn-danger {
    border-color : #fa6400 !important;
}

.border-success, .btn-success {
    border-color : #6dd400 !important;
}

.border-info, .btn-info {
    border-color : #44d7b6 !important;
}

.border-warning, .btn-warning {
    border-color : #f9ce5c !important;
}

.swiper-button-prev, .swiper-button-next{
    border-radius: 0px !important;
    width: 40px !important;
    height: 50px !important;
}
.swiper-button-prev{
    left: -29px;
}
.swiper-button-next{
    right: -29px;
}
@media only screen and (min-width : 1400px) {
    body .swiper .swiper-slide{
        background-size: cover !important;
    }    
}
@media only screen and (max-width : 767px) {
    body .swiper .swiper-slide{
        background-size: contain !important;
    }
    .chapters li {
        flex : 0 0 100%;
    }
        .swiper-button-prev{
        left: 0px;
    }
    .swiper-button-next{
        right: 0px;
    }
}