/*
Theme Name: Pangja - Child
Theme URI: http://harutheme.com/pangja
Author: HaruTheme
Author URI: http://harutheme.com/
Description: This is child theme of Pangja
Template: pangja
Version: 1.0.0

*/

/*---------------------------------
    Write your css code from here
------------------------------------*/

.content-products .single-product {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-products .single-product .products-content li.type-product {
    flex: 0 1 100%;  
    max-width: 25%;   
}
.content-products .products-content.slider .products {
    display: flex;
    flex-wrap: wrap;
}

.content-products .products-content.slider .products li.type-product {
    width: 25%;   
}

.pdf-certificat .icon-box-container{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row-reverse !important;
	    padding: 0px 20px !important;
}
.pdf-certificat .icon-box-container p.icon-description {
    display: none !important;
	    padding-bottom: 0px !important;
}
.pdf-certificat h5.icon-title {
    padding-bottom: 0px !important;
}
.pdf-certificat .icon-wrap {
    font-size: 50px !important;
    padding: 15px 0 15px !important;
}
.haru-page-title-section {
    margin-bottom: 10px !important;
}
.services-title-1 {
    padding-top: 0% !important;
}
.subscribe-default .subscribe-email {
width :100% !important;
}
.subscribe-default {
    display: flex;
    flex-direction: column;
}
.box-vision .icon-box-container {
	height:400px;
}
.box-vision .icon-wrap {
    padding: 0px 0 15px !important;
}
.process-step__number {
	background-color: #00a26e;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {

	padding: 0 10px !important;
}
.clients-shortcode-wrap.carousel .clients-list .client-item img {

	opacity: 1;}
p.icon-description {
    font-size: 14px !important;
}
.vc_custom_1727796431202 .vc_row.wpb_row.vc_inner.vc_row-fluid{
	  display: flex;
    justify-content: center;
    align-items: center;
}
.map .wpb_gmaps_widget {
	margin-bottom: 0px !important
}
.single-product-top {
    margin-top: 50px;
}
p {
    text-align: justify;
}
.hideLink .banner-link{
	display :none;
}

.button_style_1 button:hover, .button_style_1 a:hover,.subscribe-default .subscribe-submit input[type="submit"]:hover,.contact-form .contact-submit input:hover{
	    background-color: #788DA8 !important;
    border: 2px solid #788DA8 !important;
}
.vc_custom_1720523333257 a:hover {
	color:#fff;
	text-decoration: underline;
}
.FormeColonne {
	  width:60%;
	 padding: 50px;
}
.ContactColonne{
	  width:40%
}
#mc4wp-form-1 .subscribe-default{
	  flex-direction: initial;
}
@media (min-width:1200px) {
	.SectionMission .box-vision .icon-box-container {
    height: 475px;
}
}
.contact-form .contact-submit input{
	min-width: 100% !important;
}

.FormeColonne h2 {
    align-items: center;
    display: flex;
    justify-content: center;
}
.ContactColonne .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information li span.contact-icon {
 
    display: inline-block;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background: #00a26e;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
}
.ContactColonne .contact-description {
	  text-align: left;
    justify-content: left;
    display: flex;
	  padding: 0px 110px;
}
.ContactColonne .contact-label{
	  text-align: left;
    justify-content: left;
    display: flex !important;
	  margin-top: -70px;
	  margin-left: 110px;
	  font-size:20px;
	  font-weight:700
}

.ContactColonne li{
	    padding: 25px 0 !important;
	    border-bottom: 1px solid #ccc;
}
.ContactColonne li:last-child {
    border: 0;
}
.ContactColonne span.contact-icon.fas.fa-map-marker-alt {
    margin-bottom: -10px;
}

.home .product .woocommerce-loop-product__title{
	text-align:center
}
@media (min-width:1400px) and (max-width:1618px){
	header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a{
		padding: 0 3px !important;
		line-height: 55px;
		font-size: 13px;
	}
}
@media (min-width:1200px) and (max-width:1359px){
	header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a{
		padding: 0 3px !important;
	}
}
@media (min-width:991px) and (max-width:1200px){
	header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a{
		padding: 0 3px !important;
		font-size: 10px;
	}
}
header.haru-main-header .haru-header-nav-wrap.nav-sticky{
	height: 70px;
}
.wpcf7-form-control-wrap input,.wpcf7-form-control-wrap textarea{
	background-color: #f1f1f1 !important 
}
.ContactColonne li:first-child{
	padding-bottom:15px !important;
}
.ContactColonne .contact-icon {
	margin-left :20px;
}
.ContactColonne span.contact-icon:hover {
    background: #788DA8 !important;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li.menu_style_dropdown > ul > li:hover > ul {
    left: auto !important;
    right: -100% !important;
}
.about-us-decor.home{
	 padding-bottom: 0 !important;
}   
.phone .vc_general.vc_btn3 {
	padding: 11px 30px !important;
}
@media (max-width:991px){
	.ContactColonne {
    width: 100% !important;
}
	.FormeColonne {
    width: 100% !important;
    padding: 0 !important;
}
	.vc_custom_1727796431202 .vc_row.wpb_row.vc_inner.vc_row-fluid{
		display:block !important
	}	
}
.process-step__title{
	    font-size: 19px;
	padding: 10px 0 0px !important;
}
.process-step strong {
    font-size: 16px;
}
.process-step__description{
   margin-top: -10px;
}
#post-2647 .process-step p{
	margin-top :10px ;
}
.blog .post-meta-views,.blog .post-meta-comment{
	display:none !important;
}
.our-services-1.Engagement .banner-sub-title{
	  display: block;
    font-size: 23px;
    padding-left: 0px !important;
    padding-top: 10px;
}
.historique img{
	width:auto !important;
	height:auto !important
		
}
@media (min-width:1200px){
	.vc_row.wpb_row.vc_row-fluid.historique-content {
    padding-left: 100.5px !important;
    padding-right: 100.5px !important;
}
	.ImgColonne img{
	height: 425px
}
}
.historique-content .wpb_wrapper{
	display:flex;
	justify-content:center
}
.haru-tooltip.button-tooltip,.catalog-filter .woocommerce-ordering{
	display:none !important;
}
.archive .haru-archive-product{
	margin-top:50px
}

.haru-main-header.header-1.header-sticky.sticky_light {
	  transition: all 0.5s ease 0s;
    position: relative;
    z-index: 99 !important;
	background-color: transparent !important;
	/*
	    border-bottom:1px solid #dee2e6 !important;
	    border-color: rgba(255, 255, 255, 0.1) !important;*/
}
.haru-main-header.header-1.header-sticky.sticky_light .haru-header-nav-wrap{
		background-color: transparent !important
}
.haru-main-header.header-1.header-sticky.sticky_light.sticky .haru-header-nav-wrap.nav-sticky{
		background-color: #fff !important;
}
.haru-main-header.header-1.header-sticky.sticky_light.sticky {
    background-color: #fff !important;
}
.haru-main-header.header-1.header-sticky.sticky_light.sticky{
	 z-index: 1000 !important;
}
#post-1463 .wpb_revslider_element.wpb_content_element{
	margin-top:-106px
}

.home header.haru-main-header.header-sticky.sticky_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a{
	color:#fff !important
}
header.haru-main-header.header-sticky.sticky_light.sticky .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
    color: #3f3f3f !important;
}
.home header#haru-header::before{
	    position: absolute;
    content: "";
    /* z-index: -1; */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	background: linear-gradient(0deg, rgb(64 70 70 / 4%) 0%, rgb(11 11 11 / 69%) 100%);
}
.info-item__icon .icon{
	float:right;
	margin-left:-30px 
}
.home header.haru-main-header.header-sticky.sticky_light .info-item__content{
	color:#fff ;
}
header.haru-main-header.header-sticky.sticky_light .info-item__content{
 color:#3f3f3f;
}
header.haru-main-header.header-sticky.sticky_light.sticky .info-item__content{
	color:#3f3f3f;
}
@media (min-width:1200px){
	header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
    padding: 0 6px !important;
}
}
.header-elements-right .header-elements-item {
    margin-left: 0;
}
@media (min-width:1200px) and (max-width:1400px) {
	
.info-item__title {
    font-size: 12px;
}
}
h2 {
	  color: #1f2732 !important;
     font-weight: 700 !important;
    letter-spacing: 0px;
	  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.homeColonne1 span{
	color:#00a26e !important;
}
.descBlock p{
	  color: #1f2732 !important;
    font-weight: 600;
    line-height: 1.7;
    font-size: 18px !important;
}
.homeColonne1 h3.title{
 color: #1f2732 !important;
    font-weight: 600;
    font-size: 22px;
	  margin-top: 0px;
}
.d-flex.col {
    margin-top: 25px;
}

.homeColonne1 .me-4 {
    width: 10%;
}
.homeColonne1 .contentBlock {
    width: 90%;
}

.vc_custom_1729159020855 h2,.haru-page-title-wrapper.page-title-wrapper-bg h2{
	color:#fff !important
}

.header-info .info {
    font-weight: 600;
}
.home .header-info .tel {
	font-size:16px;
	color: #fff !important;
}
header.haru-main-header.header-sticky.sticky_light.sticky .info-item__title .tel{
    color: #3f3f3f !important;
}
.header-right .info-item {
    padding-left: 20px;
}
.homeColonne1 .d-flex{
	gap:20px;
}
.homeColonne1 span.sub-heading {
    font-size: 16px !important;
    margin-bottom: 10px !important;
	    line-height: 30px !important;
}
.homeColonne1 h2{
	margin-top:0px
}
.d-flex.col-flex{
	border-bottom: 1px solid #dee2e6;
  padding-bottom: 25px;
}
.ImgCol .vc_single_image-wrapper:before,.blogCol .post-image:before,.post-thumbnail:before{
	position: absolute;
    top: 0;
    left: -50%;
    display: block;
    content: '';
    width: 25%;
    height: 100%;
    background: -o-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
	  z-index: 1; 
}
.ImgCol .vc_single_image-wrapper:hover:before{
animation: shine 1s;
}
.blogCol .post-thumbnail:hover .post-image:before{
animation: shine 1s;
}
.post-thumbnail:hover:before{
animation: shine 1s;
}
@keyframes shine{
	100% {
    left: 125%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li.current,.haru-woo-shortcodes-products-ajax-category .products-tabs li:hover {
    background-color: transparent !important;
    border: none;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li.current span,.haru-woo-shortcodes-products-ajax-category .products-tabs li:hover span {
    color: #3f3f3f;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li{
	border:none !important;
 padding: 6px 10px !important;
font-size: 15px !important;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li.current{
    color: #030c26 !important;
    border-bottom: 1px solid #00945e !important;
    font-weight: 500 !important;
	border-radius:0;
	  padding: 6px 10px !important;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li.tab-item span:before{
    content: "/";
    position: relative;
    left: -12px;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li.all-tab span::before {
  display: none;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li span{
	font-weight:400 !important
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li.current span{
	font-weight:600 !important
}

.home .clearfix.product  .product-thumbnail:after{
	  content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: #788da8d1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s;
    transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s;
}
.btnCol .vc_btn3-color-grey {
    background-color: #fff !important;
	  color: #1f2732  !important;
	  border: 1px solid #00a26e !important;
	    padding: 10px 8px !important;
    min-width: 125px !important;
}
.btnCol .vc_btn3-color-grey:hover {
	    background-color: #788DA8 !important;
    border: none !important;
    color: #fff !important;
}
.home .clearfix.product :hover .product-thumbnail:after{
	    opacity: 1;
    transform: scaleY(1);
    transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s;
}
.home li.product .product-actions, li.type-product .product-actions{
	top:0 !important;
	bottom:inherit !important;
	left: inherit !important;
  right: 0 !important;
}
.home .product.type-product .icon-basket,.home .product.type-product .add-to-cart-wrapper{
	display:none;
}
.home li.product .product-inner .product-actions {
  opacity: 0;
  transform: scaleY(0); 
  transform-origin: top;
  transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0.5s ease;
}
.home li.product:hover .product-inner .product-actions {
  opacity: 1; 
  transform: scaleY(1);
  transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0.5s ease;
}
.home li.product .product-actions .quickview a, li.type-product .product-actions .quickview a{
	font-size: 25px !important;
    width: 60px !important;
    height: 60px !important;
    line-height: 60px !important;
}
.home .button-in.quickview {
    background: #00a26e !important;
	 color:#fff !important;
}
.home .icon-magnifier:before {
 
    color: #fff !important;
}

.home li.product:hover h2.woocommerce-loop-product__title {
    position: absolute;
    bottom: 52px;
    z-index: 9;
    left: 25px;
    right: 25px;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800;
	opacity: 1 !important;
  transform: translate3d(0, 0, 0);
transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; 
	display:block;
}
.home h2.woocommerce-loop-product__title {
	transform: scaleY(0); 
  transform-origin: top !important; 
  transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0.5s ease ; 
	    will-change: transform, opacity;
    padding-bottom: 10px;
    display: none;
}

.home .pp_fade .summary.entry-summary,.home #product-thumbnails1{
   display:none
}
.home .pp_close{
	background:#00a26e !important 
}

@media (min-width:1200px){
.home .pp_pic_holder.pp_woocommerce.loaded,.home .ppt {
        transform: translateX(-50%);
        width: 500px !important;
        left: 50% !important;
	
	}
.home .pp_content_container .pp_left {
    padding-left: 30px;
}
	.home .pp_woocommerce .pp_content_container{
		    padding: 30px 0 !important; 
	}
	
}
.SectionMission .col1 .wpb_wrapper{
	    border-radius: 10px 10px 0px 40px;
    padding-top: 10px;
	background: #00a26e ;
}
.SectionMission .col2 .wpb_wrapper{
		background: #788da8 ;
	    border-radius: 10px 10px 0px 40px;
    padding-top: 10px;
}
.SectionMission .col3 .wpb_wrapper{
		background: #004256 ;
	    border-radius: 10px 10px 0px 40px;
    padding-top: 10px;
}
.home .SectionMission .col1 .icon-box-shortcode-wrap.style_1.box-vision,.home .SectionMission .col2 .icon-box-shortcode-wrap.style_1.box-vision,.home .SectionMission .col3 .icon-box-shortcode-wrap.style_1.box-vision{
	position: relative;
    display: block;
    background: #fff;
    overflow: hidden;
    border-radius: 30px 30px 0px 30px;
    border: 1px solid #e7e3ee;
    padding: 15px 15px 20px 15px;
    transition: all 500ms ease;
}
.home .SectionMission .col1 .icon-box-container,.home .SectionMission .col2 .icon-box-container,.home .SectionMission .col3 .icon-box-container{
	border: none !important;
  border-radius: 0 !important;
  background-color: inherit !important;
   text-align: initial !important; 
     padding: 18px !important; 
   transition: all .3s;
}
.home .SectionMission .col1 .icon-box-shortcode-wrap.style_1.box-vision:hover span {
    color: #00a26e !important;
}
.home .SectionMission .col2 .icon-box-shortcode-wrap.style_1.box-vision:hover span {
    color: #788da8 !important;
}
.home .SectionMission .col2 .icon-box-shortcode-wrap.style_1.box-vision  span {
    color: #788da8 !important;
}
.home .SectionMission .col3 .icon-box-shortcode-wrap.style_1.box-vision  span {
    color: #004256 !important;
}
.home .SectionMission  .icon-box-shortcode-wrap.style_1.box-vision:hover .icon-title ,.home .SectionMission  .icon-box-shortcode-wrap.style_1.box-vision:hover .icon-description{
    color: #3f3f3f !important;
}
.home .SectionMission .col1 .icon-box-shortcode-wrap.style_1.box-vision:hover{
	    border: 1px solid #00a26e;
}
.home .SectionMission .col2 .icon-box-shortcode-wrap.style_1.box-vision:hover{
	    border: 1px solid #788da8;
}
.home .SectionMission .col3 .icon-box-shortcode-wrap.style_1.box-vision:hover{
	    border: 1px solid #788da8;
}
.clients-shortcode-wrap .owl-nav .owl-prev {
    left: -45px !important;
}
.clients-shortcode-wrap .owl-nav .owl-next {
    right: -45px !important;
}

.recent-news-shortcode-wrap.carousel .recent-news-container article:hover .post-thumbnail img{
	transform: none !important;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail::before{
	display:none !important;
}
.blogCol .post-thumbnail .post-image img {
	height:270px !important ;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content{
	border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media (min-width:1400px){
	.MissCol,.blogCol {
    padding-left: 20%;
    padding-right: 20%;
}
	.logo {
    padding-left: 25%;
    padding-right:25%;
    padding-bottom: 2%;
}
}
@media (max-width:1400px){
	.MissCol,.blogCol{
    padding-left: 10%;
    padding-right: 10%;
}
	.logo {
    padding-left: 10%;
    padding-right:10%;
    padding-bottom: 2%;
}
}
.blogCol .owl-item .recent-news-item{
	overflow: hidden;
 
  border: none;
	margin: 20px;

}
.blogCol .owl-item {
	    margin-right: 0 !important;
}
.blogCol .post-excerpt{
	display:none;
}
.blogCol .post-readmore a{
	display:none !important;
	    content: url(/wp-content/uploads/2024/11/next.png) !important;
}
.blogCol .icon-calendar:before{
	display:none
}
.blogCol .post-meta-date{
	color:#00a26e !important;
	font-size:16px;
	font-weight:600
}
.SectionMission .icon-diamond:before {
    content: url(/wp-content/uploads/2024/11/1.png) !important;
}
.SectionMission .fa-user-tie:before{
	   content: url(/wp-content/uploads/2024/11/2.png) !important;
}
.entypo-icon-back-in-time:before {
    content: url(/wp-content/uploads/2024/11/3.png) !important;
}
.SectionMission .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title {
    color: #3f3f3f;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding-bottom: 10px;
    line-height: 1.1;
    font-family: "'Plus Jakarta Sans', sans-serif !important";
}
.SectionMission .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description {
    font-size: 12px;
    padding-bottom: 10px;
    line-height: 1.8;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 16px !important;
}
.colRow h2{
	color:#ffffff !important;
}

#haru-footer-main .haru-col-sm-6.wpb_column.vc_column_container.vc_col-sm-4 .wpb_text_column p{
	width: 320px;
}
.blogCol .owl-item {
    width: 33% !important;
}
@media (min-width:1400px){
	#haru-footer-main .vc_row.wpb_row{
		padding-left: 11% !important;
    padding-right: 10% !important;
	}
}
#haru-footer-main .fab{
	color:#788da8 !important;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a{
    padding: 5px 10px !important;
}
.footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li{
	padding: 7px 0 !important;
}
@media (min-width:1200px){
	#haru-footer-main ul.contact-information{
	width: 238px ;
	}
}
.vc_custom_1731685095847 .wpb_wrapper a {
	color:#fff !important
}
sr7-btn#SR7_1_1-22-15:hover {
    background: #788da8 !important;
    border: 2px solid #788da8 !important;
}
.progress-bar-shortcode-wrapper .bar-list {
	width:95% !important
}
#haru-footer-main .fab:hover {
    color: #00a26e !important;
}
.haru-page-title-wrapper .page-title-inner h2 {
	color:#fff !important;
}
.single-post .post-info {
	display:none;
}
.single-post .single-content {
	margin-top:70px ;
}
.single-post .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title{
	font-size:35px !important
}
.single-content .single-wrapper article .post-thumbnail-wrapper{
	margin-top: 60px !important;
}
.single-post .post-meta-category{
	display:none
}
.haru-archive-product .catalog-filter .woocommerce-result-count{
	    line-height: 12px !important;
}
.haru-archive-product .archive-product-wrapper ul.products{
	margin-top: 70px !important;
}
.yith-ywraq-add-to-quote .add-request-quote-button{
	padding-top:5px;
	padding-bottom:5px;
}
.Solution .icon-box-shortcode-wrap.style_1 .icon-box-container{
	    border-radius: 0 !important;
}
.Solution .icon-box-shortcode-wrap{
	border-bottom: 3px solid #00a26e ;
}
.BlockImp .vc_custom_heading.heading_style_5 .sub-heading{
	    font-size: 90px !important;
	    margin-bottom: -65px !important;
	
}

.Solution .icon-box-shortcode-wrap .icon-box-container {
	text-align:left !important;
	padding-top: 0px !important;
}
.Solution .vc_li {
	    font-size: 40px !important;
}
	.woocommerce a.button, .woocommerce input.button{
		background: #00a26e;
	}
	.woocommerce a:hover.button, .woocommerce input.button:hover{
		background: #788da8;
	}
.page-id-2670 .woocommerce.ywraq-wrapper{
	padding-top:4%;
	padding-bottom:2%
}
@media (max-width:767px){
	.woocomerce-quickview-info .slider-nav{
		display:none 
	}
	.ContactColonne .footer-contact-shortcode-wrap .contact-description{
		font-size:12px !important
	}
.woocomerce-quickview-info 	.woocommerce-product-details__short-description	{
		width:310px !important
	}

.slick-initialized.slick-slider .woocomerce-quickview-info .thumbnail-image.slick-slide{
		    width: 100% !important;
	}
	.pp_pic_holder.pp_woocommerce.loaded {
    transform: translateX(-50%);
    width: 355px !important;
    left: 50% !important;
}
	.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next {
    right: 15px !important;
}
	#SR7_1_1-22-11{
		color :#fff !important;
	}
}
.ImgCol{
	    overflow: hidden ;
}

.Solution .icon-box-shortcode-wrap.style_1 .icon-box-container {
    position: relative; 
    overflow: hidden; 
}
.Solution .icon-box-shortcode-wrap.style_1 .icon-box-container:hover {
    background-color: transparent !important;
    border: none !important;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.Solution .icon-box-shortcode-wrap.style_1 .icon-box-container::before {
    content: ""; 
    background: url('/wp-content/uploads/2024/12/qualite.png') no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    opacity: 0; 
    transition: opacity 0.5s ease-in-out, width 0.5s ease-in-out;
    z-index: -1;
}
.Solution .icon-box-shortcode-wrap.style_1 .icon-box-container:hover::before {
    opacity: 1; 
    width: 100%; 
	z-index: 99;
}

.Solution .icon-box-shortcode-wrap.style_1 .icon-box-container a, .Solution .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content{
position:relative;
z-index: 99;
}

.Solution .icon-box-shortcode-wrap.style_1 .icon-box-container::after{
	    content: "";
       background: #1f273252;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0; 
    z-index: 0; 
    transition: opacity 0.3s ease-in-out; 
}
.Solution .icon-box-shortcode-wrap.style_1 .icon-box-container:hover::after {
	 z-index: 99;
	opacity:1;
}
@media (max-width:767px){
	.pp_content_container .pp_left {
    padding-left: 25px;
}
	.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .slick-slide img {
    width: max-content !important;
	 margin-top: 20px !important;
}
	.homeColonne1 .descBlock p{
		font-size:14px !important
	}
	h2,.SectionMission h2.vc_custom_heading,.Produits h2.vc_custom_heading{
			font-size:25px !important
	}
	.homeColonne1 .me-4 {
    width: 15%;
}
	.homeColonne1 h3.title{
		    font-size: 18px !important;
	}
	.Produits .vc_column-inner,.SectionMission .vc_column-inner {
		margin-top:-20px !important
	}
	.blogCol .vc_column-inner .blog {
		padding-top:-20px !important
	}
	.blogCol h2.vc_custom_heading {
		    margin-bottom: 20px !important;
	}
	.progress-bar-shortcode-wrapper.style_1 .skill{
		right: -70px !important;
	}
	.progress-bar-shortcode-wrapper.style_1 .bar-label{
	 font-size: 13px !important;
	}
	.MissCol, .blogCol {
        padding-left: 2%;
        padding-right: 2%;
    }
	.SectionMission .wpb_column{
		margin-top:-20px !important;
	}
	.SectionMission .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description{
		 font-size: 14px !important;
	}

	.blockMission .wpb_column {
		margin-bottom:30px !important ;
	}
	    .vc_custom_heading.heading_style_4 {
        font-size: 25px !important;
    }
	.about-us-decor.home{
		 margin-top: 5% !important;
	}
	.home li.product:hover h2.woocommerce-loop-product__title{
		font-size: 14px !important;
	}
	.about-us-decor.home .about-us-image{
		text-align:center !important
	}
	.BlockImp .vc_custom_heading.heading_style_5 .sub-heading {
    font-size: 40px !important;
    margin-bottom: -20px !important;
}
	.page-id-1635 .wpb_content_element.descBloc,.page-id-2647 .wpb_content_element.descBloc  {
    padding-bottom: 0 !important;
}
	.page-id-1635  .about-us-image,.page-id-2647 .about-us-image{
		 margin-bottom: 0 !important;
		display:flex;
		justify-content:left !important;
	}
	#post-2647 .process-step p {
    margin-top: 10px;
    text-align: center;
}
	h2.woocommerce-loop-product__title {
    font-size: 16px !important;
}
	.home li.product .product-actions .quickview a, li.type-product .product-actions .quickview a{
	    font-size: 18px !important;	
	}
}
	.page-id-9 .post-9.page.type-page{
	 padding-bottom: 2% ;
   padding-top: 4%;
	}
@media (min-width:767px) and (max-width:991px){
	#haru-mobile-header .container {
		 width: 100% !important;
	}    
	.MissCol, .blogCol {
        padding-left: 2%;
        padding-right: 2%;
    }
	.SectionMission .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description{
	 font-size: 14px !important;
		text-align:left !important;
	}
	.box-vision .icon-box-container {
    height: 500px;
}
	.BlockImp .vc_custom_heading.heading_style_5 .sub-heading {
    font-size: 52px !important;
    margin-bottom: -30px !important;
}
.page-id-1635	h2.vc_custom_heading.heading_style_5,.page-id-1635 h2.vc_custom_heading.heading_style_5{
	margin-top:-10px !important
}
}
header.haru-main-header.header-sticky.sticky_light.sticky .info-item__desc .tel {
    color: #3f3f3f !important;
}
.sr7-btn#SR7_1_1-23-18:hover{
	background:#788da8 !important;
	border: 2px solid #788da8 !important;
}
@media (min-width:992px) and (max-width:1200px){
	.MissCol, .blogCol {
        padding-left: 2%;
        padding-right: 2%;
    }
		.SectionMission .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description{
			font-size: 13px !important;
	}
}
@media (min-width:1024px) and (max-width:1200px){
	.haru-main-header.header-1.header-sticky.sticky_light.sticky .nav-sticky{
			height:90px;
	}
	.header-info .info{
 font-size: 10px !important;
	}
	.haru-main-header.header-1.header-sticky.sticky_light.sticky .nav-sticky .row.header-nav-above.d-flex{
		    height: 85px !important;
	}
	.header-right .info-item {
    padding-left: 0px !important;
}
	.BlockImp .vc_custom_heading.heading_style_5 .sub-heading {
    font-size: 70px !important;
    margin-bottom: -38px !important;
}
}

@media (min-width:1200px) and (max-width:1300px){
	header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a{
		 font-size: 11px !important;
	}
	   .header-elements-item  .info-item__title {
        font-size: 10px;
    }
}
@media (min-width:1300px) and (max-width:1399px){
	.header-right .info-item {
    padding-left: 0 !important;
	}}
	@media (min-width:1400px) and (max-width:1490px){
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a{
	font-size:12px !important
		}
		.info-item__title .info{
			font-size: 12px !important;
		}
}
@media (min-width:768px) and (max-width:1200px){
	.home .ppt{
		transform: translateX(-50%);
    width: 495px !important;
    left: 50% !important;
	}	
	.pp_pic_holder.pp_woocommerce.loaded
	{
		 width: max-content !important;
	}
	.single-product-top .summary.entry-summary.extra-options-show{
		width:100% !important
	}
}
.breadcrumb-archive-product-wrap li:nth-child(2) {
 display:none !important;
}
.home .tab-item.all-tab,.haru-woo-shortcodes-products-ajax-category .products-tabs li.tab-item:nth-child(2) span:before{
	display:none ;
}
.icon-custom {
    width: 20px;
    height: auto;
    margin-right: 10px;
}

.icon-magnifier {
    font-size: 20px;
    color: #333;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-sign{
	    color: #00a26e !important;
	    font-size: 120px !important;
}
.testimonial::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgb(7 7 7 / 50%), rgb(18 12 12 / 0%)) !important;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-image {
    max-width: 115px !important;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-title{
	color: #818181b5  !important;
    font-weight: 900 !important;
    letter-spacing: .01em;
    font-size: 22px !important;
    line-height: 1;
    margin-bottom: 5px;
}
.testimonial .vc_row.wpb_row.vc_inner.vc_row-fluid{
	    padding-bottom: 3% !important;
}
.testimonial .vc_column-inner{
	    padding-top: 10px !important;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-image img{
	border: 3px solid #00a26e;
	box-shadow: none !important;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .text-testimonial{
	color: #fff;
    font-size: 17px;
    line-height: 32px;
    padding: 0 35px !important;
}
.historbloc .sub-heading{
	font-size: 90px !important;
	margin-bottom: -20px !important;
}
@media (max-width:450px){
	.box-vision .icon-box-container {
    height: 390px !important;
}	
}

@media (min-width:451px) and (max-width:767px) {
	.box-vision .icon-box-container {
    height: 345px !important;
}	
}