*{
  margin: 0;
  padding: 0;
}

@font-face{
  font-family: 'Suisse Book';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SuisseIntl-Book-WebM.woff2') format('woff2');
}

body {
  margin: 0;
  padding: 0;
  background: white;
  margin-left: 4.028vw;
  margin-right: 4.028vw;
  margin-top: 2.014vw;
  font-family: 'Suisse Book';
  background-color: black;
  overscroll-behavior: none;

}

p{
  font-size: 1.111vw;
  line-height: 1.528vw;
  color: white;
  font-family: 'Suisse Book';
}

canvas {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #4c30ff;
  z-index: -2;
  position: fixed;
  top:0;
  left: 0;
  overscroll-behavior: none;
}

.noise-gradient {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  opacity: 0.7;
  z-index: -1;
  position: fixed;
  /*overscroll-behavior: none;*/
}

.noise{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  z-index: -1;
  position: fixed;
}

.noise-gradient::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: overlay;
  background: url("../img/noise2.jpg");
  background-repeat: repeat;
  background-size: 10%;
  opacity: 0.7;
}

.container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(24, 1fr);
  gap: 0px 0px;
  width: 100%;
  height: 100vh;
  z-index: 9;
}
.container .sl1{
  height: calc(100vh - 2.014vw);
}
/**********/
/* PRELOAD*/
/**********/

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace.pace-inactive .pace-progress {
	display: none;
}

.pace .pace-progress {
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
  font-family: 'Suisse Book' !important;
  font-weight: normal !important;
  color: white !important;
  display: flex;
  align-items: center;
  justify-content: center;

	-webkit-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
  display: none;
}

.pace .pace-progress:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;

	content: attr(data-progress-text);
	font-size: 200px;
	text-align: center;
  font-family: 'Suisse Book';
  font-weight: normal;
  color: white;
  width: 100vw;
  height: 100vh;
  background: red;

  /*display: none;*/
}
/**********/

/* START TICKER */
.ticker-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: black;

  box-sizing: border-box;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 80;
  transition: opacity 0.3s ease;

  height: auto;

  display: flex;
  align-items: center;
  justify-content: center;
}

.ticker-text {
  display: inline-block;
  font-size: 12px;
  font-size: 0.833vw;
  color: white;
  padding: 10px 0px;

}
.ticker-container span{
  margin-left: 10px;
  margin-right: 10px;
}
/* END TICKER */




nav{
  grid-area: 1 / 1 / 3 / 13;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.logo{
  width: 8.681vw;
  height: 2.361vw;
  background: url('../img/logo.svg');
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}
.navlink{
  display: flex;
  align-items: center;
  flex-direction: row;
  list-style: none;
}

.navlink li a{
  font-size: 1vw;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  margin-right:2.500vw;
}
.navlink li a:hover{
  color: rgba(255,255,255, 0.5);
}

.cta{
  box-sizing: border-box;
  padding: 0.857vw 2.286vw;
  border-style: none;
  text-decoration: none;
  font-size: 1vw;
  border: 1px solid white;
  border-radius: 2.286vw;
  color: white;
  background-color: rgba(255,255,255,0);
  font-family: 'Suisse Book';
  cursor: pointer;
}
.cta:hover{
  background-color: white;
  color: black;
  mix-blend-mode: screen;
}
#ctaNav{
  margin: 0;
}
#ctaNav:hover{
  color: black;
}
header{
  display: grid;
  grid-area: 3 / 1 / 21 / 13;
  align-content: center;
}
h1{
  font-size: 9.444vw;
  line-height: 9.236vw;
  color: white;
  float: left;
  font-weight: normal;
}
.h1mob{
  display: none;
}

.h1desk{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}

.headerCont{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.title{
  position: absolute;
  width: 100%;
}

.subheader{
  grid-area: 21 / 1 / 25 / 13;
  border-top: 1px solid white;
  display: flex;
  justify-content: space-between;
}

.subheader-p{
  margin-top: 1.736vw;
  width: 40%;
  visibility: hidden;
}
.scrollDown{
  display: flex;
  align-items: center;
  margin-top: 1.736vw;
  color: white;
  height: 2.083vw;
  justify-content: flex-end;
  text-decoration: none;
}
.scrollDown p{
  visibility: hidden;
  width: auto;
  margin: 0
}
.scrollDownIcon{
  width: 2.083vw;
  height: 2.083vw;
  margin-left: 0.694vw;
  position: relative;


  display: flex;
  align-items: center;
  justify-content: center;
}
.cta2{
  width: 2.083vw;
  height: 2.083vw;
  position: absolute;
  top: 0;
  z-index: 90;
  transform: rotate(90deg);
}
.arrowDown{
  background: url('../img/arrowDown.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.042vw;
  height: 0.986vw;
  /*
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  */
}

.plusIcon{
  background: url('../img/plusIcon.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

svg.cta2 circle {
  fill: rgba(0,0,0,0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129;
  stroke-width: 3px;
}
svg.cta2 circle.complete {
  stroke-dasharray: 219.91148575129;
}


.sl2{
  align-items: center;
  grid-area: 9 / 3 / 16 / 11;
  grid-area: 9 / 3 / 16 / 12;
  
  flex-wrap: wrap;
}
.sl2 h2{
  height: 60vh;
}
.sl2Container{
  margin-bottom: 60vh;
}
h2{
  font-size:  3.750vw;
  line-height: 4.583vw;
  color: white;
  font-weight: normal;
}


.sl4{
  grid-area: 9 / 3 / 16 / 12;
}
.sl4 h2{
  height: 60vh;
}
.sl4Container{
  margin-bottom: 60vh;
}

.sl4 h2,
.sl2 h2{
  width: 95%;
}


.serviceh3 h3{
  margin-bottom: 1.389vw;
  margin-top: 1.389vw;
}
h3{
  font-size: 2.083vw;
  line-height: 2.500vw;
  color: white;
  font-weight: normal;
}
.sl3{
  overscroll-behavior: none;
  width: calc(100vw - 8.056vw);
  height: 100vh;
  overflow: hidden;
}
.serviceCont{
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: auto;
}
.service{
  font-weight: 300;
  height: 86%;
  padding-right: 4.028vw;
  width: calc(100vw - 8.056vw);
}
.serviceTitle {
  grid-area: 1 / 1 / 5 / 13;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
.serviceTitle-s1{
  width: 0%;
}
#serviceTitle{

}
.serviceBio {
  grid-area: 5 / 1 / 20 / 7;
  box-sizing: border-box;
  padding-top: 2.083vw;
  padding-bottom: 2.083vw;
}
.serviceBio-p{
  margin-bottom: 3.472vw;
  width: 80%;
}
.openProcess{
  color: white;
  display: flex;
  align-items: center;
  border: 0;
  border-style: none;
  background: none;
  font-size: 1.111vw;
  line-height: 1.528vw;
}
.openProcess:hover{
  cursor: pointer;
  color: rgba(255,255,255, 0.5);
}
.openProcessIcon{
  width: 2.083vw;
  height: 2.083vw;
  margin-right: 0.694vw;
  border: 1px solid white;
  border-radius: 50%;
  /*
  background: url('../img/plusIcon.svg');
  background-position: center;
  background-repeat: no-repeat;ù
  */
  position: relative;
}

.plusIcon{
  height: 1px;
  background: white;
  width: 1.111vw;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0.486vw;
}
.plusIcon2{
  height: 1.111vw;
  background: white;
  width: 1px;
  transform: translateX(-50%);
  position: absolute;
  top: 0.486vw;
  left: 50%;
}

.service-container{
  width: calc(100vw - 8.056vw)
}
.serviceMetrics{
  grid-area: 5 / 7 / 20 / 13;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
}
.serviceMetricsColumn{
  height: 100%;
  width: 50%;
  border-left: 1px solid white;
  display: flex;
  flex-wrap: wrap;
}
.serviceInfo{
  box-sizing: border-box;
  padding: 1.181vw;
  width: 100%;
  border-top: 1px solid white;
}
.serviceInfo-01{
  border-top: 0;
}
.serviceInfo-02{
  /*height: 20%*/
}
.serviceInfo-03{
  border-top: 0;
}
.serviceMetricsRow{
  grid-area: 20 / 1 / 25 / 13;
  width: 100%;
  height: 2px;
  border-top: 1px solid white;
}
.metricsTitle{
  font-size: 0.833vw;
  line-height: 0.833vw;
  color: white;
  margin-bottom: 0.694vw;
  font-weight: normal;
  text-transform: uppercase;
}
.serviceInfo-04-s5,.serviceInfo-04-s6{
  border-top: 0;
}



/*sl5*/
.container-team{
  margin-bottom: 12.500vw;
}
.teamSection{
  grid-area: 4 / 1 / 20 / 9;
  border-top: 1px solid white;
  box-sizing: border-box;
  padding-top: 1.736vw;
  padding-right: 1.736vw;
  border-right: 1px solid white;
}
.teamSection h2{
  width: 90%;
  margin-bottom: 2.778vw;
  font-weight: normal;
}
.teamFigure{
  display: flex;
  flex-wrap: wrap;
  width: 70%;
}
.teamFigureLabel{
  border: 1px solid white;
  padding: 0.694vw 0.903vw;
  margin-bottom: 1.042vw;
  margin-right: 1.042vw;
  text-align: center;
}

.filiereSection{
  grid-area: 4 / 9 / 12 / 13;
  border-top: 1px solid white;
  box-sizing: border-box;
  padding: 1.736vw;
  padding-right: 0;
}
p i{
  text-decoration: underline;
  font-style: normal;
}
.brandsSection{
  grid-area: 12 / 9 / 20 / 13;
  border-top: 1px solid white;
  box-sizing: border-box;
  padding: 1.736vw;
  padding-right: 0;
}
.certificationSection{
  grid-area: 20 / 1 / 22 / 13;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.certificationSection p{
  text-transform: uppercase;
}

.sl6 {
  overscroll-behavior: none;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.timelineTitle h3{
  margin-top: 1.389vw;
  margin-bottom: 3.472vw;
}

.timelinePanelCont{
  display: flex;
  flex-direction: row;
  height: 100%;
  width: calc(35vw * 5);
  display: flex;
  flex-wrap: nowrap;
}
.timelinePanel{
  border-left: 1px solid white;
  box-sizing: border-box;
  padding-left: 1.875vw;
  padding-right: 1.875vw;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 35vw;
  height: 85vh;
}

.timelinePanel2{

}
.timelinePanel h2{
  margin-bottom: 2.083vw;
}
.timelineInfo p{
  width: 90%;
}
.timelineIcon{
  height: 225px;
  width: 57px;
  /*
  height: 338px;
  width: 81px;
  */
}
.timelineIcon1{
  background: url('../img/bubble1.png');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
.timelineIcon2{
  background: url('../img/bubble2.png');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.timelineIcon3{
  background: url('../img/bubble3.png');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.timelineIcon4{
  background: url('../img/bubble4.png');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.timelineIcon5{
  background: url('../img/bubble5.png');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.timelineIcon6{
  background: url('../img/bubble6.png');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.sl7{
}
.sl7-b1{
  grid-area:  3 / 1 / 19 / 6;
  box-sizing: border-box;
  padding-top: 4.861vw;
  padding-top: 1.86vw;
}
.sl7-b1{
  /*margin-bottom: 2.361vw;*/
  border-top: 1px solid white;
}
.sl7-b1 h2{
  margin-bottom: 2.361vw;
  line-height: 3.889vw;
}
.sl7-b1 div{
  display: flex;
  flex-direction: row;
}
.sl7-b1 div p{
  width: 30%;
  margin-right: 4.653vw;
  color: white;
  text-decoration: none;
  color: white !important;
}


.sl7-b1-s2{
  display: flex;
  gap: 20px;

  border-top: 1px solid white; 
  margin-top: 3.361vw; 
  box-sizing: border-box; 
  padding-top: 1.86vw;
  padding-right: 1.86vw;
}

.sl7-b1-s2 p{
  width: 100%;
}


.sl7-b2{
  border-top: 1px solid white;
  grid-area: 19 / 1 / 23 / 6;
  grid-area: 20 / 1 / 23 / 6;
  border-bottom: 1px solid white;
  display: flex;
  align-items: center;
  color: white;
}
.hiringIcon{
  width: 2.083vw;
  height: 2.083vw;
  border-radius: 50%;
  border: 1px solid white;
  margin-left: 0.694vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrowIcon{
  background: red;
  width: 0.833vw;
  height: 0.833vw;
  background: url('../img/arrowRight.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.sl7-b3{
  border-top: 1px solid white;
  border-left: 1px solid white;
  grid-area: 3 / 6 / 23 / 13;
  border-bottom: 1px solid white;
  box-sizing: border-box;

  /*
  padding-top: 4.861vw;
  padding-left: 7.639vw;
  padding-top: 1.86vw;+
  */
  
  display: flex;
  align-items: center;
  justify-content: flex-end;
  
}
.grecaptcha-badge{
  visibility: hidden;
}
form{
}
form div{
  width: 100%;
  display: flex;
}
input:focus, textarea:focus, select:focus{
  outline: none;
}
.formData{
  width: 50%;
  height: 3.125vw;
  background: none;
  padding: 0.764vw 1.042vw 0.764vw 1.042vw;
  font-size: 1.111vw;
  line-height: 1.528vw;
  color: white;
  font-family: 'Suisse Book';
  border-style: none;
  border-radius: 0;
  border-top: 1px solid white;
  border-left: 1px solid white;
  box-sizing: border-box;
}
.formDataHiring{
  color:black;
  border-top: 1px solid black;
  border-left: 1px solid black;
  box-sizing: border-box;
}
.formData::placeholder{
  color: white;
}
.formDataHiring::placeholder{
  color:black;
}
.formDataMessage{
  border: 1px solid white;
  background: none;
  width: 100%;
  height: 13.889vw;
  padding: 1.042vw;
}
.formDataMailHiring{
  width: 100%;
  border-right: 1px solid black;
}
.textareaHiring{
  color:black;
  border: 1px solid black;
}
.textareaHiring::placeholder{
    color:black;
}
.formDataLastname, .formDataAzienda{
  border-right: 1px solid white;
}
.formDataLastnameHiring{
  border-right: 1px solid black;
}
.formDataFile{
  border: 1px solid black;
  border-top: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.notice, .checkboxContainer{
  font-size: 0.833vw;
  line-height: 0.972vw;
  color: white;
  margin-top: 1.667vw;
}
.notice a{
    color: white;
}
.checkboxContainer{
  margin-top: 1.736vw;
  margin-bottom: 1.736vw;
  display: block;
  position: relative;
  padding-left: 2.431vw;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70%;
}
.checkbox a{
  color: white;
  text-decoration: underline;
}
.checkbox a:hover{
  color: #919191;
  text-decoration: underline;
}

.checkboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 1.389vw;
  width: 1.389vw;
  background-color: none;
  border: 1px solid white;
}
.checkboxContainer input:checked ~ .checkmark {
  background-color: white;
  border: 1px solid white;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkboxContainer input:checked ~ .checkmark:after {
  display: block;
}
.checkboxContainer .checkmark:after {
  left: 0.347vw;
  top: 0.069vw;
  width: 0.486vw;
  height: 0.833vw;
  border: solid black;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkboxContainerHiring, .checkboxContainerHiring a{
  color: black;
}
.checkboxContainerHiring input:checked ~ .checkmark {
  background-color: black;
  border: 1px solid black;
}
.checkmarkHiring{
  border: 1px solid black;
}
.checkboxContainerHiring .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
}
.ctaHiring{
  border: 1px solid black;
  color: black;
  mix-blend-mode: normal;
}
.noticeHiring, .noticeHiring a{
  color: black;
}
.ctaHiring:hover{
  color: white;
  background-color: black;
  mix-blend-mode: normal;
}

footer{
  grid-area: 23 / 1 / 25 / 13;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 35%;
}
footer div:nth-child(2){
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 58%;
}
footer a{
  font-size: 1.111vw;
  line-height: 1.528vw;
  color: white;
  text-decoration: none;
}
footer a:hover{
  color: rgba(255,255,255, 0.5);
}

.popUpSection{
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.33);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  display: none;
}
.popUpSectionHiring{
}
.popUpCont{
  border-radius: 25px;
  box-sizing: border-box;
  padding: 33px;
  padding-bottom: 25px;
  background: white;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.popUpInfo{
  overflow:  auto;
  width: 49.514vw;
  height: auto;
  max-height: 37.153vw;
}
.popUpTitle{
  text-align: center;
  color: black;
  font-weight: normal;
  padding-bottom: 0.694vw;
}
.popUpInfo ul{
  list-style: none;
  width: 100%;
  height: auto;
}
.popUpInfo ul li{
  border-bottom: 1px solid black;
  padding-top: 1.042vw;
  padding-bottom: 1.042vw;
  display: flex;
  flex-direction: row;
}

.popUpInfo ul li p{
  color: black;
}
.popUpInfo ul li span{
  margin-right: 1.389vw;
}
.closePopUp{
  display: flex;
  align-items: center;
  color: black;
  margin-top: 1.736vw;
  border: 0;
  border-style: none;
  background: none;
  font-size: 1.111vw;
  line-height: 1.528vw;
}
.closePopUp:hover{
  cursor: pointer;
}
.closePopUpIcon{
  height: 2.083vw;
  width: 2.083vw;
  background: black;
  border-radius: 50%;
  margin-right: 0.694vw;
  /*
  background: url('../img/closeIcon.svg');
  background-position: center;
  background-repeat: no-repeat;
  */
  position: relative;
  transform: rotate(45deg);
}


.containerMessage{
  width: 100%;
  height: calc(100vh - 2.014vw);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.containerMessage h1{
  font-size: 6.944vw;
}
.containerMessage a{
  color: white;
  margin-top: 2.083vw;
}

.cookieSlide{
  width: 100%;
  height: auto;
  background-color: white;
  box-sizing: border-box;
  padding: 0.694vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  position: fixed;
  color: black;
  mix-blend-mode: screen;
  display: none;
}
.cookieBtn{
  width: 1.389vw;
  height: 1.389vw;
  border-style: none;
  border: 0;
  background: red;
  background: url('../img/cookieCloseIcon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
/*  mix-blend-mode: screen;*/
}
.cookieBtn:hover{
  cursor: pointer;
}
.cookiePanelNotActive{
  display: flex;
}



@media screen and (max-width:768px){

  body {
    margin: 0;
    padding: 0;
    margin-left: 4.831vw;
    margin-right: 4.831vw;
    font-family: 'Suisse Book';
  }

  .sl1{
    height: 100vh;
    box-sizing: border-box;
    padding-top: 4.831vw;
    padding-bottom: 4.831vw;
  }

  p{
    font-size: 3.865vw;
    line-height: 5.314vw;
  }
  .logo{
    width: 30.193vw;
    height: 8.213vw;
  }
  .navlink li a{
    display: none;
  }
  .cta{
    font-size: 3.382vw;
    padding: 1.932vw 4.831vw;
    border-radius:7.246vw;
  }
  #ctaNav{
    display: flex;
    font-size: 3.382vw;
    padding: 1.932vw 4.831vw;
    border-radius:7.246vw;
  }

  .ticker-text{
    font-size: 12px;
  }

  header{
    grid-area: 3 / 1 / 16 / 13;
    align-content: flex-end;
    margin-bottom: 7.005vw;
  }
  h1{
    font-size: 18.116vw;
    line-height: 18.116vw;

    font-size: 10.386vw;
    line-height: 12.077vw;
  }
  .h1desk{
    display: none;
  }
  .h1mob{
    display: block;
    font-size: 18.841vw;
    line-height: 18.116vw;
  }
  .subheader{
    grid-area: 16 / 1 / 25 / 13;
    flex-direction: column;
    justify-content: flex-start;
  }
  .subheader-p{
    margin-top: 7.005vw;
    width: 100%;
  }
  .scrollDown{
    margin-bottom:5.556vw;
    justify-content: flex-start;
    margin-top: 10.74vw;

  }
  .scrolldown p{
    margin: 0;
    width: auto;
    margin-top: 0;
  }

  .scrollDownIcon{
    width: 7.246vw;
    height: 7.246vw;
    margin-left: 2.415vw;
    position: relative;
  }
  .cta2{
    width: 7.246vw;
    height: 7.246vw;
    position: absolute;
    top: 0;
    z-index: 90;
  }
  .arrowDown{
    background: url('../img/arrowDown.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.899vw;
    height: 2.899vw;
  }
  .sl2{
    height: 50vh;
    grid-area: 9 / 1 / 16 / 13;
  }
  .sl2 h2{
    height: 50vh;
  }
  .sl2Container{
    margin-bottom: 30vh;
  }
  h2{
    font-size: 7.246vw;
    line-height: 8.213vw;
  }
  h3{
    font-size: 5.797vw;
    line-height: 8.696vw;
  }
  .serviceh3 h3{
    margin-bottom: 4.831vw;
  }
  .serviceCont{
    width: auto;
  }
  .service{
    padding-right: 4.831vw;
    width: calc(100vw - 9.324vw);
  }
  .service-container{
    display: flex;
    grid-template-columns: none;
    grid-template-rows: none;
    gap: 0px 0px;
    width: calc(100vw - 9.324vw);
    height: auto;
    flex-direction: column;
  }

  .serviceh3{
    margin-bottom: 2.899vw;
  }
  .serviceTitle{
    flex-direction: column;
    align-items: flex-start;
    justify-content: none;
    box-sizing: border-box;
    padding-top: 2.899vw;
    padding-bottom: 2.899vw;
    grid-area: none;
    width: 100%;
    height: auto;
  }
  .serviceTitle h2{
    margin-bottom: 2.899vw;
  }


  .serviceMetricsColumn:nth-child(1) {
  }
  .serviceBio{
    padding: 2.899vw 0px 2.899vw 0px;
    display: flex;
    flex-direction: column;
    grid-area: none;
    width: 100%;
    height: auto;
  }
  .serviceBio p{
    width: 100%;
    margin-bottom: 2.899vw;
    border-bottom: 0;
  }
  .openProcess{
    font-size: 3.865vw;
    line-height: 5.314vw;
  }
  .openProcessIcon{
    width: 7.246vw;
    height: 7.246vw;
    margin-right: 2.415vw;

    width:30px;
    height: 30px;
  }
  .plusIcon{
    width: 4.106vw/*17px*/;
    left: 1.208vw/*5px*/;

    width: 18px;
    left: 6px;
  }
  .plusIcon2{
    height: 3.865vw/*16px*/;
    top: 1.208vw/*5px*/;

    height: 18px;
    top:6px;
  }
  .serviceMetrics{
    border: 0;
    grid-area: none;
    display: flex;
    flex-direction: row;
  }

  .serviceMetricsColumn{
    border-left: 0;
    width: 100%;
  }
  .metricsTitle{
    font-size: 2.899vw;
    line-height: 3.382vw;
    margin-bottom: 2.415vw;
  }
  .serviceInfo{
    display: flex;
    flex-direction: column;
    padding: 2.899vw;
  }
  .serviceInfo-01{
    max-height: 27.295vw;
    overflow: scroll;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid white;
  }
  .serviceInfo-02{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .serviceInfo-03{
    width: 50%;
    border-top: 1px solid white;
    border-right: 1px solid white;
    padding-left: 0;
  }
  .serviceInfo-04{
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid white;
  }
  .serviceInfo-05{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid white;
  }

  .serviceInfo-03-s4{
    max-height: 42.029vw;
  }
  .serviceInfo-04-s1, .serviceInfo-04-s2, .serviceInfo-04-s3, .serviceInfo-04-s4{
    padding-left: 2.899vw;
  }

  .serviceInfo-04-s5, .serviceInfo-04-s6{
    width: 100%;
  }
  .serviceInfo-03-s4, .serviceInfo-04-s4{
    max-height: 33.816vw;
    overflow: scroll;
  }
  .serviceMetricsRow{
    display: none;
  }

  .container-team{
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    margin-bottom: 33.816vw;
  }
  .teamSection{
    grid-area: none;
    width: 100%;
    padding: 0;
    padding-top: 4.831vw;
    padding-bottom: 4.831vw;
    border-right: 0;
  }
  .sl4{
    height: 50vh;
    grid-area: 9 / 1 / 16 / 13;
  }
  .sl4 h2{
    height: 50vh;
  }
  .sl4Container{
    margin-bottom: 30vh;
  }
  .teamSection h2{
    width: 100%;
    margin-bottom: 6.039vw;
  }
  .teamFigure{
    width: 100%;
    flex-direction: column;
  }
  .teamFigureLabel{
    margin-right: 0;
    margin-bottom: 3.623vw;
    padding: 2.415vw 3.140vw;
  }
  .filiereSection{
    grid-area: none;
    display: flex;
    width: 100%;
    padding: 0;
    padding-top: 4.831vw;
    padding-bottom: 4.831vw;
    height: auto;
  }
  .brandsSection{
    grid-area: none;
    display: flex;
    width: 100%;
    padding: 0;
    padding-top: 4.831vw;
    padding-bottom: 4.831vw;
    height: auto;
  }
  .certificationSection{
    grid-area: none;
    display: flex;
    padding: 0;
    padding-top: 4.831vw;
    padding-bottom: 4.831vw;
    width: 100%;
  }
  .certificationSection p{
    width: 80%;
  }

  .timelineTitle h3{
    margin-top: 2.899vw;
    margin-bottom: 2.899vw;
  }

  .timelinePanelCont{
    width: calc(60vw * 5);
  }
  .timelinePanel{
    padding-left: 4.831vw;
    padding-right: 4.831vw;
    width: 60vw;
    height: 85vh;
  }

  .sl7 .container{
    display: flex;
    flex-direction: column;
  }
  .sl7-b1{
    grid-area: none;
    width: 100%;
    padding-top: 6.522vw;
    order: 1;
  }
  .sl7-b1 div{
    flex-direction: column;
    margin-bottom: 4.831vw;
  }
  .sl7-b1 div p{
    width: 100%;
    margin-right: 0;
    color: white;
    text-decoration: none;
  }
  .sl7-b1 div p:nth-child(1){
    margin-bottom: 4.348vw;
  }
  .sl7-b1 h2{
    margin-bottom: 4.831vw;
    line-height: 5.314vw;
  }
  .sl7-b2{
    grid-area: none;
    width: 100%;
    box-sizing: border-box;
    padding-top: 3.623vw;
    padding-bottom: 3.623vw;
    margin-bottom: 7.246vw;
    order: 3;
  }
  .sl7-b3{
    grid-area: none;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    border: 0;
    order: 2;
  }
  .formData{
    font-size: 3.865vw;
    line-height: 5.314vw;
    padding: 3.623vw 3.623vw;
    width: auto;
    height: auto;
    padding-right: 1px solid white;
  }
  .formDataName,.formDataMail{
    border-right: 1px solid white;
  }
  form div{
    flex-direction: column;
    width: 100%;
  }
  .checkboxContainer .checkmark:after {
    top: 0.966vw;
    left: 1.449vw;
    width: 0.966vw;
    height: 1.691vw;
  }
  .formDataMessage{
    height: 48.309vw;
  }
  .checkboxContainer{
    width: 80%;
    padding-left: 9.662vw;
    font-size: 3.865vw;
    line-height: 5.314vw;
    margin-top: 5.556vw;
    margin-bottom: 5.556vw;
  }
  .notice{
    margin-top: 10.870vw;
    margin-bottom: 7.246vw;
    font-size: 3.865vw;
    line-height: 5.314vw;
    display: block;
  }
  .checkmark{
    width: 4.831vw;
    height: 4.831vw;
  }
  footer{
    order: 4;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 1.691vw;
  }
  footer div p, footer div a{
    font-size: 3.865vw;
    line-height: 5.314vw;
    width: 100%;
    margin-bottom: 10px;
  }
  footer div:nth-child(1){
    width: 100%;
    flex-direction: column;
  }
  footer div:nth-child(2){
    width: 100%;
    flex-direction: column;
  }
  .cta-form{
    width: 100%;
  }
  .popUpCont{
    width: 90%;
    box-sizing: border-box;
    padding: 3.623vw;
    border-radius: 6.039vw;
  }
  .popUpInfo{
    width: 100%;
    overflow: auto;
    max-height: 125.604vw;
  }
  .popUpTitle{
    margin-bottom: 2.415vw;
  }
  .popUpInfo ul li{
    padding-top: 3.623vw;
    padding-bottom: 3.623vw;
  }
  .popUpInfo ul li span{
    margin-right: 4.831vw;
  }
  .closePopUpIcon{
    height: 7.246vw;
    width: 7.246vw;
    margin-right: 2.415vw;
  }
  .formDataHiring{
    width: auto;
  }
  .formDataNameHiring,.formDataMailHiring{
    border-right: 1px solid black;
  }
  .formDataFile{
    width: 100%;
  }
  .closePopUp{
    font-size: 3.865vw;
    line-height: 5.314vw;
    margin-top: 6.039vw;
  }
  .hiringIcon{
    width: 7.246vw;
    height: 7.246vw;
    margin-left: 2.415vw;
  }
  .arrowIcon{
    width: 2.899vw;
    height: 2.899vw;
  }

  .containerMessage{
    height: 100vh;
  }
  .containerMessage h1{
    font-size: 8.454vw;
    margin-top: 4.831vw;
  }
  .containerMessage a{
    margin-top: 7.246vw;
  }
  .cookieSlide{
    padding: 2.415vw;
    align-items: flex-start;
  }
  .cookieBtn{
    width: 7.246vw;
    height: 4.831vw;
    margin-left: 9.662vw;
  }
}




@media (min-width: 768px) and (max-width: 1400px) {
  .subheader-p{
    width: 60%;
  }
  .scrollDown p{
    width: auto;
  }
}