:root {
  --font-family-roboto: "Roboto", sans-serif;
  --font-weight-regular: 400;
  --font-weight-normal: 500;
  --font-weight-bold: 700;
  --font-size-8: 8px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-42: 42px;
  --font-size-48: 48px;
  --font-size-50: 50px;
  --font-size-54: 54px;
  --line-height-20: 20px;
  --line-height-22: 22px;
  --line-height-24: 24px;
  --line-height-26: 26px;
  --line-height-28: 28px;
  --line-height-30: 30px;
}

.es-font-size--12 {
  font-size: var(--font-size-12);
  line-height: 1.8333;
}
.es-font-size--14 {
  font-size: var(--font-size-14);
  line-height: 1.714;
}
.es-font-size--16 {
  font-size: var(--font-size-16);
  line-height: 1.625;
}
@media (max-width: 650px) {
  .es-font-size--16 {
    font-size: var(--font-size-14);
    line-height: 1.714;
  }
}
.es-font-size--18 {
  font-size: var(--font-size-18);
  line-height: 1.555;
}
@media (max-width: 767px) {
  .es-font-size--18 {
    font-size: var(--font-size-16);
    line-height: 1.625;
  }
}
.es-font-size--20 {
  font-size: var(--font-size-20);
  line-height: 1.5;
}
@media (max-width: 767px) {
  .es-font-size--20 {
    font-size: var(--font-size-18);
    line-height: 1.555;
  }
}
.es-font-size--24 {
  font-size: var(--font-size-24);
  line-height: 1.4166;
}
@media (max-width: 1023px) {
  .es-font-size--24 {
    font-size: var(--font-size-22);
    line-height: 1.35;
  }
}
@media (max-width: 650px) {
  .es-font-size--24 {
    font-size: var(--font-size-20);
  }
}
.es-font-size--28 {
  font-size: var(--font-size-28);
  line-height: 1.3571;
}
.es-font-size--32 {
  font-size: var(--font-size-32);
  line-height: 1.3271;
}
.es-font-size--40 {
  font-size: var(--font-size-40);
  line-height: 1.1971;
}
@media (max-width: 1279px) {
  .es-font-size--40 {
    font-size: var(--font-size-32);
    line-height: 1.3271;
  }
}
@media (max-width: 650px) {
  .es-font-size--40 {
    font-size: var(--font-size-28);
    line-height: 1.1;
  }
}
.es-font-size--50 {
  font-size: var(--font-size-50);
  line-height: 1.1;
}
@media (max-width: 1023px) {
  .es-font-size--50 {
    font-size: var(--font-size-36);
  }
}
@media (max-width: 650px) {
  .es-font-size--50 {
    font-size: var(--font-size-32);
  }
}

.es-line-height--text {
  line-height: 1;
}

h1 {
  font-size: var(--font-size-28);
  line-height: 1.3571;
}

h2 {
  font-size: var(--font-size-24);
  line-height: 1.2;
}

h4 {
  font-size: var(--font-size-20);
  line-height: 1.5;
  color: var(--blue);
}

.es-font-weight--400 {
  font-weight: var(--font-weight-regular);
}
.es-font-weight--700 {
  font-weight: var(--font-weight-bold);
}

.es-text-center {
  text-align: center;
}

.advanced-block {
  display: flex;
  gap: 50px;
}
@media (max-width: 1279px) {
  .advanced-block {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .advanced-block {
    flex-direction: column-reverse;
  }
}
.advanced-block--text-wrapper {
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .advanced-block--text-wrapper {
    max-width: 100%;
  }
}
.advanced-block--text-wrapper .title {
  margin-bottom: 30px;
  color: var(--dark-blue);
}
@media (max-width: 1023px) {
  .advanced-block--text-wrapper .title {
    margin-bottom: 20px;
  }
}
.advanced-block--text-wrapper .field--name-body {
  margin-bottom: 45px;
}
@media (max-width: 1279px) {
  .advanced-block--text-wrapper .field--name-body {
    margin-bottom: 30px;
  }
}
.advanced-block .field--name-field-image {
  flex: 1;
}
.advanced-block .field--name-field-image img {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 480px) {
  .advanced-block .field--name-field-image {
    display: none;
  }
}
/*# sourceMappingURL=advanced_block.css.map */