body {
    font-family: Inter;
    font-size: 1rem;
    line-height: 1.5;
    overflow-x: hidden;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-bottom: .875rem;
    font-family: Inter;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 3rem;
}

h2,
.h2 {
    font-size: 2.5rem;
    font-weight: 400;
    color: #333;
}

h3,
.h3 {
    font-weight: bold;
    font-size: 1.5rem;
    color: #1d3744;
}

h4,
.h4 {}

h5,
.h5 {}

h6,
.h6 {}

.cat {
    display: block;
    margin-bottom: .5rem;
    font-size: 1rem;
    text-transform: uppercase;
}

.intro {
    font-size: 1.125rem;
    color: #252627;
}

.c-white {
    color: #FFFFFF;
}

.c-yellow {
    color: #F4A62B;
}

.c-blue1 {
    color: #0079B5
}

.c-blue2 {
    color: #51C6D2
}

.c-pink {
    color: #EA2D67
}

.icon-list {
    display: flex;
    gap: 1.5rem;
}

.icon-list .icon {
    flex: 0 0 3rem;
}




.title-banner {
    font-weight: extra bold;
}

.bloc2-row1 {
    text-align: left;
    font: normal normal bold 22px/34px Inter;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 0px;
}

.item-solution-wrapper {
    padding: 0 !important;
}

.highlight {
    color: #F4A62B;
}

.litle-title {
    text-align: left;
    font: normal normal bold 20px/29px Inter;
    letter-spacing: 0px;
    color: #333;
    opacity: 1;
    border-left: 4px solid #D9D9D9;
    padding-left: 10px;
    font-weight: bold;
}

.bloc2-desc {
    text-align: left;
    font: normal normal normal 17px/20px Inter;
    letter-spacing: 0px;
    color: #252627;
    opacity: 1;
    margin-top: 4px;
    padding-left:14px;
}

.home-bloc3-row1 {
    text-align: left;
    font: normal normal bold 38px/34px Inter;
    letter-spacing: 0px;
    color: #005985;
    opacity: 1;
}

.home-bloc3-row2 {
    text-align: left;
    font: normal normal normal 18px/34px Inter;
    letter-spacing: 0px;
    color: #252627;
    opacity: 1;
}

.home-bloc3 {
    margin-top: 30px;
}

.row-title4 {
    text-align: center;
    font: normal normal bold 24px/34px Inter;
    opacity: 1;
	color:white;
}

.row-buttonbloc4 {
    text-align: center !important;
    font: normal normal bold 16px/34px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
	
}

.bloc5-title {
    text-align: center;
    font: normal normal bold 37px/31px Inter;
    letter-spacing: 0px;
    color: #333;
    opacity: 1;
}

.bloc5-text {
    text-align: center;
    font: normal normal normal 15px/21px Inter;
    letter-spacing: 0px;
    color: #252627;
    opacity: 1;
}

.bloc7-row1 {
    background: #005985 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 20px;
}

.bloc7-row2 {
    background: #F4A62B 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 20px;
}

.bloc7-row1-title {
    text-align: left;
    font: normal normal bold 32px/21px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 35px;

}

.bloc7-row1-desc {
    text-align: left;
    font: normal normal normal 17px/25px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 35px;
}

.button-bloc7-row1 {
    background: #F4A62B 0% 0% no-repeat padding-box;
    border: 1px solid #F4A62B;
    opacity: 1;
    text-align: left;
    font: normal normal medium 13px/17px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
   padding:10px 50px;
    margin-top: 10px;
    text-align: center;
}

.bloc7-date {
    text-align: left;
    font: normal normal normal 17px/25px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 35px;
}

.button-bloc7-row2 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #F4A62B;
    opacity: 1;
    text-align: left;
    font: normal normal medium 13px/17px Inter;
    letter-spacing: 0px;
    color: #005985;
   padding:10px 50px;
    margin-top: 10px;
    text-align: center;
}

.image-container {
    width: 100%;
    height: auto;
}


.fig-bloc7 {
    overflow: hidden;
}

.image-bloc7 {
    width: 100%;
    height: 100%;
    margin: 0;
}

.bloc8-title {
    text-align: left;
    font: normal normal bold 37px/31px Inter;
    letter-spacing: 0px;
    color: #333;
    opacity: 1;
}

.bloc8-desc {
    text-align: left;
    font: normal normal medium 21px/26px Inter;
    letter-spacing: 0px;
    color: #252627;
    opacity: 1;
}

.section8 {
    background-color: #F5F5F5 !important;
}

input[type=submit] {

    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    background-color: #F4A62B !important;
    width: 25% !important;

}

textarea {
    background: #fff !important;
    margin: 0 0 15px;
    width: 100%;
    border: 1px solid #e5e5e5 !important;
    padding: 15px;
    border-radius: 4px;
    font-weight: 300;
    font-size: 16px;
    border: 1px solid #CCCCCC !important;

}

input {
    font-size: 15px !important;
    background: #fff !important;
    border: 1px solid #CCCCCC !important;
    margin: 0 0 15px;
    font: normal normal normal Inter !important;
}

.form-message {
    height: 200px;
}

.services-home .item figure:after {
    background: rgba(244, 166, 43, 0.8) !important;
}

.text-banner-home {
    text-align: left;
    font: normal normal bold 48px/59px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.button-home-blocimage {
    background-color: #FFFFFF !important;
    color: #F4A62B !important;
    padding: 0px 17px;
    font-size: 15px;
    top: -20px;
    position: relative;
    border: 2px solid #f4a62b !important;
    margin-top: 50px;
}

.row-text {
    color: #FFFFFF !important;
    font-size: 16px !important;
    line-height: 24px;
}

.row-buttonbloc4 a {
    color: #FFFFFF !important;
    transition: transform 1s ease;
    display: inline-block;
	
}

.row-buttonbloc4 a:hover {
    animation: bounce 1s;
}


@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

a .mega-menu-link {
    color: #000000 !important;
}

.bg-image {
    aspect-ratio: 5/3;
}

.bg-image .vc_column-inner {
    padding: 0;
}

.bg-image .vc_single_image-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nv-title-bloc2 {
    text-align: left;
    font: normal normal bold 40px/50px Inter;
    color: #005985;
    font-weight: bold;
    margin-top: -21px;
}

.nv-title1-bloc2 {
    text-align: left;
    font: normal normal bold 40px/40px Inter;
    color: #005985;
    font-weight: bold;

}

.nv-title-parag {
    text-align: left;
    font: normal normal normal 18px/24px Inter;
    color: #252627;

}

.nv-button-bloc2 {
    background-color: #F4A62B;
    border: 1px solid #F4A62B;
    color: white;
    text-align: center;
    padding:0.5rem 2rem;
    margin-top: 20px;
}
.nv-button-bloc2:hover {

   color: white;

}
.no-container {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.icon-bloc3 {
    margin-bottom: 20px;
	margin-top: 20px !important;
}

.nv-bloc4-test {
    text-align: left;
    font: normal normal normal 18px/24px Inter;
    color: #252627;
}

.nv-title-bloc4 {
    text-align: left;
    font: normal normal bold 40px/34px Inter;
    color: #005985;
}

.item-solution h4 {
    color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 600;
}

.item-solution-tag {
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.item-solution {
    cursor: pointer; 
    background: linear-gradient(45deg, #33300, #282a4888, #3339a);
}

.item-solution:hover .item-solution-tag,
.item-solution:hover h4 {
    color: #252627;
}

.item-solution:hover .item-solution-desc {
    background: #fff;
	transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.item-solution-detail {
    visibility: hidden;
}

.item-solution:hover .item-solution-detail {
    visibility: visible;
}

.item-solution-desc p {
    color: #252627;
    font-size: 12px;
    text-align: center;
}

.item-solution-desc a {
    color: #f4a62b;
    font-weight: 600;
}

.item-solution .vc_column-inner {
    padding: 0 !important;
	border: 0;
}



@media (max-width:765px) {
    .item-solution {}
}

.title1-widget {
    text-align: left;
    font: normal normal bold 22px/34px Inter;
    color: #333;
}

.desc1-widget {
    text-align: left;
    font: normal normal normal 18px/24px Inter;
    color: #333;
}

.tel-widget {
    text-align: left;
    font: normal normal normal 16px/24px Inter;
    color: #333;
}

.phone-line {
    display: flex;
    align-items: center;
    gap: 10px;
}

.phone-icon {
    width: 20px;
    height: auto;
}

.row-text {
    width: 100%;
    text-align: center !important;
    margin: 20px 0;
    flex: 1;
}

.row-image {
    width: 100%;
    text-align: left;
    margin: 20px 0;
    flex: 1;
    filter: grayscale(100%);
}

.parallel-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    border-bottom: 1px #707070;

}

.row2-section8 {
    align-items: end;
}

.parallel-section:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 67%;
    height: 1px;
    background-color: #70707024;
}

.parallel-section {
    position: relative;
}

.service-bloc2-title {
    text-align: left;
    font: normal normal bold 16px/34px Inter;
    color: #F4A62B;
}

.service-bloc2-title1 {
    text-align: left;
    font: normal normal bold 16px/34px Inter;
    color: #0079B5;
}

.service-bloc2-title2 {
    text-align: left;
    font: normal normal bold 40px/44px Inter;
    color: #333;
}

.service-bloc2-title22 {
    text-align: left;
    font: normal normal bold 16px/34px Inter;
    color: #EA2D67;
}

.service-bloc2-title33 {
    text-align: left;
    font: normal normal bold 16px/34px Inter;
    color: #2EB3C0;
}

.service-bloc2-desc {
    text-align: left;
    font: normal normal normal 18px/24px Inter;
    color: #252627
}

.bloc2-item2-title {
    text-align: left;
    font: normal normal bold 24px/34px Inter;
    color: #1D3744;
}

.bloc2-item2-desc {
    text-align: left;
    font: normal normal normal 14px/24px Inter;
    color: #252627
}

.image-top {
    position: relative;
    z-index: 1;
}

.image-top:before {
    position: absolute;
    content: "";
    background: #F4A62B;
    top: 29%;
    bottom: -6%;
    right: 82%;
    left: -9%;
    transform: translateY(-50%);
    z-index: -2;
}

.image-top1 {
    position: relative;
    z-index: 1;
}

.image-top1:before {
    position: absolute;
    content: "";
    background: #0079B5;
    top: 29%;
    bottom: -6%;
    right: -9%;
    left: 80%;
    transform: translateY(-50%);
    z-index: -2;
}

.image-top2 {
    position: relative;
    z-index: 1;
}

.image-top2:before {
    position: absolute;
    content: "";
    background: #EA2D67;
    top: 29%;
    bottom: -6%;
    right: 82%;
    left: -9%;
    transform: translateY(-50%);
    z-index: -2;
}

.image-top3 {
    position: relative;
    z-index: 1;
}

.image-top3:before {
    position: absolute;
    content: "";
    background: #2EB3C0;
    top: 29%;
    bottom: -6%;
    right: -9%;
    left: 80%;
    transform: translateY(-50%);
    z-index: -2;
}
@media (max-width:765px) {
	.row-buttonbloc4 {font: normal normal bold 13px / 34px Inter !important;}
    .title4home{font-size:14px !important}
	.home-bloc3-row2{font-size:12px !important;padding:0 15px;line-height:1.5em;}
	.form-group {margin-bottom: 0rem !important;}
	.text-ref{	padding:0 !important ;}
	.row-text {margin: 10px 0 !important;}	
	.custom-logo-link img {width:150px !important;}
	.title-home h1{padding:20px !important;font-size:24px !important;}
	.bloc-solutions{margin-top: 0px !important;}
	.bloc4-rows{margin-bottom:-10px !important;}
	.bloc4-rows {padding-bottom: 0px !important;}
}
	.bloc-solutions{margin-top: 60px;}
.bloc4-rows{margin-bottom:10px;}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {font-weight:500 !important;    font-family: "Inter", serif !important;}
.btn-about{padding-top:1rem}
@media only screen and (max-width: 768px) {
	.TopBlocService{padding-top:40px !important; margin-top:0px !important}
	.item-solution:hover .item-solution-desc {background:none !important;}
	.section-banner{padding:130px 0 !important;}
	.bloc-2-home{display:none;}
	.bloc-image-equipe{display:none;}
	.bloc-desc-text .vc_custom_1737022749773{margin-bottom:0 !important;}
.item-solution:hover .item-solution-tag,
.item-solution:hover h4 {color: #fff !important;}
    .services-blocks .row-title4 {width: 50% !important;}
	.row-buttonbloc4{text-align:center !important}
	.item-solution-detail{display:none;}
	.item-solution{border-bottom: 1px solid #dadada45;}
	.item-solution-desc{padding:0 !important;}
	.categories-img img {height: auto !important;}
	#portfolio-flters{margin-bottom:0 !important}
}
.links{margin-bottom:0 !important; font-weight:bold}
.item-solution-desc{padding:30px 0;}
.button-bleu{ border-radius: 0px !important;}
form .col-xl-3 , form .col-lg-4 ,
form .col-xl-9 {padding-left:0 !important}
.title-page{color:#fff; font-weight:800; font-size:48px}
.title-services{color:#fff; font-weight:700; font-size:24px }
.TopBlocService{padding-top:125px;}
#portfolio-flters{overflow-x: auto;max-width: 100%;white-space: nowrap;}
.button-bloc7-row1:hover{color:#fff}
.rs{display: flex;align-items: baseline;}
#social-share i{font-size:24px !important}