/*   
Theme Name: relectronics
Theme URI: relectronics
Description: This is an exclusive, fully SEO optimized Wordpress theme developed by relectronics for relectronics website.
Author: relectronics
Author URI: relectronics
*/


/* fonts */

@font-face {
    font-family: 'Causten Black Oblique';
    src: url('assets/fonts/Causten-BlackOblique.eot');
    src: url('assets/fonts/Causten-BlackOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-BlackOblique.woff2') format('woff2'),
        url('assets/fonts/Causten-BlackOblique.woff') format('woff'),
        url('assets/fonts/Causten-BlackOblique.ttf') format('truetype'),
        url('assets/fonts/Causten-BlackOblique.svg#Causten-BlackOblique') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten';
    src: url('assets/fonts/Causten-Black.eot');
    src: url('assets/fonts/Causten-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-Black.woff2') format('woff2'),
        url('assets/fonts/Causten-Black.woff') format('woff'),
        url('assets/fonts/Causten-Black.ttf') format('truetype'),
        url('assets/fonts/Causten-Black.svg#Causten-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Bold Oblique';
    src: url('assets/fonts/Causten-BoldOblique.eot');
    src: url('assets/fonts/Causten-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-BoldOblique.woff2') format('woff2'),
        url('assets/fonts/Causten-BoldOblique.woff') format('woff'),
        url('assets/fonts/Causten-BoldOblique.ttf') format('truetype'),
        url('assets/fonts/Causten-BoldOblique.svg#Causten-BoldOblique') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Light Oblique';
    src: url('assets/fonts/Causten-LightOblique.eot');
    src: url('assets/fonts/Causten-LightOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-LightOblique.woff2') format('woff2'),
        url('assets/fonts/Causten-LightOblique.woff') format('woff'),
        url('assets/fonts/Causten-LightOblique.ttf') format('truetype'),
        url('assets/fonts/Causten-LightOblique.svg#Causten-LightOblique') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Oblique';
    src: url('assets/fonts/Causten-RegularOblique.eot');
    src: url('assets/fonts/Causten-RegularOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-RegularOblique.woff2') format('woff2'),
        url('assets/fonts/Causten-RegularOblique.woff') format('woff'),
        url('assets/fonts/Causten-RegularOblique.svg#Causten-RegularOblique') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Semi';
    src: url('assets/fonts/Causten-SemiBold.eot');
    src: url('assets/fonts/Causten-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Causten-SemiBold.woff') format('woff'),
        url('assets/fonts/Causten-SemiBold.ttf') format('truetype'),
        url('assets/fonts/Causten-SemiBold.svg#Causten-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten';
    src: url('assets/fonts/Causten-Bold.eot');
    src: url('assets/fonts/Causten-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-Bold.woff2') format('woff2'),
        url('assets/fonts/Causten-Bold.woff') format('woff'),
        url('assets/fonts/Causten-Bold.ttf') format('truetype'),
        url('assets/fonts/Causten-Bold.svg#Causten-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten';
    src: url('assets/fonts/Causten-Light.eot');
    src: url('assets/fonts/Causten-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-Light.woff2') format('woff2'),
        url('assets/fonts/Causten-Light.woff') format('woff'),
        url('assets/fonts/Causten-Light.ttf') format('truetype'),
        url('assets/fonts/Causten-Light.svg#Causten-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Medium Oblique';
    src: url('assets/fonts/Causten-MediumOblique.eot');
    src: url('assets/fonts/Causten-MediumOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-MediumOblique.woff2') format('woff2'),
        url('assets/fonts/Causten-MediumOblique.woff') format('woff'),
        url('assets/fonts/Causten-MediumOblique.ttf') format('truetype'),
        url('assets/fonts/Causten-MediumOblique.svg#Causten-MediumOblique') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Extra';
    src: url('assets/fonts/Causten-ExtraLight.eot');
    src: url('assets/fonts/Causten-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-ExtraLight.woff2') format('woff2'),
        url('assets/fonts/Causten-ExtraLight.woff') format('woff'),
        url('assets/fonts/Causten-ExtraLight.ttf') format('truetype'),
        url('assets/fonts/Causten-ExtraLight.svg#Causten-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Extra';
    src: url('assets/fonts/Causten-ExtraBold.eot');
    src: url('assets/fonts/Causten-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Causten-ExtraBold.woff') format('woff'),
        url('assets/fonts/Causten-ExtraBold.ttf') format('truetype'),
        url('assets/fonts/Causten-ExtraBold.svg#Causten-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Extra Light Oblique';
    src: url('assets/fonts/Causten-ExtraLightOblique.eot');
    src: url('assets/fonts/Causten-ExtraLightOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-ExtraLightOblique.woff2') format('woff2'),
        url('assets/fonts/Causten-ExtraLightOblique.woff') format('woff'),
        url('assets/fonts/Causten-ExtraLightOblique.ttf') format('truetype'),
        url('assets/fonts/Causten-ExtraLightOblique.svg#Causten-ExtraLightOblique') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Semi Bold Oblique';
    src: url('assets/fonts/Causten-SemiBoldOblique.eot');
    src: url('assets/fonts/Causten-SemiBoldOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-SemiBoldOblique.woff2') format('woff2'),
        url('assets/fonts/Causten-SemiBoldOblique.woff') format('woff'),
        url('assets/fonts/Causten-SemiBoldOblique.ttf') format('truetype'),
        url('assets/fonts/Causten-SemiBoldOblique.svg#Causten-SemiBoldOblique') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten';
    src: url('assets/fonts/Causten-Regular.eot');
    src: url('assets/fonts/Causten-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-Regular.woff2') format('woff2'),
        url('assets/fonts/Causten-Regular.woff') format('woff'),
        url('assets/fonts/Causten-Regular.ttf') format('truetype'),
        url('assets/fonts/Causten-Regular.svg#Causten-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Extra Bold Oblique';
    src: url('assets/fonts/Causten-ExtraBoldOblique.eot');
    src: url('assets/fonts/Causten-ExtraBoldOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-ExtraBoldOblique.woff2') format('woff2'),
        url('assets/fonts/Causten-ExtraBoldOblique.woff') format('woff'),
        url('assets/fonts/Causten-ExtraBoldOblique.ttf') format('truetype'),
        url('assets/fonts/Causten-ExtraBoldOblique.svg#Causten-ExtraBoldOblique') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten';
    src: url('assets/fonts/Causten-Medium.eot');
    src: url('assets/fonts/Causten-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-Medium.woff2') format('woff2'),
        url('assets/fonts/Causten-Medium.woff') format('woff'),
        url('assets/fonts/Causten-Medium.ttf') format('truetype'),
        url('assets/fonts/Causten-Medium.svg#Causten-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten Thin Oblique';
    src: url('assets/fonts/Causten-ThinOblique.eot');
    src: url('assets/fonts/Causten-ThinOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-ThinOblique.woff2') format('woff2'),
        url('assets/fonts/Causten-ThinOblique.woff') format('woff'),
        url('assets/fonts/Causten-ThinOblique.ttf') format('truetype'),
        url('assets/fonts/Causten-ThinOblique.svg#Causten-ThinOblique') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Causten';
    src: url('assets/fonts/Causten-Thin.eot');
    src: url('assets/fonts/Causten-Thin.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Causten-Thin.woff2') format('woff2'),
        url('assets/fonts/Causten-Thin.woff') format('woff'),
        url('assets/fonts/Causten-Thin.ttf') format('truetype'),
        url('assets/fonts/Causten-Thin.svg#Causten-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.container{max-width:calc(100% - 100px);}
/* globle css start */

body *,
body *:active,
body *:focus {
    outline: none !important;
}

html {
    margin: 0;
}

html body {
    font-size: 16px;
    color: #505050;
    font-family: 'Causten';
    background: #fff;
}

body a {
    color: inherit;
    outline: none !important;
    box-shadow: none !important;
}

:root {
    --pri-color: #073354;
    --sec-color: #007851;
    --button: #0569B3;
    --card-bg: #E3EBF5;
    --section-bg:#EFFAF9;
}


h1,
h2,
h3,
h4,
h5,
h6,
h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 24px;
}

h1,
.h1 {
    font-size: 120px;
    letter-spacing: -1.2px;
}

h2,
.h2 {
    font-size: 90px;
    font-weight: 700;
    line-height: 95px;
    color: var(--pri-color);
    letter-spacing: -0.9px;
}

h3,
.h3 {
    font-size: 52px;
}

h4,
.h4 {
    font-size: 28px;
}

 h5,.h5{
    font-size: 16px;
}
/*
h6,.h6{
    
} */

.P_Lead {
    font-size: 32px;
    font-weight: 400;
    line-height: 41px;
}

p {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: var(--pri-color);
    margin-bottom: 40px;
}
p:last-child {
    margin-bottom: 0;
}

/* ul li{
	list-style:none;
} */

.section-bg{
    background: var(--section-bg);
}
.text_color_primery{
color:var(--pri-color);
}
.bg{
    background: var(--pri-color) !important;
}
.text-white p{
    color: #fff !important;
	position: relative;
    z-index: 1;
}
.light_blue_bg{
    background: #0569B3 !important;
}
.light_blue_text{
    color: #0569B3 !important;
}
.bg-success{
	background:#007851 !important;
}
.mb-20{
    margin-bottom: 20px;
}
.mt-20{
    margin-top: 20px;
}
.mt-32{
    margin-top: 32px;
}
.mb-32{
    margin-bottom: 32px;
}

.mb-40{
    margin-bottom: 40px;
}
.mt-40{
    margin-top: 40px;
}
.mb-60{
    margin-bottom: 60px;
}
.mt-60{
    margin-top: 60px;
}
.mb-66{
    margin-bottom: 66px;
}
.mt-66{
    margin-top: 66px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-88 {
    margin-top: 88px;
}
.mb-88 {
    margin-bottom: 88px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mt-90 {
    margin-top: 90px;
}

.mb-90 {
    margin-bottom: 90px;
}
.mt-100{
    margin-top: 100px;
}

.mb-100{
    margin-bottom: 100px;
}
.mt-130 {
    margin-top: 130px;
}
.mb-130 {
    margin-bottom: 130px;
}
.mt-140 {
    margin-top: 140px;
}
.mb-140 {
    margin-bottom: 140px;
}

.mt-190 {
    margin-top: 190px;
}

.mb-190 {
    margin-bottom: 190px;
}
.mb-12{
  margin-top: 12px;
}
.p-32{
	padding:32px;
}
.pt-32{
	padding-top:32px;
}
.pt-38 {
    padding-top: 38px;
}

.pb-38 {
    padding-bottom: 38px;
}
.pb-40{
    padding-bottom: 40px;
}
.pt-40{
    padding-top: 40px;
}
.pt-60{
    padding-top: 60px;
}

.pb-60{
    padding-bottom: 60px;
}
.pt-62 {
    padding-top: 62px;
}

.pb-62 {
    padding-bottom: 62px;
}
.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}
.pt-86 {
    padding-top: 86px;
}

.pb-86 {
    padding-bottom: 86px;
}
.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}
.pt-90 {
    padding-top: 90px;
}

.pb-90 {
    padding-bottom: 90px;
}
.pe-99{
	padding-right:99px;
}
.pt-165{ padding-top:165px;}

.pb-165{ padding-bottom:165px;}

.pt-190{ padding-top:190px;}

.pb-190{ padding-bottom:190px;}

.pt-130 {
    padding-top: 130px;
}
.pb-130 {
    padding-bottom: 130px;
}
.pt-230{ padding-top:230px;}

.pb-230{ padding-bottom:230px;}


.btn {
	display:inline-block;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 23px 50px;
    gap: 24px;
    width: auto;
    background: #007851;
    color: #fff;
    border-radius: 0;
    font-weight: 700;
    font-size: 18px;
}

.img-btn{
    display:inline-block;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 23px 50px;
    gap: 24px;
    height: 70px;
    background: #fff;
    color: var(--sec-color);
    text-decoration: none;
	font-size: 18px;
    line-height: 24px;
    font-weight:700;
}
.btn.white-btn {
    background: #fff;
    color:#0569B3;
}
.btn.white-btn:hover,.btn.img-btn:hover {
    background:#C2DCE1;
   color: #073354 !important;
}
/* .btn3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 23px 50px;
    gap: 24px;
    width: 284px;
    height: 70px;
    background:var(--button);
    color:#fff;
    text-decoration: none;
} */


.btn:hover {
    background: #C2DCE1;
   color: #073354;
}

.blue-btn {
    border: 1px solid #0569B3;
    color: #0569B3;
    padding: 23px 50px;
    font-size: 18px;
    line-height: 24px;
    font-weight:700;
    transition: 0.2s;
}

.blue-btn:hover {
    background: #0569B3;
    color: #fff;
    transition: 0.2s;
}

/* .btn2:hover {
    color: #fff;
    color: var(--sec-color);
} */

.bgCover {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
}

img{
    max-width: 100%;
	width:100%;
    height: auto;
}

.top-offset {
    margin-top: 100px;
}
ul{ margin:0; padding:0;}
li{list-style:none;}
	a{ text-decoration:none;}
.owl-nav .owl-prev, .owl-nav .owl-next{ width:40px; height:40px;}

.owl-nav span{font-size:0;}

.light-green-bg {
    background: #effaf9;
}


/* globle css end */


/***************** Header css ****************/
.site-header {    z-index: 99;    position: fixed;    background: #FFFFFF;    padding: 15px 0;	top:0;	width:100%;	transition: 0.5s;}
.site-header.headerUp {	top: -240px;transition: 0.5s;	}
.site-header.headerDown {	top: 0px; transition: 0.5s;}
.header-inner {    display: flex;    flex-wrap: wrap;    justify-content: space-between; align-items: center;}
.header-inner .header-list ul {    display: flex;    align-items: center;    margin: 0;}
.header-inner .header-list ul li {    margin-right: 40px;    list-style: none;    font-size: 17px;    font-weight: 700;}
.logo-header a, .logo-header img {    display: block;}
.header-inner .header-list ul li a {    text-decoration: none;    color: #073354; transition:0.5s;}
.header-inner .header-list ul li.Contactez-nous a {    padding: 23px 50px;    border: 1px solid #0569B3; color: #0569B3; font-size: 18px; }
.header-inner .header-list ul li.lang-bt a, .header-inner .wpml-ls a.wpml-ls-link {   border: 1px solid #0569B3; color:#0569B3;    padding: 23px 24px; text-transform:uppercase;}
.wpml-ls-legacy-list-horizontal{ padding:0;}
.header-inner .wpml-ls .wpml-ls-current-language a.wpml-ls-link{  display:none;}
.header-inner .wpml-ls ul li{ margin-right:0px;}
.header-inner .wpml-ls ul li a{ margin-right:25px;}
.header-inner .wpml-ls ul li a:after{display:none;}
.header-inner .header-list ul li.Contactez-nous a:hover {  background: #0569B3; color: #fff; transition: 0.5s;}
.header-inner .header-list ul li.lang-bt a:hover, .wpml-ls a.wpml-ls-link:hover {    background: #0569B3;    color: #fff;transition:0.5s;}
.menu-header {    position: fixed;    background: #073354;    width: 100%;    flex-wrap: wrap;    right: -100%;    top: 0;    bottom: 0;    transition: 0.5s; z-index:999;}
.menu-header.open{right:0; transition: 0.5s;}
.menu-header-inner {    display: flex;    justify-content: space-between;    flex-wrap: wrap; height:100%;}
.menu-header-inner .menu-left {    width: 40%;height:100%;}
.menu-header-inner .menu-right {    width: 60%;    padding: 40px 100px; height:100%; display:flex; flex-direction:column; justify-content:space-between;}
.menu-header-inner .menu-left ul {    display: flex;    flex-direction: column; height:100%;}
.menu-header-inner .menu-left ul li {    display: flex;    justify-content: flex-start;    align-items: center;    position: relative;    background: #007851;
    margin: 0 0 2px;    height: 100%;}
.menu-header-inner .menu-left ul li:last-child { margin-bottom: 0;}
.menu-header-inner .menu-left ul li a {    font-size: 28px;    font-weight: 700;    text-decoration: none;    display: flex;    align-items: center;    color: #fff;    gap: 50px;
    max-width: 100%;    margin: 0 auto;    position: relative;    z-index: 1;    width: 100%;    padding: 15px 20%; height: 100%;}
.menu-header-inner .menu-left ul li a img{ max-width:70px;}
.menu-list li:last-of-type{margin-bottom: 0 !important;}
.menu-header-inner .menu-left ul li a h4{ margin:0;}
.menu-header-inner .menu-right .btnn_menu {    color: #fff;    font-size: 40px; position:relative;}
.menu-header-inner .menu-right ul li a:after{ content: ""; height: 3px; width:0; background:var(--sec-color); position: absolute; left: 0; bottom: -10px; transition: 0.5s;}
.menu-header-inner .menu-right ul li a:hover:after{width:100%;}
.menu-header-inner .menu-right ul.menu-list li {    margin: 0 0 40px;}
.menu-header-inner .menu-right .social-header ul {    display: flex;    gap: 15px; padding:15px 0;}
.menu-header-inner .menu-right .social-header ul li {    background: #007851;    height: 42px;    width: 42px;    line-height: 42px;    display: flex;    align-items: center;
    justify-content: center;}
.menu-header-inner .menu-right .social-header ul li:hover { background: #0569B3; transition: 0.3s; cursor: pointer;}
.menu-header-inner .menu-right .social-header ul li a {    font-size: initial;}
.menu-header-inner .menu-right .mail-phone {    color: #fff;}
.menu-header-inner .menu-right .mail-phone a {position:relative;}
.mail-phone a:hover:after { width: 100%;}
.mail-phone a:after { content: ""; height: 3px; width: 0; background: var(--sec-color); position: absolute; left: 0; bottom: -10px; transition: 0.5s;}
.menu-header-inner .menu-right .mail-phone a:hover { color: #fff !important;}
.menu-header-inner .menu-right .mail-phone p {    color: #fff;    font-size: 40px;    margin-bottom:15px;}
.menu-header-inner .menu-right .mail-phone span {    font-size: 16px;    text-transform: uppercase;    display: block;    margin: 0 0 15px;}
.menu-close {    position: absolute;    right: 60px;    top: 40px; cursor:pointer;}
.header-inner .header-list ul li.hamburger {    margin-right: 0;    cursor: pointer;}
.num {color: #073354 !important;}
/************* home css *************/

#home_banner {    min-height: calc(100vh - 40px);    display: flex;    align-items: center;}
.home_content h1 {    font-weight: 700;    line-height: 110px;}
.home_content p {    color: #fff; font-size: 32px; line-height: 41px; font-weight: 400; margin-bottom: 0;}
.card_box {    background: var(--sec-color);    color: #fff;    padding: 40px;    display: flex;    flex-direction: column;    justify-content: flex-start;    align-items: flex-start;    height: 325px;    width:100%; position:relative;}
.card_box h4 {    margin-bottom: 100px; color: #fff; z-index: 1; transition: 0.5s; font-weight: 700; line-height: 30px;}
.card_box img {    width: 60px;    height: 60px; position:absolute; bottom:40px; z-index: 1; transition: 0.5s;}

/*********** about-card ***********/

.card-produits-box {
    height: 100%;
    background: var(--card-bg);
    transition:all;
	position:relative;
	overflow:hidden;
}
.single-content figure{
    overflow: hidden;
    
    margin-bottom: 0;
}
.single-content figure img{
    transition: 1s;
    height: 322px;
}
.single-content:hover figure img{
    transform: scale(1.1);
    transition: 1s;
}
.card-produits-box .img_col {
    overflow: hidden;
}
.card-produits-box .img_col img {
    transition: 1s;
    /* height: 322px; */
}

.card-produits-box:hover .img_col img{ 
    transform: scale(1.2);
    transition: 1s;
}
.card-produits-box:hover .card-body {
    background: #B6D5F9;
    
}
.card-produits-box.card_background.body_back:hover .card-body {
    background: transparent;
}
.card-body {
    padding: 55px 32px;
}

.action-btn span {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: var(--pri-color);
	text-transform:uppercase;
    letter-spacing: 1px;
}
.card-produits-box.card_background.body_back span {
    color: #fff;
}
.action-btn img {
    padding-left: 10px;
}

.action-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card_inner_content {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    background: #E3EBF5;
    opacity: 1;
    transition: 0.5s;
    padding: 32px;
    top: auto;
    left: 0;
	
}

.card-produits-box .card_inner_content.active {
    bottom: 0;
}
    .card_inner_content p {
      font-weight: 700;
      font-size: 18px;
      line-height: 20px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #073354;
      margin-bottom: 10px;
    }
.card_inner_content ul{
	padding-left:40px;
}
    .card_inner_content ul li {
      font-weight: 400;
      font-size: 20px;
      line-height: 26px;
      padding-bottom: 8px;
      color: #073354;
    }

    .card_inner_content:hover {
      opacity: 1;

    }
 
.card_background{
    background: var(--sec-color);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 55px 32px;
    position: relative;
    width: 100%;
}
.card_background:after {
    content: '';
    position: absolute;
    width: 0;
    background: #00583B;
    top: 0;
    transition: 0.5s;
    right: 0;
    height: 100%;
}
.card_background:hover:after {
width:100%;
left:0;

}
.card_background .card-body {
   z-index: 1;
}
.card-body_back span {
    color: #fff;
}

.services_section .about_content h2{ max-width:75%; margin-bottom:80px;}
.services_section .about_content p{ max-width:50%; margin-bottom:80px;}

/************** slider css *************/
.home-demo .owl-stage {
    display: flex;
}
.home-demo .item {
    background:var(--sec-color);
    border-radius: 4px;
    height:100%;
}

.item{
    padding: 40px;
    position: relative;
}
.item p{
    color:#fff;
}
.home-demo{
  margin-left: 65px;
}
.slider_section h5{
  text-transform: uppercase;
  font-size: 16px;
  color:var(--pri-color);
}
.slider_section h3{
    color:var(--pri-color);
}
.slider_section span {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 14px;
    display: block;
    letter-spacing: 1px;
}


.home-demo .owl-carousel .owl-item img {
width: 66px;
height: 50px; 
position: absolute;
top: -26px;
}
.home-demo .owl-theme .owl-dots .owl-dot {
  display: none;
}
.slider_section .owl-theme .owl-nav {
    position: absolute;
    top: -130px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 65%;
}
.owl-nav span {
    font-size: 0 !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background:none;	
}
/************* image css ************/

.image_section {
   
    padding:88px 77px;
}

.image_content h2 {
    color: #fff;
    margin-bottom: 40px;
}

.image_content p {
    color: #fff;
    /* margin-bottom: 40px; */
    font-size: 24px;
    line-height: 30px;
}


/********* about page css *********/

/************* details **********/


.details {
    /*padding: 100px 0px;*/
}

.details p {
    margin-bottom: 0;
    color: #fff;
    font-size: 32px;
    line-height: 41px;
    font-weight: 400;
}

.about-details h2
 {
    margin-bottom: 0;
}

.about-details .card_back_left img,
.about-details .card_back_right img {
    width: 60px;
    height: 60px;
}

.card_back_left {
    background: var(--sec-color);
    padding: 32px;
}

.card_back_left p,
.card_back_right p {
    color: white;
    margin-bottom: 0;
}

.about-details {
    color: white;
}
.about-details {
    color:var(--pri-color);
}

.card_back_right {
    background: #0569B3;
    padding: 32px;
}

.main_card {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;

}
.about-details h1 {
    font-weight: 700;
    line-height: 110px;
    letter-spacing: -0.01em;
    margin-bottom: 0;
}
.carrieres_card h4 {
    margin-bottom: 24px;
}

/************* equipe page css ************/

.team_section h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--pri-color);
    margin-bottom: 34px;
    letter-spacing: 1px;
}

.team_section .paragraph{
    font-weight: 400;
font-size: 20px;
line-height: 26px;
}
.team_content p {
    margin-bottom: 18px;
}

/* notre css */
.notre_section h2{
    margin-bottom: 72px;
}

.logo_box {
    display: flex;
    align-items: center;
    gap: 27px;
    flex-wrap: wrap;
}
.clinte_logo .P_Lead{
    margin-bottom: 40px;
}

/*************** evaluation css *************/

.autres_card_section h2 {
    margin-bottom: 90px;
    text-align: center;
}


/************* restauration *************/
.restauration_section h5{
font-weight: 600;
line-height: 20px;
letter-spacing: 0.08em;
text-transform: uppercase;
color:#000;
}

/************* restauration-Owl-slider *************/

.slider_content {
      background: #ECF8ED;
      color: #073354;
      padding-left: 64px;
      padding-right: 64px;
      padding-bottom: 64px;
      padding-top: 70px;

    }

.item_box {
      position: relative;
    }

.item_box p{
      color: #073354;
    }

    

.slider_content h5{
      text-transform: uppercase;
      font-size: 16px;
      color: var(--pri-color);
	  margin-top: 50px;
	  font-weight: 600;
	  line-height: 20px;
	  letter-spacing: 0.08em;
    }

.slider_content h4{
      color: var(--pri-color);
	  font-weight: 700;
	  font-size:28px;
line-height: 30px;
    }

.slider_content span {
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0 0 24px;
      display: block;
    }

 .owl-carousel .owl-item img {
      max-width: 100%;
	  width:50%;
      height: auto;
      position: relative;
      top: 0px;
    }

.about-details .owl-theme .owl-dots {
      text-align: left;
      padding-left: 66px;
      color: green;
      position: absolute;
      top: 620px;
    }

.about-details .owl-theme .owl-nav {
    margin-top: -269px;
    position: absolute;
    margin-left: 161px;
    background: none;
}

.owl-nav span {
      font-size: 0 !important;
    }
	
	.slider_content {
    background: #ECF8ED;
    padding: 64px;
}
.owl-prev img, .owl-next img {
    width: 24px;
    height: 24px;
}
.owl-theme .owl-nav [class*=owl-]{
    margin: 5px 0px;
}
/************ services css   ************/
.home_section h5{
	font-weight: 600;
line-height: 20px;
	letter-spacing: 0.08em;
text-transform: uppercase;
}



/************** footer *************/

/**************Footer Css**************/
.site-footer {
    background: #073354;
    color: #fff;
    padding: 60px 0;
}

.site-footer a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.site-footer ul li {
    list-style: none;
}

.logo-footer {
    display: flex;
    justify-content: space-between;
    align-items:end;
    border-bottom: 1px solid #0569B3;
    padding: 0 0 18px;
}

.logo-footer .left-logo {
    background: #fff;
    border-radius: 9px;
    padding: 15px;
}

.middle-footer {
    padding: 40px 0;
}

.middle-footer .sub-head {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
    letter-spacing: 1px;
}
.middle-footer .ph-email a {
    display: block;
}
.middle-footer ul {
    display: flex;
    padding: 0;
    gap: 25px;
    text-transform: uppercase;
}

.middle-footer ul li a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 10px;
    letter-spacing: 1px;
	display:inline-block;
	position:relative;
	transition:0.5s;
}
.middle-footer ul li a:after, .footer-socials a:after, .site-footer a:after, .middle-footer .ph-email a:after {
    content: "";
    height: 2px;
    width: 0%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
	transition: 0.5s;
}
.middle-footer ul li a:hover:after, .footer-socials a:hover:after, .site-footer a:hover:after, .middle-footer .ph-email a:hover:after{
	width: 100%;transition:0.5s;
}
.middle-footer ul li a:hover, .footer-socials a:hover, .site-footer a:hover, .middle-footer .ph-email a:hover{
	transition:0.5s;
}
.middle-footer .ph-email a {
   
    font-size: 28px;
    font-weight: 600;
    line-height: 44px;
    margin: 0 0 10px;
	display:inline-block;
	position:relative;
	transition:0.5s;
}

.footer-nav {
    margin-top: 40px;
	display:flex;
	gap:18px;
}

.footer-socials a {
    display:inline-block;
	position:relative;
	transition:0.5s;
    margin-top: 25px;
}

.footer-socials {
    font-size: 22px;
    line-height: 31.5px;
}

.middle-footer h4 {
    margin: 0 0 35px;
    font-size: 28px;
    font-weight: 700;
}

.footer-numbers p {
    font-size: 16px;
    margin: 0 0 25px;
    letter-spacing: 1px;
}

.footer-numbers p span {
    display: block;
    margin: 0 0 5px;
	color: #fff;
}

.footer-address h4 {
    cursor: pointer;
    padding: 20px 24px;
    background: #0569B3;
    background-repeat: no-repeat;
    background-position: 98%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

.show-address {
    font-size: 20px;
    line-height: 26px;
    background: #0569B3;
    padding: 24px;
    display: none;
}

.show-address h5 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 15px;
    letter-spacing: 2px;
}

.show-address p {
    margin: 0 0 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}
.footer-bottom ul {
    padding: 10px 0 0;
    display: flex;
    justify-content: space-between;
    margin: 0;
} 



.footer-address h4 img {
    transition: 0.5s;
	width: auto;
}

.footer-address h4.active img {
    transform: rotate(180deg);
    transition: 0.5s;
}

.middle-footer ul li a:hover {
    border-color: transparent;
}

.footer-bottom ul li a:hover {
    text-decoration: none;
}
.footer-socials ul.social li {
    width: 42px;
    height: 42px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.footer-socials ul.social li a {
    color: #073354;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 14px;
    transition: 0.5s;
}

.footer-socials ul.social {
    gap: 10px;
    margin-top: 40px;
}

.footer-address {
    margin-top: 40px;
}
/**************Footer Css Ends**************/


/*------------------------------------------*/
/*------------------------------------------*/
.container-small {
    width: calc(100% - 320px);
    max-width: calc(100% - 320px);
    margin: 0 auto;
    padding: 0;
}
.inner-top-banner {
    width: 100%;
    display: flex;
    align-items: center;
    height: 676px;
}
.common-padding {
    padding: 170px 0;    
}
.divisions-block {
    width: 100%;
    display: flex;
    margin: 150px 0 0 0;
}
.about-details .row .col-lg-6:first-child {
    padding-right: 35px;
}
.about-details .row .col-lg-6:last-child {
    padding-left: 35px;
}

.historie-tree-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 0 100px 100px;
    gap: 24px;
}
.historie-tree-block::after {
    position: absolute;
    top: 17px;
    left: 0;
    width: 2px;
    height: calc(100% - 0px);
    background: #007851;
    content: "";
}
.historie-tree-block:last-child {
    padding-bottom: 0;
}
.historie-tree-block:last-child::after {
    content: none;
}
.historie-tree-block h4,
.historie-tree-block h3,
.historie-tree-block p {
    margin: 0;
}
.historie-tree-block .date {
    position: relative;
    color: #073354;
    mix-blend-mode: normal;
    opacity: 0.96;
    font-weight: bold;
}
.historie-tree-block .title {
    color: #073354;
    mix-blend-mode: normal;
    opacity: 0.96;
    font-weight: 500;
}
.historie-tree-block .date::after {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    content: "";
    width: 84px;
    left: -100px;
    background: #007851;
    height: 2px;
}
.historie-tree-block .date::before {
    width: 8px;
    height: 8px;
    background: #007851;
    content: "";
    border-radius: 50%;
    left: -23px;
    top: 50%;
    margin-top: -4px;
    position: absolute;
}
.image_section.bgCover {
    min-height: 604px;
    display: flex;
    align-items: center;
}
.section-with-img-bg {
    width: 100%;
    position: relative;
}
.section-with-img-bg.bg-overlay-half-img::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 50%);
    background: #effaf9;
    content: "";
    z-index: 1;
}
.section-with-img-bg.bg-overlay-half-img .container {
    position: relative;
    z-index: 2;
}
.about_content,
.image_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.team_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 0 50px 0;
}
.team_content img {
    min-height: 356px;
    width: 100%;
    object-fit: cover;
}
.team_content figcaption {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 50px 0 0 0;
    padding-right: 240px;
}
.team_content figcaption p:last-child {
    margin-bottom: 0;
}
/*------------------------------------------*/
/*------------------------------------------*/

.car_image {
    padding-left: 50px;
}

.car_image .row {
    align-items: center;
}

.car_image .image_col img {
    width: 100%;
    object-fit: cover;
	    height: 465px;
}
/********card animation css********/

.card_box:after {
    content: '';
    position: absolute;
    width: 0;
    background: #00583B;
    top: 0;
    transition: 0.5s;
    right: 0;
    height: 100%;
}
.card_box:hover:after {
    width: 100%;
	left:0;
}
.card_box:hover h4 {
    transform: translateY(10px);
}
.card_box:hover img {
    transform: translateY(-10px);
}

/******* ******/

 .plus-arrow {
  display: inline-block;
  width: 63px;
  height: 63px;
  position: relative;
  z-index: 1;
  transform: 10s all;
 }
 .plus-arrow:before {
    content: "";
    display: block;
    width: 2px;
    height: 18px;
    left: 30.5px;
    top: 22.5px;
    color: #0569B3;
    background-color: #0569B3;
    position: absolute;
    transform:top 10s all;
  }
 .plus-arrow:after {
    background-color: #0569B3;
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    position: absolute;
    top: 30.5px;
    left: 22.5px;
    
  }
  
  .equipement-boxes .card-body .action-btn.active span.plus-arrow:before {
    opacity: 0;
} 
  


/****** tabs css *****/

.Conseils_tabs .nav-tabs {
    margin-bottom: 36px;
}

.nav-link {
	padding:0;
	margin-right:40px;
}
.nav-tabs .nav-link {
	border:none;
	text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.08em;
    color: #073354;
	background:none;
	position:relative;
}
.nav-tabs .nav-link.active {
    color: #007851 !important;
}
.nav-tabs .nav-link:after,.top_heading span:after {
    content: "";
    height: 2px;
    width: 0;
    background: #007851;
    position: absolute;
    left: 0;
    bottom: -8px;
    transition: 0.5s;
}
.nav-tabs .nav-link.active:after {
    width: 100%;
    transition: 0.5s;
}
.nav-tabs {
	border-bottom:none;
}

.tab-content {
	background: #ECF0F8;
}
.tab_content h3 {
    font-weight: 500;
    line-height: 62px;
    color: #073354;
}
.tab_content ul {
    padding-left: 40px;
}
.tab_content ul li {
    color: #073354;
    padding-bottom: 40px;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    list-style: disc;
}
/* .tab-content img {
    height: 912px;
} */

/****** card fixed css******/

.card_background a.action-btn span {
    color: #fff;
}
.card_background a.card-body:hover{
	background: transparent;
}

/********contact us css********/

.map_data {
    display: flex;
    background: #fff;
    padding: 24px;
    flex-wrap: wrap;
    align-items: stretch;
}
.map_content {
    width: 20%;
    padding: 0 15px;
        }
.map_content h4 {
    font-weight: 700;
    line-height: 30px;
}
.map_content h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
	margin-bottom:10px;
}
.map_content small {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.map_content p {
    margin-bottom: 0px;
}
.map_data_foot h5{
    margin-bottom: 0px;
	font-weight: 700;
font-size: 20px;
line-height: 26px;
}
.map_data_foot p {
    font-weight: 400;
font-size: 20px;
line-height: 26px;
}
.map_link {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
}

 .map_section{
    position: relative;
}
.map_div {
    position: absolute;
    bottom:114px;
    width: 98%;
} 
#input_1_6 #file-upload-button{
    background: none !important;
}
/* carreries */
.carrieres h3 {
    color: #28307D;
    margin-bottom: 48px;
}

.Valeurs ul li {
    color: var(--pri-color);
}

.left_PAR_carrieres h4 {
     color: #0569B3;
    font-weight: 600;
    margin-bottom: 24px;

}

.right_PAR_carrieres p {
    color: var(--pri-color);
    margin-bottom: 24px;
}

.carrieres hr {
    color: var(--color);
    margin-left: 0px;
    margin-right: 0px;
}

.btn-icon {
    text-align: right;
}

.carrier_contact {
    background: var(--bg-contact);
}

.contact_COLOR {
    color: var(--pri-color)
}
.carrieres .btn-icon img{
    color:var(--pri-color);
    margin-bottom: 37px;
    width: 16px;
    height: 16px;
}

.carrieres_card .card_box {
    height: 217px;
}

.carrieres_card .card_box {
    cursor: default;
}

/******** jobs page css **********/

.jobs_data {
    background: var(--sec-color);
    padding:60px;
   
}


.jobs-section h4 {
    color: var(--pri-color) !important;
    font-weight: 700;
line-height: 30px;
margin-bottom: 48px;
}
.jobs-section p{
    font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--pri-color) !important;
margin-bottom: 20px;
}
.jobs_data h5{
    font-weight: 700;
font-size: 24px;
line-height: 100%;
margin-bottom: 8px;
}
.jobs_data p{
    color: #fff !important;
    margin-bottom: 32px;
    font-size: 18px;
}

.top_heading h1 {
    font-weight: 700;
line-height: 95px;
color: var(--pri-color);
margin-bottom: 48px;
margin-top: 24px;
}

.top_heading span {
    color: var(--pri-color);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px !important;
}

.top_heading span:after {
    content: "";
    height: 1px;
    width: 100%;
    background:  #073354;
    position: absolute;
    left: 0;
    bottom: -8px;  
}
.top_heading span{
    position: relative;
}
/******** covid19 page css **********/
.covid_section h1 {
    font-weight: 700;
    font-size: 120px;
    line-height: 110px;
    color:var(--pri-color);
    margin-bottom: 78px;
    margin-top: 127px;
}

.inner-text ul li {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
    color:var(--pri-color);
}
.inner-text ul {
    padding-left: 20px;
}
.inner-text h4,.covid_content h4 {
    font-weight: 700;
    line-height: 30px;
    color:var(--pri-color);
}
.inner-text h4{
    margin-bottom: 50px;
}
.covid_content h4{
    margin-bottom: 32px;
}

.covid_content p {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
}
.covid_content p:first-of-type {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 32px;
}

/***** form sec css******/

.form-sec h3 {
    font-weight: 700;
    font-size: 39px;
    line-height: 46px;
    color: #073354;
}
.contact-address-social .social ul li {
    list-style: none;
}
.gform_wrapper .gform_fields .gfield--type-fileupload > .gfield_description{
    background-image:url('https://relectronic.stagingminimalmtl.com/wp-content/uploads/2023/06/upload.svg');
    background-position: center right 20px !important;
    background-repeat: no-repeat !important;
    background-size: 14px !important;
    margin: 0 !important;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 48px;
    color: #28307d;
    border: 1px solid #28307d!important;
    padding: 12px 18px !important;
}

.content-boxes-with-links 	.card-body{ display:block; transition: 0.5s;}
.btn-outer {    width: 21px;    height: 21px;    overflow: hidden;    display: flex;    justify-content: flex-end;    align-items: center;    transition: 0.5s;}
.btn-outer svg {    padding: 0;    transition: 0.5s; width:21px;}
.card-body .btn-outer svg:first-child, .body_back .btn-outer svg:first-child {margin-left: -21px;}
.body_back .btn-outer svg path {stroke: #fff;}
.card-body:hover .btn-outer svg:last-child,
 .card-body_back:hover .btn-outer svg:last-child {    margin-right: -21px;    transition: 0.5s;}
 .card-produits-box:hover .btn-outer svg:last-child,
 .card-produits-box:hover .card-body_back .btn-outer svg:last-child{ margin-right: -21px;    transition: 0.5s;}
.card-body_back {    display: block;    width: 100%;}
.contact-text h1 {    color: #073354;}
.contact-num-email {    background: #007851;    color: #fff;    margin: 53px 0 53px !important;    padding: 30px;}
.contact-num-email small {    display: block;    font-size: 16px;    text-transform: uppercase;}
.contact-num-email span, .contact-num-email a {    display: inline-block;    font-size: 32px;    padding: 10px 0px; position:relative; transition: 0.5s;}
.contact-address-social {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    align-items: center;}
.contact-num-email a {    padding-bottom: 0;}
.contact-address-social .address-block {    width: calc(100% - 29%);}
.contact-address-social small {    font-size: 16px;    text-transform: uppercase;    color: #073354;    margin: 0 0 5px;    display: block;}
.contact-address-social p {    margin: 0 0 10px;}
.contact-address-social .social ul {    display: flex;    justify-content: flex-end;    gap: 10px;}
.contact-address-social .social ul a {    display: flex;    width: 42px;    height: 42px;    background: #007851;    color: #fff;    font-size: 20px;    justify-content: center;    align-items: center; transition: 0.35s;}
.contact-num-email a:hover, .contact-num-email a:focus {    color: #fff;    text-decoration: underline;}
.contact-address-social .social ul a:hover {
    background: #0569B3;
    transition: 0.35s;
}
/*=============== Gravity form =================*/
.gsection_title {    margin: 0;    padding: 0;}
.gform_wrapper .gform_description {    font-size: 20px;    color: #F03223;    line-height: 1.2em;}
.gform_wrapper .gform_description:empty {    display: none;}
.gform_wrapper .gform_validation_errors {    font-size: 20px !important;    text-align: center;    line-height: 1.4em !important;    color: #ffc84c !important;    letter-spacing: 0;
    background: none !important;    border: none !important;    border-radius: 0 !important;    box-shadow: none !important;    margin-bottom: 30px !important;    margin-top: 0 !important;    padding: 0 !important;    position: relative;    width: 100%;}
.gform_wrapper .gform_validation_errors>h2 {    font-size: 20px !important;    text-align: center;    line-height: 1.4em !important;    color: #c02b0a !important;}
.gform_wrapper .gform_validation_errors span.gform-icon--close {    display: none !important;}
.gform_wrapper {    margin: 0;}
.gform_wrapper .gform_body,.gform_wrapper .gform_footer {    display: inline-block;    width: 100%;    padding: 0 !important;    margin: 0 !important;}
.gform_wrapper .gform_title {    display: none;}
.gform_wrapper .gform_fields {    display: flex !important;    justify-content: space-between;    flex-wrap: wrap;    grid-row-gap: 0 !important;    grid-column-gap: 0 !important;}
.gform_wrapper .gfield {    width: 100%;    float: left;    margin: 0 0 46px !important;}
.gform_wrapper .gfield.gfield--width-half {    width: calc(50% - 20px);}
.gform_wrapper .ginput_container {    width: 100%;    float: left;    padding: 0;}
.gform_wrapper .ginput_container_consent {    margin-top: 20px;}
.gform_wrapper .gfield_validation_message,.gform_wrapper .validation_message {    background: none !important;    border: none !important;    font-size: 14px !important;
    margin-top: 0 !important;    padding: 5px 0 0 !important;}
.gform_wrapper .validation_message {    font-size: 13px;    color: #ff0000;    margin: 0;    display: inline-block;}
.gform_wrapper label.gfield_label {    display: none;}
.gform_wrapper form input[type="text"],.gform_wrapper form input[type="tel"],.gform_wrapper form input[type="email"],.gform_wrapper form select,.gform_wrapper form textarea {
    outline: none !important;    box-shadow: none !important;    background: none !important;    border: 1px solid #073354 !important;    color: #88A3B8;    border-radius: 0px;
    width: 100% !important;    padding: 6px 18px !important;    font-size: 20px !important;   }
.gform_wrapper form select{    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    background-image: url('/wp-content/uploads/2023/05/down-white.svg') !important;    background-position: center right 20px !important;    background-repeat: no-repeat !important;    background-size: 15px !important;    cursor: pointer;}
.gform_wrapper form select option{    color: #88A3B8 !important;}
.gform_wrapper form input[type="text"],.gform_wrapper form input[type="tel"],.gform_wrapper form select,.gform_wrapper form input[type="email"] {    height: 48px;}
.gform_wrapper form textarea {    height: 140px !important;    resize: none;    padding-top: 18px;}

.gform_wrapper .gform_fields .gfield--type-fileupload > .gfield_description {    background-image: url('/wp-content/uploads/2023/05/upload-icon.svg') !important;    background-position: center right 20px !important;    background-repeat: no-repeat !important;    background-size: 14px !important;    margin: 0 !important;    font-size: 16px;
    cursor: pointer;    display: inline-block;    width: 100%;    height: 48px;    color: #28307d;    border:  1px solid #073354!important;    padding: 12px 18px !important;}
.gform_wrapper .gfield--type-submit img{    display: none !important;    visibility: hidden;}
.gform_wrapper .gfield--type-submit{}
.gform_wrapper input[type='submit'] {    color: #67B1E2;    background: #fff;    font-size: 16px;    margin: 0 0 auto !important;
    padding: 12px 24px;    border: none !important;    box-shadow: none !important;            transition: all 0.25s ease;}
.gform_wrapper .gform_footer input[type='submit']:hover {    background-size: 28px 10px !important;}
.gform_wrapper .ginput_container_consent label {    position: relative;    padding-left: 35px;    /* font-weight: 300; */    font-weight: 400;    font-size: 18px;    margin: 0;
    color: inherit !important;}
.gform_wrapper .ginput_container_consent input[type='checkbox'] {    display: none;}

.gform_wrapper .ginput_container_consent label:before {    content: "";    position: absolute;    left: 0;    height: 22px;    bottom: 2px;    width: 22px;    display: inline-block;
    /*margin-right: 10px;*/    background: #96B1ED;    border-radius: 2px;}
.gform_wrapper .ginput_container_consent label:after {    display: none;    content: "";    position: absolute;    height: 20px;    width: 20px;
    bottom: 2px;    left: 0;    background: url('/wp-content/uploads/2023/04/check.png')no-repeat center center;    background-size: 14px;}

.gform_wrapper .ginput_container_consent input[type='checkbox']:checked+label:after {    display: block;}

.text-col h2 {margin-bottom: 32px;}
.text-col p {font-size: 16px;font-weight: 400; line-height: 24px;}

.consultation.center .row {
    justify-content: center !important;
     text-align: center;
}
.consultation.center p {
    margin-bottom: 77px !important;
}
.contact-text h1 {
    font-weight: 700;
    line-height: 110px;
    margin-bottom: 53px;
}
.contact-with-form .social img {
    width: 22px;
    height: 22px;
}
.map_data_foot h4{
margin-bottom: 2px;
}
.top_heading h1 {
    margin-bottom: 85px;
}
.Conseils_tabs.mb-190 .col-lg-12 {
    padding: 20px 20px 20px 78px;
}
.Conseils_tabs .container {
    max-width: 100%;
    padding: 0;
}
.Conseils_tabs .row {
    width: 100%;
}
.home_services {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.inner-banner .home_services a {
    position: relative;
    transition: 0.5s;
}

.inner-banner .home_services a:after, .contact-num-email a:after {
    content: "";
    height: 2px;
    background: #fff;
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
}

.inner-banner .home_services a:hover:after, .contact-num-email a:hover:after {
    width: 100%;
    transition: 0.5s;
}

.inner-banner .home_services a:hover, .contact-num-email a:hover {
    color: #fff; text-decoration:none;
}
.team_content p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}
.inner-text ul li {
    list-style: disc;
}

.home_services p {
    font-size: 32px;
    line-height: 42px;
    font-weight: 400;
}

.content-boxes-with-links ul li {
    list-style: disc;
}
.equipement-boxes .card-body {
    padding: 0;
}
.equipement-boxes .card-body .action-btn{
    padding: 32px; cursor: pointer;
}
.about_page {
    margin-bottom: 0;
}

.menu-header-inner .menu-left ul li:before {
    content: "";
    background:#00583B;
    height: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: 0.5s;
    left: 0;
}

.menu-header-inner .menu-left ul li:hover:before {
    height: 100%;
    bottom: auto;
    top: 0;
}

/* Nouvelles */

.news_top_section {
    /* background:#8080800d; */
    height: 265px;
  position: relative;
  overflow: hidden;
}
.nouvells-page figure img {
    cursor: pointer;
}

.news_top_section h1 {
    color:var(--pri-color);
    font-size: 120px;
font-weight: 700;
line-height: 110.5px; 
letter-spacing: -1.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
   top: 108px;
   margin-bottom: 0;
}
.tab_button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 63px;
}
a.btn_filters {
    padding: 10px 12px;
    border: 2px solid #80808025;
    border-radius: 8px;
    margin: 0 8px;
    font-size: 14px;
    line-height: 20px;
}
.title p {
font-weight:600;
font-size:14px;
line-height:20px;
letter-spacing:8%;
margin-bottom: 21px;
text-transform: uppercase;
}
.news_content img {
    margin-bottom: 20px;
}
.news_content p {
    font-weight:600;
font-size:14px;
line-height:20px;
letter-spacing:8%;
margin-bottom: 20px;
text-transform: uppercase;
color:#000;
}
.news_content h6 {
    font-size:18px;
line-height:24px;
margin-bottom: 20px;
font-weight: 700;
color:#000;
}
.news_content span{
    font-weight: 400;
    font-size:14px;
line-height:20px;
color:#000;
}
.gross-btn {
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-top: 87px;
}
.ajax_custom_row {
    display: none;
}

.footer-bottom {
    padding-bottom: 80px;
}
li {}

.header-inner .header-list ul li:nth-child(2) a {
    position: relative;
}

.header-inner .header-list ul li:nth-child(2) a:after {
    content: "";
    height: 2px;
    width: 100%;
    background: #fff;
}

.header-inner .header-list ul li:nth-child(2) a {
    position: relative;
}

.header-inner .header-list ul li:nth-child(2) a:after {
    content: "";
    height: 2px;
    width: 0;
    background: #073354;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: 0.5s;
}


.header-inner .header-list ul li:nth-child(2) a:hover:after {
    width: 100%;
    transition: 0.5s;
}




.header-inner .header-list ul:nth-child(1) .num{
    position: relative;
}

.header-inner .header-list ul:nth-child(1) .num:after {
    content: "";
    height: 2px;
    width: 100%;
    background: #fff;
}

.header-inner .header-list ul:nth-child(1) .num{
    position: relative;
}

.header-inner .header-list ul:nth-child(1) .num:after {
    content: "";
    height: 2px;
    width: 0;
    background: #073354;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.5s;
}


.header-inner .header-list ul:nth-child(1) .num:hover:after {
    width: 100%;
    transition: 0.5s;
}
.header-list li{
   padding: 0;
}
.privacy_content {
    padding-top: 40px;
}
.privacy_content h4, .privacy_content span{
    color:#073354;
}
.privacy_content span{
   font-weight: 600;
}
.privacy_heading h1 {
    margin-bottom: 40px;
   color: #073354;
}
.privacy_content p{
color:#0569B3;
}
.card_background .card-body:hover {
    background: transparent;
}
.card_background .card-body .action-btn:hover {
   color: transparent;
}
.top_heading_article h2 {
    text-align: center;
    font-size: 52px;
    line-height: 54px;
    font-weight: 500;
    padding-bottom: 70px;
}
.article-content h4 {
    margin-top: 48px;
}
.article h1 {
    font-size: 52px;
    line-height: 54px;
    font-weight: 500;
    color: var(--pri-color);
    margin: 40px 0;
    
}
.img-block img {
    height: 371px;
}
.article span {
    color:var(--pri-color);
    font-weight: 800 !important;
}
span.article_span {
    word-spacing: 24px;
    font-weight: 600 !important;
}
.article_img img {
    margin-top: 54px;
}
.top_heading .article_span:after{
    position: unset;
}
.article_span{
    text-transform: uppercase;
    color:#0569B3 !important;
    font-size: 16px;
font-weight: 600 !important;
line-height: 20px; 
letter-spacing: 1.28px;
}
.article_blog_text {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 20px 20px;
    background: #E3EBF5;
    transition: 0.5s;
    position: relative;
}
.article_blog_text:hover{
    background: #B6D5F9;
}
.article_blog_text span {
  position: unset;
  margin-bottom: 0 !important;
}
.article_blog_text a{
 margin: 20px 0;
 font-size: 28px;
 font-weight: 700;
 line-height: 30px;
 color: var(--pri-color);
 height: 80px;
}
.article_blog_text span:last-child {
    color: #0569B3;
    letter-spacing: 1px;
    position: absolute;
    bottom: 20px;
}
.social li:hover a:after {
  position: unset;
}

.footer-socials ul.social li:hover img {
    filter: brightness(0) invert(1);
}
.footer-socials ul.social li:hover {
    background:var(--sec-color);
}
.right-logo a:after {
    position: unset;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{ display:none;}



/* map css */

.map_image {
    background: url(https://relectronic.stagingminimalmtl.com/wp-content/uploads/2023/07/Frame-709-scaled.jpg);
    background-size: cover;
    background-position: center;
    /* min-height: 100vh; */
    height: 1054px;
}

.map_image img {
    display: none;
}

/******** new change **********/

.machenical .card_box:after, .Nos-mécanique .card_box:after {
    background: #073354 !important;
}
.Nos-mécanique .card_box {
    background-color: rgb(5, 105, 179);
}


.tab-pane .img-col {
    display: flex;
    height: 100%;
}

.tab-pane .img-col img {
    object-fit: cover;
}

.article-info {
    text-align: left;
    padding: 20px;
    background:#E3EBF5;
    position: relative;
    color: var(--pri-color);
    transition: 0.5s;
}
.article-info:hover {
  background: #B6D5F9;
}
.article-info h6 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: var(--pri-color);
    text-transform: uppercase;
    height: 60px;

}
.news_section p {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.12px;
    text-align: left;
   margin-top: 0;
   margin-bottom: 20px;
    line-height: 20px;
    font-weight: 600;
    

}
.article-info span {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px;
    position: absolute;
    bottom: 20px;
}
.single-content {
    margin-bottom: 80px !important;
}
.news_section .news_data h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    color: var(--pri-color);
    margin-bottom: 32px;
}
.news_section .news_data h6 {
    font-size: 22px;
    font-weight: 500;
    line-height: 31.5px;
    margin-bottom: 8px;
    color: var(--pri-color);
}
.news_section .news_data p{
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-transform: capitalize;
}
.news_data a {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 44px;
}

.mobiles {
    padding: 0 0;
}
.menu-header-inner .menu-right ul.menu-list li:last-child {
    display: none;
}

/*  */

.consultation .row.align-items-center.justify-content-between.pb-190 {
    padding-bottom: 110px !important;
}

.charUp, .split-parent, .split-line {
    overflow: hidden;
}
.carrieres {
    display: none;
}
/*  */

.gform_footer .gform_ajax_spinner {
    width: 20px !important;
    margin-left: 5px;
    max-width: 20px !important;
}