/* css qui modifie certain style contenu dans boostrap */
h2 {
    color: rgb(255, 255, 255);
}

.dark-theme .service_inner_block::after {
    background: #002a5c;
    padding-top: 20px;
    margin-top: 20px;
}

.service_inner_block>img {
    /* padding-top: 20px; */
    margin-top: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
}


.section_header .section_sub_title {
    margin-top: 80px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px;
    color: var(--second-color);
}

.theme_slider_1 .slider .slide_content span {
    color: var(--white-color);
    margin-left: 5px;
}

.blog_post .post_content .post_title {
    font-weight: 800;
    color: white;
    margin-bottom: 20px;
    line-height: 32px;
}

.project_details .post_img img {
    width: 100%;
    margin-top: 20px;
}

@media (min-width: 992px) {
    .col-lg-4 {
        margin-top: 20px;
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

/* css pour le formulair nous-contacter */
.gmapbox .map {
    width: 100%;
    height: 470px;
    background-color: #ffeeee;
    margin-top: 20px;
}

.footer .footer_above {
    background: url(../images/footer_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 150px;
    padding-bottom: 90px;
    background-color: #111631;
}

.contact_inner .devi[type=select]{

        background: #0A2148;
        border: none;
        color: var(--white-color);
    }



/* ========================  end  ======================= */

/* css pour les different pages des servcice */

/* qui sommes-nous? */

.top_feature {
    text-align: center;
    padding: 0px 0;

}

.section {
    position: relative;
    padding-top: 0px;
    padding-bottom: 110px;
}

div.page_header #bg-about {
    background-image: url(../images/tr_2.jpg);
    background-size: cover;
    padding-top: 300px;

}

#color-text-acc,
#color-text-about {
    font-size: 30px;
    font-weight: bolder;
    color: black;
}

/*  batiment*/
div.page_header #bg-bat {
    background-image: url(../images/bm.avif);
    background-repeat: no-repeat;
}

#color-text-bat,
#color-text-bat-1 {
    font-size: 30px;
    font-weight: bolder;
    color: black;
}

/*  nous contacter*/
div.page_header #bg-contact {
    background-image: url(../images/about_3.avif);
}

#color-text-contact,
#color-text-contact-1 {
    font-size: 30px;
    font-weight: bolder;
    color: black;
}

/* sous menu gestion immobilier  */

/*  vente de terrain*/
div.page_header #bg-terrain {
    background-image: url(../images/view-land-plot-real-estate-business-development.jpg);
}

#color-text-terrain,
#color-text-terrain-1,
#color-text-terrain-2 {
    font-size: 30px;
    font-weight: bolder;
    color: black;
}

#slider-vt {
    background-image: url(../images/slider/bg3.png);
}

.project_details p#p {
    color: white;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.777);
    margin-bottom: 30px;
}

/* conception et r-plan */

div.page_header #bg-cp-plan {
    background-image: url(../images/slider/bg6.gif);
    background-repeat: no-repeat;
}

#color-text-cp-plan,
#color-text-cp-plan-1,
#color-text-cp-plan-2 {
    font-size: 30px;
    font-weight: bolder;
    color: rgb(4, 10, 70);
}

h2#txt-uq,
.mot-cle {
    text-decoration: underline;
    color: white;
}

#h2-1 {
    color: white;
}

/* gestion de patrimoine */
div.page_header #bg-gdp {
    background-image: url(../images/gi_1.jpg);
}

#color-text-gdp,
#color-text-gdp-1,
#color-text-gdp-2 {
    font-size: 30px;
    font-weight: bolder;
    color: black;
}

#h5-gdp,
#h2-gdp {
    color: white;
}

/* vente de maison */

div.page_header #bg-v-home {
    background-image: url(../images/slider/bg8.png);
}

#color-text-v-home,
#color-text-v-home-1,
#color-text-v-home-2 {
    font-size: 30px;
    font-weight: bolder;
    color: black;
}

#h5-vt,
#h2-vt {
    color: white;
}

.slider {
    background-image: none;
    padding: 10px;
    width: 890px;
    background-repeat: repeat;
}

/* =======================bg actualite=================== */
div.page_header #actu {
    background-image: url(../images/slider/bg19.gif);

}

/* ======================= bg batiment=================== */
/*  text pour tous les service bat */
.page_header .breadcrumb li.active,
.page_header .breadcrumb li a {
    font-weight: bolder;
    font-size: 30px;
    color: black;
    /* color: white; */
}

/*  traveaux */

div.page_header #t-r-bg {
    background-image: url(../images/tr_2.jpg);

}

/*  agrandissement */
/*  */
div.page_header #a-e-bg {
    background-image: url(../images/ae_3.jpg);

}

/*  construction*/
div.page_header #c-i-bg {
    background-image: url(../images/immo_9.jpg);

}

/*  Menuisierie*/
div.page_header #m-g-bg {
    background-image: url(../images/menuiserie_1.jpg);

}

/* electricite */
div.page_header #e-b-i-bg {
    background-image: url(../images/elec_1.avif);
    /* background-size: 100% 100%; */

}

/*  realisation */
div.page_header #r-p-a-bg {
    background-image: url(../images/pa_5.jpg);

}

/* resize-icon */

.resize-icon {
    width: 73px;
    height: 73px;
}

/* css unique */



h6,
.service_inner .service_content h6,
.color-uniq {
    color: white;
}


p span {
    font-size: 20px;
    font-weight: bolder;
}

/* resposivité */



@media screen and (max-width: 600px) {
    .page_header .page_header_content .heading {
        padding: 20px;

    }

    .page_header .page_header_content .heading {
        font-size: 40px;
    }
}


/* z-index */

.service_inner_block .service_content {
    position: relative;
    z-index: 9;
}