@import url('font.css');
:root {
    --color-success: rgba(84, 211, 173, 1);
    --color-danger: rgba(205, 16, 45, 1);
    --color-grey: #808080 !important;
    --color-orange: #f24e1e;
    --color-yellow-gold: #f68c1f;
    --color-light-green: #3f9470;
    --color-black-white: #282834;
    --color-green-1: hwb(173deg 90% 3%);
    --color-danger-1: #ffeeea;
    --color-orange-1: #fef6e0;
    --color-purple-1: hwb(233deg 94% 0%);
    --color-grey-1: #f5f5f7;
    --color-pink: #DEAAB8;
    --color-grey-logo: #53575A;
    --color-grey-contact: #776d6e;
    --color-red-white: #f6d6d4;
    --color-pink-black: #deaab8;
    --form-color: #C6CACEFF;
    --color-orange-white: #f66962;
    --color-yellow-white: #ffe1b7;
    --color-yellow: #F8A957;
    --color-grey-dashboard: #D9D9D9;
    --color-blue: #4E9BB9;
    --color-blue-verify: #2196f3;
    --color-grey-dash: #9da6ba;
    --color-purple: #B1B9E1;
    --color-grey-title: #707070;
    --color-grey-light: #888888;
    --color-pink-light: #fae3e6;
    --color-black-grey: #464646;
}


.btn-white {
    --bs-btn-color: black;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #f1f7f8;
    --bs-btn-hover-color: black;
    --bs-btn-hover-bg: #f1efef;
    --bs-btn-hover-border-color: #ebeff5;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: black;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn-grey {
    --bs-btn-color: var(--color-grey);
    --bs-btn-bg: #efeff7;
    --bs-btn-border-color: #efeff7;
    --bs-btn-hover-color: var(--color-danger);
    --bs-btn-hover-bg: #f1efef;
    --bs-btn-hover-border-color: var(--color-danger);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--color-danger);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: var(--color-danger);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn-default {
    --bs-btn-color: white;
    --bs-btn-bg: #acacac;
    --bs-btn-border-color: #acacac;
    --bs-btn-hover-color: #acacac;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: #acacac;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #acacac;
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: #acacac;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn-danger {
    --bs-btn-color: white;
    --bs-btn-bg: var(--color-danger) !important;
    --bs-btn-border-color: #f1f7f8 !important;
    --bs-btn-hover-color: var(--color-danger) !important;
    --bs-btn-hover-bg: #f1efef !important;
    --bs-btn-hover-border-color: var(--color-danger) !important;
    --bs-btn-focus-shadow-rgb: 130, 138, 145 !important;
    --bs-btn-active-color: white !important;
    --bs-btn-active-bg: var(--color-danger) !important;
    --bs-btn-active-border-color: var(--color-danger) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(255, 95, 95, 0.12) !important;
    --bs-btn-disabled-color: var(--color-danger) !important;
    --bs-btn-disabled-bg: var(--color-danger-1) !important;
    --bs-btn-disabled-border-color: var(--color-danger-1) !important;
}

.dropdown-menu-2 {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-toggle::after {
    display: none;
}


.text-white {
    --bs-text-opacity: 1;
    color: #fff !important;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: #fff !important;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: var(--color-success) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: var(--color-danger) !important;
}

.bg-grey-dashboard {
    --bs-bg-opacity: 1;
    background-color: var(--color-grey-dashboard) !important;
}

.bg-black-white {
    --bs-bg-opacity: 1;
    background-color: var(--color-black-white) !important;
}

.bg-orange-white {
    --bs-bg-opacity: 1;
    background-color: var(--color-orange-white) !important;
}

.bg-yellow-white {
    --bs-bg-opacity: 1;
    background-color: var(--color-yellow-white) !important;
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.bg-yellow {
    --bs-bg-opacity: 1;
    background-color: var(--color-yellow) !important;
}

.bg-orange {
    --bs-bg-opacity: 1;
    background-color: var(--color-orange) !important;
}

.bg-pink {
    --bs-bg-opacity: 1;
    background-color: var(--color-pink) !important;
}

.bg-blue {
    --bs-bg-opacity: 1;
    background-color: var(--color-blue) !important;
}

.bg-grey-contact {
    --bs-bg-opacity: 1;
    background-color: var(--color-grey-contact) !important;
}

.text-orange {
    color: var(--color-orange) !important;
}

.text-grey-contact {
    color: var(--color-grey-contact) !important;
}

.text-grey-dash {
    color: var(--color-grey-dash) !important;
}

.text-yellow-white {
    color: var(--color-yellow-white) !important;
}

.text-grey-dashboard {
    color: var(--color-grey-dashboard) !important;
}

.text-orange-white {
    color: var(--color-orange-white) !important;
}

.text-yellow-gold {
    color: var(--color-yellow-gold) !important;
}

.text-blue {
    color: var(--color-blue) !important;
}

.text-blue-verify {
    color: var(--color-blue-verify) !important;
}

.text-light-green {
    color: var(--color-light-green) !important;
}

.text-pink {
    color: var(--color-pink) !important;
}

.text-grey-title {
    color: var(--color-grey-title) !important;
}

.text-grey-light {
    color: var(--color-grey-light) !important;
}

.text-grey-logo {
    color: var(--color-grey-logo) !important;
}

.text-black-grey {
    color: var(--color-black-grey) !important;
}

.text-black {
    color: #000 !important;
}

.bg-green-1 {
    --bs-bg-opacity: 1;
    background-color: var(--color-green-1) !important;
}

.bg-blue-verify {
    --bs-bg-opacity: 1;
    background-color: var(--color-blue-verify) !important;
}

.bg-orange-1 {
    --bs-bg-opacity: 1;
    background-color: var(--color-orange-1) !important;
}

.bg-purple-1 {
    --bs-bg-opacity: 1;
    background-color: var(--color-purple-1) !important;
}

.bg-grey-1 {
    --bs-bg-opacity: 1;
    background-color: #f5f5f7 !important;
}

.bg-danger-1 {
    --bs-bg-opacity: 1;
    background-color: var(--color-danger-1) !important;
}

.navbar-nav .show>.nav-link,
.navbar-nav .nav-link {
    color: var(--color-grey-title);
    text-decoration: none;
    font-weight: 500;
    font-family: 'Poppins','Opificio', serif;
    font-size: 1em;
}

.navbar-nav .show>.nav-link,
.navbar-nav .nav-link:hover {
    transition-delay: .1s;
    color: var(--color-danger);
    font-weight: 700;
    transition-duration: .1s;
}

.navbar-nav .show>.nav-link,
.navbar-nav .nav-link.active {
    color: var(--color-danger);
    /*text-decoration: underline;*/
    /*text-underline-offset: .3rem;*/
    text-decoration-thickness: .15rem;
}

.breadcrumb-item a {
    color: var(--color-grey);
    text-decoration: none;
}

.breadcrumb-item.active {
    color: var(--color-danger) !important;
}

.text-grey {
    color: var(--color-grey) !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: var(--color-danger) !important;
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: var(--color-danger) !important;
}

.border-success {
    --bs-border-opacity: 1;
    border-color: var(--color-success) !important;
}

.border-pink {
    --bs-border-opacity: 1;
    border-color: var(--color-pink) !important;
}

.border-grey {
    --bs-border-opacity: 1;
    border-color: #D9D9D9 !important;
}

.border-grey-1 {
    --bs-border-opacity: 1;
    border-color: var(--color-grey-1) !important;
}

.btn-rounded {
    border-radius: 4rem 4rem 4rem 4rem;
}


/* border */

.border-yellow-gold {
    --bs-border-opacity: 1;
    border-color: var(--color-yellow-gold) !important;
}

.border-green {
    --bs-border-opacity: 1;
    border-color: var(--color-light-green) !important;
}

.border-purple {
    --bs-border-opacity: 1;
    border-color: var(--color-purple) !important;
}

.profile {
    top: 1.8em;
    left: 4.3em;
}

.nav-pills .nav-link {
    padding: 0;
    margin-right: 2.5em;
    color: var(--color-grey);
    font-weight: bold;
    transition: 0.2s;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--color-danger);
    background-color: transparent;
    text-decoration: underline;
    text-underline-offset: .3rem;
    text-decoration-thickness: .15rem;
}

.tab-badge {
    right: -4.3em;
    font-size: .5rem;
    border-radius: 50%;
    border-color: var(--color-danger-1);
    padding-left: .3em;
    padding-right: .3em;
}

.list-group {
    border-radius: 1em;
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    margin: 1em 0;
    border-radius: 1em;
    text-decoration: none;
    background-color: var(--color-grey-1);
    border: none;
}

.list-group-item:hover {
    text-decoration: none;
    background-color: var(--color-grey);
    transition: .2s;
    border: none;
}

.list-group-image {
    width: 80px;
    border-radius: 50%;
}

.rounded-button {
    border-radius: 2em;
}

.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-between;
}

.owl-prev-custom {
    padding: 1em 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: white;
    color: gold;
    text-decoration: none;
}

.owl-theme .owl-nav [class*=owl-] {
    color: black;
    background: none;
    font-size: 2.5em;
    font-weight: bold;
}

.owl-item .item .card:hover {
    transition: 0.5s;
    box-shadow: 0 1rem 3rem rgba(0.150, 0.150, 0.150, 0.150) !important;
    transform: scale(101%);
}


/*.owl-theme .owl-nav .owl-prev:after {*/


/*    content: '-';*/


/*    font-size: 2.5em;*/


/*    width: 10em;*/


/*}*/


/*.owl-theme .owl-nav .owl-prev:after .disabled {*/


/*    content: 'asdc';*/


/*    font-size: 0;*/


/*    width: 0;*/


/*}*/

.owl-theme .owl-nav .disabled i {
    background: none;
    color: gold;
    text-decoration: none;
    background: white;
    opacity: 1;
}

.icon-mind {
    font-size: 3em;
    background: url("../img/library/bg-avis-user.svg") no-repeat center center;
    background-size: 100% 100%;
    /*border-radius: 10em 10em 10em 10em;*/
}

.social-icon-size {
    font-size: 2.2em;
}

.line-height {
    /* line-height: .7em; */
    line-height: 1em;
}

.line-height-hero {
    line-height: .9em;
}

.footer-gcofina-logo {
    width: 10rem;
}

footer a {
    text-decoration: none;
    color: white;
    font-family: 'Poppins','Opificio', serif !important;
}

.footer {
    background: linear-gradient(to right, #7b0b1e 20%, var(--color-danger) 70%);
}

#date-debut::placeholder {
    color: black;
}

#date-fin::placeholder {
    color: black;
}

.contact-help {
    background: pink url("../img/contact/bg-contact-2.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.country_logo {
    max-width: 50px;
}

.library-carousel-coach-text {
    margin-top: .5rem;
}

@media (max-width: 576px) {
    .library-carousel-coach-text {
        line-height: 1.2em;
    }
    .library-coach-text-margin {
        margin-bottom: -1px;
    }
}


/*.library-carousel-cofina .owl-item .item .card{*/


/*    background-color: transparent;*/


/*    border: none;*/


/*}*/

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.con_input {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #f3f4f6;
    border-radius: .7em;
}

.con_input::placeholder {
    background-color: #f3f4f6;
    color: black;
    font-family: 'Poppins','Opificio', serif;
}

.con_input:focus {
    background-color: #f3f4f6;
}

.contact-input {
    border-radius: 5em;
}

.contact-required-icon {
    font-size: .5em;
    font-weight: bold;
    color: var(--color-danger);
}

.faq-header {
    cursor: pointer;
}

.faq .list-group-item.active {
    background: white;
}

.faq .list-group-item.active:hover {
    background: white;
}

.faq .list-group-item {
    margin: 0;
    border-radius: 0;
    border: .01rem solid #f0f0f0;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.3em;
    color: #454c64;
    background: white;
}

.faq-arrow-icon {
    right: 1em;
}

.faq .list-group-item:hover {
    background-color: #f5f5f7 !important;
}

.faq-details .list-group-item.active {
    background: transparent;
    font-size: 1.3em;
    border-bottom: none;
    padding-top: 1em;
    padding-bottom: 1em;
}

.faq-details .list-group-item {
    margin: 0;
    border-radius: 0;
    border-bottom: .01rem solid #d0d0d0;
    padding-top: .4em;
    padding-bottom: .4em;
    font-size: 1em;
    color: black;
    background: transparent;
}

.faq-details-header-button {
    background-color: #969696;
    border: none;
    border-radius: 0;
}

.faq-details-header-icon {
    font-size: 1.2em;
    font-weight: 1000;
}

.note-mol {
    color: #c4c4c4 !important;
}

.custom-car-pos {
    top: -.35em;
}

.research-library-btn {
    font-size: 1.2rem;
    font-weight: bold;
}

.carousel-border-rounded {
    border-radius: 2em !important;
}

.library-carousel .dropdown-menu {
    top: 1.5rem !important;
    left: -5em !important;
}

.carousel-body-profile {
    width: 68px !important;
}

.profile-live-modal {
    width: 100px !important;
}

.carousel-body-text {
    font-weight: 500 !important;
    color: black !important;
    height: 3rem;
}

.dropdown-image {
    max-width: 60px
}


/* DASHBOARD */

#dashboard-hero {
    background: #F4D9DE url("../img/dashboard/bg_hero_dashboard.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media only screen and (max-width: 1400px) {
    .dash-card-size {
        height: auto !important;
    }
}

.home-hero-section{
    position: relative;
    height: auto;
}

#home-hero {
    /*-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 75%);*/
    /*clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 75%);*/
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 6rem;
}

#home-hero:before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, #fbf2f2, var(--color-pink-light));
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom-left-radius: 222px;
    transform: skewY(4deg);
    transform-origin: right bottom;
}

#library-hero {
    background: #F4D9DE url("../img/library/slide.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#live-hero {
    background: #F4D9DE url("../img/dashboard/bg_hero_dashboard.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#contact-hero {
    background: #F4D9DE url("../img/contact/bg-contact.svg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.card-img-bg {
    width: 100%;
    height: 277px;
    background-size: cover !important;
    border-radius: 1.1rem;
}

.library-top-bg {
    width: 95%;
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.library-top-border {
    /*width: 382px;*/
    height: 345px;
}

@media only screen and (max-width: 1024px) {
    .library-top-border {
        width: 296px;
        height: 376px;
    }
    .library-top-bg {
        width: 296px;
        height: 376px;
    }
}

@media only screen and (max-width: 728px) {
    .library-top-border {
        width: 296px;
        /*height: 376px;*/
        height: 200px;
    }
    .library-top-bg {
        width: 296px;
        /*height: 376px;*/
        height: 200px;
    }
}

@media only screen and (min-width: 726px) {
    #live-hero,
    #dashboard-hero,
    #home-hero,
    #library-hero,
    #contact-hero {
        min-height: 570px;
    }
}

#dashboard-sidebar .nav .nav-link {
    width: 100%;
    border-radius: 0;
    padding: .5rem 0 .5rem .5rem;
}

#dashboard-sidebar .nav .nav-link .bi {
    color: var(--color-pink-black) !important;
}

#dashboard-sidebar .nav .show>.nav-link,
#dashboard-sidebar .nav .nav-link {
    color: black;
    text-decoration: none;
    font-weight: bolder;
    font-family: 'Poppins','Opificio', serif;
    font-size: 1.2em;
}

#dashboard-sidebar .nav .show>.nav-link,
#dashboard-sidebar .nav .nav-link:hover {
    transition-delay: .1s;
    background-color: var(--color-red-white);
    border-right: .2rem solid var(--color-danger);
    font-weight: bold;
    transition-duration: .1s;
}

#dashboard-sidebar .nav .show>.nav-link,
#dashboard-sidebar .nav .nav-link.active {
    color: var(--color-danger);
    text-decoration: none;
    background-color: var(--color-red-white);
    border-right: .2rem solid var(--color-danger);
}

.creation-form .input-group .input-group-text {
    background: transparent !important;
    border: none;
    color: var(--form-color);
}

.creation-form .input-group .input-group-text._label {
    border: 1px solid #ced4da;
}

.creation-form .input-group .form-control {
    /* border-radius: .2rem !important; */
    padding-top: .7rem;
    padding-bottom: .7rem;
    border-top-right-radius: .2rem !important;
    border-bottom-right-radius: .2rem !important;
}

.creation-form .input-group:not(._period) .form-control {
    border-left: 0;
}

.creation-form .input-group._period .form-control {
    border-top-left-radius: .2rem !important;
    border-bottom-left-radius: .2rem !important;
}

.creation-form .input-group .form-select {
    border-radius: .2rem !important;
    padding-top: .7rem;
    padding-bottom: .7rem;
}

.trumbowyg-box {
    width: 1%;
    flex: 1 1 auto;
}

.form-control:focus {
    box-shadow: none;
}


/**
    Quiz
 */

.quiz-card {
    background-color: rgba(200, 30, 56, 95%) !important;
}


/*.quiz-card .card-header{*/


/*    background-color: var(--color-danger) !important;*/


/*}*/

@media only screen and (min-width: 800px) {
    .create-quiz-width {
        min-width: 800px
    }
}

.form-label {
    color: #c6cedc !important;
}

.text-grey-cs {
    color: #98989a !important;
}

.library-card {
    padding: .2rem .4rem !important;
}


#cour-nav-details #cour-tabs .tab-link .bi {
    color: var(--color-pink-black) !important;
}

#cour-nav-details #cour-tabs .show>.tab-link,
#cour-nav-details #cour-tabs .tab-link {
    color: var(--color-danger);
    text-decoration: none;
    font-weight: bolder;
    font-family: 'Poppins','Opificio', serif;
    border: none;
    background-color: white;
}

#cour-nav-details #cour-tabs .show>.tab-link,
#cour-nav-details #cour-tabs .tab-link:hover {
    color: white;
    transition-delay: .1s;
    background-color: var(--color-danger);
    /*border: 1px solid var(--color-danger);*/
    font-weight: bold;
    transition-duration: .1s;
}

#cour-nav-details #cour-tabs .show>.tab-link,
#cour-nav-details #cour-tabs .tab-link.active {
    color: white;
    text-decoration: none;
    background-color: var(--color-danger);
    /*border-right: .2rem solid var(--color-danger);*/
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--color-grey);
    --bs-pagination-bg: #E1E1E1;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: white;
    --bs-pagination-hover-bg: var(--color-danger);
    --bs-pagination-hover-border-color: var(--color-danger);
    --bs-pagination-focus-color: white;
    --bs-pagination-focus-bg: var(--color-danger);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(253, 13, 13, 0.25);
    --bs-pagination-active-color: white;
    --bs-pagination-active-bg: var(--color-danger);
    --bs-pagination-active-border-color: var(--color-danger);
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    margin-right: .5rem;
    border-radius: 0.375rem;
}

.cours .card:hover {
    transition: 0.5s;
    box-shadow: 0 1rem 3rem rgba(0.150, 0.150, 0.150, 0.150) !important;
    transform: scale(101%);
}

.success-rate {
    background: linear-gradient(180deg, #E4F7F5 0%, #F6FCFC 100%) !important;
}

.satisfaction-rate {
    background: linear-gradient(180deg, var(--color-yellow-white) 0%, #F6FCFC 100%) !important;
}

.participation-rate {
    background: linear-gradient(180deg, var(--color-red-white) 0%, #F6FCFC 100%) !important;
}

.learners-profile {
    max-width: 8rem !important;
}

.learners-border {
    border-color: rgba(177, 9, 38, .2) !important;
}


/***
    Forum
 */

#forum-sidebar .nav .nav-link {
    width: 100%;
    border-radius: 0;
    padding: .5rem 0 .5rem .5rem;
}

#forum-sidebar .nav .nav-link .bi {
    color: black !important;
}

#forum-sidebar .nav .show>.nav-link,
#forum-sidebar .nav .nav-link {
    color: black;
    text-decoration: none;
    font-weight: bolder;
    font-family: 'Poppins','Opificio', serif;
    font-size: 1.2em;
}

#forum-sidebar .nav .show>.nav-link,
#forum-sidebar .nav .nav-link:hover {
    transition-delay: .1s;
    background-color: var(--color-red-white);
    border-right: .2rem solid var(--color-danger);
    font-weight: bold;
    transition-duration: .1s;
}

#forum-sidebar .nav .show>.nav-link,
#forum-sidebar .nav .nav-link.active {
    color: var(--color-danger);
    text-decoration: none;
    background-color: var(--color-red-white);
    border-right: .2rem solid var(--color-danger);
}

#forum-sidebar .forum-sidebar-child .nav .nav-link {
    width: 100%;
    padding: .5rem 0 .5rem .5rem;
}

#forum-sidebar .forum-sidebar-child .nav .nav-link .bi {
    color: var(--color-blue) !important;
}

#forum-sidebar .forum-sidebar-child .nav .nav-link:hover .bi {
    color: white !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

#forum-sidebar .forum-sidebar-child .nav .show>.nav-link,
#forum-sidebar .forum-sidebar-child .nav .nav-link {
    color: black !important;
    text-decoration: none;
    font-weight: normal !important;
    font-family: 'Poppins','Opificio', serif;
    font-size: 1.2em;
    border-radius: 1rem !important;
}

#forum-sidebar #forum-sidebar-child .nav .show>.nav-link,
#forum-sidebar #forum-sidebar-child .nav .nav-link:hover,
#forum-sidebar #forum-sidebar-child .nav .nav-link.active {
    transition-delay: .1s;
    color: white;
    background-color: var(--color-danger);
    border-right: .2rem solid var(--color-danger);
    font-weight: bold !important;
    transition-duration: .1s;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

#forum-sidebar .forum-sidebar-child .nav .show>.nav-link,
#forum-sidebar .forum-sidebar-child .nav .nav-link .active {
    color: var(--color-danger);
    text-decoration: none;
    background-color: var(--color-red-white);
    border-right: .2rem solid var(--color-danger);
}

#forum-sidebar .forum-sidebar-child .nav .show>.nav-link,
#forum-sidebar .forum-sidebar-child .nav .nav-link .active .bi {
    color: white !important;
}

#forum-sidebar .forum-sidebar-child .nav .show>.nav-link,
#forum-sidebar .forum-sidebar-child .nav .nav-link:hover .badge {
    background-color: white !important;
}

#forum-sidebar .forum-sidebar-child .nav .show>.nav-link,
#forum-sidebar .forum-sidebar-child .nav .nav-link.active .badge {
    background-color: white !important;
}

.forum-no-discussion-warning {
    font-size: .8rem;
    font-weight: bolder;
    opacity: .7
}

.reaction_section {
    left: 0;
    top: -2.9rem;
}

.coach-card-left {
    margin-left: -2.5rem !important;
}

.coach_profile_bg {
    height: 92px;
    width: 94px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f5f5f7;
}


/*.draggable-list:hover img{*/


/*    width: 150px;*/


/*    transition: 0.2s;*/


/*}*/

@media only screen and (max-width: 450px) {
    .btn-width {
        width: 100% !important;
    }
}

.cours .card {
    min-height: 585px !important;
    /*max-height: 630px !important;*/
    overflow-y: auto !important;
    /*height: 630px;*/
}

.cours .card .coach-prez {
    position: relative;
    top: 1.5rem;
}

@media screen and (max-width: 1200px) {
    .cours .card {
        min-height: 585px !important;
        /*max-height: 650px !important;*/
        overflow-y: auto !important;
        /*height: 650px;*/
    }
    .cours .card .coach-prez {
        position: relative;
        top: 1rem;
    }
}


/*::-webkit-scrollbar {*/


/*    width: 10px;*/


/*    height: 10px;*/


/*    border-radius: 5rem;*/


/*}*/

::-webkit-scrollbar-track {
    background: #FFC2C7 !important;
    border-radius: 5rem;
}

::-webkit-scrollbar-thumb {
    background: #c94141 !important;
    border-radius: 5rem;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: var(--color-danger) !important;
}

.dropstart .dropdown-toggle::before {
    content: none !important;
}

@media only screen and (min-width: 1000px) {
    .home-hero-content {
        word-wrap: break-word
    }
}

.height-50 {
    height: 50px !important;
}

.w-think {
    height: 210px !important;
    position: relative;
}

.w-think .bi-quote:before {
    position: absolute !important;
    left: 30px;
    bottom: 5px;
}

.input-group-text,
.form-label,
input::placeholder {
    color: var(--color-grey) !important;
}

button:active {
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}


/* ORGANISER MODULE */

.draggable {
    cursor: grab;
}

.draggable-list {
    cursor: grab;
    border: 1px solid var(--color-grey) !important;
}

.draggable-list:hover,
.draggable-list:focus {
    background-color: var(--color-red-white) !important;
    border: 1px solid var(--color-danger) !important;
}

.draggable-list img {
    width: 70px;
    transition: 0.2s;
}

.t-shadow {
    text-shadow: 0 0 2px #000 !important;
}

.forum-user-profil {
    width: 60px !important;
}

.bi-star-fill:hover {
    color: var(--color-yellow-gold) !important;
}

.bi-hand-thumbs-up:hover {
    content: "\f406" !important;
}

.cs-emoji-expressionless-fill::before {
    content: "\f31a";
    color: #ffcc4d !important;
    background: #664500;
    border-radius: 100%;
}

@media only screen and (max-width: 600px) {
    .table-dashboard {
        min-width: 600px !important;
    }
}

.agenda-list-group {
    border-radius: 0 !important;
}

.agenda-list-item {
    margin: .3rem 0 !important;
    border-radius: .2rem;
    background-color: white;
}

.agenda-list-item:hover {
    background-color: white !important;
}

.agenda-list-item.notifications-list:hover {
    background-color: var(--bs-table-bg) !important;
}

.timeline {
    margin: 20px auto;
    padding: 20px;
}


/* Outer Layer with the timeline border */

.timeline .outer {
    border-left: 5px solid var(--color-purple);
    margin-bottom: 3rem;
}


/* Card container */

.timeline .custom-card {
    position: relative;
    margin: 0 -5px 20px 20px;
    padding: 0 10px;
    max-width: 400px;
}


/* Information about the timeline */

.timeline .info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* Title of the card */

.timeline .title {
    position: relative;
    margin-top: -1.3rem;
}


/* Timeline dot  */

.timeline .title::before {
    content: url("../img/dashboard/elipse-2.svg");
    position: absolute;
    width: 10px;
    height: 10px;
    /*background: var(--color-blue);*/
    border-radius: 999px;
    /*color: white;*/
    left: -40px;
}

.timeline .outer:first-child {
    border-left: 5px solid #DEAAB8;
}

.timeline .outer:last-child {
    margin-bottom: 0;
}

.timeline .outer:first-child .title::before {
    content: url("../img/dashboard/elipse.svg");
}

.forum_discussion_form {
    border: 1px solid var(--color-grey-logo);
}

.forum_discussion_form:focus,
.forum_discussion_form:hover {
    border: 1px solid var(--color-danger);
}


/* Ux Timeline Container */

.ux-timeline {
    margin: 20px 0 0 -9px;
    padding: 0 20px;
}


/* Outer Layer with the timeline border */

.ux-outer {
    border-left: 1px solid #ebebeb;
}


/* Card container */

.ux-card {
    position: relative;
    margin: 0 0 0 20px;
    padding: 10px;
    border-radius: 8px;
}


/* Information about the timeline */

.ux-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* Title of the card */

.ux-title {
    position: relative;
}


/* Timeline dot  */

.ux-title::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #b2b2b2;
    border-radius: 999px;
    left: -35px;
    border: 2px solid #b2b2b2;
}


/* FullCalendar */

:root {
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #808080;
    --fc-border-color: #ddd;
    --fc-button-text-color: #fff;
    --fc-button-bg-color: #2C3E50;
    --fc-button-border-color: #2C3E50;
    --fc-button-hover-bg-color: #1e2b37;
    --fc-button-hover-border-color: #1a252f;
    --fc-button-active-bg-color: #1a252f;
    --fc-button-active-border-color: #151e27;
    --fc-event-bg-color: #3788d8;
    --fc-event-border-color: #3788d8;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188, 232, 241, 0.3);
    --fc-today-bg-color: rgba(255, 220, 40, 0.15);
    --fc-now-indicator-color: red;
}

.fc-view-harness {
    border-radius: 3rem !important;
}

@media only screen and (min-width: 400px) {
    .w-400 {
        width: 400px;
    }
}

@media only screen and (max-width: 400px) {
    .w-400 {
        max-width: 400px;
    }
}

.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 2px 4px;
    color: black;
    font-weight: normal;
}


/* LIVE */

.img-profile {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px !important;
    height: 100px;
}

.img-profile-pic {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 6px solid #fff;
}

/*.navbar-profile-border {*/
/*    position: absolute;*/
/*    width: 108%;*/
/*    height: 109%;*/
/*    border: .25rem solid var(--color-danger);*/
/*    border-left-color: #fff;*/
/*    border-radius: 50px;*/
/*    -ms-transform: rotate(45deg); !* IE 9 *!*/
/*    -webkit-transform: rotate(45deg); !* Chrome, Safari, Opera *!*/
/*    transform: rotate(45deg);*/
/*    top: -3px;*/
/*    right: 0;*/
/*    left: -3px;*/
/*    background-color: transparent;*/
/*}*/

.navbar-profile-border {
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
    left: 0;
    background-color: transparent;
}

.navbar-pencil-icon {
    position: absolute !important;
    bottom: .45rem;
    right: -.5rem;
    width: 23px;
    z-index: 1;
}

.navbar-profile-name {
    margin-top: 1.19rem !important;
    font-size: 1.03rem;
    text-transform: capitalize;
    color: var(--color-black-grey);
    font-weight: 500;
}

.navbar-arrow-img {
    width: 25px;
}


/*.change-profile-button{*/


/*    right: 0;*/


/*    top:*/


/*}*/

.update-profile-input {
    min-width: 220px !important
}

#upload-profile-button {
    background-color: rgba(231, 231, 231, .9);
}

.update-details-link {
    color: var(--color-danger);
    text-decoration: underline;
}

.update-details-link:hover {
    color: var(--color-danger);
    text-decoration: none;
}

input,
span,
h1,
p,
h2,
h3,
h4,
h5,
h6,
div {
    font-family: 'Poppins','Opificio', 'Exo 2', serif !important;
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: 'VideoJS' !important;
}

.stat-card-info {
    top: .5rem;
    right: 0;
}

.iti {
    width: 100%;
}

.bg-frise {
    background: url("../img/library/vedette-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.pdt-0 {
    padding-top: 0 !important;
}

.truncate-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.library-top-css {
    width: 60px;
    height: 60px;
}

#notifications {
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    width: 490px;
    background: #fff;
    z-index: 9999;
    box-shadow: 1px 0px 10px #98989a;
    overflow-y: auto;
    padding: 10px;
    webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    display: none;
}

.notification-title .fa-times {
    float: right;
    cursor: pointer;
}

.navbar-brand span.badge {
    position: absolute;
    background: #cd102d;
    border: 1px solid #ffffff;
    border-radius: 50%;
    top: 0px;
    left: -10px;
    display: none;
    width: 30px;
    height: 30px;
    padding: 9px 0;
    text-align: center;
    font-size: 12px;
    z-index: 99;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #notifications {
        width: 50% !important;
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    #notifications {
        width: 100% !important;
    }
}

@media screen and (max-width: 360px) {
    #notifications {
        width: 100% !important;
    }
}

@media screen and (max-width: 375px) {
    #notifications {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    #notifications {
        width: 100% !important;
    }
}

@media screen and (max-width: 480px) {
    #notifications {
        width: 100% !important;
    }
}


/* Logo */

#notification-logo {
    top: 10px !important;
    font-size: small !important;
    font-size: 0.9rem;
    color: white;
    font-weight: bold;
}

.sommaire-module {
    padding: 15px 0;
}

.sommaire-module i {
    font-size: 20px;
}

.sommaire-module a {
    text-decoration: none !important;
    font-size: 14px;
}

.sommaire-module p {
    line-height: 1;
}

.sommaire-module-header {
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: 10px;
    font-size: 25px;
}

.sommaire-module .active {
    color: var(--color-danger) !important;
}

.sommaire-module i {
    color: var(--color-grey) !important;
}

.sommaire-module i.fa-award {
    color: var(--color-yellow-gold) !important;
    font-size: 25px;
}

.color-yellow-gold {
    color: var(--color-yellow-gold) !important;
}

.subcomment {
    position: relative;
}

.has-subcomments::before {
    content: '';
    border-left: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    height: calc(100% + 9px);
    position: absolute;
    top: 45px;
    left: 22px;
    width: 45px;
}

.subcomment::before {
    border-left: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    content: "";
    position: absolute;
    height: calc(100% + 9px);
    top: 23px;
    left: -26px;
    width: 45px;
}

a.comment-response {
    text-decoration: none;
    font-size: 14px;
}

.message-content {
    background-color: var(--color-grey-1);
    padding: 10px;
    border-radius: 20px;
    margin-left: 5px;
}

._message.text-grey p {
    margin: 0 !important;
}

.fs-14 {
    font-size: 14px;
}

#forum-sidebar .nav .subjects .nav-link {
    font-size: 1rem;
}

#forum-sidebar .nav .subjects .nav-link .bi {
    color: #4f9bb9 !important;
}

#forum-sidebar .nav .subjects .nav-link.active .bi {
    color: #ffffff !important;
}

#forum-sidebar .nav .subjects .nav-link.active {
    border-radius: .5rem;
    color: white !important;
}

#forum-sidebar .nav .subjects .nav-link.active div {
    color: white !important;
}

#forum-sidebar .nav .subjects .nav-link:hover {
    border-radius: .5rem;
    color: white !important;
}

#forum-sidebar .nav .subjects .nav-link:hover div {
    color: white !important;
}

.z-index-90 {
    z-index: 90;
}

@keyframes highlight {
    0% {
        border-color: transparent;
        /* Initial color */
    }
    50% {
        background-color: rgba(255, 3, 3, 0.17);
        padding: 10px;
        /* Highlighted color */
    }
    100% {
        border-color: transparent;
        /* Return to initial color */
    }
}


/* Apply the animation to the .highlight-box element */

.highlight-box {
    animation: highlight 5s 1;
    /* The animation will repeat indefinitely */
}

.q-has-award {
    position: relative;
}

.q-has-award::before {
    content: "";
    display: block;
    border-bottom: 1px solid #dee2e6;
    height: 30px;
    position: absolute;
    width: 13px;
    border-left: 1px solid #dee2e6;
    top: -10px;
    left: 15px;
}

.q-has-award .my-1 {
    margin-left: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6{
    color: var(--color-grey-title);
}

span,
p,
input,
div{
    color: var(--color-grey-light);
}

.know-more-btn {
    font-size: 1.3rem;
}

.home-nb-user-icon {
    background: rgba(205, 16, 45, .1);
    padding: .5rem .6rem;
}
.home-nb-student .nb-label,
.home-nb-cour-hero .nb-label,
.home-instant-cour-hero .nb-label {
    font-size: .8rem;
}

.home-nb-student img {
    width: 135px;
}

.home-hero-img-item {
    border: 1px solid transparent;
    border-radius: 1rem;
    background-color: rgba(255, 255, 255, 0.8);
}

.home-nb-student {
    top: 0;
    right: -26px;
}

.home-hero-image {
    max-width: 450px;
}

.home-nb-cour-hero {
    top: 105px;
    left: -80px;
}

.home-nb-cour-hero img {
    width: 40px;
}

.home-instant-cour-hero a {
    font-size: .8rem;
}

.home-instant-cour-hero{
    bottom: 63px;
    left: -106px;
}

.btn {
    border: var(--bs-btn-border-width) solid var(--color-danger);
}

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

.pres-icon {
    width: 134px !important;
    padding: 1.3rem 2.3rem;
    margin: 1rem;
}

.pres-icon-2 {
    width: 190px !important;
    /*padding: 1rem 2rem;*/
}

.what_they_think {
    background-color: #f7f5fa;
}

.line-height-1 {
    line-height: 1.1em;
}

.owl-nav-btn{
    font-size: 1.2rem;
}

.home-carousel-item {
    border-radius: .9rem;
}


.owl-theme .owl-dots .owl-dot span {
    background: #D6D6D6;
    margin-top: .9rem;
}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-danger) !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 40px;
}

.owl-theme .owl-dots {
    text-align: center;
}

.owl-dots button.owl-dot.active {
    margin-left: 2px;
    margin-right: 2px;
}

.visit-space {
    background: rgb(247,234,235);
    background: linear-gradient(180deg, #fceaec 10%, rgba(255,255,255,1) 60%);
    position: relative;
    overflow: hidden;
}

.visit-space::before {
    content: "";
    position: absolute;
    top: -10%;
    width: 100%;
    height: 24%;
    background-color: white;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.library-space {
    background: rgb(247,234,235);
    background: linear-gradient(180deg, #fceaec 10%, rgba(255,255,255,1) 60%);
    position: relative;
    overflow: hidden;
}

.library-space::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 24%;
    background-color: white;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.start-what-think {
    position: absolute;
    bottom: .5rem;
    left: 1.3rem;
}

.btn-danger-black {
    --bs-btn-color: white;
    --bs-btn-bg: #7b0b1e !important;
    --bs-btn-border-color: #f1f7f8 !important;
    --bs-btn-hover-color: #7b0b1e !important;
    --bs-btn-hover-bg: #f1efef !important;
    --bs-btn-hover-border-color: #7b0b1e !important;
    --bs-btn-focus-shadow-rgb: 130, 138, 145 !important;
    --bs-btn-active-color: white !important;
    --bs-btn-active-bg: #7b0b1e !important;
    --bs-btn-active-border-color: #7b0b1e !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(255, 95, 95, 0.12) !important;
    --bs-btn-disabled-color: #7b0b1e !important;
    --bs-btn-disabled-bg: #df2a4c !important;
    --bs-btn-disabled-border-color: #df2a4c !important;
}

.newsletter-form input::placeholder{
    color: #edd3d3;
}

.game-list-icon img {
    border: 1px solid transparent;
    border-radius: 50%;
    width: 45px;
}

.game-list .card {
    border: 0;
    padding: 0;
    margin: 0;
}

.game-list .card img {
    width: 75%;
    max-height: 299px;
}

.game-list .card .game-card-title .btn {
    padding: 0 1rem;
}

.game-space {
    background: rgb(247,234,235);
    background: linear-gradient(180deg, #fff5f6 10%, rgba(255,255,255,1) 60%);
    position: relative;
    overflow: hidden;
}

.game-space::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 24%;
    background-color: white;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

#library-first-section {
    background: linear-gradient(180deg, #f7f0f6 55%, #f7f5fa 85%);
}

.newsletter-form input::placeholder{
    color: #acacac;
}

#library-search-section {
    background: linear-gradient(to right, #7b0b1e 20%, var(--color-danger) 70%);
    border: 1px solid transparent;
    border-radius: 1rem;
}

.owl-card {
    border: 1px solid transparent;
    border-radius: 1.1rem;
}

.bg-danger-white {
    background: rgba(205, 16, 45, .1);
}


#cofi-live-timer .count div {
    font-size: 2.5rem;
    padding: .5rem .7rem;
    color: white !important;
    background-color: var(--color-danger);
    border-radius: .5rem;
}

.bg-cyan {
    background: #49BBBD;
}

.bg-blue-white {
    background: #E1F0FF;
}

.library-checkbox {
    width: 1.4rem;
    height: 1.35rem;
    background-color: transparent;
    border: 2px solid var(--color-danger);
    padding: .1rem;
}

.library-checked-checkbox {
    width: 1rem;
    height: 1rem;
    background-color: var(--color-danger);
    position: absolute;
    top: 2%;
    left: 1px;
}

.library-detail-icon {
    width: 2.2rem;
    height: 2.2rem;
}

#library-detail-first {
    background: rgb(247,244,249);
    background: linear-gradient(90deg, rgba(247,244,249,1) 4%, rgba(252,234,236,1) 13%, rgba(247,244,249,1) 94%, rgba(247,244,249,1) 100%);
}

.img-profile-riddle {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 1.7rem;
    background-color: white;
}

.btn-game {
    font-size: 1.1rem;
    border-radius: 1rem;
}

.contact-space {
    background: linear-gradient(180deg, #f7f0f6 55%, #f7f5fa 85%);
}

.live-space {
    background: rgb(247,234,235);
    background: linear-gradient(180deg, #fff5f6 10%, rgba(255,255,255,1) 60%);
    position: relative;
    overflow: hidden;
}

.live-space::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 10%;
    background-color: white;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    z-index: 0;
}

.fc-button {
    background-color: var(--color-danger) !important;
    border-color: var(--color-danger) !important;;
}

.fc-timeGridWeek-button {
    background-color: rgba(205, 16, 45, 90%) !important;
    border-color: rgba(205, 16, 45, 90%) !important;;
}

.fc .fc-col-header-cell-cushion {
    text-decoration: none !important;
}

.score-profile-pic .img-profile-pic {
    border: 0 solid transparent;
}

.exo-2 {
    font-family: 'Exo 2', 'Poppins',sans-serif !important;
}

.newsletter-email::placeholder {
    color: #fff !important;
    opacity: 1;
}

.newsletter-email::-ms-input-placeholder {
    color: #fff !important;
}

@media (max-width: 576px) {
    .home-nb-cour-hero {
        top: 202px;
        left: 70px;
    }

    .home-nb-student {
        top: 270px;
        right: 70px;
    }
}