.first-header {
    padding: calc(11.25rem - clamp(3.125rem, 1.5396rem + 6.5041vw, 8.125rem)) 0 clamp(7.5rem, 3.9329rem + 14.6341vw, 18.75rem);
    background-image: url(/wp-content/uploads/2025/01/first.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: var(--main-margin);
  }
  h1.title {
    color: var(--White);
    font-size: clamp(1.625rem, 1.1890rem + 1.7886vw, 3rem);
    font-weight: 700;
    line-height: normal;
    max-width: 880px;
    margin-bottom: clamp(1.25rem, 0.8537rem + 1.6260vw, 2.5rem);
  }
  .first-description ul {
    padding: 0;
    margin: 0;
  }
  li.first-descr {
    font-size: clamp(1rem, 0.9207rem + 0.3252vw, 1.25rem);
    color: var(--White);
    font-weight: 400;
    line-height: 160%;
    margin-bottom: clamp(1rem, 0.8415rem + 0.6504vw, 1.5rem);
  }
  li.first-descr:last-child {
    margin-bottom: 0;
  }
  .news {
    margin-bottom: var(--main-margin);
  }
  div#news-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: clamp(1.25rem, 1.0518rem + 0.8130vw, 1.875rem);
    margin-bottom: 30px;
  }
  h2.block-title {
    font-size: clamp(1.625rem, 1.2683rem + 1.4634vw, 2.75rem);
    font-weight: 700;
    line-height: normal;
    margin-bottom: clamp(1.25rem, 0.8537rem + 1.6260vw, 2.5rem);
  }
  a.news-link {
    border-radius: clamp(0.625rem, 0.4268rem + 0.8130vw, 1.25rem);
    overflow: hidden;
    display: block;
  }
  .news-item-content {
    padding: 20px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-radius: 0 0 clamp(0.625rem, 0.4268rem + 0.8130vw, 1.25rem) clamp(0.625rem, 0.4268rem + 0.8130vw, 1.25rem);
  }
  .post-thumbnail {
    display: flex;
  }
  h2.single-title.post-cart-title {
    font-size: clamp(1rem, 0.9207rem + 0.3252vw, 1.25rem);
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
  }
  .entry-excerpt {
    color: var(--Text);
    font-size: clamp(0.875rem, 0.8354rem + 0.1626vw, 1rem);
    font-weight: 300;
    line-height: 160%;
    margin-bottom: clamp(1rem, 0.9207rem + 0.3252vw, 1.25rem);
  }
  span.news-date {
    color: var(--Black);
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
  }
  a.page_btn {
    color: var(--White);
    background-color: #27AAE1;
    width: 320px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0 auto;
    column-gap: 8px; 
  }
  a.page_btn path {
    fill: var(--White);
  }
  .page-top {
    padding-top: clamp(3.125rem, 2.7287rem + 1.6260vw, 4.375rem);
    margin-bottom: var(--main-margin);
  }
  h1.page-title.header-title {
    font-size: clamp(1.625rem, 1.1890rem + 1.7886vw, 3rem);
    font-weight: 700;
    line-height: normal;
    margin-bottom: clamp(1.25rem, 1.0518rem + 0.8130vw, 1.875rem);
  }
  .news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
  }
  .news-single-container {
    max-width: 780px;
    margin: 0 auto var(--main-margin);
  }
  .news-single-container img {
    display: flex;
    border-radius: clamp(0.75rem, 0.5915rem + 0.6504vw, 1.25rem);
    margin-bottom: clamp(1.25rem, 0.8537rem + 1.6260vw, 2.5rem);
  }
  h1.entry-title {
    font-size: clamp(1.625rem, 1.2683rem + 1.4634vw, 2.75rem);
    font-weight: 700;
    line-height: normal;
    margin-bottom: clamp(1.25rem, 1.0518rem + 0.8130vw, 1.875rem);
  }
  .entry-meta {
    font-size: clamp(1rem, 0.9207rem + 0.3252vw, 1.25rem);
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
  }
  .entry-content p {
    font-weight: 300;
  }
  .entry-content p:last-child,
  .entry-content p:only-child {
    margin-bottom: 0;
  }
  .news-single-container article {
    margin-bottom: 30px;
  }
  .share-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  span.share-text {
    display: block;
    font-size: 26px;
    font-weight: 700;
    line-height: 140%;
    color: var(--Black);
  }
  .share-icons {
    display: flex;
    align-items: center;
    column-gap: 40px;
  }
  .entry-content h2 {
    font-size: clamp(1.625rem, 1.5457rem + 0.3252vw, 1.875rem);
    font-weight: 600;
    line-height: 120%;
    margin: 30px 0;
  }
  .entry-content h3,
  .entry-content h4,
  .entry-content h5 {
    font-size: 26px;
    font-weight: 600;
    line-height: 130%;
    margin: 30px 0;
  }
  .entry-content h5 {
    font-size: 20px;
    font-weight: 500;
  }
  .entry-content blockquote {
    font-size: clamp(1.25rem, 1.1311rem + 0.4878vw, 1.625rem);
    margin: 0;
    padding: 24px 0;
    border-top: 1px solid #060632;
    border-bottom: 1px solid #060632;
  }
  .entry-content blockquote p {
    font-weight: 600;
    line-height: 130%;
    color: var(--Black);
  }
  .entry-content ul,
  .entry-content ol {
    padding-left: 15px;
    margin-bottom: 20px;
    font-weight: 300;
  }
  .entry-content ul li,
  .entry-content ol li {
    margin-bottom: 16px;
  }
  .entry-content ul li:last-child,
  .entry-content ol li:last-child {
    margin-bottom: 0;
  }
  .entry-content ul li ul,
  .entry-content ol li ul {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .about {
    display: flex;
    align-items: flex-start;
    gap: 20px 40px;
  }
  .flex {
    flex: 1;
  }
  .flex img {
    border-radius: clamp(1rem, 0.9207rem + 0.3252vw, 1.25rem);
    display: flex;
  }
  h1.page-title {
    font-size: clamp(1.625rem, 1.1890rem + 1.7886vw, 3rem);
    font-weight: 600;
    line-height: normal;
    margin-bottom: clamp(1.5rem, 1.3811rem + 0.4878vw, 1.875rem);
  }
  span.page-subtitle {
    display: block;
    font-size: clamp(1rem, 0.9604rem + 0.1626vw, 1.125rem);
    font-weight: 400;
    line-height: 140%;
    color: var(--Black);
    margin-bottom: 20px;
  }
  .file-block {
    padding: clamp(1.875rem, 1.6768rem + 0.8130vw, 2.5rem) 20px;
    background-color: #264493;
    display: flex;
    flex-direction: column;
    width: fit-content;
    align-items: center;
    border-radius: clamp(0.938rem, 0.8391rem + 0.4059vw, 1.25rem);
  }
  .file-block svg {
    max-width: clamp(2.75rem, 2.0366rem + 2.9268vw, 5rem);
    margin-bottom: 16px;
  }
  span.file-name {
    display: block;
    color: var(--White);
    font-weight: 700;
    line-height: 160%;
    font-size: clamp(1.125rem, 1.0854rem + 0.1626vw, 1.25rem);
    margin-bottom: clamp(5rem, 4.2866rem + 2.9268vw, 7.25rem);
  }
  .download-link.page_btn {
    width: 100%;
    color: #27AAE1;
    font-size: 15px;
    line-height: 160%;
    background-color: #264493;
    height: auto;
  }
  .file-block a svg {
    margin-bottom: 0;
  }
  a.download-link.page_btn path {
    fill: #27AAE1;
  }
  .file-block {
    width: 100%;
  }
  .page-top-form {
    padding-top: clamp(3.125rem, 2.7287rem + 1.6260vw, 4.375rem);
  }
  .block_form {
    background-color: #23233D;
    padding-bottom: clamp(3.75rem, 3.3537rem + 1.6260vw, 5rem);
    padding-top: clamp(2.5rem, 1.7073rem + 3.2520vw, 5rem);
    margin-top: clamp(3.75rem, 2.9573rem + 3.2520vw, 6.25rem);
  }
  .block_form .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px 14%;
  }
  .logo_block svg {
    width: clamp(5rem, 3.0183rem + 8.1301vw, 11.25rem);
    height: clamp(5rem, 3.0183rem + 8.1301vw, 11.25rem);
  }
  h2.block_form_title {
    text-align: center;
    font-size: clamp(1.625rem, 1.4665rem + 0.6504vw, 2.125rem);
    font-weight: 700;
    line-height: normal;
    color: var(--White);
    margin-bottom: 30px;
  }
  .logo_block {
    display: flex;
  }
  .logo_block svg.pop-logo {
    margin: 0;
  }
  .col-item {
    border-radius: clamp(0.75rem, 0.5915rem + 0.6504vw, 1.25rem);
    background-color: #264493;
    padding: 20px;
    color: var(--White);
    display: flex;
    column-gap: clamp(1rem, 0.9207rem + 0.3252vw, 1.25rem);
    align-items: center;
    font-size: clamp(1.125rem, 1.0061rem + 0.4878vw, 1.5rem);
    font-weight: 700;
    line-height: 140%;
  }
  .about-inner.flex.col {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  span.num {
    color: rgba(255, 255, 255, 0.40);
    font-weight: 700;
    line-height: normal;
    font-size: clamp(2.125rem, 2.0061rem + 0.4878vw, 2.5rem);
  }
  .zaynjat-block-item {
    border-radius: clamp(0.75rem, 0.5915rem + 0.6504vw, 1.25rem);
    background-color: #264493;
    padding: 20px;
    color: var(--White);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .zaynjat-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .zaynjat-block-item img {
    width: clamp(3.125rem, 2.9268rem + 0.8130vw, 3.75rem);
    margin-bottom: clamp(0.875rem, 0.7561rem + 0.4878vw, 1.25rem);
  }
  span.zaynjat-title {
    display: block;
    font-size: clamp(1.125rem, 1.0457rem + 0.3252vw, 1.375rem);
    font-weight: 700;
    line-height: 140%;
    margin-bottom: clamp(1.25rem, 1.0518rem + 0.8130vw, 1.875rem);
  }
  a.page_btn.z-btn {
    margin: auto 0 0;
  }
  .about-inner iframe {
    width: clamp(22.5rem, 11.2043rem + 46.3415vw, 58.125rem);
    height: clamp(10.625rem, 5.1755rem + 22.3571vw, 27.812rem);
    border-radius: clamp(0.75rem, 0.5915rem + 0.6504vw, 1.25rem);
  }
  .contacts-block a.footer-contacts__link {
    font-size: clamp(1.125rem, 1.0457rem + 0.3252vw, 1.375rem);
    font-weight: 400;
    line-height: normal;
    color: #4C4D4E;
    column-gap: clamp(0.5rem, 0.3415rem + 0.6504vw, 1rem);
  }
  .contacts-block {
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.5rem, 1.1829rem + 1.3008vw, 2.5rem);
  }
  .contacts-block path {
    fill:#264493;
  }
  div#thankyouPopup {
    border-radius: 20px;
    padding: 30px;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
  .popup-content.thank {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  a.slide-button.pop-bnt {
    color: #fff;
    background-color: var(--Accent);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: normal;
    border-radius: 15px;
  }




  @media (max-width: 768px) {
    div#mob-menu span.close-popup {
      right: 16px;
      top: 20px;
    }
    div#mob-menu path {
      fill: #27AAE1;
    }
    div#mob-menu {
      width: 100%;
      top: 0;
      padding: 5px 16px 30px;
    }
    a.page_btn.z-btn {
      width: 100%;
      height: 48px;
    }
    .zaynjat-block {
      grid-template-columns: repeat(1, 1fr);
    }
    .logo_block.mobile {
      display: none;
    }
    .block_form .container {
      flex-direction: column; 
    }
    .about {
      flex-direction: column;
    }
    .share-block {
      flex-direction: column;
      align-items: center;
      row-gap: 30px;
    }
    h1.entry-title,
    .entry-meta {
      text-align: center;
    }
    ul#mob-menu,
    ul.sub-menu{
      text-align: right;
      list-style: none;
      padding: 0;
      margin: 0; 
    }
    ul#mob-menu {
      display: flex;
      flex-direction: column;
      row-gap: 34px;
    }
    /* Скрываем подменю по умолчанию */
#mob-menu .sub-menu {
  display: none;
  padding-left: 0;
}

/* Стили для пунктов верхнего уровня */
#mob-menu > .menu-item > a {
  font-size: 16px;
  font-weight: 400;
  color: #060632;
  text-decoration: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: normal;
  text-align: right;
}

/* Стили для подменю */
#mob-menu .sub-menu .menu-item > a {
  font-size: 16px;
  font-weight: normal;
  color: #060632;
  text-decoration: none;
}

/* Стили для активного состояния */
#mob-menu .menu-item.menu-item-has-children.active > .sub-menu {
  display: flex; /* Показываем подменю */
}
#mob-menu ul.sub-menu {
  flex-direction: column;
  margin-top: 24px;
  row-gap: 24px;
}

/* Анимация для шеврона */
#mob-menu .menu-arrow {
  transition: transform 0.3s ease;
}

/* Шеврон переворачивается для активного пункта */
#mob-menu .menu-item.menu-item-has-children.active > a .menu-arrow {
  transform: rotate(180deg);
}

/* Стили при наведении */
#mob-menu a:hover {
  color: #27AAE1;
}
  

  }