@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/* ---- Custom site overrides to mirror original design ---- */
body{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans','Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';color:#222}
.cards{display:grid;gap:39px;grid-template-columns:repeat(3,1fr)}
@media (max-width:992px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:630px){.cards{grid-template-columns:repeat(1,1fr)}}
.title{font-family:Montserrat,system-ui,sans-serif;font-weight:700;color:#0b335b;margin-top:80px; margin-bottom:40px;text-align:center;font-size:40px}
@media (max-width:768px){.title{font-size:28px}}
.alert{background:#fee;border:1px solid #fbb;padding:8px}

/* Header */
.header{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;min-height:655px;position:relative}
@media (max-width:1180px){.header{min-height:605px}}
.header .container{padding-bottom:30px}
.header__navbar{display:flex;align-items:flex-start;justify-content:space-between;gap:70px;padding-top:40px;margin-bottom:114px}
@media (max-width:990px){.header__navbar{align-items:center;gap:0;margin-bottom:107px}}
.header__navbar-logo{max-width:230px;text-decoration:none;color:#0b335b;font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:24px}
.header__navbar-top{display:flex;align-items:center;justify-content:space-between}
.header__navbar-top>div:first-child span{display:inline;color:#0b335b;font-family:Montserrat}
/* Big amount */
.header__navbar-top>div:first-child span:first-child{font-weight:700;font-size:36px;line-height:1;white-space:nowrap}
@media (max-width:768px){.header__navbar-top>div:first-child span:first-child{font-size:28px}}
/* Currency inside amount */
.header__navbar-top>div:first-child span:first-child span{font-weight:600;font-size:14px;margin-left:8px}
/* Subtitle */
.header__navbar-top>div:first-child span+span{display:block;font-size:12px;color:#757575;margin-top:6px}
.header__navbar-top img{width:24px;height:24px;margin-left:12px}
.header-btn{display:inline-block;background:#0b335b;color:#fff;text-decoration:none;padding:12px 22px;border-radius:8px;margin-right:10px}
.header__navbar-bottom{display:flex;gap:20px;flex-wrap:wrap}
.header__navbar-bottom a{text-decoration:none;color:#0b335b;font-weight:600}
.header__navbar-bottom a:hover{color:#1b4f8a}

/* Hero text */
.header-hero{max-width:840px}
.pre-text{font-family:CeraRoundPro,Montserrat,system-ui,sans-serif;font-weight:700;color:#0b335b;font-size:40px;line-height:1.2;margin-bottom:16px}
@media (max-width:768px){.pre-text{font-size:28px}}
.pre-text--page{font-size:48px}
@media (max-width:768px){.pre-text--page{font-size:32px}}
.pre-descr{display:flex;gap:12px;flex-wrap:wrap;font-family:CeraRoundPro,Montserrat,sans-serif;color:#0b335b;font-size:20px}
@media (max-width:768px){.pre-descr{font-size:16px}}

/* Footer */
.footer{width:100%;background-image:url('/images/footer_bg2.png');background-position:center;background-repeat:no-repeat;background-size:cover;min-height:270px;padding-top:136px}
.footer__content{display:flex;align-items:flex-end;justify-content:space-between}
@media (max-width:992px){.footer__content{flex-direction:column;align-items:center}}
.footer__content-left{width:249px}
.footer__content-right{flex:1;display:flex;flex-direction:column;align-items:flex-end}
@media (max-width:992px){.footer__content-right{align-items:center;width:100%}}
.footer__content-right>div:first-child{width:80%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-family:Montserrat;font-weight:600;font-size:15px}
@media (max-width:992px){.footer__content-right>div:first-child{flex-direction:column}}
.footer__content-right *{all:unset;text-decoration:none;cursor:pointer}
.footer .logo{font-family:Montserrat;font-weight:600;color:#0b335b;margin-bottom:24px}
.copyright{font-family:Montserrat;font-size:12px;color:#757575;line-height:130%}

/* News cards */
.news-card{border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.1);padding:30px;background:#fff}
.news-card-preview{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none}
.news-card-date{font-family:Montserrat;color:#757575;font-size:12px;margin-bottom:8px}
.news-card-title{font-family:Montserrat;font-weight:600;color:#0b335b;margin-bottom:8px}
.news-card-description{font-family:Montserrat;color:#555;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.btn-text{display:inline-flex;align-items:center;gap:8px;color:#0b335b;text-decoration:none;font-weight:600}
.btn{display:inline-block;background:#0b335b;color:#fff;text-decoration:none;padding:18px 52px;border-radius:8px}

/* Kid cards */
.card{background:#fff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.1);padding:30px;display:flex;align-items:flex-start;gap:21px}
.card-wrap{width:144px;height:197px;border-radius:6px;overflow:hidden;flex:0 0 144px}
.card-wrap{flex-shrink:0}
.card-wrap img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none}
@media (max-width:576px){.card{flex-direction:column;background:none;box-shadow:none;padding:10px 0}.card-wrap{width:100%;height:220px}}
.card__info{min-width:0}
.card__info *{font-family:Montserrat;color:#4b4b4b;font-size:18px;margin-bottom:14px;line-height:1.16}
.card__info span{font-weight:600}
.card__info-count{font-size:24px;color:#0b335b}
/* Truncate long texts so image does not shrink */
.card__info-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card__info-problem,.card__info-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* News detail */
.news-header{display:flex;gap:30px;margin:40px 0;flex-wrap:wrap}
.news-header-info{flex:2}
.news-header-info-text>div:first-child{font-family:Montserrat;font-weight:700;color:#0b335b;font-size:28px;margin-bottom:8px}
.news-header-info-text>div:last-child{color:#757575}
.news-header-img{flex:3}
.news-header-img img{width:100%;height:100%;object-fit:cover;display:block}
.text-content{margin-bottom:100px;line-height:175%}

/* Activities (directions) */
.activities{margin-top:30px;margin-bottom:168px}
@media (max-width:768px){.activities{margin-top:10px;margin-bottom:20px}}
.activities-title{font-family:CeraRoundPro,Montserrat,sans-serif;font-size:40px;color:#215a93;font-weight:700;text-align:center;margin-bottom:99px}
@media (max-width:768px){.activities-title{font-size:24px;width:60%;margin:0 auto 80px}}
@media (max-width:576px){.activities-title{width:100%}}
.activities__cards{display:grid;grid-template-columns:repeat(4,1fr);align-items:flex-start;column-gap:30px}
@media (max-width:768px){.activities__cards{grid-template-columns:repeat(2,1fr);row-gap:60px}}
@media (max-width:576px){.activities__cards{grid-template-columns:repeat(1,1fr);row-gap:60px}}
.activities__cards-card{all:unset;display:flex;max-width:260px;flex-direction:column;justify-content:flex-start;height:100%}
.activities__cards-card-clicks{cursor:pointer}
@media (max-width:576px){.activities__cards-card{margin:0 auto}}
.activities__cards-card-wrap{margin:0 auto 40px;height:75px;width:98px}
.activities__cards-card-wrap img{width:100%;height:100%}
.activities__cards-name{margin-bottom:auto;text-align:center}
.activities__cards-name{font-family:Montserrat,sans-serif;font-size:24px;color:#2ca4dd;font-weight:700}
.activities__cards-name-clicks:hover{color:#43aaff}
@media (max-width:768px){.activities__cards-name{font-size:20px}}

/* We help section */
.we-help{display:flex;align-items:center;padding:160px 0}
@media (max-width:768px){.we-help{padding:50px 0}}
.we-help .container{display:flex;gap:57px}
@media (max-width:768px){.we-help .container{flex-direction:column;align-items:center}}
.we-help__content{width:50%}
@media (max-width:768px){.we-help__content{width:100%;text-align:center}}
.we-help__content .btn{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto}
.we-help__content-title{font-family:CeraRoundPro,Montserrat,sans-serif;font-size:40px;color:#0b335b;font-weight:700;text-align:left;margin-bottom:70px;white-space:nowrap}
@media (max-width:768px){.we-help__content-title{font-size:28px;margin-bottom:34px;text-align:left;white-space:nowrap}}
.we-help__content-text{font-family:CeraRoundPro,Montserrat,sans-serif;font-size:20px;color:#4b4b4b;line-height:175%;margin-bottom:34px;max-width:510px}
@media (max-width:1200px){.we-help__content-text{font-family:Montserrat,sans-serif;font-size:18px;line-height:1.3;text-align:center;max-width:none}}
.we-help-photo{width:60%;display:flex;justify-content:center;align-items:center}
.we-help-photo img{width:100%;height:auto;display:block}
@media (max-width:768px){.we-help-photo{width:80%}}

/* Optional soft background helper */
.bg{background:linear-gradient(180deg, rgba(33,90,147,0.06) 0%, rgba(33,90,147,0) 100%);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

/* Gallery (home) */
.gallery .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:992px){.gallery .grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:576px){.gallery .grid{grid-template-columns:repeat(2,1fr)}}
.gallery .grid img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}
.gallery .btn{display:block;width:-moz-fit-content;width:fit-content;margin:24px auto 0}

/* About page */
.about{margin-top:20px;margin-bottom:100px}
.about__section{margin-bottom:40px}
.about__subtitle{font-family:Montserrat,sans-serif;font-weight:700;color:#0b335b;font-size:28px;margin:20px 0 16px}
@media (max-width:768px){.about__subtitle{font-size:22px}}
.about p{font-family:Montserrat,sans-serif;font-size:18px;color:#4b4b4b;line-height:175%;margin:0 0 14px 0}
@media (max-width:768px){.about p{font-size:16px;line-height:1.5}}
.about__list{margin:0 0 16px 18px;padding:0}
.about__list li{font-family:Montserrat,sans-serif;font-size:18px;color:#4b4b4b;margin-bottom:8px}
@media (max-width:768px){.about__list li{font-size:16px}}
.about__list--two-cols{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:6px 24px;margin-left:0;list-style:disc inside}
@media (max-width:768px){.about__list--two-cols{grid-template-columns:1fr}}
.about__files{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:16px}
@media (max-width:768px){.about__files{grid-template-columns:1fr}}
.about__file{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.08);text-decoration:none;color:#0b335b;font-weight:600}
.about__file img{width:28px;height:28px}

/* About paragraph image blocks */
.paragraph-block{display:flex;gap:24px;align-items:flex-start;margin:24px 0}
.paragraph-block-left{flex-direction:row-reverse}
.paragraph-block-part-1{flex:1 1 50%;max-width:50%}
.paragraph-block-part-1 img{display:block;width:100%;height:auto;object-fit:cover;border-radius:12px}
.paragraph-block-part-2{flex:1 1 0;min-width:0}
.paragraph-block-part-2 p{margin:0 0 12px 0;line-height:1.75}
@media (max-width:768px){
  .paragraph-block{flex-direction:column}
  .paragraph-block-part-1{max-width:100%}
  .paragraph-block-part-1 img{width:100%}
}

/* Breadcrumbs */
.breadcrumbs{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin:20px 0 30px}
.breadcrumbs a{color:#2ba5dd;text-decoration:none;font-weight:600}
.breadcrumbs img{width:14px;height:10px}

/* Contact page */
.contact-name{font-family:Montserrat,sans-serif;font-size:40px;color:#215a93;font-weight:700;margin:30px 0}
@media (max-width:768px){.contact-name{font-size:28px}}
.contact-title{font-family:Montserrat,sans-serif;font-size:20px;color:#0b335b;font-weight:600}
.contact-content{line-height:175%;font-family:Montserrat,sans-serif;font-size:18px;color:#444}
.contact-content>div:nth-child(2){margin:20px 0 40px}
.contact-content>div:nth-child(2) span{display:block}
.y-widget{margin-bottom:60px}
.yookassa-widget .form{display:flex;flex-direction:column;gap:10px;max-width:360px}
.yookassa-widget .form .amount{display:flex;align-items:center;gap:8px}
.yookassa-widget .form input,.yookassa-widget .form select,.yookassa-widget .form textarea{font-family:Montserrat,sans-serif;font-size:16px;color:#444;border:1px solid #d9d9d9;border-radius:8px;padding:10px}
.yookassa-widget .form button{background:#0b335b;color:#fff;border:none;border-radius:8px;padding:12px 16px;cursor:pointer}
.contact-map{margin-bottom:100px}
.map{width:100%;height:300px}

/* Contact form-send */

.form-send{background-color:#F6B3A2;display:flex;gap:48px;padding:32px;border-radius:20px;margin-bottom:100px;align-items:flex-start;justify-content:space-between}
/* Ensure container padding doesn't override on combined class */
.container.form-send{padding:32px}
@media (max-width:1224px){.form-send{flex-direction:column;gap:32px;margin:0 10px 60px}}
@media (max-width:498px){.form-send{padding:32px}.container.form-send{padding:32px}}
.form-send>div:first-child{font-family:Montserrat,sans-serif;color:#ffffff}
.form-send>div:first-child>div:first-child{font-weight:700;font-size:28px;margin-bottom:20px}
@media (max-width:992px){.form-send>div:first-child>div:first-child{font-size:24px}}
.form-send>div:first-child>div:last-child{font-size:16px;color:#ffffff;line-height:16px}
@media (max-width:992px){.form-send>div:first-child>div:last-child{font-size:14px}}
.form-send>div:last-child .btn-form{font-family:Montserrat,sans-serif;font-weight:600;background-color:#ffffff;padding:12px 20px;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;cursor:pointer;border-radius:8px;margin-top:40px;color:#161616}
@media (max-width:992px){.form-send>div:last-child .btn-form{padding:14px 20px}}
.form-send input{all:unset;border-bottom:2px solid #ffffff;display:block;padding:18px 0;color:#ffffff;font-family:Montserrat,sans-serif;font-size:18px;width:100%;margin-bottom:20px}
@media (max-width:992px){.form-send input{color:#215A93}}
.form-send input::placeholder{color:#ffffff}
@media (max-width:992px){.form-send input::placeholder{color:#215A93}}
.form-send .form-send-message-done{font-family:Montserrat,sans-serif;font-weight:500;color:#ffffff;line-height:1.75}
/* Textarea same style as inputs */
.form-send textarea{all:unset;border-bottom:2px solid #ffffff;display:block;padding:18px 0;color:#ffffff;font-family:Montserrat,sans-serif;font-size:18px;width:100%;margin:10px 0 20px 0;min-height:28px}
@media (max-width:992px){.form-send textarea{color:#215A93}}
.form-send textarea::placeholder{color:#ffffff}
@media (max-width:992px){.form-send textarea::placeholder{color:#215A93}}

/* Kid detail */
.kid-detail__wrap{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.kid-detail__media{flex:0 0 360px;max-width:100%;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1)}
.kid-detail__media img{display:block;width:100%;height:auto;object-fit:cover}
.kid-detail__info{flex:1;min-width:260px}
.kid-meta{list-style:none;padding:0;margin:0 0 16px 0}
.kid-meta li{display:flex;gap:10px;margin-bottom:8px}
.kid-meta .label{font-weight:600;color:#0b335b}
.kid-meta .value{color:#4b4b4b}
.status{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef5ff;color:#215a93;font-weight:600;font-size:12px}
.status--helped{background:#e9f7ef;color:#2d8a52}
.kid-amount{margin:16px 0 24px}
.kid-amount__label{color:#757575;font-family:Montserrat;font-size:12px;margin-bottom:6px}
.kid-amount__value{font-family:Montserrat;font-weight:700;color:#0b335b;font-size:28px}
.kid-detail__actions{display:flex;gap:16px;align-items:center;margin-top:24px}

/* Achievements */
.achievements{margin-top:0;margin-bottom:178px}
@media (max-width:768px){.achievements{margin-top:40px;margin-bottom:40px}}
.achievements .slides{gap:90px;width:100%;margin:0 auto}
@media (max-width:768px){.achievements .slides{width:100%}}
.achievements .slide{text-align:center;flex:1}
.achievements .slide img{margin-bottom:24px}
@media (max-width:768px){.achievements .slide img{margin-bottom:10px}}
.achievements .slide div{font-family:Montserrat,sans-serif;font-size:22px;color:#2ca4dd;font-weight:700}
@media (max-width:768px){.achievements .slide div{font-size:20px;line-height:30px}}

/* Simple slider */
.custom-slider{position:relative}
.custom-slider .swiper{overflow:hidden}
.custom-slider .swiper-wrapper{display:flex;gap:30px;justify-content:center}
.custom-slider .swiper-slide{flex:0 0 328px}
.swiper-button-prev-wrapper,.swiper-button-next-wrapper{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.swiper-button-prev-wrapper{left:-60px}
.swiper-button-next-wrapper{right:-60px}
@media (max-width:1115px){.achievements .slides{padding:0 100px}.swiper-button-prev-wrapper{left:20px}.swiper-button-next-wrapper{right:20px}}
@media (max-width:500px){.achievements .slides{padding:0}.swiper-button-prev-wrapper,.swiper-button-next-wrapper{display:none}}

/* Employees */
.employees .swiper-wrap{position:relative}
.employees .custom-slider .swiper{overflow:hidden}
.employees .custom-slider .swiper-wrapper{display:flex;gap:30px}
.employees .custom-slider .swiper-slide{flex:0 0 325px}
.employees .slide .photo-wrap{width:260px;height:260px;margin:0 auto 10px auto}
.employees .slide .photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.employees .slide .name{font-family:Montserrat,sans-serif;font-size:20px;color:#215a93;font-weight:700;margin-bottom:6px}
.employees .slide .position{font-family:Montserrat,sans-serif;font-size:16px;color:#4b4b4b}
.employees .swiper-wrap .swiper-button-prev-wrapper,.employees .swiper-wrap .swiper-button-next-wrapper{top:42%}

/* Gallery page: 5 per row */
.gallery-grid-aria{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media (max-width:1200px){.gallery-grid-aria{grid-template-columns:repeat(4,1fr)}}
@media (max-width:992px){.gallery-grid-aria{grid-template-columns:repeat(3,1fr)}}
@media (max-width:576px){.gallery-grid-aria{grid-template-columns:repeat(2,1fr)}}
.gallery-grid-aria img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}

/* Directions/Suppport tabs */
.directions__tabs{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.directions__tabs-tab{display:inline-block;padding:10px 14px;border-radius:999px;text-decoration:none;color:#215a93;background:#eef5ff;font-weight:600}
.directions__tabs-tab-active{background:#215a93;color:#fff}
.directions-btn{display:inline-block;background:#0b335b;color:#fff;text-decoration:none;padding:12px 22px;border-radius:8px}

/* ==========================================================================
   Curved Section (Секция с дугообразным clip-path)
   ==========================================================================
   Использование: добавьте класс .section-curved к секции с фоновым изображением
   Пример: <section class="section-curved" style="background-image: url('/images/bg.jpg')">

   Модификаторы:
   - .section-curved-sm  — меньший изгиб (90% 48%)
   - .section-curved-lg  — больший изгиб (75% 48%)
   ========================================================================== */
.section-curved,
.section-curved-sm,
.section-curved-lg {
  position: relative;
}
.section-curved::before,
.section-curved-sm::before,
.section-curved-lg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 0;
}
.section-curved > *,
.section-curved-sm > *,
.section-curved-lg > * {
  position: relative;
  z-index: 1;
}
.section-curved {
  clip-path: ellipse(85% 48% at 50% 50%);
  padding: 150px 0;
}
.section-curved-sm {
  clip-path: ellipse(90% 48% at 50% 50%);
  padding: 140px 0;
}
@media (max-width: 768px) {
  .section-curved-sm {
    clip-path: none;
    padding: 60px 0;
  }
}
.section-curved-lg {
  clip-path: ellipse(75% 48% at 50% 50%);
  padding: 160px 0;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraRoundPro";
  src: url("/fonts/CeraRoundPro-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraRoundPro";
  src: url("/fonts/CeraRoundPro-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraRoundPro";
  src: url("/fonts/CeraRoundPro-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraRoundPro";
  src: url("/fonts/CeraRoundPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.b-1-r {
  border: 1px solid red;
}

.b-1-g {
  border: 1px solid green;
}

.b-1-b {
  border: 1px solid blue;
}

.b-1-p {
  border: 1px solid purple;
}

.b-2-r {
  border: 2px solid red;
}

.b-2-g {
  border: 2px solid green;
}

.b-2-b {
  border: 2px solid blue;
}

.b-2-p {
  border: 2px solid purple;
}

.b-r {
  border: 1px solid red;
}

.b-g {
  border: 1px solid green;
}

.b-b {
  border: 1px solid blue;
}

.b-p {
  border: 1px solid purple;
}

.br-2 {
  border-radius: 2px;
}
.br-4 {
  border-radius: 4px;
}
.br-6 {
  border-radius: 6px;
}
.br-8 {
  border-radius: 8px;
}
.br-10 {
  border-radius: 10px;
}

.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: 0.25em;
}
.pl-2 {
  padding-left: 0.5em;
}
.pl-3 {
  padding-left: 1em;
}
.pl-4 {
  padding-left: 3em;
}
.pl-5 {
  padding-left: 5em;
}
.pr-0 {
  padding-right: 0;
}
.pr-1 {
  padding-right: 0.25em;
}
.pr-2 {
  padding-right: 0.5em;
}
.pr-3 {
  padding-right: 1em;
}
.pr-4 {
  padding-right: 3em;
}
.pr-5 {
  padding-right: 5em;
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 0.25em;
}
.pt-2 {
  padding-top: 0.5em;
}
.pt-3 {
  padding-top: 1em;
}
.pt-4 {
  padding-top: 3em;
}
.pt-5 {
  padding-top: 5em;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 0.25em;
}
.pb-2 {
  padding-bottom: 0.5em;
}
.pb-3 {
  padding-bottom: 1em;
}
.pb-4 {
  padding-bottom: 3em;
}
.pb-5 {
  padding-bottom: 5em;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.px-1 {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.py-1 {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.px-2 {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.py-2 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.px-3 {
  padding-left: 1em;
  padding-right: 1em;
}
.py-3 {
  padding-top: 1em;
  padding-bottom: 1em;
}
.px-4 {
  padding-left: 3em;
  padding-right: 3em;
}
.py-4 {
  padding-top: 3em;
  padding-bottom: 3em;
}
.px-5 {
  padding-left: 5em;
  padding-right: 5em;
}
.py-5 {
  padding-top: 5em;
  padding-bottom: 5em;
}
.p-0 {
  padding: 0;
}
.p-1 {
  padding: 0.25em;
}
.p-2 {
  padding: 0.5em;
}
.p-3 {
  padding: 1em;
}
.p-4 {
  padding: 3em;
}
.p-5 {
  padding: 5em;
}

.ml-0 {
  margin-left: 0;
}
.ml-1 {
  margin-left: 0.25em;
}
.ml-2 {
  margin-left: 0.5em;
}
.ml-3 {
  margin-left: 1em;
}
.ml-4 {
  margin-left: 3em;
}
.ml-5 {
  margin-left: 5em;
}
.mr-0 {
  margin-right: 0;
}
.mr-1 {
  margin-right: 0.25em;
}
.mr-2 {
  margin-right: 0.5em;
}
.mr-3 {
  margin-right: 1em;
}
.mr-4 {
  margin-right: 3em;
}
.mr-5 {
  margin-right: 5em;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 0.25em;
}
.mt-2 {
  margin-top: 0.5em;
}
.mt-3 {
  margin-top: 1em;
}
.mt-4 {
  margin-top: 3em;
}
.mt-5 {
  margin-top: 5em;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: 0.25em;
}
.mb-2 {
  margin-bottom: 0.5em;
}
.mb-3 {
  margin-bottom: 1em;
}
.mb-4 {
  margin-bottom: 3em;
}
.mb-5 {
  margin-bottom: 5em;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.mx-1 {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.my-1 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.mx-2 {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.mx-3 {
  margin-left: 1em;
  margin-right: 1em;
}
.my-3 {
  margin-top: 1em;
  margin-bottom: 1em;
}
.mx-4 {
  margin-left: 3em;
  margin-right: 3em;
}
.my-4 {
  margin-top: 3em;
  margin-bottom: 3em;
}
.mx-5 {
  margin-left: 5em;
  margin-right: 5em;
}
.my-5 {
  margin-top: 5em;
  margin-bottom: 5em;
}
.m-0 {
  margin: 0;
}
.m-1 {
  margin: 0.25em;
}
.m-2 {
  margin: 0.5em;
}
.m-3 {
  margin: 1em;
}
.m-4 {
  margin: 3em;
}
.m-5 {
  margin: 5em;
}
.m-auto {
  margin: 0 auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}

.d-flex {
  display: flex;
}
.d-ac {
  align-items: center;
}
.d-as {
  align-items: flex-start;
}
.d-ae {
  align-items: flex-end;
}
.d-js {
  justify-content: flex-start;
}
.d-jc {
  justify-content: center;
}
.d-ja {
  justify-content: space-around;
}
.d-jb {
  justify-content: space-between;
}
.d-je {
  justify-content: flex-end;
}
.d-dr {
  flex-direction: row;
}
.d-dc {
  flex-direction: column;
}
.d-ac-js {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.d-ac-jc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-ac-ja {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.d-ac-jb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.d-ac-je {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.d-as-js {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.d-as-jc {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.d-as-ja {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
.d-as-jb {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.d-as-je {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.d-ae-js {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.d-ae-jc {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.d-ae-ja {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}
.d-ae-jb {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.d-ae-je {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1;
  font-weight: 400;
  font-size: 16px;
  color: #242424;
  background-color: white;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body, html {
  margin: 0;
  padding: 0;
  border: 0;
}

@media screen and (max-width: 630px) {
  html::-webkit-scrollbar {
    display: none;
  }
}

/* Скрыть скроллбар для Gecko (Firefox) */
@media screen and (max-width: 630px) {
  html {
    scrollbar-width: none;
  }
}

body {
  min-width: 320px;
}

.c-p {
  cursor: pointer;
}

.t-center {
  text-align: center;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}

.btn {
  background-color: #43AAFF;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  color: #F0EFEF;
  font-weight: 400;
  padding: 25px 64px;
  cursor: pointer;
  width: fit-content;
  line-height: 150%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  box-shadow: inset 0px 4px 10px rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 768px) {
  .btn {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    color: #F0EFEF;
    font-weight: 400;
    padding: 25px 30px;
  }
}

/*# sourceMappingURL=main.css.map */