:root {
  --color-black: #000000;
  --color-black-33: #333333;
  --color-gray-66: #666666;
  --color-gray-99: #999999;
  --color-gray-e5: #e5e5e5;
  --color-white: #ffffff;
  --color-creamy-f2: #f2f2f2;
  --color-error: #C7383F;
  --color-primary: #1e4389;
  --color-secondary: #000000;
  --color-text: #323232;
  --color-success: #38C758;
  --color-page-title: #38C758;
  --color-info: #388BC7;
  --color-warning: #FFD99F;
  --color-dev: #1e4389;
  --color-brand-navy: #102a43;
  --color-brand-blue: #1e4389;
  --color-section-label: #1e4389;
  --color-brand-blue-hover: #163776;
  --color-brand-blue-pressed: #0e295d;
  --color-brand-surface: #f6f6f7;
  --color-brand-card: #f9fafb;
  --color-brand-muted: #e0e1e6;
  --color-brand-subtext: #4c4c4c;
  --color-brand-overlay: rgba(8, 24, 39, 0.8);
  --shadow-brand: 0 4px 20px rgba(0, 0, 0, 0.16);
  --color-overlay-scrim: rgba(0, 0, 0, 0.6);
  --social-facebook: #3b5998;
  --social-twitter: #00acee;
  --social-youtube: #c4302b;
  --social-behance: #053eff;
  --social-linkedin: #0e76a8;
  --social-ok: #ed812b;
  --social-pinterest: #c8232c;
  --social-vk: #4c75a3;
  --social-tiktok: #EE1D52;
  --social-telegram: #0088cc;
  --gradient-instagram: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

@media screen and (min-width: 1025px) {
  .header .mobile_filed,
  .header .menu_btn {
    display: none;
  }
  .header .block_action {
    white-space: nowrap;
  }
  .header .menu_block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .menu_inner {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .header .main_menu {
    text-align: center;
  }
  .header .submenu_list {
    display: none;
    position: absolute;
    background-color: var(--color-white);
    border-radius: 8px;
    box-shadow: 4px 4px 20px 1px color-mix(in srgb, var(--color-black) 3%, transparent);
    outline-offset: -1px;
    width: 230px;
  }
  .header .submenu_list:after {
    display: block;
    content: "";
    height: 14px;
  }
  .header .submenu_list li {
    position: relative;
    padding-inline: 14px;
  }
  .header .submenu_list li:not(:first-child) {
    margin-top: 8px;
  }
  .header .submenu_list .submenu_list {
    left: 100%;
    top: 0;
  }
}
@media screen and (min-width: 1025px) and (min-height: 641px) and (max-height: 768px) {
  .header .submenu_list li:not(:first-child) {
    margin-top: 4px;
  }
  .header .submenu_list li a {
    padding-block: 8px;
  }
}
@media screen and (min-width: 1025px) and (max-height: 640px) {
  .header .submenu_list li:not(:first-child) {
    margin-top: 2px;
  }
  .header .submenu_list li a {
    padding-block: 6px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {
  .header .main_menu > ul {
    column-gap: 1.4rem;
    font-size: 1.4rem;
  }
  .header .main_menu > ul > li {
    padding-inline: 0;
  }
  .header .main_menu ul a.submenu_btn {
    gap: 4px;
  }
  .header .block_action {
    gap: 1rem;
  }
  .header .login_btn {
    font-size: 1.4rem;
  }
  .header .main_logo:not(:has(a)),
  .header .main_logo a {
    height: 4.5rem;
  }
  .header .main_logo:not(:has(a)) span,
  .header .main_logo a span {
    margin-left: 16px;
    padding-left: 16px;
    width: 260px;
    font-size: 100%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .header .login_btn {
    font-size: 1.4rem;
  }
  .header .block_action {
    gap: 1rem;
  }
  .header .main_menu > ul {
    font-size: 1.2rem;
    line-height: 1.4;
    column-gap: 1rem;
  }
  .header .main_menu > ul > li {
    padding-inline: 0;
  }
  .header .main_menu > ul > li > .submenu_list {
    left: 10px;
    top: 25px;
  }
  .header .main_menu > ul a {
    line-height: 1.4;
  }
  .header .main_menu ul a.submenu_btn {
    gap: 2px;
  }
  .header .main_menu ul a.submenu_btn:before {
    font-size: 2rem;
  }
  .header .main_logo:not(:has(a)),
  .header .main_logo a {
    height: 4.5rem;
  }
  .header .main_logo:not(:has(a)) span,
  .header .main_logo a span {
    margin-left: 12px;
    padding-left: 12px;
    width: 220px;
    font-size: 87.5%;
  }
  .header .submenu_list {
    width: 280px;
  }
}
@media screen and (min-width: 1025px) {
  .footer .footer_main {
    grid-template-columns: 360px 1fr 1fr 360px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .footer .footer_main {
    grid-template-columns: 190px 1fr 1fr 270px;
  }
}
@media screen and (min-width: 1025px) {
  .hero {
    min-height: 76rem;
  }
  .hero_inner {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .services {
    padding: 8rem 0;
  }
  .news_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .hero_inner {
    gap: 3.6rem;
  }
  .hero_title {
    font-size: 430.76%;
    line-height: 1.21em;
  }
  .hero_text {
    font-size: 153.84%;
    line-height: 1.5em;
  }
  .services .page_container {
    gap: 3.6rem;
  }
}

/*# sourceMappingURL=index-l.css.map */