:root {
    /* ==[THEME COLOR]== */
    --color-main:#041d5b;
    --color-main-v1:#229bff;
    --color-main-title-v1:var(--color-main);

    --color-main-text-v1:var(--bs-white);
    --color-bgmain-txtsub:var(--bs-white);

    --color-sub-v1:#041d5b;
    --bs-link-color:var(--color-sub-v1);
    --bs-nav-link-color:var(--color-sub-v1);
    --color-red:var(--color-sub-v1);
    --color-sub-point-v1:var(--color-main);
    --color-sub-title:var(--color-main);
    --color-sub-title-v1:var(--color-main);
    --color-sub-text-v1:var(--color-main);
}

body,
#login-login{
    font-family: "Barlow", Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#loginHeader{
    /*background-size:70%!important;*/
    background-color:var(--bs-white);
}

#loginContent .logo_login{
    width: 35% !important;
}

.text-light{color:var(--bs-white)!important;}
footer{color:var(--bs-white);}
.color-title{
    font-family: "Barlow", Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-transform: capitalize!important;
    color:#000000!important;
}
h5.card-header{
    color: #000000!important;
    text-transform: capitalize!important;
    background-color: transparent!important;
}
.scd-nav .bg-light{
    /*background-color: transparent !important;*/
}
.scd-nav .border{
    /*border: 0px!important;*/
}

.customer-logos .slide, .colCard .card {
    border: 1px solid #eee !important;
    border-radius: 20px !important;;
    box-shadow: inherit!important;
}

.bg-main {
    background-color: var(--color-main) !important;
}

header .navbar-brand img{
    margin: 10px 20px;
    height: 130px;
}



#cadeaux .colCard .card .card-body{
    background-color:transparent!important;
}
#catalogMenu .card-body{
    border-radius: 20px !important;
}

.customer-logos .slide:hover, .colCard:hover .card{
    border-color: rgb(104 200 177)!important;
}
#catalogMenu .colCard:hover::after, #cadeaux .colCard:hover::after{
    opacity: inherit !important;
    background:inherit !important;
}

@media only screen and (min-width: 1200px) {
    #cadeaux .card-body .w-xl-50 {
        width: 75% !important;
    }


/* ==[SMALL SIZE]== */
@media screen and (min-width: 576px) {}
/* ==[MEDIUM SIZE]== */
@media screen and (min-width: 768px) { }
/* ==[LARGE SIZE]== */
@media screen and (min-width: 992px) {}
/* ==[EXTRA LARGE SIZE]== */
@media screen and (min-width: 1200px) {}
/* ==[DOUBLE EXTRA LARGE SIZE]== */
@media screen and (min-width: 1400px) {}