/***** banner *****/
.banner 								{ position: relative; padding-top: 140px; margin: var(--marginTB); margin-top: 0;}
.banner .shape_glow						{ top: -18vw;}
.banner .container						{ display: grid; grid-template-columns: 1fr 60%; grid-gap: 60px; align-items: center;}
.banner .img   							{ position: relative; z-index: 5; }

.banner .img img, .banner .img video  	{ width:100%; height: auto; display: block; object-fit: cover; position: relative; display: block; aspect-ratio:10/7; border-radius: var(--imgRadius);}


.banner .txt 							{ position: relative; padding-bottom: 10px;}
.banner .txt .wrap						{ max-width: 580px;}
.banner .txt p  						{ font-size: 18px; margin: 20px 0 30px 0; max-width: 480px;}


@media (max-width:1400px) {
.banner .img .img_2 					{ display: none;}
.banner .container						{ grid-template-columns: 1fr 50%; grid-gap: 40px; align-items: center;}

}
@media (max-width:1200px) {
.banner 								{ padding-top: 120px;}
.banner .container						{ grid-gap: 40px;}
.banner .img .img_1 img					{ aspect-ratio: 5/4;}
}
@media (max-width:1000px) {
.banner 								{ padding-top: 100px;}
.banner .container						{ grid-template-columns: 1fr;}
.banner .img   							{ grid-area: 1;}
.banner .img .img_1 					{ margin: 0 -5vw;}
.banner .img .img_1 img					{ aspect-ratio: 3/2; border-radius: 0;}
.banner .txt .wrap   					{ text-align: center; max-width: 100%}
.banner .txt p  						{ max-width: 100%;}
.banner .img video  	                { width:100%; height: auto; aspect-ratio:inherit;}
.link.devis                             { margin: 0 auto;}
}
@media (max-width:700px) {
.banner 								{ padding-top: 70px;}
.banner .container						{ grid-gap: 30px;}
.banner .txt:before 					{ width: 100vw; left: -5vw; bottom: 30px;}
}

.intro                                  { position: relative; z-index: 10; text-align: center;}


/***** solutions *****/
.home_solutions 								{ position: relative; text-align: center;}
.home_solutions .container						{ padding-top: clamp(20px, 5vw, 40px);}
.home_solutions .item img 						{ margin: 0 auto 15px auto; max-width: 450px;}
.home_solutions .item .link						{ margin-top: 10px;}



@media (min-width:1201px) {
.home_solutions .item:hover .num				{ transition-delay: 100ms;}
.home_solutions .item:hover  					{ background-position: 0 0;}
.home_solutions .item:hover .link_arrow span	{ opacity: 1; transform: translateX(0); transition-delay: 50ms;}
.home_solutions .item:hover .link_arrow i		{ width: 100%;}
}
@media (max-width:1200px) {
.home_solutions .container						{ grid-template-columns: 1fr;}
.home_solutions .container .img   				{ display: none;}
.home_solutions .content						{ padding: 0;}
}


@media (max-width:700px) {
.home_solutions .items							{ grid-template-columns: 1fr; grid-gap: 10px;}
.home_solutions .items .item  					{ padding: 0 5vw; display: grid; grid-template-columns: auto 1fr; grid-gap: 5vw; align-items: center; height: 70px;}
.home_solutions .items .item .num, 
.home_solutions .items .item p					{ display: none;}

.home_solutions .items .item .link_arrow		{ height: 100%; left: auto;}


.home_solutions .items .item img				{ object-fit: fill; height: auto;}
.home_solutions .items .item:nth-child(1) img	{ width: 26px;}
.home_solutions .items .item:nth-child(2) img	{ width: 30px;}
.home_solutions .items .item:nth-child(3) img	{ width: 35px; margin-right: -3px;}
.home_solutions .items .item:nth-child(4) img	{ width: 32px;}
.home_solutions .items .item .sous_titre		{ padding-right: 60px;}
}

.partners .shape_glow							 { top: 50%; transform: translateY(-50%);}
.partners .container							 { grid-gap: 20px clamp(20px, 5vw, 80px); padding-top: clamp(20px, 5vw, 40px);}