/*================================================
[  Table of contents  ]
================================================

:: Color Variables
:: General
:: Header
  :: Topbar dark
  :: Fancy
  :: Light
:: Rev slider
:: Owl carousel
:: Welcome
:: Feature
:: Custom block
:: Feature car area
:: Latest blog
:: Counter
:: Testimonial
:: Car item
:: Play video
:: Back to top
:: Footer
:: Inner pages
:: Content box
:: Why choose
:: Our service
:: Newsletter
:: Quick links
:: Our History
:: Isotope filters
:: Team
:: Search
:: Inner-intro
:: Service
:: Contact
:: Register
:: Login
:: Error-page
:: Coming-soon
:: Terms and conditions
:: Privacy policy
:: Tabs
:: Accordion
:: Career
:: Blog all pages
:: Product listing
:: Product details
:: Version 2.0 css
  :: Home - 7
  :: Home - 8
  :: Home - 9
  :: Home - 10

:: New Header
:: New Footer
:: Team Single

======================================
[ End table content ]
======================================*/

/*************************
    Color Variables
*************************/
:root {
    --cd-primary-color: #d24a3c;
    --cd-secondary-color: #363636;
    --cd-tertiary-color: #999999;
    --title-font: "Outfit", sans-serif;
    --body-font: "Outfit", sans-serif;
    --bg-dark-color: #091c3a;
    --section-bg-light: #fafafa;
    --section-bg-dark: #15181f;
    --button-bg-dark: #15181f;
    --section-padding: 110px;
    --section-padding-md: 90px;
    --section-padding-sm: 70px;
    --section-title-margin: 40px;
    --transition: all 0.25s ease-in-out;
}

/* Masquer le bouton par défaut */
.floating-call-button {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

/* Styles spécifiques aux mobiles (max-width: 768px) */
@media (max-width: 768px) {
    /* Le bouton s'affiche lorsqu'on lui ajoute la classe .active */
    .floating-call-button.active {
        display: block;
    }

    .floating-call-button a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        height: 70px;
        background-color: #fff;
        border: none;
        border-radius: 50%;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        position: relative;
        cursor: pointer;
        overflow: hidden;
        transition: transform 0.3s ease;
        text-decoration: none; /* Supprime le soulignement du lien */
    }

    .floating-call-button a:hover {
        transform: scale(1.05);
    }

    .floating-call-button a i {
        color: #d24a3c; /* Couleur de l'icône */
        font-size: 32px;
        position: relative;
        z-index: 2;
    }

    /* Effet anneau pulsant */
    .floating-call-button a::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        border: 2px solid #d24a3c;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        animation: pulseRing 2s infinite;
        pointer-events: none; /* Pour ne pas interférer avec le clic */
    }

    @keyframes pulseRing {
        0% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0.7;
        }
        100% {
            transform: translate(-50%, -50%) scale(1.5);
            opacity: 0;
        }
    }
}

/* Effet de gradient et animation */
.service-box {
    background: linear-gradient(135deg, #282727, #282727);
    color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition:
        transform 0.3s ease-in-out,
        box-shadow 0.3s ease-in-out;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Animation d’apparition */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Effet au survol */
.service-box:hover {
    transform: scale(1.05);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}

/* Assure que le texte et les titres sont bien visibles */
.service-content h6 {
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}
.service-content p {
    font-size: 1em;
    line-height: 1.5;
}

.gradient-text {
    background: linear-gradient(135deg, #4caf50, #6ac104);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

/*************************
    General
*************************/
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic,600,600italic,700,700italic,800,800italic,300italic|Montserrat:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);

body {
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}

a,
.btn {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

a:focus {
    text-decoration: none !important;
}

a:focus,
a:hover {
    color: #db2d2e;
    text-decoration: none !important;
}

a,
button,
input {
    outline: medium none !important;
    color: #db2d2e;
    text-decoration: none;
}

.uppercase {
    text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    color: #363636;
    margin-top: 0px;
    text-transform: uppercase;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}

h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
}

h3 {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
ul {
    margin: 0px;
    padding: 0px;
}
hr {
    margin: 0;
    padding: 0px;
    border-bottom: 1px solid #232323;
    border-top: 0px;
}
hr.gray {
    margin: 0;
    padding: 0px;
    border-bottom: 1px solid #dedede;
    border-top: 0px;
    opacity: 1;
}
label {
    font-size: 15px;
    font-weight: 400;
    color: #626262;
}
.label {
    color: #fff !important;
    font-size: 9px !important;
}
*::-moz-selection {
    background: #db2d2e;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #db2d2e;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #db2d2e;
    color: #fff;
    text-shadow: none;
}

/***************************
   Typography
****************************/
mark {
    background: #db2d2e;
    color: #ffffff;
}
ol {
    padding: 0px;
    margin: 0px;
}
ol li {
    list-style: decimal inside;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}
ol.alpha li {
    list-style: decimal-leading-zero inside;
    padding: 0px;
    margin: 0px;
}
ol.roman {
    padding-left: 15px;
}
ol.roman li {
    list-style: lower-roman;
    padding: 0px;
    margin: 0px;
}
ul {
    padding: 0px;
    margin: 0px;
}
ul li {
    list-style: square inside;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}
ul.disc li {
    list-style: disc inside;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}
ul.list-style-1 li {
    list-style: none;
}
.list-style-none li {
    list-style: none;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
blockquote {
    display: block;
    background: #fff;
    position: relative;
    font-size: 14px;
    padding-left: 60px;
    border-left: 5px solid #f5f5f5;
    font-style: italic;
    padding-right: 0px;
}
blockquote::before {
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #e3e3e3;
    position: absolute;
    left: 10px;
    top: 25px;
}
blockquote::after {
    content: "";
}
blockquote cite {
    font-size: 14px;
    margin-top: 15px;
    display: block;
    font-weight: 600;
    color: #db2d2e;
}
.quick-links .row.no-gutter {
    padding: 0 15px;
}
.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.service-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.service-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.service-card-body {
    padding: 15px;
}

.service-card-body h6 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}

.service-card-body p {
    font-size: 14px;
    color: #555;
}

.slider {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.slider-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.slider-content {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    width: 90%;
}

.slider-content h1 {
    color: white;
    font-size: 28px;
    font-weight: bold;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
}

.slider-content p {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

.call-button {
    display: inline-block;
    background-color: #d24a3c;
    color: white;
    padding: 15px 40px;
    font-size: 22px;
    text-decoration: none;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: relative;
}

.call-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    background: rgba(40, 167, 69, 0.4);
    border-radius: 50px;
    transform: translate(-50%, -50%);
    animation: ring-animation 1.5s infinite;
    z-index: -1;
}

@keyframes ring-animation {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0.4;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.6);
        opacity: 0;
    }
}

.call-button:hover {
    background-color: #d24a3c;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}

.custom-block {
    border: 2px solid #d24a3c;
    border-radius: 15px;
    padding: 20px;
    display: inline-block;
    text-align: center;
}

.service-box {
    border: 2px solid #ddd;
    padding: 20px;
    border-radius: 10px;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    text-align: center;
}

.service-box .service-image img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.service-content {
    margin-top: 20px;
}

.tabs-header {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.accordion-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
}

.accordion-button {
    background-color: #f8f9fa;
    font-weight: bold;
    cursor: pointer;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-body {
    background-color: white;
    padding: 15px;
    font-size: 16px;
}

.services-section {
    margin-bottom: 40px !important; /* Réduit l’espace sous les services */
}

.privacy-policy {
    margin-top: 0px !important; /* Évite un trop grand espace avant la FAQ */
}

.page-section-ptb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.call-button {
    display: inline-block;
    background-color: #d24a3c;
    color: white;
    padding: 15px 40px;
    font-size: 22px;
    text-decoration: none;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: relative;
}

.call-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 7Z0%;
    width: 100%;
    height: 100%;
    background: rgba(40, 167, 69, 0.4);
    border-radius: 50px;
    transform: translate(-50%, -50%);
    animation: ring-animation 1.5s infinite;
    z-index: -1;
}

@keyframes ring-animation {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0.4;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.6);
        opacity: 0;
    }
}

.call-button:hover {
    background-color: #d24a3c;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}

/***************************
Page section margin padding
****************************/
.page-section-ptb {
    padding: 80px 0;
}
.page-section-pt {
    padding: 80px 0 0;
}
.page-section-pb {
    padding: 0 0 80px;
}

/*************************
  Text Color
***********************/
.text-red {
    color: #0ec21c;
}
.text-white {
    color: #ffffff;
}
.text-black {
    color: #323232;
}
.text-gray {
    color: #626262;
}

/*************************
  Background Color
***********************/
.white-bg {
    background: #ffffff;
}
.gray-bg {
    background: #f6f6f6;
}
.dark-gray-bg {
    background: #908f94;
}
.red-bg {
    background: #d24a3c;
}

/*************************
  Section Title
***********************/
.section-title {
    margin-bottom: 60px;
    text-align: center;
}
.section-title .separator {
    position: relative;
    margin-top: 10px;
    display: inline-block;
}
.section-title h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 600;
}
.section-title span {
    margin-bottom: 10px;
    display: block;
}
.section-title .separator:after {
    width: 100px;
    display: block;
    margin: auto;
    content: "";
    height: 1px;
    background: #d24a3c;
    bottom: 0px;
    left: 50%;
    transition:
        width 0.8s ease,
        background-color 0.8s ease;
    -webkit-transition:
        width 0.8s ease,
        background-color 0.8s ease;
    -o-transition:
        width 0.8s ease,
        background-color 0.8s ease;
    -ms-transition:
        width 0.8s ease,
        background-color 0.8s ease;
    -moz-transition:
        width 0.8s ease,
        background-color 0.8s ease;
}
.section-title .separator:before {
    content: "";
    display: block;
    margin: auto;
    left: 50%;
    height: 1px;
    width: 50px;
    bottom: -15px;
    background: #d24a3c;
    transition:
        width 0.8s ease,
        background-color 0.8s ease;
    -webkit-transition:
        width 0.8s ease,
        background-color 0.8s ease;
    -o-transition:
        width 0.8s ease,
        background-color 0.8s ease;
    -ms-transition:
        width 0.8s ease,
        background-color 0.8s ease;
    -moz-transition:
        width 0.8s ease,
        background-color 0.8s ease;
    margin-bottom: 6px;
}
section:hover .section-title .separator:before {
    width: 100px;
    left: 0;
}
section:hover .section-title .separator:after {
    width: 50px;
    left: 0;
}

.scrolling-banner {
    background-color: black;
    color: white;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.scrolling-banner marquee {
    font-size: 18px;
    font-weight: bold;
}

/*************************
      Background
***********************/
.bg-1 {
    background: url(../images/bg/01.jpg);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-attachment: fixed;
}
.bg-2 {
    background: url(../images/bg/02.jpg);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-attachment: fixed;
}
.bg-3 {
    background: url(../images/bg/03.jpg);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-attachment: fixed;
}
.bg-4 {
    background: url(../images/bg/04.jpg);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}
.bg-5 {
    background: url(../images/bg/05.jpg);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}
.bg-6 {
    background: url(../images/bg/06.jpg);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    background-size: cover !important;
    background-attachment: fixed;
}
.bg-7 {
    background: url(../images/assurances.webp);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

/*************************
   Background overlay
***********************/
.bg-overlay-black-10:before {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-black-20:before {
    background: rgba(0, 0, 0, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-black-30:before {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-black-40:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-black-50:before {
    background: rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-black-60:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-black-70:before {
    background: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-black-80:before {
    background: rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-black-90:before {
    background: rgba(0, 0, 0, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-white-10:before {
    background: rgba(255, 255, 255, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-white-20:before {
    background: rgba(255, 255, 255, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-white-30:before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-white-40:before {
    background: rgba(255, 255, 255, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-white-50:before {
    background: rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-white-60:before {
    background: rgba(255, 255, 255, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-white-70:before {
    background: rgba(255, 255, 255, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-white-80:before {
    background: rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-white-90:before {
    background: rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-red-20:before {
    background: rgba(219, 45, 46, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-red-50:before {
    background: rgba(219, 45, 46, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-red-70:before {
    background: rgba(219, 45, 46, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.bg-overlay-red-90:before {
    background: rgba(219, 45, 46, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/*************************
    Header
*************************/
#header.defualt {
    background: transparent;
    z-index: 999;
    padding: 0px;
    margin: 0px;
    position: absolute;
    width: 100%;
}

/*topbar*/
.topbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 0px;
    font-family: "Roboto", sans-serif;
}
.topbar li,
.topbar li a {
    color: #ffffff;
}
.topbar-left li i {
    padding-right: 5px;
}
.topbar-right .list-inline li:last-child,
.topbar-right li:last-child i {
    padding-right: 0px;
}
.topbar .topbar-right li a:hover {
    color: #db2d2e;
}
.topbar-right li i {
    padding-right: 5px;
}

/*mega-menu*/
.mega-menu .menu-logo {
    padding: 36px 0px;
}
.mega-menu .menu-logo img {
    height: 36px;
}
.mega-menu .menu-links > li {
    line-height: 102px;
}
.mega-menu .menu-links > li > a {
    /*line-height: 102px*/
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}
.mega-menu .drop-down-multilevel.right-menu {
    right: 0px;
}
.mega-menu .menu-links > li:last-child > a {
    padding-right: 0px;
}
.mega-menu .menu-links > li.active .drop-down-multilevel a {
    color: #555555;
}
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover {
    color: #db2d2e;
}
.mega-menu .menu-links > li.active .drop-down a {
    color: #323232;
}
.mega-menu .menu-links > li.active .drop-down li.active a {
    color: #db2d2e;
}
.mega-menu .menu-links > li.active .drop-down a:hover {
    color: #db2d2e;
}
.mega-menu .menu-links > li.active .drop-down li.active a i {
    color: #db2d2e;
}
.mega-menu .menu-links > li.active .drop-down a i:hover {
    color: #db2d2e;
}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a {
    color: #db2d2e;
    background: #f6f6f6;
}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
    color: #323232;
    background: transparent;
}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover {
    color: #db2d2e;
}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a {
    color: #db2d2e;
    background: #f6f6f6;
}
.mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a {
    color: #323232;
    background: transparent;
}
.mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a
    .drop-down-multilevel
    li
    a:hover {
    color: #db2d2e;
}
.mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    a {
    color: #db2d2e;
    background: #f6f6f6;
}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i {
    color: #db2d2e;
}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i {
    color: #db2d2e;
}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i {
    color: #323232;
}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i {
    color: #db2d2e;
}
.mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a:hover {
    color: #db2d2e;
}
.mega-menu .menu-links > li .menu-heading {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    margin: 10px 0;
    color: #000000;
}
.mega-menu .menu-links > li .label-new {
    background: #3bcb86;
    color: #ffffff;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 18px;
    position: relative;
    top: -2px;
    margin-left: 2px;
}
.mega-menu .menu-links > li .drop-down ul li.active a {
    color: #db2d2e;
}

.mega-menu .row {
    margin-left: 0px;
    margin-right: 0px;
}
.mega-menu .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}
.mega-menu.desktopTopFixed .menu-list-items {
    background: #323232;
    padding: 0px;
}
.mega-menu.desktopTopFixed .menu-logo {
    padding: 20px 0px;
}
.mega-menu.desktopTopFixed .search-top {
    padding: 26px 0;
}
.mega-menu.desktopTopFixed .search-top.search-top-open .search-box {
    top: 72px !important;
    border-bottom: 1px solid #f6f6f6;
}

/*************************
      Fancy
*************************/
#header.fancy {
    background: transparent;
    position: relative;
}
#header.fancy .topbar {
    background: #db2d2e;
    padding: 15px 0px 70px;
}
#header.fancy .topbar .topbar-right li a:hover {
    color: #323232;
}
#header.fancy .menu {
    position: absolute;
    width: 100%;
    top: 60px;
}
#header.fancy .mega-menu > section.menu-list-items {
    background: #ffffff;
    padding: 0px 25px;
}
#header.fancy .mega-menu.desktopTopFixed > section.menu-list-items {
    border-bottom: 1px solid #f6f6f6;
}
#header.fancy .mega-menu .menu-links > li > a {
    color: #323232;
}
#header.fancy .mega-menu.desktopTopFixed .menu-links > li > a {
    color: #ffffff;
}
#header.fancy .mega-menu .menu-links > li > a:hover {
    color: #db2d2e;
}
#header.fancy .mega-menu .menu-links > li.active > a {
    color: #db2d2e;
}
#header.fancy .mega-menu.desktopTopFixed .menu-links > li > a {
    color: #323232;
}
#header.fancy .mega-menu .menu-links > li.active .drop-down-multilevel li.active a {
    color: #db2d2e;
}
#header.fancy .mega-menu .menu-links > li.active .drop-down-multilevel li a {
    color: #323232;
}
#header.fancy .mega-menu .menu-links > li.active .drop-down-multilevel li a:hover {
    color: #db2d2e;
}
#header.fancy .search-top .search-btn {
    color: #323232;
}
#header.fancy .search-top .search-btn:hover {
    color: #db2d2e;
}
#header.fancy .mega-menu .menu-logo {
    padding: 33px 0px;
}
#header.fancy .mega-menu.desktopTopFixed .menu-logo {
    padding: 20px 0px;
}

/*************************************
       Typography
**************************************/
.typography-main h4.title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
    display: block;
}
.typography-main h4.title:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    background: #db2d2e;
    left: 0px;
    bottom: 0px;
}
.typography p {
    margin-bottom: 30px;
    display: block;
}
.typography-main hr {
    margin: 40px 0px;
}
.typography-main .typography-teg {
    margin-bottom: 30px;
}
.typography-main h5.title {
    margin-bottom: 10px;
    display: block;
}

/*************************
     Welcome
*************************/
.welcome-block p {
    padding: 0 100px;
    margin-top: 20px;
    display: block;
}
.welcome-block p strong {
    font-style: italic;
}
.welcome-block .halp-call {
    margin-top: 80px;
}
.welcome-block .halp-call img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 5px;
}
.welcome-block .halp-call span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}
.welcome-2 {
    padding-bottom: 410px;
}
.welcome-3 .about {
    margin-top: 40px;
    margin-bottom: 50px;
}
.welcome-3 .about strong {
    margin-bottom: 20px;
    display: block;
}
.welcome-4 .feature-box-3 {
    margin-top: 50px;
}
.welcome-4 .feature-box {
    margin-top: 50px;
}
.welcome-4 .feature-box-3 .content {
    display: table-cell;
}
.welcome-4 .section-title p {
    margin-top: 20px;
}

/*************************
     Feature
*************************/
/*feature-box */
.feature-box i {
    text-align: center;
    width: 80px;
    height: 80px;
    font-size: 30px;
    line-height: 80px;
    background: #f6f6f6;
    display: inline-block;
    border-radius: 50%;
    color: #969696;
    margin-bottom: 20px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.feature-box h6 {
    position: relative;
    padding-bottom: 10px;
}
.feature-box h6:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    background: #d24a3c;
    left: 50%;
    margin-left: -10px;
    bottom: 0px;
}
.feature-box p {
    padding: 0px;
}
.feature-box:hover i {
    background: #d24a3c;
    color: #ffffff;
}

/*feature-box-2*/
.feature-box-2 {
    background: #ffffff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.feature-box-2.box-hover {
    padding: 20px;
}
.feature-box-2 i {
    color: #d24a3c;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 20px;
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.feature-box-2 p,
.feature-box-2 h5 {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.feature-box-2.box-hover:hover,
.feature-box-2.box-hover.active {
    background: #d24a3c;
}
.feature-box-2.box-hover:hover i,
.feature-box-2.box-hover.active i,
.feature-box-2.box-hover:hover p,
.feature-box-2.box-hover.active p,
.feature-box-2.box-hover:hover h5,
.feature-box-2.box-hover.active h5 {
    color: #ffffff;
}

/*feature-box-3 */
.feature-box-3 .icon {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 20px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ffffff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.feature-box-3.grey-border .icon {
    border: 1px solid #f6f6f6;
}
.feature-box-3 .icon i {
    font-size: 20px;
    background: #f6f6f6;
    display: block;
    border-radius: 50%;
    margin: 9px 10px 10px 9px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.feature-box-3 .content {
    display: table-cell;
    margin-top: 10px;
    vertical-align: top;
}
.feature-box-3 .content h5 {
    margin-bottom: 0px;
    margin-top: 10px;
}
.feature-box-3 .content h6 {
    margin-bottom: 0px;
    margin-top: 10px;
}
.feature-box-3 .content p {
    margin-top: 0px !important;
}
.feature-box-3:hover .icon,
.feature-box-3:hover .icon i {
    border-color: #d24a3c;
}
.feature-box-3:hover .icon i {
    background: #d24a3c;
    color: #ffffff;
}

.useful-link ul li a {
    color: #ffffff; /* Couleur par défaut (à ajuster selon vos besoins) */
    transition: color 0.5s ease;
}

.useful-link ul li a:hover {
    color: #d24a3c;
}

.fa-solid.fa-circle-check {
    color: #d24a3c;
    transition: color 0.3s ease;
}

/* Optionnel : si vous souhaitez définir une couleur de survol différente */
.fa-solid.fa-circle-check:hover {
    color: #d24a3c; /* ou une autre couleur si besoin */
}


/*************************
      Back to top
*************************/
.car-top {
    width: 85px;
    position: fixed;
    bottom: -180px;
    right: 30px;
    z-index: 9999;
    opacity: 1;
    cursor: pointer;
}
.car-top.show {
    bottom: 5% !important;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.car-top.car-run {
    bottom: 100% !important;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.car-top.car-down {
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.car-top:before,
.car-top:after {
    content: "";
    position: absolute;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
}
.car-top:hover:before,
.car-top:hover:after,
.car-top.car-run:before,
.car-top.car-run:after {
    opacity: 1;
}
.car-top:before,
.car-top.car-run:before {
    top: -1px;
    left: 0px;
    width: 85px;
    height: 89px;
    background: url(../images/car-focus.png) no-repeat 0 0;
}

/*************************************
        Footer
**************************************/
.footer {
    position: relative;
}
.footer h6 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 26px;
}
.footer h6:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    background: #db2d2e;
    left: 0;
    bottom: 0px;
}

/*social*/
.social {
    margin-bottom: 80px;
}
.social ul {
    width: 100%;
    display: table;
}
.social ul li {
    display: table-cell;
    background: transparent;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.social ul li a {
    line-height: 60px;
    width: 100%;
    padding: 0px 20px;
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.social ul li a i {
    font-size: 30px;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.4);
    float: right;
    line-height: 60px;
}
.social ul li:hover a.facebook {
    background: #3a5897;
}
.social ul li:hover a.twitter {
    background: #41d1da;
}
.social ul li:hover a.pinterest {
    background: #c3222b;
}
.social ul li:hover a.dribbble {
    background: #dd4b80;
}
.social ul li:hover a.google-plus {
    background: #db2d2e;
}
.social ul li:hover a.behance {
    background: #005cff;
}

.about-content p {
    color: #909090;
}

/*address*/
.about-content img {
    height: 40px;
    margin-bottom: 30px;
}
.address {
    margin-top: 20px;
}
.address ul li {
    display: block;
    color: #909090;
    padding-bottom: 15px;
}
.address ul li:last-child {
    padding-bottom: 0px;
}
.address ul li i {
    display: table-cell;
    width: 20px;
    text-align: center;
    color: #d24a3c;
    padding-right: 15px;
}
.address ul li span {
    display: table-cell;
}

/*usefull-link*/
.usefull-link ul li {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    padding: 10px 0px;
}
.usefull-link ul li:last-child {
    border-bottom: 0px;
}
.usefull-link ul li a i {
    padding-right: 10px;
}
.usefull-link ul li a {
    color: #909090;
}
.usefull-link ul li a:hover {
    color: #db2d2e;
}

/*recent-post*/
.recent-post {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.recent-post:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.recent-post-block h6 {
    margin-bottom: 40px;
}
.recent-post-image {
    display: table-cell;
}
.recent-post-image img {
    vertical-align: middle;
    width: 70px;
    height: 54px;
}
.recent-post-info {
    display: table-cell;
    padding-left: 15px;
    vertical-align: top;
}
.recent-post-info a {
    color: #909090;
    font-size: 16px;
    line-height: 20px;
    vertical-align: top;
    display: block;
}
.recent-post-info a:hover {
    color: #db2d2e;
}
.recent-post-info span {
    color: #909090;
    font-size: 13px;
    display: table;
    padding-top: 5px;
}
.recent-post-info i {
    color: #db2d2e;
    font-size: 14px;
    padding-right: 5px;
}

/*news-letter*/
.footer .news-letter a.button.red {
    padding: 7px 20px;
    margin-top: 20px;
}
.footer .news-letter .form-control {
    border-color: rgba(255, 255, 255, 0.11);
}
.footer .news-letter .form-control:focus {
    border-color: #db2d2e;
}
.footer hr {
    margin-top: 60px;
    border-color: rgba(255, 255, 255, 0.11);
}
.footer .copyright {
    margin: 40px 0 0px;
    padding-bottom: 30px;
}
footer .copyright a {
    color: #db2d2e;
}
footer .copyright ul li {
    padding: 0px;
}
footer .copyright ul li a {
    color: #909090;
    text-transform: capitalize;
    padding: 0px 3px;
}
footer .copyright ul li a:hover {
    color: #0ec21c;
}

/*footer-2 */
.footer-2 {
    background: #101010;
}
.footer-2 p {
    color: #909090;
}
.footer-2 .social ul li {
    display: inline-block;
}
.footer-2 .social ul li a {
    display: block;
    padding: 0px;
    text-align: center;
}
.footer-2 .social ul li a i {
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    float: none;
    background: rgba(39, 39, 39, 0.2);
    margin-right: 2px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.footer-2 .social ul li a i:hover {
    background: #0ec21c;
    color: #ffffff;
}
.footer-2 .address ul li {
    padding-bottom: 5px;
}

/*usefull-link*/
.footer-2 .usefull-link h6,
.footer-2 .keep-touch h6 {
    margin-bottom: 40px;
}
.footer-2 .usefull-link ul li {
    display: block;
    border-bottom: 0px;
    padding: 5px 0px;
}
.footer-2 .usefull-link ul li a i {
    padding-right: 10px;
}
.footer-2 .usefull-link ul li a {
    color: #909090;
}
.footer-2 .usefull-link ul li a:hover {
    color: #0ec21c;
}

/*news-letter*/
.footer-2 .news-letter {
    margin-top: 20px;
}
.footer-2 .input-group-btn button {
    background-color: #0ec21c;
    border-color: #db2d2e;
    border-radius: 0px;
    color: #ffffff;
    padding: 11px 14px;
}
.footer-2 .input-group-btn button:hover {
    background-color: #0ec21c;
    border-color: #0ec21c;
    border-radius: 0px;
    color: #000;
}
.footer-2 .input-group.divcenter .form-control::-moz-placeholder {
    color: #909090;
    font-size: 13px;
}
.footer-2 .input-group.divcenter.input-group .form-control {
    padding-left: 15px;
    border: 1px solid #232323;
}
.footer-2 .input-group.divcenter.input-group .form-control:focus {
    border-color: #0ec21c;
    color: #323232;
}
.footer-2 .footer-box {
    background: rgba(39, 39, 39, 0.2);
    padding: 30px;
    clear: both;
    margin-bottom: 80px;
}
.footer-2 .footer-box .box-content {
    display: table-cell;
    vertical-align: top;
}
.footer-2 .footer-box .box-link {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}
.footer-2 .footer-box .box-link a {
    display: block;
    padding: 8px 16px;
    width: 120px;
    background: #0ec21c;
    border-color: #db2d2e;
    color: #ffffff;
}
.footer-2 .copyright {
    background: rgba(39, 39, 39, 0.2);
    padding: 30px 0 20px;
}

/*footer-3*/
.get-quote i {
    color: #ffffff;
    font-size: 40px;
    display: inline-block;
    margin-bottom: 20px;
}
.get-quote h2 {
    margin-bottom: 30px;
}
.get-quote p {
    font-size: 20px;
}
.footer-3 {
    background: #101010;
}
.footer-3 p {
    color: #909090;
}
.footer-3 .about-content h6 {
    margin-bottom: 22px;
}
.footer-3 .social ul li {
    display: inline-flex;
}
.footer-3 .social ul li a {
    display: block;
    padding: 0px;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
}
.footer-3 .social ul li a i {
    font-size: 12px;
    width: 35px;
    height: 35px;
    line-height: 37px;
    text-align: center;
    border-radius: 50%;
    background: rgba(39, 39, 39, 0.8);
    display: inline-block;
    float: none;
    margin-right: 2px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.footer-3 .social ul li a i:hover {
    background: #db2d2e;
    color: #ffffff;
}
.footer-3 .usefull-link ul li {
    display: block;
    border-bottom: 0px;
    padding: 5px 0px;
}
.footer-3 .usefull-link ul li a i {
    padding-right: 10px;
}
.footer-3 .usefull-link ul li a {
    color: #909090;
}
.footer-3 .usefull-link ul li a:hover {
    color: #db2d2e;
}
.footer-3 .copyright {
    background: rgba(39, 39, 39, 0.2);
    padding: 30px 0 20px;
}
.footer-3 .copyright ul li a {
    color: #909090;
    text-transform: capitalize;
}
.footer-3 .copyright ul li a:hover {
    color: #db2d2e;
}

/*footer topbar*/
.footer-3.footer-topbar img {
    height: 40px;
}
.footer-3.footer-topbar .copyright {
    margin-top: 70px;
}
.footer-3 .footer-nav {
    margin-top: 8px;
}
.footer-3 .footer-nav ul li {
    display: inline-block;
}
.footer-3 .footer-nav ul li a {
    text-transform: uppercase;
    font-weight: 600;
    color: #909090;
    margin: 0 5px;
}
.footer-3 .footer-nav ul li a:hover {
    color: #db2d2e;
}
.footer-3.footer-topbar .top {
    margin-bottom: 60px;
}
.footer-3.footer-topbar hr {
    margin-bottom: 60px;
    opacity: 1;
}
.footer-3.footer-topbar .social {
    margin-bottom: 0px;
}
.footer-3.footer-topbar .social ul li a {
    line-height: 30px;
}
.footer-3.footer-topbar .usefull-link ul li {
    padding: 5px 0px;
}
.footer-3.light {
    background: #ffffff;
}
.footer-3.light .copyright {
    background: #f6f6f6;
}
.footer-3 .social ul li a i {
    background: #f6f6f6;
    color: #909090;
}
.footer-3 hr {
    border-bottom-color: #f6f6f6;
}

/*************************************
         Home page 2
**************************************/

/*content-box*/
.content-box {
    background: #f6f6f6;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 1;
    overflow: hidden;
}
.content-box .box-info {
    position: relative;
    z-index: 9;
}
.content-box i {
    font-size: 48px;
    line-height: 100px;
    color: #db2d2e;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.content-box h5 {
    text-transform: uppercase;
    padding: 0 0 10px;
    transition: all 0.3s ease-out 0s;
    margin-top: 0;
}
.content-box p {
    font-weight: 400;
    padding: 15px 20px;
    transition: all 0.3s ease-out 0s;
}
.content-box a {
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    margin: 25px 0 15px;
    display: block;
    position: relative;
    z-index: 3;
    line-height: 14px;
}
.content-box .content-box-img {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 0;
    background-size: cover;
    background-position: center center;
}
.content-box .border {
    border: none !important;
    position: absolute;
    background: #db2d2e;
    height: 0px;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.content-box:hover .content-box-img,
.content-box.active .content-box-img {
    opacity: 1;
}
.content-box:hover .border,
.content-box.active .border {
    height: 45px;
}
.content-box:hover i,
.content-box.active i {
    color: #fff;
}
.content-box:hover h5,
.content-box.active h5,
.content-box:hover p,
.content-box.active p {
    color: #fff;
}
.content-box:hover a,
.content-box.active a {
    color: #fff;
}
.content-box:hover:before,
.content-box.active:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/*content-box-2*/
.content-box-2 {
    border-top: 4px solid #db2d2e;
    position: relative;
    overflow: hidden;
}
.content-box-2 a.title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    font-weight: 700;
    line-height: 24px;
    color: #363636;
}
.content-box-2 a.title:hover {
    color: #db2d2e;
}
.content-box-2.car-bg-1 {
    background: url(../images/car/08.jpg) no-repeat;
    padding: 30px 30px 154px;
}
.content-box-2.car-bg-2 {
    background: url(../images/car/09.jpg) no-repeat;
    padding: 30px 30px 154px;
}
.content-box-2.car-bg-3 {
    background: url(../images/car/10.jpg) no-repeat;
    padding: 30px 30px 154px;
}
.content-box-2 i {
    color: #db2d2e;
    font-size: 30px;
    margin-bottom: 20px;
    display: block;
}
.content-box-2 a.link {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #363636;
    text-transform: capitalize;
    opacity: 0;
}
.content-box-2 a.link i {
    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
    color: #363636;
}
.content-box-2:hover a.link {
    opacity: 1;
}
.content-box-2 a.link:hover,
.content-box-2 a.link:hover i {
    color: #db2d2e;
}

/*content-box-3 */
.content-box-3 {
    padding: 40px 40px 0px;
}
.content-box-3 .info {
    padding: 55px 0;
}
.content-box-3 .info p {
    margin-bottom: 20px;
}

/*content-box-4*/
.content-box-4 {
    position: relative;
    z-index: 1;
    padding: 30px 30px 120px 30px;
}
.content-box-4 .info {
    margin-bottom: 20px;
}
.content-box-4 .link a {
    background: #db2d2e;
    color: #ffffff;
    padding: 6px 16px;
    display: inline-block;
}
.content-box-4 .link a i {
    padding-left: 10px;
}
.content-box-4.car-bg-1 {
    background: url(../images/car/15.jpg) no-repeat;
    background-size: cover;
}
.content-box-4.car-bg-2 {
    background: url(../images/car/16.jpg) no-repeat;
    background-size: cover;
}
.content-box-4.car-bg-3 {
    background: url(../images/car/17.jpg) no-repeat;
    background-size: cover;
}

/*content-box-5*/
.content-box-5 {
    padding-top: 80px;
}
.content-box-5 p {
    padding-right: 150px;
}
.content-box-5 a {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
    color: #323232;
}
.content-box-5 a:hover {
    color: #db2d2e;
}
.content-box-5 .content-info {
    padding-bottom: 110px;
    padding-left: 80px;
}
.content-box-5 .content-box-img {
    padding: 0 40px;
    margin-bottom: -20px;
    position: relative;
}
.content-box-5 .content-box-img i {
    font-size: 100px;
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -30px;
    z-index: 0;
    margin-bottom: 80px;
    margin-left: -50px;
    left: 50%;
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.content-box-5:hover .content-box-img i {
    top: -50px;
}
.content-box-main {
    overflow: hidden;
}
.overlay-bg-right.dark-bg {
    background: #f0f2f5;
}
.overlay-bg-right,
.overlaybg-left {
    position: relative;
    z-index: 1;
}
.overlay-bg-right:before {
    content: "";
    background-color: #f0f2f5;
    position: absolute;
    height: 100%;
    top: 0;
    width: 1000px;
    left: 100%;
    z-index: 0;
}
.overlay-bg-left:before {
    content: "";
    background-color: #f6f6f6;
    position: absolute;
    height: 100%;
    top: 0;
    width: 1000px;
    right: 100%;
    z-index: 0;
}

/*************************************
          Service
**************************************/
.inner-service .feature-box-2 {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 40px 30px;
}
.inner-service .feature-box-2.no-br {
    border-right: 0px;
}
.inner-service .feature-box-2.no-bb {
    border-bottom: 0px;
}
.service-center h5 {
    margin-bottom: 20px;
}
.service-center .list-style-1 {
    margin-top: 20px;
    display: inline-block;
}
.opening-hours {
    padding: 25px;
}
.opening-hours h6 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.opening-hours h6:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    background: #db2d2e;
    left: 0;
    bottom: 0px;
}
.opening-hours strong {
    width: 100px;
    display: inline-block;
    color: #363636;
}
#formmessage {
    display: none;
}
.form-horizontal .form-group {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.gray-form input,
.gray-form textarea {
    width: 100%;
    resize: vertical;
    background: #f6f6f6;
    border: 1px solid transparent;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.gray-form input.form-check-input {
    width: 1em;
    margin-top: 10px;
}

.gray-form input.form-check-input:focus {
    background-color: #db2d2e;
    border: 1px solid #db2d2e !important;
    box-shadow: none;
}

.form-check .form-check-label {
    line-height: 24px;
    padding-left: 15px;
}
.gray-form input:focus,
.gray-form textarea:focus {
    background: transparent;
    border: 1px solid #db2d2e !important;
}
.gray-form .button.red {
    display: block;
    text-align: center;
    border: 0px;
    width: 100%;
}
.gray-form .select-styled {
    background: #f6f6f6;
    border-color: #f6f6f6;
    line-height: 20px;
}

/*service 02*/
.welcome-block.why-choose .halp--button {
    margin-top: 0px;
}

/*************************************
         Contact
**************************************/
.contact .contact-box {
    padding: 30px 10px;
    background: #f6f6f6;
}
.contact .contact-box i {
    color: #db2d2e;
    font-size: 30px;
    display: block;
    margin-bottom: 20px;
}
.contact .contact-box,
.contact .contact-box p,
.contact .contact-box i,
.contact .contact-box h5 {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.contact .contact-box:hover {
    background: #db2d2e;
}
.contact .contact-box:hover i,
.contact .contact-box:hover p,
.contact .contact-box:hover h5 {
    color: #ffffff;
}
.contact-map {
    height: 400px;
}
.contact-map .container-fluid {
    padding: 0px;
}
.contact-map .container-fluid iframe {
    border: 0px;
    width: 100%;
    height: 400px;
}
.contact-2 .feature-box-3 {
    display: block;
    margin-bottom: 20px;
}
.contact-2 .opening-hours {
    margin-top: 50px;
    display: block;
}
.contact-2 .gray-form {
    padding-right: 50px;
}
.contact-2 .gray-form p {
    margin-bottom: 30px;
}
.contact-2 .gray-form a.button.red {
    display: block;
}
form.gray-form .form-notice p {
    margin-bottom: 10px;
}
.contact-2 .gray-form .form-notice p {
    margin-bottom: 10px;
}

/*************************************
          Error page
**************************************/
.error-page h2 {
    font-size: 400px;
    color: #f6f6f6;
    line-height: 300px;
}
.error-page img {
    margin-top: -80px;
}
.error-page h3 {
    font-size: 60px;
    margin-bottom: 30px;
}
.error-page strong {
    font-style: italic;
    font-size: 20px;
    display: block;
    margin-bottom: 30px;
    margin-top: 30px;
}
.error-page .error-search {
    margin-top: 30px;
    padding: 0 50px;
}
.error-page .error-search a.button {
    padding: 10px 20px;
    display: block;
    text-align: center;
}
.error-page .error-content p a {
    color: #db2d2e;
}

/*************************************
        Terms and conditions
**************************************/
.terms-and-conditions p {
    margin-bottom: 30px;
}
.terms-and-conditions ul.list-style-1 {
    margin-bottom: 30px;
    display: block;
}

/*************************************
        Privacy policy
**************************************/
.privacy-policy p {
    margin-bottom: 30px;
}
.privacy-policy ul.list-style-1 {
    margin-bottom: 30px;
    display: block;
}
.privacy-policy a {
    color: #db2d2e;
}

/*************************************
        Tabs
**************************************/
#tabs {
    margin: 0;
    padding: 0;
}
#tabs .nav-tabs {
    position: relative;
    margin: 0;
    border-bottom: none;
}
#tabs .nav-tabs li.nav-item {
    list-style: none;
    margin-right: 3px;
}
#tabs .nav-tabs li.nav-item:last-child {
    margin-right: 0px;
}
#tabs .nav-tabs li.nav-item .nav-link {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    border-bottom: 3px solid transparent;
    line-height: 25px;
    padding: 10px 10px;
    color: #363636;
    overflow: hidden;
    background: transparent;
    margin-bottom: 0px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

#tabs ul.nav-tabs li.nav-item .nav-link.active,
#tabs ul.nav-tabs li.nav-item .nav-link.active:focus,
#tabs ul.nav-tabs li.nav-item .nav-link:hover {
    border-bottom: 3px solid #d24a3c;
}

#tabs .tab-content {
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*************************************
        Accordion
**************************************/
.accordion .accordion-header {
    font-size: 14px;
    color: #000;
}

.accordion .accordion-header .accordion-button.collapsed {
    text-transform: uppercase;
    font-weight: 700;
    background: transparent;
    margin-top: 20px;
    border: 1px solid #e3e3e3;
    display: block;
    position: relative;
    color: #363636;
    text-decoration: none;
    padding: 11px 60px;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}

.accordion .accordion-header .accordion-button.collapsed:hover {
    text-decoration: none;
    background-color: transparent;
    color: #d24a3c;
}

.accordion .accordion-header .accordion-button {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px;
    background-color: #d24a3c;
    cursor: default;
    margin-top: 20px;
    border: 1px solid #d24a3c;
    padding: 11px 60px;
}

.accordion .accordion-header .accordion-button.collapsed:after {
    content: "\f078";
    width: 20px;
    height: 20px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    left: 20px;
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #626262;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}

.accordion .accordion-header .accordion-button:after {
    content: "\f078";
    width: 20px;
    height: 20px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    left: 20px;
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #626262;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}

.accordion .accordion-header .accordion-button:after,
.accordion .accordion-header .accordion-button:after {
    content: "\f077";
    color: #fff;
}

.accordion .accordion-header .accordion-button:hover {
    color: #ffffff;
}

.accordion .accordion-header .accordion-button.collapsed:hover:after {
    color: #d24a3c;
}

.accordion .accordion-item .accordion-collapse .accordion-body {
    border: 1px solid #e3e3e3;
    padding: 25px;
    background: transparent;
}

.accordion .accordion-item {
    border: none;
    background-color: transparent;
}

.accordion .accordion-button::after {
    background-image: inherit;
}

.accordion .accordion-button:not(.collapsed)::after {
    background-image: inherit;
    transform: none;
    box-shadow: inherit;
}

.accordion .accordion-item:first-of-type {
    border: none;
}

.accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: inherit;
}

.accordion-button:focus {
    box-shadow: none;
}

/*===========================================*/
/* Divider Separator */
/*===========================================*/
.divider-separator {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 70px;
}
.divider-separator .separator-title {
    text-transform: uppercase;
    font-size: 14px;
    line-height: normal;
    color: var(--cd-secondary-color);
    letter-spacing: 1px;
    font-weight: 400;
    padding: 0 0.8em;
    margin-bottom: 0;
}
.divider-separator span.separator-1 {
    height: 1px;
    position: relative;
    flex: 1 1 auto;
    min-width: 10%;
    margin-bottom: 0;
}
.divider-separator span.separator-1 span.separator-line {
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
}

/*-------------------------------*/
/* Error page */
/*-------------------------------*/
.error-page .error-search .form-control {
    height: 48px;
}

.our-service-section {
    padding-bottom: 250px;
}

/* HERO SECTION */
.slider {
    position: relative;
    overflow: hidden;
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Overlay sombre */
.slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Assombrit légèrement l'image de fond */
    z-index: 1; /* L'overlay est en dessous du texte */
}

/* Image de fond */
.background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 0; /* L'image de fond reste tout en bas */
}

/* Conteneur principal */
.hero-container {
    position: relative;
    z-index: 2; /* Assure que le texte et l'image PNG passent au-dessus de l'overlay */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    max-width: 1200px;
    width: 90%;
    gap: 30px;
    color: white;
    text-align: left;
}

/* Image PNG avec effets */
.hero-image img {
    max-width: 180px;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    animation: floating 3s ease-in-out infinite;
    filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.3)); /* Ajoute une ombre subtile */
}

/* Effet zoom au survol */
.hero-image img:hover {
    transform: scale(1.1);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}

/* Effet de flottement (doux mouvement vertical) */
@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0px); }
}

/* Contenu */
.hero-content {
    max-width: 500px;
    color: white;
}

.hero-content h1 {
    font-size: 28px;
    font-weight: bold;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
    color: white !important;
}

.hero-content p {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 400;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    color: white;
}

/* Bouton */
.call-button {
    display: inline-block;
    background-color: #d24a3c;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.3s ease-in-out;
}

.call-button:hover {
    background-color: #218838;
}

/* 🔄 Responsive : Image PNG au-dessus du texte sur mobile */
@media screen and (max-width: 768px) {
    .hero-container {
        flex-direction: column;
        text-align: center;
    }

    .hero-content {
        text-align: center;
    }

    .hero-image img {
        max-width: 120px;
    }
}