@font-face {
    font-family: LeagueBold;
    src: url("../fonts/LeagueSpartan-Bold-yLbpTEI.ttf");
}

@font-face {
    font-family: LibreBaskervilleItalic;
    src: url("../fonts/LibreBaskerville-Italic-v7SpYjb.ttf");
}

@font-face {
    font-family: LibreBaskerville;
    src: url("../fonts/LibreBaskerville-Regular-qn2EDsU.ttf");
}

@font-face {
    font-family: Aileron;
    src: url("../fonts/Aileron-Regular-PtKMzjI.ttf");
}

@font-face {
    font-family: AileronBold;
    src: url("../fonts/Aileron-Bold-qJlfFVj.ttf");
}

@font-face {
    font-family: AileronThinItalic;
    src: url("../fonts/Aileron-ThinItalic-qQJD0Mz.ttf");
}


:root {
    /* green light  */
    --green-light: #D6FFE7;
    /* bleu light */
    --light-blue: #DEE5F8;
    /* orange light */
    --orange-light: #FFE1D6;
    /* ggrey */
    --grey: #E8EDEC;
    /* vert */
    --green-deila: #01D758;
    /* blue */
    --blue-deila: #2B59C3;
    /* orange */
    --orange-deila: #FF6600;
    /* black */
    --octonary-color: #040811;
    /* nav link */
    --nav-link-color: #0a0a24;
    --body-font-color: #0a0a24;
    /* gris clair */
    --denary-color: #f5f5f5;
    /* titles */
    --bs-heading-color: #1e3561;

    --body-color: #f4f6f5;

    --title-font: 'LeagueBold', 'Varela Round', sans-serif;
    --italic-font: 'AileronThinItalic', 'Varela Round', sans-serif;
    --normal-font: 'Aileron', 'Varela Round', sans-serif;
    --bold-font: 'AileronBold', 'Varela Round', sans-serif;

}

.pt-5 {
    padding-top: 5rem;
}

.deila_logo img {
    width: auto;
    max-height: 50px;
}

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

body {
    font-family: var(--normal-font);
}

p {
    text-align: justify;
}

i {
    font-family: var(--italic-font);
}

b {
    font-family: var(--bold-font);
    display: inline-block;
}

.strongFirst::first-letter,
b::first-letter {
    font-weight: bold;
    color: var(--green-deila, #01D758);
    /* Fallback color */
    font-family: var(--bold-font, 'AileronBold', sans-serif);
    /* Fallback font */
}

.equipe-carousel .card-text,
.bg-dark h6,
.bg-dark h5,
.bg-dark h4,
.bg-dark h3,
.bg-dark h2,
.bg-dark h1 {
    color: white;
}

.equipe-carousel .card-text strong,
.deila-list-white li::first-letter,
.bg-dark h1 strong,
.bg-dark h2 strong,
.bg-dark h3 strong,
.bg-dark h4 strong,
.bg-dark h5 strong {
    font-weight: bold;
    font-family: var(--bold-font);
    text-transform: uppercase;
    color: var(--green-deila);
}

.bg-white h1 strong,
.bg-white h2 strong,
.bg-white h3 strong,
.bg-white h4 strong,
.bg-white h5 strong {
    text-transform: uppercase;
    color: var(--green-deila);
}

.lightGreen {
    color: var(--green-light);
}

.green,
.bg-dark .inverse {
    color: var(--green-deila)
}

.bg-light-green {
    background-color: var(--green-light);
}

.indexTarifs {
    size: xx-large;
    padding: 1rem;
    border-radius: 50%;

}

.equipe-carousel {
    display: flex;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.equipe-carousel .carousel-inner {
    display: flex;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-100%);
    }

    40% {
        transform: translateX(-200%);
    }

    100% {
        transform: translateX(0);
    }
}

.equipe-carousel .carousel-item {
    flex: 0 0 33.33%;
    text-align: center;
    display: block;
    margin-right: auto;
    transition: none;

}

.equipe-carousel .card-text {
    text-align: end;
}


.equipe-carousel .card {
    background-color: transparent;
    border: none;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 3rem;
}

.equipe-carousel .carousel-indicators,
.equipe-carousel .carousel-control-prev,
.equipe-carousel .carousel-control-next {
    display: none;
}

.equipe-carousel .list-group {
    vertical-align: top;
    text-align: center;
}


.equipe .card-text strong,
.bg-dark .inverse strong {
    color: white;
}

.title-main {
    bottom: 20%;
    position: absolute;
    left: 10%;
    text-align: start;
}

.title-main h1 {
    font-size: calc(3rem + 2vw);

}

.title-main h2 {
    font-size: calc(1rem + 2vw);
}

.logo-main {
    position: absolute;
    top: 10%;
    left: 5%;
}

.accueil {
    background-color: black;
    background-image: url("../images/header-zSy6nmN.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    color: var(--body-color);
    text-align: center;
}

.navbar {
    background-color: var(--body-color);
    color: var(--nav-link-color);
    font-family: var(--title-font);
    font-size: 1.2rem;
}

.btn-primary {
    background-color: var(--green-deila);
    color: white;
    border: none;
}

.btn-primary:hover {
    background-color: var(--green-light);
    color: var(--blue-deila);
    border: none;
}

.equipe .card {
    background-color: transparent;
    border: none;
    margin-left: 1rem;
    margin-right: 1rem;
}

.equipe .card-title {
    color: white;
    text-align: center;
}

.deila-list-white {
    color: white;
    display: table-row;
    list-style: none;
}

.deila-list-white li {
    padding-top: 1rem;
    border-bottom: 1px solid white;
}


.deila-list-white li p {
    /* display: table-cell; */
    font-family: var(--italic-font);
    padding-left: 1rem;
    font-size: small;
}

.services .col,
.services .card,
.services {
    margin: 0px;
    padding: 0px;

}

.services .card {
    border: none;
    height: 100%;
}

.services .card:hover {
    background-color: var(--green-light);

}



/* .deila-list-white li::before {
    display: table-cell;
    text-align: right;
    content: "+";
    font-size: 1em;
    font-weight: bold;
    color: var(--primary-color);
    padding-right: 12px;
} */

/* Media query for responsiveness */
@media (max-width: 768px) {

    .equipe-carousel .card {
        height: 65vh;
    }

    .equipe-carousel .carousel-item {
        flex: 0 0 100%;
        display: none;
        margin-right: -100%;
        transition: transform 0.6s ease-in-out;
    }

    .equipe-carousel .active {
        display: block;
    }

    .equipe-carousel .carousel-control-prev,
    .equipe-carousel .carousel-control-next {
        display: block;
    }

    .equipe-carousel .carousel-indicators {
        display: flex;
        justify-content: center;
    }
}



@media (max-width: 430px) {
    .fixed-bottom {
        position: relative;
    }
}


@media(max-width: 580px) {
    .nos-clients .roundDeila {
        visibility: hidden;
    }

    .nos-clients .roundDeilaMobile {
        visibility: visible;
        display: block;
    }

    .card-valeurs .card {
        width: auto;
        margin: 0.5rem;
    }

    .empty-footer-col {
        display: none;
    }

}


.nos-clients .col {
    text-align: center;
    padding: 1rem;
}

.nos-clients .col-sm-3 {
    text-align: center;
    align-items: center;
    justify-content: center;
}


.nos-clients .black {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem;
    background-color: black;
    color: white;
}

.nos-clients img {
    width: 150px;
    height: 150px;
    /* round */
    border-radius: 50%;
}

.center-item {
    align-items: center;
}

.roundDeilaMobile {
    display: none;
}

.roundDeila {
    margin-top: 10px;
    border-radius: 50%;
    background-color: var(--green-light);
    display: block;
    position: absolute;
    width: 35%;
    max-width: 485px;
    max-height: 437px;
    height: auto;
    align-self: center;
}

.roundDeila img {
    margin-top: -3rem;
    width: 100%;
    height: auto;
}

.roundDeila div {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /* Align items to the bottom */
    width: 100%;
    position: absolute;
    top: 70%;
    box-sizing: border-box;
}



.card-valeurs {
    justify-content: center;
}

.card-valeurs .card {
    border: none;
    margin: 1rem 0.5rem 1rem 0.5rem;
    height: 95%;
}

.card-valeurs h4 {
    color: black;
}

.vh-30 {
    height: 30vh !important;
}

.carousel-avis .carousel-item .card {
    margin: auto;
    width: 80%;
}

.carousel-avis {
    margin: 0 auto;
}

.carousel-avis h4,
.carousel-avis h5 {
    color: black;
}

.ecarousel-avis .carousel-control-prev,
.carousel-avis .carousel-control-next {
    color: white;
}

.isApartirDe {
    display: block;
    position: relative;
    top: -0.5rem;
    right: 0rem;
    font-size: small;
    font-style: italic;
}


.col-tarif {
    align-items: center;
    display: flex;
}

.contact-form form {
    padding: 1rem;
    border-radius: 1rem;
    background-color: var(--green-light);
    color: white;
}

.alert {
    color: black;
    background-color: var(--green-deila);
    border: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1000;
}

#hideMe {
    -webkit-animation: cssAnimation 5s forwards;
    animation: cssAnimation 5s forwards;
}

.before-footer {
    padding-bottom: 20px;
}

.container-full {
    justify-content: center;
    align-items: start;
    margin-right: 1rem;
    margin-left: 1rem;
}

.footer-col {
    color: black;
    height: 200px;
    padding: 5px;
    border-left: 0px solid black;
    border-right: 0px solid black;
    margin: 0px;
}

.empty-footer-col {
    max-width: 40px;
    height: 200px;
}

.title-footer {
    font-family: var(--tertiary-font);
    text-wrap: nowrap;
}

.title-footer a {
    text-decoration: none;
    font-weight: bold;
    color: white;
}


.footer-ul {
    height: 100%;
}

.footer-col ul {
    list-style: none;
    padding: 0px 0px 0px 10px;
    display: table;
    width: 100%;
}

.footer-col ul li {
    display: table-header-group;
    text-wrap: nowrap;
    padding: 10px;
    margin-right: 20px;
}

.footer-col ul li a {
    padding-bottom: 5px;
    vertical-align: middle;
    color: black;
    text-decoration: none;
}

.logo-footer {
    margin-left: auto;
    margin-right: 0px;

}

.logo-footer img {
    max-width: 150px;
}

.address::before {
    background-image: url("../icons/addresse-rnfpMN8.png");
}

.phone::before {
    background-image: url("../icons/telephone-Rb4PJix.png");
}

.email::before {
    background-image: url("../icons/email-yaWnvnI.png");
}

.footer-contact ul li::before {
    margin-left: -40px;
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.media-footer {
    justify-content: center;
}