body {
    font-family: 'Poppins', sans-serif;
}

.layout_classic_only {
    display: block;
}

.layout_phone_only {
    display: none;
}

h1 {
    color: #008080;
}

a {
    font-family: 'Poppins', sans-serif;
}
.nav-link {
    margin-left: 24px;
    margin-right: 24px;
}

.accordion-button:not(.collapsed) {
    color: white !important;
    background-color: #008080 !important;
}

.accordion-button.collapsed {
    color: black !important;
    background-color: #B9E1C7 !important;
}

.navbar-brand img {
    border-radius : 15%;
    box-shadow: 0 20px 25px -15px rgb(0 0 0 / 30%);
}

.nav-item a{
    text-transform: uppercase;
    color : black;
}

.nav-item a:hover{
    color : #008080;
}

.nav-item a:active {
    color : #008080;
}

.fa-pen:before, .fa-user-lock:before, .fa-phone:before{
    color : #008080;
    background :white;
    padding : 3px;
    border-radius : 5px;
}

.fa-pen:hover:before, .fa-user-lock:hover:before{
    color : #000;
}


/* MEDIA > 992 */

@media (min-width: 992px) {
    .nav-item {
        display:none;
    }
}

span.support {
    font-family: 'Poppins', sans-serif;
    padding : 0 10px;
    color : #008080;
    font-weight : bold;
}


/* MEDIA < 500 */

@media screen and (max-width:500px){
    .support { display:none;}
       .navbar .icone {
        display:none;
    }
}

.bg-image {
    background-image : url('../img/home.webp');
    background-position: top;
    background-size : cover;
    height : 550px;
    padding : 170px 0;
}

.intro {
    width:55%;
    margin-top: 72px;
}


/* MEDIA < 1024 */

@media screen and (max-width:1024px){
    .bg-image {
        background-image : url('../img/home-mobile.webp');
        background-position: top;
        background-size : cover;
        min-height : 550px;
        padding : 170px 0;
    }

    .intro {
        width:100%;
        margin-top: 0px;
    }

    .layout_classic_only {
        display: none !important;
    }

    .layout_phone_only {
        display: block;
    }
}

h1.home, h5.home {
    text-align:left;
    font-family: 'Poppins', sans-serif;
}

h1.home {
    font-weight : bold;
}

h5.home {
    color:#000;
}

div.row h1 {
    margin-top: 28px;
    margin-bottom: 14px;
}

.card {
    box-shadow: 0 20px 25px -15px rgb(0 0 0 / 30%);
    margin-bottom : 20px;
}

.card-header {
    background-color: #008080 !important;
}

h5.card-header {
    color:#fff;
    font-weight : bold;
    text-align:center;
    font-family: 'Poppins', sans-serif;
}

.card-text {
   font-family: 'Poppins', sans-serif;
    font-size : 14px;
}

#main_information.home{
    margin-top: -150px;
    padding : 150px 0;
}

.footer {
    padding : 40px 0;
    font-family: 'Poppins', sans-serif;
    color : #000;
    clear:left;
}

.footer h6 {
    color : #008080;
}

.copyright, a.copyright{
    background-color: #008080;
    color : #fff !important;
    padding : 20px 0;
}

.navbar {
    background : transparent !important;
}

.btn-outline-webfront {
    --bs-btn-border-color:#008080 !important;
    --bs-btn-border-width:1px !important;
    --bs-btn-color: #008080;
    --bs-btn-border-color: #008080;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #008080;
    --bs-btn-hover-border-color: #008080;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #008080;
    --bs-btn-active-border-color: #008080;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.875);
    --bs-btn-disabled-color: #008080;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #008080;
    --bs-gradient: none;
}


/* MEDIA < 575 */

@media screen and (max-width:575px){
    .footer .navbar-brand img {
        display:none;
    }

    .footer-mobile {
        width:50% !important;
    }
}