@import "../commom.css";
.ml {margin-left: 234px;}
.trame-1343 {max-width: 1363px; margin: auto;}
.contact-container::before {content: " "; position: absolute; width: 100%; height: 1px; background-color: grey; top: 0;}
.contact-container {position: relative; margin: 120px 0;}
.trame-1037 {max-width: 1037px;margin: auto;padding-top: 153px;}
.imgCollab {width: 100%;}
.intro h1 {font-weight: bold;line-height: 51px;font-size: var(--font80);position: relative;max-width: 935px;margin: auto;}
.intro h1::after {content: " ";position: absolute;background-color: var(--orange);height: 7px;width: 79px;left: 0;bottom: -25%;}
.intro h1 span {color: var(--orange);}
.text {font-size: var(--font23);font-weight: 300;}
.text p {margin-bottom: 20px;text-align: justify;}
.text p strong {font-weight: 500;}
.text p a {color: var(--black);text-decoration: underline;}
.text p a:hover {text-decoration: none;}
.text img.imageUne {float: right;margin: 0 0 20px 20px;width: 45%;}
#orange {color: var(--orange);}
#orange span {font-weight: 500;color: var(--orange);}
.agence p:nth-child(1) {color: var(--orange);}
.agence p:nth-child(1) strong {font-weight: 500;color: var(--orange);}
.offers-info {margin-bottom: 20px;display: block;}
.offers-info img {aspect-ratio: 5/3;width: 100%;object-fit: cover;object-position: top;display: inline-block;}
.offers-info div span {font-size: var(--font23);font-weight: 500;}
.offers-info .surface {color: #000;}
.offers-info .prix {line-height: 1;}
.offers-info .prix .unity {font-size: var(--font17);}
.offers-info div span:last-of-type {color: var(--orange);}
.last-offers h2 {font-size: var(--font25);font-weight: 700;text-transform: uppercase;}
.last-offers::before {content: " ";width: 0.8px;height: 100%;background-color: var(--orange);position: absolute;left: -2%;}
.last-offers {position: relative;margin-bottom: 100px;}
.members-info p {font-weight: 600;}
.members-name {text-transform: uppercase;}
.members-info a {font-weight: 300;color: var(--orange);}
.members-info {font-size: var(--font23);display: flex;flex-direction: column;}
.team {background-color: #ff5d2b1a;background-image: url("../../assets/bestproductbg.png"), url("../../assets/whiteassetbottom.png");background-repeat: no-repeat no-repeat;background-position: -17% -85%, 122% 100%;}
.team h2 {color: var(--orange);font-size: var(--font50);font-weight:700;}
.members-info {position: relative;}
.members:nth-of-type(1),
.mt-200,
.members:nth-of-type(3) {margin-top: -200px;}
.members .linkedin {position: absolute;right: 0;bottom: 45px;}
.linkedin img {height: 20px;}
.trust h2 {color: var(--blue);font-size: var(--font50);font-weight:700;}
.grid-row {display: grid;grid-template-columns: repeat(12, 1fr);}
.contact-agence span {font-weight: 500;}
.contact-agence h3 {font-size: var(--font70);font-weight: 700;color: var(--orange);}
.contact-agence li {font-size: var(--font23);color: var(--orange);font-weight: 300;}
.contact-agence a {color: var(--orange);font-weight: 500;text-decoration: underline;}
.social-media a:not(.social-media a:last-of-type) {margin-right: 15px;}
.trust-img-container {flex-wrap: wrap;gap: 2rem;}
.splide.is-initialized:not(.is-active) .splide__list {flex-wrap: wrap;gap: 2rem;}
.col-sm-3 img {height: 150px;padding: 0 1rem;}
.stats h3 {color: var(--orange);font-size: var(--font70);margin-bottom: 0;font-weight: 700;}
.stats h3 sup {font-size: var(--font23);}
.stats p span {color: var(--orange);}
.stats p {font-size: var(--font20);font-weight: 500;}
.stats sup {top: -2.5em;}
.splide.is-initialized:not(.is-active) .splide__list {display: flex !important;}
.btn.btnContact {width: 100%;display: flex;justify-content: center;color:#FFF; background-color: var(--blue);align-items: center;gap: 8px;font-family: "Work Sans";padding: .7rem;border-radius: 4px;}
.btn.btnContact svg{height:18px;}
.btn.btnContact svg path{fill:#FFF;}
.blocContact{background:rgba(1,97,142,0.15);padding: 1.25rem;border-radius: 4px;}
.blocContact img{border-radius: 4px;}
.blocContact .name {color: var(--blue) !important;font-size: 1.05rem;font-weight:bold;padding-bottom: .35rem;}
.blocContact a.btn-contact {color: var(--orange);font-size: .9rem;}
.blocContact a.btn-contact svg {height: 16px;}
.blocContact a.btn-contact svg path {fill:var(--orange);}
.lastOffres img {aspect-ratio: 4/3;display: block;width: 100%;object-fit: cover;}
.lastOffres .surface {color: var(--blue);font-weight:600}
.lastOffres .prix {line-height: 1;}
.lastOffres .prix .unity {font-size: var(--font17);}
.lastOffres div span:last-of-type {color: var(--orange);}
.lastOffres .top-banner {position: absolute;background-color: var(--orange);top: 0;color: var(--white);padding: 9.5px 25px;font-size: var(--font22);font-weight: 300;text-transform: uppercase;margin: 0;}
.lastOffres p {font-weight: 600;font-size: var(--font20);color:#000;}
.lastOffres .dooteed {position: relative;}
.lastOffres .dooteed span.surface::after {position: absolute;content: " ";width: 142px;bottom: 45%;transform: translateX(25%);border: 0.5px dashed var(--blue);}
.offresContainer .splide__arrow {background: #FFF; opacity: 1;top: calc(50% - 30px);position:absolute;border: unset;}
.offresContainer .splide__arrow svg {fill: #707070;height: 2.2rem;width: 2.2rem;}
.offresContainer .splide__arrow--prev {left: -60px;transform: rotate(180deg);}
.offresContainer .splide__arrow--next {right: -60px;}
@media screen and (max-width: 768px) {.trame-1343 {  max-width: var(--trame-mobile);}
  .intro h1 {  max-width: var(--trame-mobile);margin: auto;font-size: var(--font35r);line-height: 34px;}
  .last-offers {  position: relative;grid-row: 2;justify-self: inherit;max-width: var(--trame-mobile);margin: auto;}
  .last-offers::before {  all: unset;}
  .offers-info img {  width: 100%;}
  .stats {  flex-direction: column !important;justify-content: center !important;align-items: center !important;}
  .stats p {  max-width: 103px;text-align: left;font-size: var(--font17r);font-weight: 500;line-height: 17px;}
  .text {  margin-top: 3rem;max-width: 100%;grid-column: 1 / span 13;}
  .contact-container::before {  all: unset;}
  .contact-container {  max-width: var(--trame-mobile);margin: auto;margin-bottom: 110px;}
  .contact-agance {  position: relative;}
  .contact-illu {  position: absolute;bottom: 0;right: -10%;}
  .members > img {  aspect-ratio: 1 / 1;width: 100%;}
  .members:nth-of-type(1),
  .mt-200,
  .members:nth-of-type(3) {  margin-top: 0px;}
  .prev {  transform: rotate(180deg);}
  .prev,
  .next {  background-color: transparent;border: none;}
  .pagination {  display: flex;justify-content: end;}
  .col-sm-3 {  display: grid;place-content: center;}
  .trust h2,
  .team h2 {  font-size: var(--font29r);line-height: 30px;}
  .last-offers h2 {  font-size: var(--font18r);}
  .company-slider {  max-width: var(--trame-mobile);margin: auto;}
  .members-info {  font-size: var(--font18r);}
  .team {  background-color: #ff5d2b1a;background-image: none;}
  .offers-info div span {  font-size: var(--font17r);}
  .linkedin {  margin-top: 0 !important;}
  .members-group {  gap: 2rem !important;justify-content: center;}
}

@media screen and (768px < width < 1400px) {.trame-1343 {  max-width: 80%;}
  .agence {  max-width: 90%;margin-top: 5rem !important;margin-bottom: 5rem !important;}
  .trame-1037 {  max-width: 90%;}
  .members:nth-of-type(1),
  .mt-200,
  .members:nth-of-type(3) {  margin-top: 0px;}
}