* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-feature-settings: "liga" off;
}
.elenco-macchine {
  list-style: none;
}
.main-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-family: "Raleway", sans-serif;
  max-width: 1460px;
  transform: translate(-50%, 0);
  left: 50%;
}
.the_pitch {
  padding-left: 4rem;
  padding-bottom: 12rem;
}
.thats_what_we_do {
  font-size: 4rem;
  font-weight: 800;
  width: 61.8%;
  padding-top: 16rem;
}
.mission {
  padding-top: 6rem;
  font-size: 1.5rem;
  width: 70%;
  width: 61.8%;
}
.mission2 {
  padding-top: 6rem;
  font-size: 1.5rem;
  margin-left: 12rem;
  width: 61.8%;
}
.stronger {
  font-weight: 700;
}
.black_container {
  background: black;
  width: 100%;
  margin: auto;
  color: white;
  flex-direction: column;
  display: flex;
  padding-bottom: 8rem;
  margin-top: 6rem;
}
.title_roots {
  font-size: 3rem;
  font-weight: 800;
  padding-top: 8rem;
  padding-left: 12rem;
}
.three_texts {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text_roots {
  padding-top: 1rem;
  margin-left: 12rem;
  width: 61.8%;
}
.roots1 {
  padding-top: 2rem;
}
.example_text {
  font-size: 1.5rem;
  width: 61.8%;
  position: relative;
  left: 50%;
  transform: translate(-50%,0);
  padding-bottom: 3rem;
  text-align: center;
}
.video-container-first,
.video-container-second {
  position: relative;
  padding-top: 6rem;
  padding-left: 8rem;
  padding-bottom: 8rem;
  width: calc(100% - 8rem);
}
.video {
  width: 100%;
}
.a_v_first,
.a_v_second {
  opacity: 0;
}
.a_v_third {
  opacity: 0;
}


.video_opacity_in {
  animation-name: opacity-in;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes opacity-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacity-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.proj_container {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 10% 55% 25% 10%;
  grid-template-rows: 1fr;
  overflow: hidden;
}
.proj_1, .proj_2 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 100%;

  max-height: 964px;
}
.proj_1{
  height: 26.4vw;
}
.proj_2{
  height: 30vw;
}

.video_p1, .video_r1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  position: relative;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
}
.content_text{
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  position: relative;
}
.content_text2{
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  position: relative;
  z-index: 10;
  display: none;
}


.video_p1r, .video_r1r {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  position: relative;
  opacity: 0;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index: 0.999;
  overflow: hidden;
  width: 100%;
  
}
.icon_container_,
.icon_container {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  grid-column-start:4;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  z-index: 525;
}

.icon_container_r_,
.icon_container_r {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}


.icon_scroll_,
.icon_scroll {
  width: 100%;
  height: 100%;
  z-index: 550;
  cursor: pointer;
  opacity:0;
}

.icon_reload_,
.icon_reload {
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer;
  display: none;
}
.icon_annoying {
  animation-name: scroll_up_down;
  animation-duration: 2.5s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
.icon_not_so_annoying {
  opacity: 0.2;
  animation-name: pulsing;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes scroll_up_down {
  0% {
    opacity: 0.2;
  }
  70% {
    opacity: 0.8;
    transform: translateY(0.5rem);
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes pulsing {
  0% {
    opacity: 0.2;
  }
  70% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.2;
  }
}
.video_p1_slow_container{
  position: relative;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  overflow: hidden;
  opacity: 0;
}

.video_p2_slow_container {
  position: relative;
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  overflow: hidden;
  opacity: 0;
}

.video_p1_slow,
.video_p2_slow {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  z-index: 150;
  width: 100%;
  transition: width 1200ms ease-in-out;
}
.video_p1_slow_loop {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  z-index: 151;
  opacity: 0;
  width: 100%;
  transition: width 1200ms ease-in-out;
}

.proj_out{
  animation-name: key-proj_out;
  animation-duration: 0.8s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes key-proj_out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.video_proj_in{
  animation-name: key-video_proj_in;
  animation-duration: 0.8s;
  animation-delay: 0.8s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes key-video_proj_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




.text_1_,
.text_2_,
.text_3_,
.text_4_{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  z-index: 200;
  width: 75%;
  font-weight: 400;
  line-height: 1.5rem;
  
}

.text_5_ {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  font-size: 1rem;
  z-index: 512;
  width: 100%;
  font-weight: 400;
  line-height: 1.5rem;
  display: none;
}



.text_1 {
  position: absolute;
  top: 10%;
  left: 47%;
  letter-spacing: 1px;
  padding-right: 4rem;
}

.text_3 {
  position: absolute;
  top: 5%;
  left: 35%;
  letter-spacing: 1px;
  padding-right: 4rem;
}
.text_4 {

  position: absolute;
  top: 8%;
  left: 2%;
  letter-spacing: 1px;
  padding-right: 4rem;
  transform: translateY(-50%);
  font-size: 1.3rem;

}

.text_6 {
  position: absolute;
  top: 10%;
  left: 50%;
  letter-spacing: 1px;
  width: 45%;
}
.text_6_1 {
  position: absolute;
  top: 80%;
  left: 54%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  z-index: 200;
  width: 75%;
  font-weight: 400;
  line-height: 1.5rem;
}

.number-style {
  font-feature-settings: "lnum" on, "pnum" on;
}
.optimization_class {
  font-size: 1.58rem;
  font-weight: 700;
}





.p_normal_padding {
  padding: 0.5rem;
  opacity: 0;
}
.p_5_1_ {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  height: 26.4vw;
  max-height: 964px;
  z-index: 513;
  text-align: center;
  opacity: 0;
}

.p_1_ {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p_2_ {
  padding-top: 1rem;
  padding-bottom: 1rem;
}


.text_in1_1 {
  animation-name: text-in;
  animation-duration: 0.8s;
  animation-delay: 1s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.text_in1_2 {
  animation-name: text-in;
  animation-duration: 0.8s;
  animation-delay: 1.8s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.text_in1_3 {
  animation-name: text-in;
  animation-duration: 0.8s;
  animation-delay: 2.6s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.text_in1_4 {
  animation-name: text-in;
  animation-duration: 0.8s;
  animation-delay: 3.4s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.text_in1_5 {
  animation-name: text-in;
  animation-duration: 0.8s;
  animation-delay: 4.2s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.text_out1_1 {
  animation-name: text-out1;
  animation-duration: 0.6s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}


.text_out1_2 {
  animation-name: text-out2;
  animation-duration: 1.2s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.text_out1_3 {
  animation-name: text-out3;
  animation-duration: 1.8s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.text_out1_4 {
  animation-name: text-out4;
  animation-duration: 2.4s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
.text_out1_5 {
  animation-name: text-out5;
  animation-duration: 3s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes text-in {
  0% {
    transform: translateY(1.5rem);
    opacity: 0;
    color: #000000;
  }
  70% {
    color: #cacaca;
  }
  100% {
    opacity: 1;
    color: #cacaca;
  }
}
@keyframes text-out1 {
  0% {
    opacity: 1;
    color: #cacaca;
    transform: translateY(0rem);
  }
  30% {
    color: #cacaca;
  }
  100% {
    transform: translateY(-1.5rem);
    opacity: 0;
    color: #000000;
  }
}
@keyframes text-out2 {
  0% {
    opacity: 1;
    color: #cacaca;
  }
  50% {
    opacity: 1;
    transform: translateY(0rem);
  }
  65% {
    color: #cacaca;
  }
  100% {
    transform: translateY(-1.5rem);
    opacity: 0;
    color: #000000;
  }
}
@keyframes text-out3 {
  0% {
    opacity: 1;
    color: #cacaca;
  }
  66% {
    opacity: 1;
    color: #cacaca;
    transform: translateY(0rem);
  }
  76% {
    color: #cacaca;
  }
  100% {
    transform: translateY(-1.5rem);
    opacity: 0;
    color: #000000;
  }
}
@keyframes text-out4 {
  0% {
    opacity: 1;
    color: #cacaca;
  }
  75% {
    opacity: 1;
    color: #cacaca;
    transform: translateY(0rem);
  }
  82.5% {
    color: #cacaca;
  }
  100% {
    transform: translateY(-1.5rem);
    opacity: 0;
    color: #000000;
  }
}
@keyframes text-out5 {
  0% {
    opacity: 1;
    color: #cacaca;
  }
  80% {
    opacity: 1;
    color: #cacaca;
    transform: translateY(0rem);
  }
  86% {
    color: #cacaca;
  }
  100% {
    transform: translateY(-1.5rem);
    opacity: 0;
    color: #000000;
  }
}

.bottom_two {
  padding-top: 9.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  height: 102.808vw;
  max-height: 1501px;
}
.problem_solving {
  margin: auto;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%;
  padding-top: 8rem;
}
.video-container-third {
  position: relative;
  width: 100%;
  z-index: 0;
  padding-left: 6rem;
}
.text_problem {
  padding-top: 2rem;
  padding-left: 8rem;
  padding-right: 4rem;
}
.title_problem {
  font-size: 3rem;
  font-weight: 800;
  padding-left: 8rem;
}
.p2_1 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.p2_2 {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: 2rem;
}
.more-container {
  background-image: url("/img/icons_by_mp_c.jpg");
    background-size: 100%;
    background-position-x: center;
    background-repeat: repeat-y;
    padding-top: 6rem;
    padding-bottom: 6.5rem;
    margin-top: 1rem;
}
.icons_by_martina_pisano {
  position: absolute;
  opacity: 0.1;
  z-index: -10;
  transform: translate(0, -4rem);
  width: 100%;
}
.icons_by_martina_pisano_i {
  position: absolute;
  opacity: 0.1;
  transform: translate(-50%, 0);
  left: 50%;
  width: 100%;
  max-width: 1460px;
}
.title_focus {
  font-size: 3rem;
  padding-top: 4rem;
  padding-bottom: 1rem;
  font-weight: 800;
  width: 80%;
}
.text_focus {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 3rem;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.75) 13.74%
  );
}
.focused {
  margin: auto;
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: 100%;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.focused_writing {
  padding-left: 6rem;
  width: 100%;
  z-index: 100;
}
.footer {
  position: relative;
  background: black;
  color: white;
  overflow: hidden;
  padding-top: 1rem;
  display: flex;
  justify-content: center;
}
.footer_text_container {
  font-family: "Raleway", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  padding-top: 8rem;
  padding-left: 6rem;
  z-index: 1;
  padding-bottom: 8rem;
  padding-left: 6rem;
  background-image: url(/img/icons_by_mp_i_c.png);
  background-size: 100%;
  max-width: 1460px;
  letter-spacing: 1px;
  line-height: 1.25;
  background-position-x: center;
  background-repeat: repeat-y;
}
.footer_links {
  text-decoration: underline;
  color: white;
}
.footer_text{
  padding-right: 12rem;
  padding-top: 12rem;
}



.curious_to_see_out {
  animation-name: key-curious_to_see_out;
  animation-duration: 0.8s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
 

}

@keyframes key-curious_to_see_out {
  0% {
    color: white;
  }
  100% {
    transform: translate(-50%, -1.5rem);
    color: #7f7f7f;
  }
} 

.video_in {
  animation-name: video-in;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes video-in {
  0% {
    opacity: 0;
    color: #000000;
  }

  100% {
    opacity: 1;
    color: #cacaca;
  }
}

.video_out {
  animation-name: video-out;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes video-out {
  0% {
    opacity: 1;
    color: #cacaca;
  }

  100% {
    opacity: 0;
    color: #000000;
  }
}

.video_wt-300,
.video_container_embedded_left,
.container_video_wt-300{
  height:100%;
}

.left_title {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(0,-50%);
  text-align: left;
  width: 40%;
}


.chronometer {
  position: absolute;
  font-weight: 800;
  font-size: 1.6rem;
  color: #ffffff;
  z-index: 625;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  display: none;
}

.chro_Dsec_container {
  display: flex;
  flex-direction: column;
  height: 1.6rem;
  width: 1.4rem;
}
.chro_sec {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0;
}
.chro_sec_container {
  display: flex;
  flex-direction: column;
  height: 1.6rem;
  width: 1.4rem;
}
.chro_point {
  padding-right: 0.4rem;
}
.chro_dsec_container {
  display: flex;
  flex-direction: column;
  height: 1.6rem;
  width: 1.4rem;
}
.chro_s {
  padding-left: 0.2rem;
}
.chro_dsec {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0;
}
.chro_Dsec {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0;
}
.chro_in {
  animation-name: chro-in;
  animation-duration: 0.1s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
.chro_out {
  animation-name: chro-out;
  animation-duration: 0.1s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-direction: normal;
  animation-fill-mode: forwards;
}


.to_smash {
  display: inline-block;
  overflow: hidden;
  height: 1.6rem;
  vertical-align: top;
  width: 2.3rem;
  margin: 0;
  padding: 0;
  position: relative;
  transform: translateY(-0.5rem);
}
.el {
  font-size: 1.6rem;
}
.old_b {
  color: #ca4a4a;
  position: absolute;
}
.new_b {
  position: absolute;
  transform: translateY(-150%);
  color: #1cc752;
}
.smashing_one {
  animation-name: show-thing;
  -moz-animation-name: show-thing;
  -webkit-animation-name: show-thing;
  animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-delay: 4s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.85, 0, 1, 1);
}

.smashed {
  animation-name: get_smashed;
  animation-duration: 0.8s;
  animation-delay: 4s;
  animation-timing-function: cubic-bezier(0.85, 0, 1, 1);
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes show-thing {
  0% {
    transform: translateY(-150%);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes get_smashed {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: translateY(150%);
    opacity: 0;
  }
}

.p2_text_container {
  position: absolute;
  top: 0;
  z-index: 200;
  font-size: 1.6rem;
  font-weight: 400;
}

@keyframes chro-in {
  0% {
    opacity: 0;
    transform: translate(0%, 70%);
  }

  100% {
    opacity: 1;
    transform: translate(0%, -50%);
  }
}
@keyframes chro-out {
  0% {
    opacity: 1;
    transform: translate(0%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(0%, -170%);
  }
}



@media screen and (max-width: 1480px) and (min-width: 797px) {
  .proj_container {
    grid-template-columns: 10% 40% 40% 10%;
  }
  .proj_1,
  .p_5_1_ {
    height: 31.2vw;
  }
  .proj_1,
  .proj_2 {
    overflow: hidden;
  }
  .text_1_,
  .text_2_,
  .text_3_,
  .text_4_ {
    width: 90%;}

    .video_p1_slow_container,
    .video_p2_slow_container {
      grid-column-start: 1;
    }
    .proj_container {
      overflow: unset;
    }
    .the_pitch {
      padding-left: 12rem;
    }
}


@media screen and (max-width: 1200px) and (min-width: 797px) {
  .the_pitch {
    padding-left: 8rem;
  }
  .title_roots {
    padding-left: 8rem;
    padding-right: 7.5rem;
  }
  .text_roots,
  .mission2  {
    margin-left: 8rem;
  }
  .video-container-third {
    padding-left: 3rem;
    background-image: url(/img/icons_by_mp_i_c.png);
  background-size: 100%;
  background-position-x: center;
  background-repeat: repeat-y;
  padding-left: 0;
  }
  .title_problem,
  .text_problem  {
    padding-left: 3rem;
  }
  .left_title {
    width: 60%;
    padding-left: 4rem;

  }
  .p_1_ {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .proj_2 {
    height: 38.2vw;
  }

}



@media screen and (max-width: 796px) {
  .the_pitch {
    padding-right: 3.8rem;
    padding-bottom: 0;
  }
  .thats_what_we_do {
    font-size: 2.5rem;
    padding-top: 6rem;
    width: 100%;
  }
  .mission {
    width: 100%;
    padding-top: 4rem;
  }
  .mission2 {
    padding-left: 4rem;
    padding-right: 3.8rem;
    padding-top: 2rem;
    margin-left: 0;
    width: 100%
  }
  .title_roots {
    padding-left: 4rem;
    padding-right: 3.8rem;
    padding-top: 6rem;
    font-size: 2.5rem;
  }
  .text_roots {
    padding-left: 4rem;
    padding-right: 3.8rem;
    margin-left: 0;
    width: 100%;
  }
  .video-container-first,
  .video-container-second {
    padding-left: 0;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
  .proj_container {
    grid-template-rows: 50vw 5.5rem 65vw;
    grid-template-columns: 10% 80% 10%;
    overflow: visible;
  }
  .content_text,
  .content_text2 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    
  }
  .proj_1, .proj_2 {
    grid-template-columns: unset;
    grid-template-rows: unset;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4;
    height: 50vw;
    overflow: hidden;
  }
  .icon_container_,
  .icon_container_r_,
  .icon_container,
  .icon_container_r {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .icon_container_r_ {
    top: 90%;
  }





  .text_1_,
  .text_2_,
  .text_3_,
  .text_4_ {
    line-height: 1.2rem;
    width: 100%;
    top: 0;
    transform: translate(-50%, 0);
  }
  .text_5_ {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4;
    display: grid;
  }
  .text_1,
  .text_2,
  .text_3,
  .text_4 {
    line-height: 1.2rem;
    width: 100%;
    top: 0;
    left: 0;
    padding-right: 0;
    transform: unset;
  }
  .text_6 {
    line-height: 1.0rem;
    width: 100%;
    top: 100px;
    left: 0;
    padding-right: 0;
    transform: unset;
  }
  .text_6_1 {
    line-height: 1.0rem;
    width: 100%;
    top: 200px;
    left: 0;
    padding-right: 0;
    transform: unset;
  }
  .video_p1_slow_container {
    height: 50vw;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .p_5_1_ {
    height: 100%;
  }
  .p_4 {
    line-height: 1.2;
  }
  .video_container_embedded_left {
    display: grid;
    grid-template-rows: 50vw 6.5rem 78vw;
    grid-template-columns: 1fr;
  }
  .container_video_wt-300{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    
  }
  .video_wt-300 {
    grid-row-start: 1;
    grid-row-end: 2;
    height: unset;
    width: 100%;
  }
  .left_title {
    grid-row-start: 3;
    grid-row-end: 4;
    top: 0;
    left: 0;
    transform: unset;
    width: 100%;
    position: relative;
    padding-left: calc(10% + 1rem);
    padding-right: calc(10% + 1rem);
    text-align: center;
    margin-top: 1.5rem;
  }
 

  .problem_solving {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    padding-top: 6rem;
  }
  .video-container-third {
    padding-top: 2rem;
    padding-left: 0;
  }
  .video-container-forth {
    padding-top: 1rem;
  }
  .problem_writing {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .title_problem {
    padding-left: 0;
    font-size: 2.5rem;
  }
  .text_problem {
    padding-left: 0;
    padding-right: 0;
  }
  .more-container {
    padding-top: 0;
  }
  .title_focus {
    font-size: 2.5rem;
  }
  .focused {
    display: flex;
    flex-direction: column;
  }
  .focused_writing {
    padding-left: 3rem;
    padding-right: 3rem;
    width: 100%;
  }
  .text_focus {
    padding-right: 0;
  }
  .footer {
    max-height: unset;
    height: unset;
    top: 0;
  }
  .footer_text_container {
    padding-top: 0;
    padding-left: 0;
  }
  .footer_text {
    font-size: 1.5rem;
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .to_smash {
    transform: translateY(-0.2rem);
  }
}



@media screen and (max-width: 390px) {
  .the_pitch,
  .title_roots,
  .text_roots,
  .problem_writing,
  .focused_writing,
  .mission2 {
    padding-left: 3rem;
    padding-right: 2.75rem;
  }
  .text_problem,
  .text_focus {
    padding-right: 0;
  }

  .title_focus {
    width: unset;
  }
}