@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600&display=swap');

/* базовая защита */
.cmh, .cmh * { box-sizing: border-box; }

/* общий фон masthead (как в эталоне) */
.cmh{
  width: 100%;
  background: #EAF6FF;
}
.mdk-container {
    width: 100%;
    max-width:1320px;
    margin:0 auto;
}

.abs-txt-team {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* ===== TOPBAR (капсула) ===== */
.cmh-topbar {
    background: transparent;
}

.cmh-topbar__inner {
    margin: 0 auto;
    padding: 20px;
    background: #8E6CF6;
    border-radius: 0 0 30px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cmh-topbar--pink .cmh-topbar__inner {
    background: #DBA3FF;
}
.cmh-topbar__left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cmh-tohbar__icnwrp {
    position: relative;
}
.cmh-tohbar__shdw {
    position: absolute;
    width: 88px;
    height: 88px;
    left: 10px;
    top: -18px;
}
.cmh-topbar__icon {
    width: 81px;
    height: auto;
    justify-self: start;
    position: relative;
    z-index: 2;
}

.cmh-topbar__text {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    text-align: center;
    justify-self: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cmh-topbar__btn {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
    background-color: #FFFFFF;
    font-family: "Manrope", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    fill: #000000;
    color: #000000;
    border-radius: 10px;
    padding: 16px 24px;
}
.cmh-topbar__btn:hover{ opacity: .92; }
.cmh-topbar__btn-ico{ display:inline-flex; }

/* ===== MAIN ROW ===== */
.cmh-main {
    background: transparent;
    padding: 0 0 18px;
}

.cmh-main__inner{
  margin: 0 auto;
  padding: 30px 0;           /* высота/воздух строки */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.cmh-main__logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cmh-logo{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.cmh-logo__img {
    height: 53px;
    width: auto;
    display: block;
}

.cmh-main__right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cmh-support {
    color: rgba(33, 28, 31, 0.4);
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.cmh-support__tel {
    color: #211C1F;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}
.cmh-support__tel:hover{ color:#8E6CF6; }

.cmh-actions{
  display:flex;
  align-items:center;
  gap:20px;
}

/* ===== BUTTONS ===== */
.cmh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 55px;
    padding: 15px 24px;
    border-radius: 12px;
    border: 1px solid #211C1F;
    background: transparent;
    color: #211C1F;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 16px;
}
.cmh-btn--menu:hover {
    color: #8E6CF6;
    background: transparent;
}

/* ===== DROPDOWN ===== */
.cmh-menu{ position: relative; }

.cmh-dropdown{
  display:none;
  position:absolute;
  right:0;
  top: 100%;
  width: 360px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
  padding: 10px;
  z-index: 9999;
}

.cmh-dropdown__list{
  list-style:none;
  margin:0;
  padding:0;
}
.cmh-dropdown__list > li{ margin:0; padding:0; }

.cmh-dropdown a {
    display: block;
    padding: 8px 10px;
    border-radius: 10px;
    text-decoration: none;
    color: #211C1F;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
}
.cmh-dropdown a:hover{
  background: rgba(142,108,246,.10);
}

/* ========= PROMO COURSES BLOCK (ACF shortcode) ========= */

.edu-offer,
.edu-offer * { box-sizing: border-box; }

.edu-offer{
  background:#5F52D8;
  color:#fff;
  border-radius:24px;
  padding: 43px; 
  overflow: hidden;
  margin: 0 0 19px;
}

.edu-offer__head{ margin:0 0 18px; }

.edu-offer__title {
    margin: 0;
    font-weight: 600;
    font-size: 52px;
    color: #fff;
    margin-bottom: 53px;
}

.edu-offer__subtitle {
    margin: 0 0 19px;
    font-weight: 600;
    font-size: 32px;
}

.edu-offer__cards{
  display:flex;
  align-items:stretch;
  gap:18px;
  margin-top:20px;
}

/* ===== ORANGE CARD ===== */
.edu-offer-card {
    padding: 0;
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
        overflow: hidden;
}

.edu-offer-card__cap {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    position: absolute;
    z-index: 1;
    transition: 0.3s;
    top: 23px;
    left: 30px;
}

.edu-offer-card__list {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border-radius: 20px;
    max-height: 152px;
}
.edu-offer-card--single .edu-offer-card__list,
.edu-offer-card--single .edu-offer-card__item {
    height: 100%;
}
.edu-offer-card__item {
    position: relative;
    min-width: 0;
    transition: 0.3s;
}
/* по умолчанию (до hover) — выглядит как "единый блок" */
.edu-offer-card__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FF924C;
    color: #fff;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.12;
    padding: 0 32px;
    transition: 0.3s;
}

.edu-offer-card__text {
    min-width: 0;
    overflow: hidden;
    max-width: 235px;
}

.edu-offer-card__ico {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    position: absolute;
    right: 0;
    transition:0.3s;
}
.edu-offer-card__img {
    display: block;
    width: 100%;
    height: auto;
}
.edu-offer-card--split:first-child .edu-offer-card__item:first-child .edu-offer-card__ico {
    right: 76px;
    top: 3px;
    width: 51px;
    height: 51px;
    transform: rotate(-10deg);
}
.edu-offer-card--split:first-child .edu-offer-card__item:nth-child(2) .edu-offer-card__ico {
    width: 126px;
}
/* тонкий разделитель между двумя ссылками в "слитом" состоянии */
.edu-offer-card--split .edu-offer-card__item:first-child .edu-offer-card__link {
    border-radius: 20px 20px 0 0;
    padding-left: 30px;
    padding-right: 0;
    padding-top: 58px;
}
.edu-offer-card--split .edu-offer-card__item:nth-child(2) .edu-offer-card__link {
    border-radius: 0 0 20px 20px;
    padding-left: 30px;
    padding-right: 0;
    padding-bottom: 23px;
}
.edu-offer-card--split:nth-child(2) .edu-offer-card__item:first-child .edu-offer-card__ico {
    width: 105px;
    right: 75px;
    z-index: 1;
}
.edu-offer-card--split:nth-child(2) .edu-offer-card__item:nth-child(2) .edu-offer-card__ico {
    width: 105px;
    top: -88px;
    right: 20px;
    z-index: 2;
}
.edu-offer-card--single .edu-offer-card__ico {
    width: 89px;
    right: 24px;
    bottom: 0;
}
.edu-offer-card--single .edu-offer-card__link:hover {
    color: #fff;
}
.edu-offer-card.edu-offer-card--single:hover .edu-offer-card__cap,
.edu-offer-card--split:hover .edu-offer-card__cap {
    opacity: 0;
    left: -999px;
}
.edu-offer-card.edu-offer-card--single:hover .edu-offer-card__link {
    padding: 23px 30px 23px;
}
.edu-offer-card--single .edu-offer-card__link:hover .edu-offer-card__ico {
    transform: rotate(-18deg);
    bottom: -24px;
    right: 10px;
}
.edu-offer-card--split:nth-child(1):hover .edu-offer-card__item:nth-child(2) .edu-offer-card__ico {
    width: 72px;
    height: 72px;
    top: 0px !important;
    right: 3px !important;
}
.edu-offer-card--split:nth-child(1):hover .edu-offer-card__item:nth-child(1) .edu-offer-card__ico {
    right: 11px !important;
    top: 12px !important;
    width: 54px !important;
}
.edu-offer-card--split:nth-child(2):hover .edu-offer-card__ico {
    right: -24px !important;
    top: -52px !important;
}
.edu-offer-card--split:nth-child(2):hover .edu-offer-card__item {
    overflow: hidden;
}
/* ===== SPLIT HOVER ANIMATION (только если 2 ссылки) ===== */
@media (hover:hover) and (pointer:fine){
    .edu-offer-card--split:hover .edu-offer-card__item:first-child .edu-offer-card__link, .edu-offer-card--split:focus-within .edu-offer-card__item:first-child .edu-offer-card__link, .edu-offer-card--split:hover .edu-offer-card__item:nth-child(2) .edu-offer-card__link, .edu-offer-card--split:focus-within .edu-offer-card__item:nth-child(2) .edu-offer-card__link {
        border-radius: 20px;
        padding: 13px 0 13px 30px;
        font-size: 40px;
        color:#fff;
    }

  .edu-offer-card--split:hover .edu-offer-card__item:nth-child(2),
  .edu-offer-card--split:focus-within .edu-offer-card__item:nth-child(2){
    margin-top:10px; /* "разъезжаются" */
  }

  .edu-offer-card--split:hover .edu-offer-card__item:nth-child(2) .edu-offer-card__link,
  .edu-offer-card--split:focus-within .edu-offer-card__item:nth-child(2) .edu-offer-card__link{
    transform:translateY(2px);
  }
}

/* если ссылка одна — не даём "эффекта разбивки" вообще */
.edu-offer-card--single .edu-offer-card__link {
    padding: 58px 30px 23px;
    box-shadow: none;
    height: 100%;
}

/* desktop hover */
@media (hover:hover) {
  .cmh-menu:hover .cmh-dropdown{ display:block; }
}

/* mobile click state */
.cmh-menu.is-open .cmh-dropdown{ display:block; }


.exam-cards,
.exam-cards * { box-sizing: border-box; }

.exam-cards{
  margin: 28px 0;
}

.exam-cards__inner {
    max-width: 1320px;
    margin: 0 auto;
}

.exam-cards__title {
    margin: 0 0 20px;
    font-size: 40px;
    line-height: 1.15;
    font-weight: 800;
    color: #211C1F;
}

/* 3 в ряд */
.exam-cards__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    justify-content: space-between;
}

/* card */
.exam-cards__card {
    position: relative;
    border-radius: 20px;
    padding: 21px 32px 21px;
    overflow: hidden;
    flex: 0 0 calc(33.333% - 13.5px);
    min-width: 0;
    min-height: 140px;
}

.exam-cards__card:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/wp-content/uploads/2026/01/vector-485.png) no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 0;
}
.exam-cards__card:nth-child(3n+1):before {
    background: url(/wp-content/uploads/2026/01/vector-484.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.exam-cards__card:nth-child(3n):before{
    background: url(/wp-content/uploads/2026/01/vector-486.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.exam-cards__content{
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.exam-cards__card-title{
  margin: 0;
  font-size: 32px;
  line-height: 1.15;
  font-weight: 800;
  color: #211C1F;
}

.exam-cards__card-text {
    margin: 10px 0 25px;
    font-size: 18px;
    line-height: 1.25;
    color: rgba(33, 28, 31, .75);
    padding-right: 25px;
    max-width: 320px;
    font-weight: 600;
}

/* icon bottom-left like макет */
.exam-cards__icon {
    margin-top: auto;
    padding-top: 10px;
    width: 83px;
    height: 83px;
    display: flex;
    align-items: flex-end;
}

.exam-cards__icon img{
  display: block;
  width: 83px;
  height: 83px;
  object-fit: contain;
}

/* big number */
.exam-cards__num{
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 1;
  font-family: "Nunito";
  font-size: 180px;
  line-height: 1;
  font-weight: 900;
  color: rgba(255,255,255,.65);
  letter-spacing: -0.02em;
  user-select: none;
  pointer-events: none;
}

/* ===== pulse 1..12 (icon + num in sync) ===== */
.exam-cards__icon,
.exam-cards__num{
  animation-duration: 7.2s;            /* 12 * 0.6s */
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  will-change: transform, opacity;
}

/* ICON pulse */
.exam-cards__icon{
  animation-name: examIconPulse;
  transform-origin: 50% 70%;
}

/* NUM pulse */
.exam-cards__num{
  animation-name: examNumPulse;
  transform-origin: 100% 100%;
}

/* delays 1..12 */
.exam-cards__card:nth-child(1)  .exam-cards__icon,
.exam-cards__card:nth-child(1)  .exam-cards__num{ animation-delay: 0s; }

.exam-cards__card:nth-child(2)  .exam-cards__icon,
.exam-cards__card:nth-child(2)  .exam-cards__num{ animation-delay: .6s; }

.exam-cards__card:nth-child(3)  .exam-cards__icon,
.exam-cards__card:nth-child(3)  .exam-cards__num{ animation-delay: 1.2s; }

.exam-cards__card:nth-child(4)  .exam-cards__icon,
.exam-cards__card:nth-child(4)  .exam-cards__num{ animation-delay: 1.8s; }

.exam-cards__card:nth-child(5)  .exam-cards__icon,
.exam-cards__card:nth-child(5)  .exam-cards__num{ animation-delay: 2.4s; }

.exam-cards__card:nth-child(6)  .exam-cards__icon,
.exam-cards__card:nth-child(6)  .exam-cards__num{ animation-delay: 3.0s; }

.exam-cards__card:nth-child(7)  .exam-cards__icon,
.exam-cards__card:nth-child(7)  .exam-cards__num{ animation-delay: 3.6s; }

.exam-cards__card:nth-child(8)  .exam-cards__icon,
.exam-cards__card:nth-child(8)  .exam-cards__num{ animation-delay: 4.2s; }

.exam-cards__card:nth-child(9)  .exam-cards__icon,
.exam-cards__card:nth-child(9)  .exam-cards__num{ animation-delay: 4.8s; }

.exam-cards__card:nth-child(10) .exam-cards__icon,
.exam-cards__card:nth-child(10) .exam-cards__num{ animation-delay: 5.4s; }

.exam-cards__card:nth-child(11) .exam-cards__icon,
.exam-cards__card:nth-child(11) .exam-cards__num{ animation-delay: 6.0s; }

.exam-cards__card:nth-child(12) .exam-cards__icon,
.exam-cards__card:nth-child(12) .exam-cards__num{ animation-delay: 6.6s; }

/* keyframes */
@keyframes examIconPulse{
  0%, 18% { transform: scale(1); opacity: 1; }
  28%     { transform: scale(1.10); opacity: 1; }
  38%     { transform: scale(1); opacity: 1; }
  100%    { transform: scale(1); opacity: 1; }
}

@keyframes examNumPulse{
  0%, 18% { transform: scale(1); opacity: .65; }
  28%     { transform: scale(1.06); opacity: .95; }
  38%     { transform: scale(1); opacity: .65; }
  100%    { transform: scale(1); opacity: .65; }
}

/* ===== hover scale (card hover -> icon + num grow) ===== */
.exam-cards__icon,
.exam-cards__num{
  transition: transform .18s ease, opacity .18s ease;
}

@media (hover:hover) and (pointer:fine){
  .exam-cards__card:hover .exam-cards__icon{
    transform: scale(1.12);
  }
  .exam-cards__card:hover .exam-cards__num{
    transform: scale(1.08);
    opacity: 1;
  }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .exam-cards__icon,
  .exam-cards__num{ animation:none; }
}

.course-format{
  width:100%;
}

.course-format__inner{
  max-width:1320px;
  margin:0 auto;
  text-align:center;
}

.course-format__title{
  margin:0;
  font-size: 40px;
  font-weight:800;
  color:#211C1F;
}

.course-format__subtitle{
  margin:8px 0 16px;
  font-size:32px;
  font-weight:600;
  color:#5F52D8;
}

.course-format__grid{
  position:relative;
  display:flex;
  gap:20px;
  justify-content:center;
  align-items:stretch;
  padding-bottom:34px; /* место под налезание общей кнопки */
}

.course-format__card {
    flex: 1 1 0;
    min-width: 0;
    border-radius: 20px;
    padding: 33px 33px 70px;
    position: relative;
}

.course-format__card--violet{ background:#99B1FF; }
.course-format__card--orange{ background:#FFCC8D; }

.course-format__card-head {
    width: 100%;
    border-radius: 17px;
    margin: 0 auto 25px;
}

.course-format__card--violet .course-format__card-head{ background:#5F52D9; }
.course-format__card--orange .course-format__card-head{ background:#FFB153; }

.course-format__card-head-inner {
    color: #fff;
    font-weight: 400;
    font-size: 32px;
    text-align: center;
    padding: 20px 12px;
    line-height: 1;
}

.course-format__list{
  display:flex;
  flex-direction:column;
  gap:13px;
  text-align:left;
}

.course-format__item{
  display:flex;
  align-items:center;
  gap:15px;
}

.course-format__star{
  flex:0 0 auto;
  width:28px;
  height:27px;
  margin-top:2px;
}

.course-format__text {
    color: #fff;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 300;
}

/* CTA button gradient */
.course-format__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 21px 46px;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    white-space: nowrap;
    background: linear-gradient(90deg, #74FF3D 0%, #2599FF 50%, #74FF3D 100%);
    background-size: 200% 100%;
    border-radius: 49px;
    animation: cf-cta-gradient 7s ease-in-out infinite;
    will-change: background-position, transform, box-shadow, filter;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.course-format__cta:hover {
    animation-duration: 2.2s;
    /* transform: translateY(-1px) scale(1.02); */
    box-shadow: 0 12px 26px rgba(37, 153, 255, .30);
    filter: saturate(1.10);
    color: #fff;
}
.course-format__cta:active{
  box-shadow: 0 8px 16px rgba(37,153,255,.22);
}
@keyframes cf-cta-gradient{
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* desktop: one shared button overlapping both cards */
.course-format__cta--desktop{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  z-index:5;
}

/* mobile: button per card, overlapping bottom of each card */
.course-format__cta--mobile{
  position:absolute;
  left:50%;
  bottom:-25px;
  transform:translateX(-50%);
  z-index:5;
  display:none;
}


.course-format__card-head{
  position: relative;
  overflow: hidden;
}

/* блик (движется постоянно) */
.course-format__card-head::after{
  content:"";
  position:absolute;
  top:0;
  left:-60%;
  width:55%;
  height:100%;
  pointer-events:none;
  transform: skewX(-18deg);
  opacity:.22;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.45) 50%,
    rgba(255,255,255,0) 100%
  );
  animation: cf-head-glint-loop 4.6s ease-in-out infinite;
  will-change: transform, opacity;
}

/* движение блика */
@keyframes cf-head-glint-loop{
  0%   { transform: translateX(0) skewX(-18deg); opacity: 0; }
  12%  { opacity: .18; }
  35%  { opacity: .28; }
  60%  { opacity: .18; }
  100% { transform: translateX(260%) skewX(-18deg); opacity: 0; }
}

/* если хочется чуть сильнее на hover карточки */
.course-format__card:hover .course-format__card-head::after{
  opacity: .28;
  animation-duration: 3.0s;
}

/* =========================
   2) Звёзды: hover по пункту
   ========================= */

.course-format__star svg{
  display:block;
  transform-origin:50% 50%;
  transition: transform .22s ease, filter .22s ease;
}

/* перебиваем inline fill у path из SVG */
.course-format__star--violet svg path{ fill:#5F52D8 !important; transition: fill .22s ease; }
.course-format__star--orange svg path{ fill:#FFB153 !important; transition: fill .22s ease; }

.course-format__item{
  cursor: default;
}

/* при hover на пункт — звезда белая и чуть больше */
.course-format__item:hover .course-format__star svg{
  transform: scale(1.12);
}

/* белый fill при hover */
.course-format__item:hover .course-format__star svg path{
  fill:#fff !important;
}

/* =========================
   Reduced motion
   ========================= */
@media (prefers-reduced-motion: reduce){
  .course-format__cta,
  .course-format__card-head::after{
    animation: none !important;
    transition: none !important;
  }
  .course-format__star svg,
  .course-format__star svg path{
    transition: none !important;
  }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1320px){
    .cmh-main__inner {
        padding: 30px 20px;
    }
    .edu-offer-card__link {
        font-size: 20px;
    }
    .edu-offer-card--split:hover .edu-offer-card__item:first-child .edu-offer-card__link, .edu-offer-card--split:focus-within .edu-offer-card__item:first-child .edu-offer-card__link, .edu-offer-card--split:hover .edu-offer-card__item:nth-child(2) .edu-offer-card__link, .edu-offer-card--split:focus-within .edu-offer-card__item:nth-child(2) .edu-offer-card__link {
        font-size: 28px;
    }
    .edu-offer-card--split:nth-child(1):hover .edu-offer-card__item:nth-child(1) .edu-offer-card__ico {
        right: 11px !important;
        top: 6px !important;
        width: 54px !important;
    }
    .edu-offer-card--split:nth-child(1):hover .edu-offer-card__item:nth-child(2) .edu-offer-card__ico {
        width: 68px;
        height: 68px;
        top: -8px !important;
        right: 0px !important;
    }
}
@media (max-width: 991px){
    .cmh-topbar__text {
        font-size: 17px;
        justify-self: center;
        white-space: normal;
        text-align: left;
    }
    .cmh-logo__img{ height: 40px; }
    .cmh-support{ display:none; }

    .cmh-dropdown{
        width: min(92vw, 420px);
        right: 0;
    }
    .cmh-topbar__btn {
        padding: 12px 15px;
    }
    .edu-offer-card {
        padding: 0;
        flex: 1;
    }
    .edu-offer__cards {
        flex-direction: column;
    }
    .edu-offer-card {
        background: #ff924c;
        border-radius: 20px;
    }
    .edu-offer-card__link {
        font-size: 32px !important;
        color: #fff !important;
    }
    .edu-offer-card.edu-offer-card--single:hover .edu-offer-card__cap, .edu-offer-card--split:hover .edu-offer-card__cap {
        opacity: 1;
        left: 29px;
    }
    .edu-offer-card--split:nth-child(2):hover .edu-offer-card__item {
        overflow: visible;
    }
    .edu-offer-card--split:nth-child(2) .edu-offer-card__item:nth-child(2) .edu-offer-card__ico {
        width: 105px !important;
        top: -88px !important;
        right: 20px !important;
        z-index: 2 !important;
    }
    .edu-offer-card--split:nth-child(2):hover .edu-offer-card__ico {
        right: 75px !important;
        top: 0 !important;
    }
    .edu-offer-card--split:first-child .edu-offer-card__item:nth-child(2) .edu-offer-card__ico {
        width: 126px;
        height: 115px;
        top: -54px;
    }
    .edu-offer-card--split:nth-child(1):hover .edu-offer-card__item:nth-child(2) .edu-offer-card__ico {
        width: 126px;
        height: 115px;
        top: -54px !important;
        right: 0px !important;
    }
    .edu-offer-card--split:nth-child(1):hover .edu-offer-card__item:nth-child(1) .edu-offer-card__ico {
        right: 76px !important;
        top: 3px !important;
        width: 51px !important;
    }
    .edu-offer-card--single .edu-offer-card__ico {
        width: 89px;
        right: 38px;
        bottom: 0;
    }
    .edu-offer-card--single .edu-offer-card__link:hover .edu-offer-card__ico {
        transform: none;
        bottom: 0px;
        right: 38px;
    }
    .edu-offer-card--single .edu-offer-card__link {
        padding: 58px 30px 23px !important;
    }
    
    .exam-cards__card{
        flex: 0 0 calc(50% - 10px);
        min-height: 150px;
    }
    
    .exam-cards__num{
        font-size: 150px;
    }
    .exam-cards__card:before {
        background-size: cover !important;
    }
    
    .course-format__grid{
        flex-direction:column;
        gap:40px;
        padding-bottom:0;
    }
    .course-format__cta--desktop{
        display:none;
    }
    .course-format__cta--mobile{
        display:inline-flex;
    }
    .course-format__card{
        padding-bottom:44px;
    }
}
@media (max-width: 768px){
    .abs-txt-team {
        bottom: -75px;
        max-width: 320px !important;
    }
}
@media (max-width: 620px){
    .cmh-main__inner {
        padding: 15px 20px;
    }
    .cmh-btn {
        height: 44px;
        padding: 15px 12px;
    }
    .cmh-actions {
        gap: 10px;
    }
    .cmh-topbar__btn {
        font-size: 15px;
        border-radius: 10px;
        padding: 10px;
    }
    .cmh-dropdown {
        right: -106px;
        max-width: 290px;
    }
    .edu-offer {
        border-radius: 10px;
        padding: 17px 15px;
        margin: 0 0 19px;
    }
    .edu-offer__title {
        font-size: 24px;
        margin-bottom: 28px;
    }
    .edu-offer__subtitle {
        margin: 0 0 8px;
        font-size: 15px;
    }
}
@media (max-width: 568px){ 
    .abs-txt-team {
        bottom: -107px;
        left: 0;
        right:auto;
    }
    .cmh-topbar__btn-ico {
        display: none;
    }
    .cmh-tohbar__shdw {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 5px;
        top: -6px;
    }
    .cmh-topbar__text {
        font-size: 12px;
    }
    .cmh-btn--login .cmh-btn__ico {
        display: none;
    }
    .cmh-btn--menu {
        font-size: 0;
        gap: 0;
    }
    
    .edu-offer-card {
        border-radius: 10px;
    }
    .edu-offer-card__list {
        border-radius: 10px;
    }
    .edu-offer-card__link {
        font-size: 16px !important;
        font-weight: 400;
    }
    .edu-offer-card__cap {
        font-size: 20px;
        top: 9px;
        left: 10px;
        font-weight: 500;
    }
    .edu-offer-card.edu-offer-card--single:hover .edu-offer-card__cap, .edu-offer-card--split:hover .edu-offer-card__cap {
        left: 10px;
    }
    .edu-offer-card--split .edu-offer-card__item:first-child .edu-offer-card__link {
        border-radius: 10px 10px 0 0;
        padding-left: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-top: 41px;
    }
    .edu-offer-card--split .edu-offer-card__item:nth-child(2) .edu-offer-card__link {
        border-radius: 0 0 10px 10px;
        padding-left: 10px;
        padding-right: 0;
        padding-bottom: 10px;
    }
    .edu-offer-card--single .edu-offer-card__link {
        padding: 41px 10px 10px !important;
    }
    .edu-offer-card--single .edu-offer-card__ico {
        width: 48px;
        right: 22px;
        bottom: 0;
    }
    .edu-offer-card--split:nth-child(1):hover .edu-offer-card__item:nth-child(2) .edu-offer-card__ico,
    .edu-offer-card--split:nth-child(1) .edu-offer-card__item:nth-child(2) .edu-offer-card__ico {
        width: 64px;
        height: 60px;
        top: -30px !important;
        right: 2px !important;
    }
    .edu-offer-card--split:nth-child(1):hover .edu-offer-card__item:nth-child(1) .edu-offer-card__ico,
    .edu-offer-card--split:nth-child(1) .edu-offer-card__item:nth-child(1) .edu-offer-card__ico {
        right: 45px !important;
        top: 3px !important;
        width: 35px !important;
    }
    .edu-offer-card--split:nth-child(2):hover .edu-offer-card__item:nth-child(2) .edu-offer-card__ico,
    .edu-offer-card--split:nth-child(2) .edu-offer-card__item:nth-child(2) .edu-offer-card__ico{
        width: 65px !important;
        top: -60px !important;
        right: 12px !important;
    }
    .edu-offer-card--split:nth-child(2) .edu-offer-card__item:first-child .edu-offer-card__ico,
    .edu-offer-card--split:nth-child(2):hover .edu-offer-card__item:first-child .edu-offer-card__ico{
        width: 65px !important;
        right: 50px !important;
        top: 4px !important;
    }
    .edu-offer-card--single .edu-offer-card__ico,
    .edu-offer-card--single:hover .edu-offer-card__ico{
        width: 48px;
        right: 22px !important;
        bottom: -7px !important;
    }
    .edu-offer-card__text {
        max-width: 120px;
    }
    
    .exam-cards__title {
        font-size: 20px;
    }
    
    .exam-cards__card{
        flex: 0 0 100%;
        min-height: 140px;
        padding: 22px;
    }
    
    .exam-cards__card-title{
        font-size: 20px;
    }
    
    .exam-cards__card-text {
        padding-right: 0;
        font-size: 14px;
        margin: 10px 0 35px;
    }
    
    .exam-cards__num{
        font-size: 113px;
        right: 14px;
        bottom: 10px;
        opacity:1 !important;
    }
    
    .exam-cards__icon{
        width: 75px;
        height: 75px;
    }
    
    .exam-cards__icon img{
        width: 75px;
        height: 75px;
    }
    
    .exam-cards__card:before {
        display:none;
        
    }
    
    .course-format__card-head {
        border-radius: 7px;
        margin: 0 auto 11px;
    }
    .course-format__card-head-inner {
        font-size: 16px;
        padding: 9px 12px;
    }
    .course-format__title{ font-size:20px; }
    .course-format__subtitle{ font-size:15px; }
    .course-format__card {
        padding: 15px 15px 27px;
        border-radius: 10px;
    }
    .course-format__text {
        font-size: 14px;
    }
    .course-format__item {
        gap: 8px;
    }
    .course-format__star svg {
        width: 17px;
        height: 17px;
    }
    .course-format__star {
        width: 17px;
        height: 17px;
        margin-top: 0;
    }
    .course-format__cta {
        padding: 11px 20px;
        font-size: 14px;
    }
    .course-format__cta--mobile {
        bottom: -17px;
    }
    .course-format__grid {
        gap: 27px;
    }
}
@media (max-width: 440px){
    .cmh-tohbar__shdw {
        left: 0px;
        top: -12px;
    }
    .cmh-topbar__icon {
        width: 50px;
    }
    .cmh-dropdown {
        right: -83px;
        max-width: 290px;
    }
    .cmh-logo__img {
        height: 30px;
    }
    .cmh-topbar--pink .cmh-tohbar__icnwrp {
        display: none;
    }
}