/*!
Theme Name: heros-landing
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: heros-landing
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

heros-landing is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body.no-header-footer header,
body.no-header-footer footer {
  display: none;
}

body.no-header-footer main {
  padding: 0;
}

.wpcf7 form .wpcf7-response-output {
  margin: 1em 0 0em;
  border-radius: 30px;
}

.hero-anons {
  position: relative;
  background: linear-gradient(246.08deg, #ffffff 32.13%, #c0d0ff 104.51%);
  display: flex;
  width: 100%;
  height: 200px;
  padding: 20px;
  border-radius: 35px;
  overflow: hidden;
  z-index: 0;
}

.hero-anons__title {
  font-family: var(--font-family-secondary);
  font-weight: 400;
  font-size: 26px;
  line-height: 110%;
  letter-spacing: -4%;
  color: var(--color-blue);
  margin-top: auto;
}

.hero-anons__img {
  position: absolute;
  right: 0;
  top: 0;
  width: 130px;
  height: 130px;
  object-fit: contain;
  object-position: top right;
  z-index: -1;
}

.hero__cards {
  grid-template-columns: repeat(2, minmax(0, 350px));
  max-width: 100%;
}

.registration__title span {
  color: var(--color-white-40);
}

.registration__arrow {
  margin-left: 80px;
  width: 60px;
  height: 60px;
}

.registration__arrow svg {
  fill: none;
  width: 100%;
  height: 100%;
}

.footer__column_inner {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footer__link_big {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  width: fit-content;
}

.footer__column_last {
  margin-inline: auto;
}

.madein {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -3%;
  line-height: 140%;
}

.footer__bottom {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 200px;
}

.header_hide {
  top: calc(-1 * var(--header-height));
}

.cncilexp__next-page,
.cncilexp__next-page.talkbout__btn-inner {
  background: var(--color-white-30);
}
.talkbout__btn {
  background: var(--color-gray);
  border-radius: 40px;
  height: 100%;
  padding: 10px;
  width: 100%;
}

.talkbout__btn-inner {
  align-items: center;
  background: var(--color-white-alt);
  border-radius: 35px;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.contacts__title {
  color: var(--color-blue);
  margin-bottom: 30px;
}

.contacts__box {
  display: grid;
  grid-template-columns: 1fr 465px;
  gap: 15px;
}

.contacts__map {
  overflow: hidden;
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 600px;
  border-radius: 40px;
}

.contacts__right {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 15px;
}

.contacts__block {
  display: flex;
  flex-direction: column;
  gap: 40px;
  color: var(--color-blue);
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-gray-2);
}

.contacts__block:first-child {
  flex-grow: 1;
}

.contacts__address {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
}

.contacts__metrobox {
  display: grid;
  gap: 20px;
}

.contacts-metro {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 15px;
}

.contacts-metro__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: var(--color-gray-2);
}

.contacts-metro__right {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.contacts-metro__title {
  font-weight: 800;
  font-size: 18px;
  line-height: 125%;
  letter-spacing: -4%;
}
.contacts-metro__desc {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.5%;
}

.geography-pin__button {
  align-items: center;
  appearance: none;
  background: var(--color-white-alt);
  border: 0px;
  border-radius: 100px;
  box-shadow: rgba(33, 89, 255, 0.12) 0px 8px 24px;
  color: var(--color-blue);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 5px;
  height: 50px;
  width: fit-content;
  justify-content: center;
  line-height: 1.2;
  padding-inline: 15px;
  transition:
    background-color 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
  transform: translateY(-50%);
  will-change: background-color, color, box-shadow, transform;
}

.geography-pin__button::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='8.889' r='2.778' fill='%23FDFDFD'/%3E%3Cpath fill='%232159FF' fill-rule='evenodd' d='m9.424 18.551.004.004.002.003a.944.944 0 0 0 1.14 0l.002-.003.004-.004.015-.011q.12-.093.238-.191a19.5 19.5 0 0 0 2.557-2.603c1.377-1.702 2.864-4.177 2.864-6.996a6.25 6.25 0 0 0-12.5 0c0 2.819 1.487 5.294 2.865 6.996.77.946 1.626 1.817 2.557 2.603l.237.191zM10 10.625a1.875 1.875 0 1 0 0-3.751 1.875 1.875 0 0 0 0 3.751' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 20px;
  width: 20px;
}

.form-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-fr2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.input-date {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0.833496C10.2761 0.833496 10.5 1.05735 10.5 1.3335V4.00016C10.5 4.27631 10.2761 4.50016 10 4.50016C9.72386 4.50016 9.5 4.27631 9.5 4.00016V3.16683H7C6.72386 3.16683 6.5 2.94297 6.5 2.66683C6.5 2.39069 6.72386 2.16683 7 2.16683H9.5V1.3335C9.5 1.05735 9.72386 0.833496 10 0.833496ZM1.5 6.66683C1.5 6.39069 1.72386 6.16683 2 6.16683H14C14.2761 6.16683 14.5 6.39069 14.5 6.66683V12.6668C14.5 13.6794 13.6792 14.5002 12.6667 14.5002H3.33333C2.32082 14.5002 1.5 13.6794 1.5 12.6668V6.66683ZM2.5 7.16683V12.6668C2.5 13.1271 2.87309 13.5002 3.33333 13.5002H12.6667C13.1269 13.5002 13.5 13.1271 13.5 12.6668V7.16683H2.5Z' fill='%232159FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.33333 3.1665C2.8731 3.1665 2.5 3.5396 2.5 3.99984V6.6665C2.5 6.94265 2.27614 7.1665 2 7.1665C1.72386 7.1665 1.5 6.94265 1.5 6.6665V3.99984C1.5 2.98731 2.32081 2.1665 3.33333 2.1665H4.66667C4.94281 2.1665 5.16667 2.39036 5.16667 2.6665C5.16667 2.94265 4.94281 3.1665 4.66667 3.1665H3.33333Z' fill='%232159FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.66797 0.833496C4.94411 0.833496 5.16797 1.05735 5.16797 1.3335V4.00016C5.16797 4.27631 4.94411 4.50016 4.66797 4.50016C4.39183 4.50016 4.16797 4.27631 4.16797 4.00016V1.3335C4.16797 1.05735 4.39183 0.833496 4.66797 0.833496Z' fill='%232159FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.832 2.6665C11.832 2.39036 12.0559 2.1665 12.332 2.1665H12.6654C13.6779 2.1665 14.4987 2.98732 14.4987 3.99984V6.6665C14.4987 6.94265 14.2748 7.1665 13.9987 7.1665C13.7226 7.1665 13.4987 6.94265 13.4987 6.6665V3.99984C13.4987 3.53959 13.1256 3.1665 12.6654 3.1665H12.332C12.0559 3.1665 11.832 2.94265 11.832 2.6665Z' fill='%232159FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 95% 50%;
}

.form-agree span {
  margin: 0;
}
.form-agree input {
  display: none;
}
.form-agree .wpcf7-list-item-label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.5%;
  color: var(--color-blue);
}
.form-agree .wpcf7-list-item-label a {
  color: #424449;
  text-decoration: underline;
}

.form-agree .wpcf7-list-item-label::before {
  position: absolute;
  top: 2px;
  left: 6px;
  display: flex;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid var(--color-blue);
}
.form-agree .wpcf7-list-item-label::after {
  position: absolute;
  top: 2px;
  left: 6px;
  display: flex;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.125 0C15.7463 3.66691e-07 16.25 0.503681 16.25 1.125V15.125C16.25 15.7463 15.7463 16.25 15.125 16.25H1.125C0.503679 16.25 3.66689e-07 15.7463 0 15.125V1.125C0 0.503679 0.50368 2.10994e-07 1.125 0H15.125ZM12.7334 4.7666C12.4893 4.52252 12.0937 4.52252 11.8496 4.7666L6.45801 10.1582L4.40039 8.09961C4.15637 7.85559 3.76069 7.85569 3.5166 8.09961C3.27252 8.34369 3.27252 8.73932 3.5166 8.9834L6.0166 11.4834C6.26068 11.7275 6.65631 11.7275 6.90039 11.4834L12.7334 5.65039C12.9775 5.40631 12.9775 5.01068 12.7334 4.7666Z' fill='%232159FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity var(--transition);
}
.form-agree input:checked ~ span::after {
  opacity: 1;
}

.wpcf7-not-valid-tip {
  font-size: 14px;
}

button.form-submit {
  font-size: 20px;
}

.modal-error .modal-thx__icon {
  color: var(--color-gray-2);
}

.swiper-cncilexp .swiper-slide:not(:first-child) .cncilexp-card__post {
  display: none;
}

.swiper-cncilexp .swiper-slide:nth-child(2) .cncilexp-card__post {
  display: flex;
}

.contacts-metro__icon [fill="white"] {
  fill: white;
}

.stage-card__desc ul {
  padding-left: 20px;
  margin-top: 0;
}
.stage-card__desc p {
  margin-bottom: 0;
}

.cncilexp__note {
  grid-column: -1 / 1;
  font-size: 16px;
  order: 1;
}
.stage-card__box {
  align-items: start;
  display: grid;
  grid-template-columns: 480px 1fr;
}
.stage-card__title {
  font-size: 25px;
}

.stage-card__desc h2,
.stage-card__desc h3,
.stage-card__desc h4 {
  margin: 0;
  margin-bottom: 24px;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: -2%;
}

.stage-card__desc ul {
  color: var(--color-blue-70);
}

.stage-card__num:after {
  display: none;
}
.stage-card_attention::before {
  content: "";
}
.stage-card_attention {
  display: grid;
  grid-template-columns: 60px 1fr;
}
.stage-card_attention .stage-card__box {
  background: var(--color-blue);
  display: flex;
}

.stage-card_attention .stage-card__title {
  color: var(--color-white);
  text-align: center;
  display: inline-block;
  max-width: 100%;
  font-size: 36px;
  line-height: 110%;
}
.stage-card_attention .stage-card__title::before {
  display: none;
}

.stages__note {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  color: var(--color-gray-3);
}

@media (max-width: 1600.98px) {
  .hero__cards {
    grid-template-columns: repeat(2, minmax(0, 300px));
  }
  .hero-anons {
    height: 180px;
    border-radius: 25px;
  }
  .hero-anons__title {
    font-size: 24px;
  }
  .hero-anons__img {
    width: 100px;
    height: 100px;
  }
  .footer__bottom {
    gap: 70px;
  }
  .talkbout__btn-inner {
    border-radius: 25px;
  }
  .talkbout__btn {
    border-radius: 30px;
  }
  .contacts__box {
    grid-template-columns: 1fr 400px;
  }
  .stage-card__box {
    grid-template-columns: 400px 1fr;
    gap: 20px;
  }
  .stage-card__title {
    font-size: 22px;
  }
  .stage-card__desc h2,
  .stage-card__desc h3,
  .stage-card__desc h4 {
    margin-bottom: 16px;
    font-size: 30px;
  }
  .stage-card_attention .stage-card__title {
    font-size: 30px;
  }
  .stages__note {
    font-size: 18px;
  }
}

@media (max-width: 1440.98px) {
  .footer__bottom {
    gap: 60px;
  }
  .talkbout__btn {
    padding: 5px;
  }
  .contacts__title {
    margin-bottom: 20px;
  }
  .contacts__box {
    grid-template-columns: 1fr 350px;
  }
  .contacts__map {
    border-radius: 30px;
  }
  .contacts__block {
    gap: 30px;
  }
  .stage-card__box {
    grid-template-columns: 320px 1fr;
    gap: 15px;
  }
  .stage-card__title {
    font-size: 20px;
  }
  .stage-card__desc h2,
  .stage-card__desc h3,
  .stage-card__desc h4 {
    margin-bottom: 12px;
    font-size: 26px;
  }
  .stage-card_attention .stage-card__title {
    font-size: 26px;
  }
  .stages__note {
    font-size: 16px;
  }
}

@media (max-width: 1300px) {
  .hero-anons__title {
    font-size: 17px;
  }
}

@media (max-width: 1200px) {
  .footer__column_last {
    margin: 0;
  }
}

@media (max-width: 1024.98px) {
  .hero__left {
    grid-template-columns: 1fr 250px;
  }
  .hero-anons {
    padding: 13px;
    border-radius: 20px;
    height: 130px;
  }
  .registration__right {
    gap: 20px;
  }
  .registration__arrow {
    margin-left: 50px;
    width: 50px;
    height: 50px;
  }
  .footer__link_big {
    font-size: 16px;
  }
  .footer__bottom {
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .contacts__title {
    margin-bottom: 15px;
  }
  .contacts__map {
    border-radius: 20px;
  }
  .contacts__subtitle {
    font-size: 18px;
  }
  button.form-submit {
    font-size: 16px;
  }
  .cncilexp__note {
    font-size: 14px;
  }
  .stage-card__box {
    grid-template-columns: 220px 1fr;
    gap: 15px;
  }
  .stage-card__title {
    font-size: 18px;
  }
  .stage-card__desc {
    font-size: 16px;
  }
  .stage-card__desc h2,
  .stage-card__desc h3,
  .stage-card__desc h4 {
    margin-bottom: 12px;
    font-size: 26px;
  }
  .stage-card_attention {
    grid-template-columns: 45px 1fr;
  }
  .stage-card_attention .stage-card__title {
    font-size: 26px;
  }
}

@media (max-width: 744.98px) {
  .hero__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero-anons__title {
    font-size: 18px;
  }
  .hero-anons__img {
    width: 80px;
    height: 80px;
  }
  .registration__arrow {
    margin-left: 0;
  }
  .registration__btn {
    width: 100%;
  }
  .footer__column_inner {
    gap: 10px;
  }
  .talkbout__btn-inner {
    border-radius: 15px;
  }
  .talkbout__btn .btn {
    width: 100%;
  }
  .allyouth-card__content,
  .talkbout__btn {
    border-radius: 20px;
  }
  .contacts__box {
    grid-template-columns: 100%;
  }
  .contacts__map {
    height: 240px;
    min-height: auto;
  }
  .contacts__right {
    grid-template-columns: 215px 1fr;
  }
  .contacts__block {
    gap: 25px;
  }
  .contacts__address {
    font-size: 16px;
  }
  .contacts-metro__title {
    font-size: 16px;
  }
  .contacts__subtitle {
    font-size: 16px;
  }
  .stage-card__box {
    grid-template-columns: 100%;
    gap: 10px;
  }
  .stage-card__desc h2,
  .stage-card__desc h3,
  .stage-card__desc h4 {
    font-size: 18px;
  }
  .stage-card_attention .stage-card__title {
    font-size: 18px;
  }
}
@media (max-width: 650.98px) {
  .talkbout__btn-inner {
    padding: 15px;
  }
  .contacts__right {
    grid-template-columns: 100%;
  }
  .form-box {
    gap: 10px;
  }
  .form-fr2 {
    grid-template-columns: 100%;
  }
}
@media (max-width: 510px) {
  .hero-anons__title {
    font-size: 15px;
  }
}
@media (max-width: 440px) {
  .hero-anons__title {
    font-size: 13px;
  }
}
@media (max-width: 375.98px) {
  .hero-anons {
    height: 110px;
    padding: 10px;
  }
  .hero-anons__title {
    font-size: 10px;
  }
  .hero-anons__img {
    width: 60px;
    height: 60px;
  }
  .stages__title {
    font-size: 28px;
  }
  .stages__note {
    font-size: 14px;
  }
}

@media (max-width: 350.98px) {
  .stage-card_attention .stage-card__title,
  .stage-card__desc h2,
  .stage-card__desc h3,
  .stage-card__desc h4 {
    font-size: 16px;
  }
}

.footer-logo .icon-logo {
  color: #100f0d;
}