.l-hero {
  font-size: 1rem;
  --hero-fs-h: 7em;
  --hero-fs-t: 2.9em;
  --hero-fs-btn: 6.2em;
}

.l-hero {
  display: grid;
  grid-template-columns: 5fr 4fr;
  position: relative;
  margin: 5rem 0 10rem;
  align-items: start;
  align-content: start;
}

.l-hero__heading {
  grid-column: 1;
  grid-row: 1;
}

.c-hero__heading {
  font-size: var(--hero-fs-h);
  margin-bottom: 0;
  line-height: 1;
  font-weight: 900;
  margin-block-end: 0.3em;
  padding-right: 2rem;
}

.l-hero__txt {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
}

.c-hero__txt>p {
  font-size: var(--hero-fs-t);
  line-height: 2;
}

.c-hero__txt span {
  display: block;
}

.l-hero__btn-wrap {
  align-self: end;
  grid-column: 1;
  grid-row: 3;
  margin-bottom: var(--mg-bt-btn);
}

.c-hero__btn {
  font-size: var(--hero-fs-btn);
  border-radius: 0.3em;
  text-transform: uppercase;
  z-index: 99;
}

.hero__img {
  position: relative;
  z-index: 4;
  width: 100%;
  border-radius: 2rem;
}

.l-intro__block{
  row-gap: 0;
}
.c-intro__block:nth-child(2) {
  margin-left: 0;
}

.hero__img-wrap {
  grid-area: 1 / 2 / 4;
  position: relative;
  display: flex;
  align-items: end;
  height: max-content;
  align-self: end;
  justify-content: end;
  width: 100%;
  justify-self: end;
}

.hero__img-inner-wrap {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: end;
  width: 100%;
}

.hero__img-inner-wrap::before {
  background: url('../img/p1/e-1.svg');
  position: absolute;
  content: '';
  z-index: 2;
  background-repeat: no-repeat;
  background-size: contain;
  width: 117%;
  aspect-ratio: 652 / 557;
  right: -10%;
  top: -13%;
}


.l-intro__img-wrap {
  width: var(--mg-left);
  position: relative;
  grid-row: 1/ 3;
  display: flex;
  align-items: start;
  justify-content: end;
  height: calc(100% + 4rem);
  align-self: end;
}

.l-intro__img-wrap::before {
  background: url('../img/p1/e-2.svg');
  position: absolute;
  content: '';
  height: 200%;
}

.l-intro__img-wrap::before {
  background: url('../img/p1/e-2.svg');
  background-repeat: no-repeat;
  position: absolute;
  content: '';
  background-position: center;
  background-size: contain;
  display: block;
  aspect-ratio: 1/1;
  right: 21%;
  height: 23rem;
  height: clamp(14.38rem, 55.83vi + -17.03rem, 22.75rem);
}

.l-intro {
  --mg-left: clamp(0px, 16.48vw + -14.73rem, 9rem);
  --mg-left: clamp(4rem, 14.71vi + -12.18rem, 9rem);
  --fs-intro-h: 3.1em;
  --fs-intro-txt: 2.9em;
  display: grid;
  grid-template-columns: var(--mg-left) repeat(3, 1fr);
  position: relative;
  z-index: 3;
  margin-bottom: 10rem;
  grid-template-rows: auto 1fr;
  font-size: 1rem;
}

.l-intro__block {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-rows: subgrid;
  grid-row: 1 / 3;
  row-gap: 1.5em; 
  --intro-bd: 2px dashed var(--main-color-o50)
}

.c-intro__block {
  border-right: var(--intro-bd);
  padding: 5em 1em 5em 0;
  margin-left: 2em;
}

.c-intro__block:last-child {
  border-right: 0;
}

.c-intro__block-heading {
  font-size: var(--fs-intro-h);
}

.c-intro__block-txt {
  font-size: var(--fs-intro-txt);
  font-weight: 300;
}


.intro__block-txt {
  font-size: Max(2.4em, 16px);
}

html[lang="en"] .l-hero, html[lang="es"] .l-hero, html[lang="tr"] .l-hero {--hero-fs-h: 6.1em;} 
html[lang="fr"] .l-hero {--hero-fs-h: 6.9em;} 
html[lang="it"] .l-hero {--hero-fs-h: 5.9em;} 
html[lang="ro"] .l-hero {--hero-fs-h: 5.4em;} 
html[lang="el"] .l-hero, html[lang="ru"] .l-hero {--hero-fs-h: 5.0em;} 
html[lang="bg"] .l-hero {--hero-fs-h: 6.8em;} 
html[lang="uk"] .l-hero {--hero-fs-h: 5.6em;} 

html[lang="fr"] .l-hero,
html[lang="tr"] .l-hero,
html[lang="ru"] .l-hero,
html[lang="uk"] .l-hero {
    --hero-fs-btn: 5.2em;
}

@media (max-width: 1150px) { html[lang="de"]  .l-hero,html[lang="de"]  .l-intro, html[lang="de"] .c-slider { font-size: 0.9rem; } } 
@media (max-width: 1040px) { html[lang="de"]  .l-hero,html[lang="de"]  .l-intro, html[lang="de"] .c-slider { font-size: 0.8rem; } } 
@media (max-width: 930px) { html[lang="de"]  .l-hero,html[lang="de"]  .l-intro, html[lang="de"] .c-slider { font-size: 0.7rem; } }

@media (max-width: 1190px) { html[lang="en"]  .l-hero, html[lang="en"]  .l-intro, html[lang="en"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1070px) { html[lang="en"]  .l-hero, html[lang="en"]  .l-intro, html[lang="en"] .c-slider  { font-size: 0.8rem; } } 
@media (max-width: 960px) { html[lang="en"]  .l-hero, html[lang="en"]  .l-intro, html[lang="en"] .c-slider  { font-size: 0.7rem; } }

@media (max-width: 1290px) { html[lang="es"]  .l-hero, html[lang="es"]  .l-intro, html[lang="es"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1170px) { html[lang="es"]  .l-hero, html[lang="es"]  .l-intro, html[lang="es"] .c-slider  { font-size: 0.8rem; } } 
@media (max-width: 1040px) { html[lang="es"]  .l-hero, html[lang="es"]  .l-intro, html[lang="es"] .c-slider  { font-size: 0.7rem; } } 
@media (max-width: 920px) { html[lang="es"]  .l-hero, html[lang="es"]  .l-intro, html[lang="es"] .c-slider  { font-size: 0.65rem; } }

@media (max-width: 1380px) { html[lang="fr"]  .l-hero, html[lang="fr"]  .l-intro, html[lang="fr"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1250px) { html[lang="fr"]  .l-hero, html[lang="fr"]  .l-intro, html[lang="fr"] .c-slider  { font-size: 0.8rem; } } 
@media (max-width: 1110px) { html[lang="fr"]  .l-hero, html[lang="fr"]  .l-intro, html[lang="fr"] .c-slider  { font-size: 0.7rem; } } 
@media (max-width: 980px) { html[lang="fr"]  .l-hero, html[lang="fr"]  .l-intro, html[lang="fr"] .c-slider  { font-size: 0.65rem; } }

@media (max-width: 1200px) { html[lang="it"]  .l-hero, html[lang="it"]  .l-intro, html[lang="it"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1080px) { html[lang="it"]  .l-hero, html[lang="it"]  .l-intro, html[lang="it"] .c-slider  { font-size: 0.8rem; } } 
@media (max-width: 970px) { html[lang="it"]  .l-hero, html[lang="it"]  .l-intro, html[lang="it"] .c-slider  { font-size: 0.7rem; } }

@media (max-width: 930px) { html[lang="pl"]  .l-hero, html[lang="pl"]  .l-intro, html[lang="pl"] .c-slider  { font-size: 0.9rem; } }

@media (max-width: 1270px) { html[lang="ro"]  .l-hero, html[lang="ro"]  .l-intro, html[lang="ro"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1140px) { html[lang="ro"]  .l-hero, html[lang="ro"]  .l-intro, html[lang="ro"] .c-slider  { font-size: 0.8rem; } } 
@media (max-width: 1020px) { html[lang="ro"]  .l-hero, html[lang="ro"]  .l-intro, html[lang="ro"] .c-slider  { font-size: 0.7rem; } }

@media (max-width: 1420px) { html[lang="tr"]  .l-hero, html[lang="tr"]  .l-intro, html[lang="tr"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1280px) { html[lang="tr"]  .l-hero, html[lang="tr"]  .l-intro, html[lang="tr"] .c-slider  { font-size: 0.8rem; } } 
@media (max-width: 1140px) { html[lang="tr"]  .l-hero, html[lang="tr"]  .l-intro, html[lang="tr"] .c-slider  { font-size: 0.7rem; } } 
@media (max-width: 1000px) { html[lang="tr"]  .l-hero, html[lang="tr"]  .l-intro, html[lang="tr"] .c-slider  { font-size: 0.65rem; } }

@media (max-width: 1360px) { html[lang="el"]  .l-hero, html[lang="el"]  .l-intro, html[lang="el"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1230px) { html[lang="el"]  .l-hero, html[lang="el"]  .l-intro, html[lang="el"] .c-slider  { font-size: 0.8rem; } } 
@media (max-width: 1100px) { html[lang="el"]  .l-hero, html[lang="el"]  .l-intro, html[lang="el"] .c-slider  { font-size: 0.7rem; } } 
@media (max-width: 970px) { html[lang="el"]  .l-hero, html[lang="el"]  .l-intro, html[lang="el"] .c-slider  { font-size: 0.65rem; } }

@media (max-width: 1210px) { html[lang="bg"]  .l-hero, html[lang="bg"]  .l-intro, html[lang="bg"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1090px) { html[lang="bg"]  .l-hero, html[lang="bg"]  .l-intro, html[lang="bg"] .c-slider  { font-size: 0.8rem; } } 
@media (max-width: 980px) { html[lang="bg"]  .l-hero, html[lang="bg"]  .l-intro, html[lang="bg"] .c-slider  { font-size: 0.7rem; } }

@media (max-width: 1250px) { html[lang="ru"]  .l-hero, html[lang="ru"]  .l-intro, html[lang="ru"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1050px) { html[lang="ru"]  .l-hero, html[lang="ru"]  .l-intro, html[lang="ru"] .c-slider  { font-size: 0.8rem; } }

@media (max-width: 1220px) { html[lang="uk"]  .l-hero, html[lang="uk"]  .l-intro, html[lang="uk"] .c-slider  { font-size: 0.9rem; } } 
@media (max-width: 1100px) { html[lang="uk"]  .l-hero, html[lang="uk"]  .l-intro, html[lang="uk"] .c-slider  { font-size: 0.8rem; } } 
@media (max-width: 990px) { html[lang="uk"]  .l-hero, html[lang="uk"]  .l-intro, html[lang="uk"] .c-slider  { font-size: 0.7rem; } }

@media (max-width: 1200px) { html[lang="ar"]  .l-hero, html[lang="ar"]  .l-intro, html[lang="ar"] .c-slider  { font-size: 0.9rem; } }
@media (max-width: 1050px) { html[lang="ar"]  .l-hero, html[lang="ar"]  .l-intro, html[lang="ar"] .c-slider  { font-size: 0.8rem; } }

html[lang="ar"] .hero__img-inner-wrap::before {
  transform: scaleY(-1);
}

html[lang="ar"] .c-hero__heading {
  padding-right: unset;
  padding-left: 2rem;
}

@media (max-width: 899.8px) {
  .l-hero__btn-wrap::before {
    background: url('../img/p1/e-2.svg');
    background-repeat: no-repeat;
    content: '';
    background-position: center;
    background-size: contain;
    display: block;
    aspect-ratio: 1/1;
    position: absolute;
    width: 34%;
    left: -21%;
  }

  .hero__img-inner-wrap::before {
    width: 113%;
    right: -6%;
    top: -15%;
  }


  .l-intro__img-wrap::before {
    content: unset;
    background: none;
  }

  html[lang] .l-hero {
    font-size: 1rem;
    --hero-fs-h: 3.9em;
    --hero-fs-t: 2.3em;
    --hero-fs-btn: 4.9em;
    margin: 9% 0 10%;

  }

  html[lang] .l-intro {
    font-size: 1rem;
    --fs-intro-h: 2.5em;
    --fs-intro-txt: 2.0em;
  }

  .l-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }

  .hero__img-wrap {
    align-self: center;
    max-width: 85%;
    margin-bottom: 9%;
    max-width: clamp(29.6rem, 71.4vi + 6.75rem, 71rem);
  }

  .l-hero__btn-wrap {
    width: 100%;
    display: flex;
    justify-content: center;

    width: 100vw;
    position: relative;
    align-self: unset;
  }

  .l-hero__heading,
  .l-hero__txt {
    text-align: center;
    padding-right: 0;
  }

  .l-intro {
    grid-template-columns: 1fr;
    justify-content: center;
    --intro-bd: 2px dashed var(--main-color-o50);
    --intro-gap: 1.2em;
  }

  .l-intro>.l-intro__block {
    grid-column: 1;
    grid-row: unset;
    grid-template-rows: auto 1fr;
    justify-items: center;
  }

  .c-intro__block {
    border-right: unset;

    padding: var(--intro-gap);
    margin: 0;
  }

  .c-intro__block::before {
    content: '';
    width: 70%;
    border-top: var(--intro-bd);
    height: calc(2 * var(--intro-gap));
  }

  .c-intro__block:nth-child(2)::before {
    border-top: unset;
    height: 0;
  }

  .c-intro__block-txt,
  .c-intro__block-heading {
    text-align: center;
  }
}
@media (max-width: 899.8px){
  html[lang="fr"] .l-hero,
  html[lang="tr"] .l-hero,
  html[lang="ru"] .l-hero,
  html[lang="uk"] .l-hero {
      --hero-fs-btn: 4.2em;
  }
}

/* de */
@media (max-width: 350px) { html[lang="de"] .l-hero { font-size: 0.9rem; } }
/* en */
@media (max-width: 410px) { html[lang="en"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 370px) { html[lang="en"] .l-hero { font-size: 0.8rem; } } 
/* es */
@media (max-width: 450px) { html[lang="es"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 410px) { html[lang="es"] .l-hero { font-size: 0.8rem; } } 
@media (max-width: 360px) { html[lang="es"] .l-hero { font-size: 0.7rem; } }
/* fr */
@media (max-width: 430px) { html[lang="fr"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 380px) { html[lang="fr"] .l-hero { font-size: 0.8rem; } } 
/* it */
@media (max-width: 430px) { html[lang="it"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 390px) { html[lang="it"] .l-hero { font-size: 0.8rem; } } 
@media (max-width: 350px) { html[lang="it"] .l-hero { font-size: 0.7rem; } }
/* pl */
@media (max-width: 530px) { html[lang="pl"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 370px) { html[lang="pl"] .l-hero { font-size: 0.8rem; } } 
/* ro */
@media (max-width: 360px) { html[lang="ro"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 330px) { html[lang="ro"] .l-hero { font-size: 0.8rem; } }
/* tr */
@media (max-width: 490px) { html[lang="tr"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 450px) { html[lang="tr"] .l-hero { font-size: 0.8rem; } } 
@media (max-width: 400px) { html[lang="tr"] .l-hero { font-size: 0.7rem; } } 
/* el */
@media (max-width: 580px) { html[lang="el"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 450px) { html[lang="el"] .l-hero { font-size: 0.8rem; } } 
/* bg */
@media (max-width: 390px) { html[lang="bg"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 350px) { html[lang="bg"] .l-hero { font-size: 0.8rem; } }
/* ru */
@media (max-width: 420px) { html[lang="ru"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 380px) { html[lang="ru"] .l-hero { font-size: 0.8rem; } } 
/* uk */
@media (max-width: 380px) { html[lang="uk"] .l-hero { font-size: 0.9rem; } } 
@media (max-width: 340px) { html[lang="uk"] .l-hero { font-size: 0.8rem; } }
/* ar */
@media (max-width: 450px) { html[lang="ar"] .l-hero { font-size: 0.9rem; } }