.design-page .banner-page {
  background-repeat: no-repeat;
  background-size: cover;
}

/* Use diffirent */
.icon-responsive, .icon-responsive svg{
width: 120px !important;
height: 120px !important;
}

.content-bold {
  font-weight: bold;
}

.content-high-light-orange, .content-high-light-bule, .content-high-light-green, .content-high-light-green-down, .content-high-light-yellow, .content-high-light-red {
  z-index: 2;
  padding: 0 5px;

  position: relative;
  text-shadow: 1px 1px 1px #f7efe4;
}

.content-high-light-orange::after, .content-high-light-bule::after, .content-high-light-green::after ,.content-high-light-green-down::after , .content-high-light-yellow::after, .content-high-light-red::after {
  content: "";
  position: absolute;
  top: 6%;
  left: 0%;
  width: 100%;
  height: 90%;
  z-index: -1;
  border-radius: 10px;
  rotate: -1deg
}

.content-high-light-orange::after{
  background-color: #ef7021;
}

.content-high-light-bule::after {
  background-color: #121b60;
}

.content-high-light-green::after {
  background-color: #3A9E52;
}
.content-high-light-green-down::after{
 background-color: #3A9E52;
   rotate: 2deg
}

.content-high-light-yellow::after {
  background-color: #ffa700;
}

.content-high-light-red::after {
  background-color: #DD190A;
}

.break-to-line {
  display: block;
}

.contact-action:hover .elementor-button, .contact-pieces-action .elementor-button {
    border: 1px solid #121B60 !important;
}

.contact-packagings-action:hover .elementor-button {
    border: 1px solid #3A9E52 !important;
}

.contact-plastique-action:hover .elementor-button {
    border: 1px solid #DD1917 !important;
}

/* vous arrivez */
.vous-down-icon {
  margin-left: -400px;
}

/* ecoute */
.design-page .ecoute-content {
  margin-top: -30px;
}

.ecoute-content .ecoute-content-left {
  margin-top: 40px;
}

.ecoute-down-black-icon {
  margin: -50px 0 0 120px;
  z-index: 1;
}

.ecoute-list {
  margin-top: 6px;
}

.ecoute-list ul {
  gap: 15px;
}

.ecoute-list ul .elementor-icon-list-text {
  padding-left: 10px !important;
}

.arrow-icon ul .elementor-icon-list-icon svg g path {
  fill: #121b60;
}

/* expertise */
.expertise-wrap {
  margin-top: -35px;
}

.expertise-down-orange-icon {
  margin: -15px 0 0 45%;
}

/* prototypes */

.prototypes-wrap {
  margin-top: -30px;
}

.prototypes-content {
  margin-top: 50px;
}

.prototypes-list ul {
  gap: 11px;
  display: flex;
}

.prototypes-list ul li {
  gap: 13px;
  display: flex;
  align-items: center;
}

.prototypes-list ul li .elementor-icon-list-text {
  padding-left: 0px !important;
}

.prototypes-down-black-icon {
  margin: -25px 0 0 10%;
  z-index: 1;
}

.prototypes-wrap ul {
  gap: 11px;
  flex-direction: column;
}

/* habillage */
.habillage-wrap {
  margin-top: -30px;
}

.habillage-content-right {
  margin-top: 10px;
}

.habillage-list ul li {
  gap: 13px;
  display: flex;
  align-items: center;
  margin: 0px !important;
}

.design-concret-content .elementor-heading-title {
  display: flex;
  flex-direction: column;
}

.design-concret .elementor-swiper-button-next {
  position: absolute;
  top: -70px !important;
  right: 0px;
}

.design-concret .elementor-swiper-button-prev {
  position: absolute;
  top: -70px !important;
  left: 92% !important;
}

/* contact */
.contact-wrap .contact-banner {
  top: 50%;
  transform: translateY(-50%);
}

.contact-wrap .elementor-button {
  padding: 9px 29px;
}

.contact-subtitle span {
  display: flex;
  flex-direction: column;
}

.contact-wrap .contact-content {
  margin-top: -80px;
}

.contact-action .elementor-button-link,
.contact-packagings-action .elementor-button-link,
.contact-plastique-action .elementor-button-link,
.contact-pieces-action .elementor-button-link {
  width: 120px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

@media (max-width: 1500px) {
.contact-wrap .contact-content {
  margin-top: -90px;
}

/* vous arrivez */
.vous-down-icon {
  margin-left: -200px;
}  
}

@media (max-width: 1250px) {
  /* concret */
  .design-concret .elementor-swiper-button-prev {
    left: 88% !important;
  }
  
 .icon-responsive, .icon-responsive svg{
	width: 90px !important;
	height: 90px !important;
  }
}

@media (max-width: 1201px) {
  /* break line global */
  .break-to-line {
    display: inline;
  }
  
  /*loading  */
  .loading-icon img {
    width: 130px;
    height: 20px;
  }

  /* vous arrivez */
  .vous-down-icon,
  .expertise-down-orange-icon {
    width: 100px;
    height: 100px;
  }

  /* ecoute */
  .ecoute-wrap {
    margin-top: 10px;
  }

  .ecoute-down-black-icon {
    margin-top: -10px;
  }

  /* expertise */
  .expertise-wrap {
    margin-top: -20px;
  }

  .expertise-down-orange-icon {
    margin: 0px 0 0 50%;
  }

  /* habillage */
  .habillage-wrap {
    margin-top: -20px;
  }
}

@media (max-width: 1024px) {
.icon-responsive, .icon-responsive svg{
	width: 80px !important;
	height: 80px !important;
  }
  
  /* ecoute */
  .ecoute-wrap {
    margin-top: 20px;
  }
  
  .design-page .banner-page .e-con-inner{
	padding-bottom: 100px
  }

  .ecoute-down-black-icon {
    margin-top: -10px;
  }

  /* vous arrivez */
  .vous-down-icon,
  .expertise-down-orange-icon,
  .ecoute-down-black-icon,
  .prototypes-down-black-icon {
    width: 80px !important;
    height: 80px;
  }

  .expertise-down-orange-icon {
    margin-top: -5px;
  }

  /* prototypes */
  .prototypes-wrap {
    margin-top: -15px;
  }

  .vous-down-icon {
    margin-top: 10px;
    margin-left: -150px !important;
  }

  .design-vous-arrivez {
    margin-top: -50px;
  }

  .prototypes-down-black-icon {
    margin-top: -5px;
  }

  /* concret */
  .design-concret .elementor-swiper-button-prev {
    left: 87% !important;
  }

  .design-concret-container {
    padding-top: 40px;
  }

  /* contact */
  .contact-content {
    margin-top: -80px;
  }
}

@media (max-width: 991px) {
   .icon-responsive{
	width: 70px;
	height: 70px;
	}
    
   /* vous arrivez */
  .vous-down-icon {
  margin-left: -20px !important;
 } 
 
   .design-vous-arrivez {
    margin-top: -80px;
  }

 
  /* ecoute */
   .design-page .ecoute-content-left{
    margin-top: 20px;
	}
    
  /* expertise */
  .ecoute-down-black-icon {
    margin: 0 0 0 55px;
  }

  .expertise-wrap {
    margin-top: -20px;
  }

  .expertise-down-orange-icon {
    align-self: center;
    margin-top: -10px;
  }

  /* prototypes */
  .prototypes-content {
    margin-top: 30px;
  }

  .prototypes-down-black-icon {
    margin-top: -10px;
  }

  /* habillage */
  .habillage-wrap {
    margin-top: -20px;
  }

	/* contact */
	.contact-wrap .contact-content {
  margin-top: -50px;


}

@media (max-width: 912px) {
  .design-page .prototypes-wrap .e-con-inner {
    padding-top: 0px;
  }

  .design-page .ecoute-wrap {
    margin-top: 5px;
  }
}

@media (max-width: 820px) {
  .elementor-16 .elementor-element .e-con .design-vous-arrivez {
    margin-top: -50px;
  }

  .prototypes-icon img {
    margin-left: -350px;
  }
}

@media (max-width: 768px) {
.content-high-light-orange::after, .content-high-light-bule::after, .content-high-light-green::after, .content-high-light-yellow::after {
  border-radius: 8px;
}

.design-page .banner-page {
	padding:15px 0px 0px;
}

  /* vous arrivez */
.vous-down-icon {
  margin-left: -100px !important;
}

  .design-banner-icon {
    width: 40px;
    height: 40px;
  }

  /* ecoute */
  .design-page .ecoute-content {
    margin-top: 10px;
  }
  
  .design-page .ecoute-content-left{
  	margin-top: 0px;
  }
  
  .design-page .ecoute-wrap{
  	margin-top: -10px;
  }

  .ecoute-down-black-icon {
    margin-top: -15px;
  }

  /* expertise */
  .expertise-down-orange-icon {
    margin-top: -30px;
  }
  
  .design-page .expertise-wrap{
  	margin-top: -10px;
  }

  /* prototypes */
  .prototypes-wrap {
    margin-top: 10px;
  }

  .prototypes-wrap .e-con-inner {
    padding-top: 0px;
  }
  
  .design-page .habillage-wrap{
    margin-top: -10px;
  }

}

@media (max-width: 601px) {
  .design-vous-arrivez {
    margin-top: -60px;
    gap: 5px;
  }
  
  /* vous */
  .design-page .design-vous-arrivez p,
  .design-page .design-vous-arrivez p span {
    font-size: 28px !important;
    line-height: 32px !important;
  }
  
   .design-page .banner-page .e-con-inner{
	padding: 110px 0 70px 0;
  }

  /* expertise */
  .expertise-wrap {
    padding: 15px;
    margin-top: -5px;
  }

  .expertise-wrap .e-con-inner {
    padding: 0px;
  }

  .expertise-down-orange-icon {
    margin-top: -28px;
  }

  /* prototypes */
  .prototypes-wrap {
    margin-top: 10px;
  }
 
    /* concret */
  .design-concret .elementor-swiper-button-next, .design-concret .elementor-swiper-button-prev {
  top: -70px !important;
}
}

@media (max-width: 576px) {
  /* design banner */
  .design-page .design-banner-content {
    margin-top: -30px;
  }
  
   .design-page .banner-page .e-con-inner{
	gap:15px
  }


  .design-page .design-banner-icon {
    margin-top: 5px;
  }

  .design-banner-icon {
    width: 25px;
    height: 25px;
  }

  .design-concret .elementor-swiper-button-prev {
    position: absolute;
    left: 80% !important;
  }

  .expertise-wrap {
    margin-top: -10px;
  }

  .prototypes-content {
    margin-top: 10px;
  }
}


@media (max-width: 424px) {
  /* design banner */
  .design-page .design-banner-content {
    margin-top: -25px;
  }
  
  .design-page .design-vous-arrivez p,
  .design-page .design-vous-arrivez p span,
  .banner-page p,
  .banner-page p span {
    font-size: 24px !important;
  }
  
   .design-page .banner-page .e-con-inner{
    padding-bottom: 60px !important;
	padding-bottom: 45px !important;
    gap:0px !important
  }

    .design-vous-arrivez
    .elementor-widget-container
    .elementor-heading-title {
    font-size: 19px !important;
    line-height: 25px !important;
  }

  .design-vous-arrivez {
    margin-top: -38px !important;
  }
}

@media (max-width: 380px) {
   /* concret */
  .design-concret .elementor-swiper-button-next {
  top: -68px !important;
  right: 0px !important;
}

.design-concret .elementor-swiper-button-prev{
  top: -68px !important;
  left: 80% !important;
}
}