/*** css added ***/


/** effet item menu */
#header-content ul li a:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0%;
    transform: translateY(-50%);
    height: 10px;
    width: 10px;
    background-color: #228911;
    border-radius: 50%;
    display: block;
    border: 0px;
    margin-left: 0px;
    transition: left .4s ease, opacity .4s ease;
    opacity: 0;
}

#header-content ul li a:hover:before {
    left: 50%;
    opacity: 1;
}
/*****section1 home******/

#section-1-home .bloc1-home .elementor-row{
 box-shadow: -5px 8px 10px -6px rgba(99,97,97,0.75);
	border-bottom-right-radius:180px;
	
}

#section-1-home .bloc1-home .elementor-row .elementor-column{
	background-color: #fff;
}

#section-1-home .bloc1-home .elementor-row .elementor-column.col-right {

 border-bottom-right-radius:180px;
}

.title-bloc1 h2.ekit-heading--title.elementskit-section-title:after {
    position: absolute;
    content: "";
    background-color:#288911;
    bottom: 0;
    left: 0;
    width: 68px;
    height: 5px;
}
#section-1-home{
	margin-top:-100px;
}
.title-bloc1 h2.ekit-heading--title.elementskit-section-title {
    position: relative;
	padding-bottom:25px;
}

 #center-title.title-bloc1 h2.ekit-heading--title.elementskit-section-title:after {
    left: 0;
    right: 0;
    margin: 0 auto;
}


#section-box-avantage .elementskit-infobox:hover img{
    filter: invert(70%) sepia(47%) saturate(744%) hue-rotate(0deg) brightness(268%) contrast(81%);
}

#section-for-home .elementor-background-slideshow__slide__image {
    border-top-right-radius: 200px;
}
#section-level{
    margin-top: -150px;
    background-color: #fff;
}
#section-3-avantage::before {
    position: absolute;
    content: "";
    background-color: #fff;
    width: 100%;
    height: 72%;
    top: 0;
    left: 0;
}

#diapo-avis-home .sassico-hr-managemnt-testimonial .sassico-testimonial-content {
   /* background-color: #288911;*/
	 background:linear-gradient(112deg, rgba(64,137,17,1) 0%, rgba(40,137,17,1) 50%, rgba(150,193,31,1) 100%);
    border-top-left-radius: 0;
    border-radius: 0 8px 120px 8px;
    margin-top: 0!important;
}
#diapo-avis-home .nav-button-square:hover {
    background-color: #288911;
}

#diapo-avis-home .nav-button-square {
    background-color: #56A118;
  
}

#diapo-avis-home .nav-button-square.sassico-button-prev  {
    border-radius: 8px 0 0 8px;
}

#diapo-avis-home .nav-button-square.sassico-button-next {
    border-radius: 0px 8px 8px 0px;
}



.text-added-h{
font-size:84px ;
}


/*****************page solutions*****/
#section-1-solutions:before {
  position: absolute;
    content: "";
    background-image: url(https://dev-level.diginov.tech/wp-content/uploads/2022/09/Background.png);
    background-size: 100%;
    width: 100%;
    height: 80%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-color: #539f16;
}

#section-1-solutions {
    position: relative;
}


#content-solutions .bloc1-solutions .col-right {
    margin-top: 95px;
    margin-left: -58px;
}

#content-solutions .bloc1-solutions .col-left-bloc1 {
    display:flex;
    flex-direction:column;
}

#content-solutions #solution2-bas.bloc1-solutions .col-right {
    margin-top: -55px;
    margin-right: -58px;
	margin-left:auto;
    z-index: 9;
}
#content-solutions #solution2-bas .title-bloc1 h2.ekit-heading--title.elementskit-section-title:after {
    right: 0;
	left:auto;
}
#section-1-solutions a.link-a:hover {
    color: #000!important;
}



/***************responsive************/
@media(max-width:1150px){
	
#col-top-solutions{
	margin:0 30px;
}
}

@media(max-width:1024px){
	#content-solutions .bloc1-solutions .col-left-bloc1 .elementor-widget-wrap {
		 padding: 45px 65px 35px 45px;
	}
	 .text-added-h{
font-size:70px!important;
}
}
@media(min-width:768px){
	
	 #section-for-home .content-form {
    display: flex;
}
 #section-for-home .content-form span.wpcf7-form-control-wrap {
    width: calc(50% - 13px);
}

#section-for-home .content-form span.wpcf7-form-control-wrap:nth-child(2) {
    margin-left: 26px;
}
}
@media(max-width:767px){
	#content-solutions .bloc1-solutions .col-right {
    margin-top: -38px;
    margin-left: 0;
    display: flex;
}

#content-solutions #solution2-bas.bloc1-solutions .elementor-row {
    display: flex;
    flex-direction: column-reverse!important;
}

#content-solutions #solution2-bas.bloc1-solutions .col-right {
    margin-right: 0;
    margin-top: -38px;
    margin-left: 0;
}
#content-solutions .bloc1-solutions .col-left-bloc1 .elementor-widget-wrap {
    padding: 45px 65px 60px 45px;
}

	.copy-right-element h2 {
    text-align: center;
}
	.text-added-h{
font-size:50px!important ;
}
#section-s .elementor-column-wrap.elementor-element-populated {
    margin: 0;
}
div#info-box-footer .elementskit-infobox {
    padding-bottom:30px;
    padding-top: 30px;
}
}

div#link-home a:hover {
    color: #228911;
}
div#link-home a{
	  text-decoration: underline!important;
}
  
/***popup style*/
.titre-form {
    font-size: 50px;
    font-weight: 500;
    color: #000000;
}

.text-form {
    font-size: 27px;
    color: #B8B8B8;
    font-weight: 400;
    margin-bottom: 25px;
}

.input-mail input.wpcf7-form-control {
    border-radius: 25px;
    border: 1px solid #828282;
    padding: 10px 20px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #888888;
    max-width: 433px;
    display: flex;
    width: 100%;
    margin: 0 auto 20px;
}

.input-mail input.wpcf7-form-control::placeholder {
    font-size: 20px;
    color: #888888;
}

#btn-form.wpcf7-submit {
    font-size: 23px;
    max-width: 433px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 25px;
    border: 1px solid #828282;
    background-color: rgba(40, 137, 17, 0.99);
    color: #fff;
    padding: 9px 26px;
}

@media(max-width:767px) and (min-width:581px){
	body.admin-bar .pum-theme-7413 .pum-content + .pum-close, body.admin-bar .pum-theme-theme-par-defaut .pum-content + .pum-close {
    top: 100px;
}
}
@media(max-width:580px){
	body.admin-bar .pum-theme-7413 .pum-content + .pum-close, body.admin-bar .pum-theme-theme-par-defaut .pum-content + .pum-close {
    top: 50px!important;
    right: 50px;
}
}


