/* about.css — Version: 1.6.0
   Страница „За нас“. Блокът със статистиките (`.mk-stat`, `.stat-num`,
   `.stat-txt`) идва от началната страница и се стилизира в `home.css` —
   тук не се повтаря. */

/* ── Общо за секциите ─────────────────────────────────────────────────── */
/* Ширината на всяка джаджа идва от CSS файла, който Elementor генерира за
   страницата. Данните тук са записани програмно, затова този файл може да
   липсва и джаджите да се подредят в ред една до друга — обвивката им е
   `flex-direction: row`. Ширината се закотвя тук, за да не зависи от него. */
.mk-abt-sec .elementor-widget-wrap > .elementor-widget { width: 100% !important; }
.mk-abt-sec > .elementor-container { max-width: 1300px !important; }
.mk-abt-sec-h .elementor-heading-title { font-size: 30px !important; font-weight: 800 !important;
          color: #362A4B !important; line-height: 1.2 !important; margin-bottom: 14px !important; }
.mk-abt-sec-lead { font-size: 16px !important; line-height: 26px !important; color: #6E6880 !important;
          max-width: 760px !important; margin: 0 auto 36px !important; }

/* ── Начало ───────────────────────────────────────────────────────────── */
/* Същият ритъм като навсякъде: надписът без отстъп отдолу, заглавието с 14
   отгоре. Иначе двата отстъпа се събираха на 21. */
.mk-abt-sec > .elementor-container .eyebrow,
.mk-abt-sec > .elementor-container .eyebrow .elementor-heading-title { margin-bottom: 0 !important; }
.mk-abt-title .elementor-heading-title { font-size: 34px !important; font-weight: 800 !important;
          color: #362A4B !important; line-height: 1.18 !important; margin-top: 14px !important; }
.mk-abt-lead { max-width: 860px !important; margin: 22px auto 0 !important; }
.mk-abt-lead p { font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important;
          margin: 0 0 14px !important; }
.mk-abt-lead p:last-child { color: #69528E !important; font-size: 16px !important; margin-top: 20px !important; }

/* ── Мисия и Визия ────────────────────────────────────────────────────── */
/* Двата стълба стоят един до друг; лявата ивица ги държи заедно, без да
   ги затваря в карти. */
.mk-abt-pillar > .elementor-element-populated { border-left: 3px solid #69528E !important;
          padding: 4px 0 4px 26px !important; }
.mk-abt-pillar-h .elementor-heading-title { font-size: 18px !important; font-weight: 800 !important;
          color: #69528E !important; margin-bottom: 12px !important; }
.mk-abt-pillar-t p { font-size: 15px !important; line-height: 24px !important; color: #4A4458 !important;
          margin: 0 0 12px !important; }

/* ── Как помагаме ─────────────────────────────────────────────────────── */
.mk-abt-helpsec { background: #F8F5FB !important; }
.mk-abt-help > .elementor-element-populated { background: #fff !important; border: 1px solid #EEE6F5 !important;
          padding: 24px 22px !important; height: 100% !important;
          transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; }
.mk-abt-help:hover > .elementor-element-populated { transform: translateY(-3px) !important;
          border-color: #DED0EA !important; box-shadow: 0 9px 20px rgba(54,42,75,.1) !important; }
/* Цифрата носи реда на картите, затова е голяма — размерът е същият като
   при другите номерирани карти в сайта (`.mk-ty-num`), където заглавието до
   нея също е 18px. При 13px тя четеше като надтекст, не като номер. */
.mk-abt-help-n .elementor-heading-title { font-size: 40px !important; font-weight: 800 !important;
          line-height: 1 !important; color: #C9BBD8 !important; margin-bottom: 12px !important; }
.mk-abt-help-h .elementor-heading-title { font-size: 18px !important; font-weight: 700 !important;
          color: #362A4B !important; line-height: 1.35 !important; margin-bottom: 9px !important; }
.mk-abt-help-t p { font-size: 15px !important; line-height: 24px !important; color: #6E6880 !important; margin: 0 !important; }

/* ── Постижения ───────────────────────────────────────────────────────── */
.mk-abt-ach { max-width: 820px !important; margin: 0 auto 40px !important; }
.mk-abt-ach p { font-size: 16px !important; line-height: 1.7 !important; color: #4A4458 !important;
          margin: 0 0 14px !important; }
/* Изречението, с което се представяме — то носи смисъла на целия блок. */
.mk-abt-ach p.mk-abt-claim { font-size: 16px !important; font-weight: 700 !important; color: #69528E !important;
          line-height: 1.45 !important; margin: 22px 0 !important; }

/* ── Екипът и управителят ─────────────────────────────────────────────── */
.mk-abt-ceo .mk-abt-ceo-img img { width: 100% !important; height: auto !important; display: block !important;
          border-radius: 0 !important; }
.mk-abt-ceo-name .elementor-heading-title { font-size: 18px !important; font-weight: 800 !important;
          color: #362A4B !important; margin: 16px 0 4px !important; }
.mk-abt-ceo-role p { font-size: 13px !important; line-height: 1.5 !important; color: #7B6B93 !important; margin: 0 !important; }
.mk-abt-team > .elementor-element-populated { padding-left: 34px !important; }
.mk-abt-team-t p { font-size: 16px !important; line-height: 1.72 !important; color: #4A4458 !important;
          margin: 0 0 14px !important; }
.mk-abt-marks-h .elementor-heading-title { font-size: 18px !important; font-weight: 800 !important;
          color: #362A4B !important; margin: 22px 0 12px !important; }
.mk-abt-marks ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.mk-abt-marks li { position: relative !important; padding-left: 26px !important; margin-bottom: 11px !important;
          font-size: 15px !important; line-height: 24px !important; color: #4A4458 !important; }
.mk-abt-marks li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 9px !important;
          width: 8px !important; height: 8px !important; background: #69528E !important; }

/* Заключението стои само, отделено с линия отгоре. */
.mk-abt-quote { margin-top: 56px !important; padding-top: 40px !important; border-top: 1px solid #EEE6F5 !important; }
.mk-abt-quote .elementor-heading-title { font-size: 18px !important; font-weight: 700 !important;
          color: #69528E !important; line-height: 1.5 !important; }

@media (max-width: 1024px) {
	.mk-abt-team > .elementor-element-populated { padding-left: 0 !important; padding-top: 28px !important; }
	.mk-abt-pillar > .elementor-element-populated { margin-bottom: 26px !important; }
}
@media (max-width: 767px) {
	.mk-abt-title .elementor-heading-title { font-size: 26px !important; }
	.mk-abt-sec-h .elementor-heading-title { font-size: 24px !important; }
	.mk-abt-quote .elementor-heading-title { font-size: 16px !important; }
}

/* ── „Мисия" и „Визия": повече въздух, по-тънка черта ───────────────
   Двете колони стояха близо една до друга и четенето прескачаше от
   единия текст в другия. Разстоянието между тях е 72px, по 36 от всяка
   страна — така и двете остават на еднакво отстояние от средата.
   Чертата отляво слезе от 3 на 1.5px: тя отбелязва, не огражда. */
.mk-abt-pillar > .elementor-element-populated {
	border-left-width: 1.5px !important;
	padding-left: 22px !important;
}

.mk-abt-pillar:first-child > .elementor-element-populated { margin-right: 36px !important; }
.mk-abt-pillar:last-child > .elementor-element-populated { margin-left: 36px !important; }

/* Под 1024px двете колони се нареждат една под друга и отстъпът от
   средата става отместване навътре: „Визия" тръгваше с 36px по-надясно
   от „Мисия", а чертата отляво се чупеше на стъпало. Селекторите тук
   повтарят `:first-child`/`:last-child`, защото без тях правилото
   отгоре е по-специфично и печели. */
@media (max-width: 1024px) {
	.mk-abt-pillar > .elementor-element-populated,
	.mk-abt-pillar:first-child > .elementor-element-populated,
	.mk-abt-pillar:last-child > .elementor-element-populated {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}