.heroBanner{width:100%;margin-bottom:64px;font-family:"Noto Sans",sans-serif}.heroBannerSwiper{position:relative;width:100%;height:400px;overflow:hidden;border-radius:16px;background:#213c76}.heroBannerSlide{position:relative;display:flex;align-items:center;min-height:400px;overflow:hidden;background-image:var(--hero-background);background-position:center;background-size:cover}.heroBannerOverlay{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(33,60,118,1) 0%,rgba(33,60,118,.93) 30%,rgba(33,60,118,.5) 54%,rgba(33,60,118,.05) 78%)}.heroBannerContent{position:relative;z-index:2;width:min(670px,calc(100% - 200px));margin-left:100px;color:#fff}.heroBannerTitle{max-width:670px;margin:0;color:#fff;font-size:36px;font-weight:700;line-height:1.2}.heroBannerDescription{max-width:670px;margin:14px 0 18px;color:#fff;font-size:16px;line-height:1.4}.heroBannerButtons{display:flex;flex-wrap:wrap;gap:12px}.heroBannerButton{display:inline-flex;min-height:42px;padding:10px 22px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;color:#fff;font-size:16px;line-height:20px;text-decoration:none;transition:.2s}.heroBannerButton:hover{color:#fff;transform:translateY(-1px)}.heroBannerButtonPrimary{min-width:199px;background:#ba332a}.heroBannerButtonPrimary:hover{background:#a72d25}.heroBannerButtonSecondary{min-width:224px;border-color:#ba332a;background:rgba(255,255,255,.08);backdrop-filter:blur(3px)}.heroBannerButtonSecondary:hover{border-color:#fff;background:rgba(255,255,255,.16)}.heroBannerArrow{position:absolute;z-index:5;top:50%;display:flex;width:44px;height:44px;padding:0;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,.72);color:#213c76;cursor:pointer;transform:translateY(-50%)}.heroBannerArrow:hover{background:#fff}.heroBannerArrowPrev{left:28px}.heroBannerArrowNext{right:28px}.heroBannerArrow.swiper-button-disabled{opacity:.35;cursor:default}.heroBannerPagination.swiper-pagination{position:absolute;z-index:5;right:auto;bottom:20px;left:28px;display:flex;width:auto;margin:0;gap:8px}.heroBannerPagination .swiper-pagination-bullet{width:8px;height:8px;margin:0!important;background:rgba(255,255,255,.65);opacity:1}.heroBannerPagination .swiper-pagination-bullet-active{background:#fff}.heroAdvantages{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);min-height:121px;padding:19px 24px;border-radius:16px;background:#eff4ff}.heroAdvantage{display:flex;min-width:0;padding:0 16px;align-items:center;gap:12px;border-right:1px solid #cdd5e5}.heroAdvantage:first-child{padding-left:0}.heroAdvantage:last-child{padding-right:0;border-right:0}.heroAdvantageIcon{display:flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;color:#213c76}.heroAdvantageIcon svg{width:34px;height:34px}.heroAdvantageContent{min-width:0}.heroAdvantageContent h3{margin:0 0 4px;color:#201e24;font-size:16px;font-weight:600;line-height:1.35}.heroAdvantageContent p{margin:0;color:#201e24;font-size:14px;line-height:1.35}
@media(max-width:1024px){.heroBannerSwiper,.heroBannerSlide{height:380px;min-height:380px}.heroBannerContent{width:min(600px,calc(100% - 150px));margin-left:76px}.heroBannerTitle{font-size:32px}.heroAdvantages{grid-template-columns:repeat(2,1fr);gap:24px 0}.heroAdvantage:nth-child(2){border-right:0}.heroAdvantage:nth-child(3){padding-left:0}}
@media(max-width:767px){.heroBanner{margin-bottom:48px}.heroBannerSwiper,.heroBannerSlide{height:510px;min-height:510px}.heroBannerSlide{align-items:flex-end;background-position:66% center}.heroBannerOverlay{background:linear-gradient(0deg,rgba(21,43,88,1) 0%,rgba(21,43,88,.96) 50%,rgba(21,43,88,.25) 100%)}.heroBannerContent{width:100%;margin:0;padding:100px 20px 62px}.heroBannerTitle{font-size:27px}.heroBannerDescription{font-size:14px}.heroBannerButtons{align-items:stretch;flex-direction:column}.heroBannerButton{width:100%}.heroBannerArrow{top:42%;width:38px;height:38px}.heroBannerArrowPrev{left:14px}.heroBannerArrowNext{right:14px}.heroBannerPagination.swiper-pagination{bottom:24px;left:20px}.heroAdvantages{grid-template-columns:1fr;padding:20px;gap:0}.heroAdvantage,.heroAdvantage:first-child,.heroAdvantage:nth-child(3){padding:16px 0;border-right:0;border-bottom:1px solid #cdd5e5}.heroAdvantage:first-child{padding-top:0}.heroAdvantage:last-child{padding-bottom:0;border-bottom:0}}