/*
 Theme Name:   Consulting Child Theme
 Theme URI:    https://consulting.stylemixthemes.com/
 Description:  Consulting Child Theme
 Author:       StylemixThemes
 Author URI:   https://stylemixthemes.com/
 Template:     consulting
 Version:      1.0.0
 Text Domain:  consulting-child
*/
/* capitalizing start */


/* =========================================================
   VARIABLES
   ========================================================= */

:root {
   --navy: #002e5b;
   --navy-soft: #0a4a85;

   --primary: #293088;
   --primary-dark: #1a2e6e;
   --primary-light: #3b4ba0;

   --accent: #ff2f4f;
   --accent-dark: #ff2b4e;

   --ink: #1c2b3a;
   --body-text: #000;

   --line: #e2e8f0;
   --line-blue: #d0d8f0;
   --line-light: #e0e5f7;

   --bg: #fff;
   --bg-tint: #f6f9fc;
   --bg-blue: #f5f7ff;
   --bg-blue-hover: #eef1fb;

   --muted: #6b7280;
   --muted-blue: #6b7ba4;

   --gray: #cecece;
   --gray-light: #ececec;
}


/* =========================================================
   GLOBAL
   ========================================================= */

h2 {
   margin-bottom: 10px;
}

.subtitle {
   line-height: normal !important;
   margin-top: 10px;
}

.stm-text.fwb {
   max-width: 300px;
   font-size: 15px;
   letter-spacing: 1px;
   line-height: normal;
}


/* =========================================================
   PAGE TITLES / BREADCRUMBS
   ========================================================= */

.page_title {
   background-color: var(--navy) !important;
   color: #fff !important;
}

.page_title.transparent h1,
#nea-arxiki-1 h2 {
   text-transform: capitalize;
}

.page_title.transparent .breadcrumbs span a,
.page_title.transparent .breadcrumbs span i.fa,
.breadcrumbs {
   color: #fff !important;
}

.widget .widget_title {
   border-top: 3px solid var(--navy) !important;
}

.widget.widget_archive ul li a {
   color: var(--navy) !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.stm-header.stm-header__hb .stm-iconbox .stm-iconbox__icon {
   background-color: var(--primary);
}

.stm-header .fa {
   font-size: 30px;
}

.stm-header
.stm-navigation.stm-navigation__default
> ul
> li.current-menu-item
> a,
.stm-header
.stm-navigation.stm-navigation__default
> ul
> li.current_page_parent
> a {
   color: var(--accent) !important;
}

body.header_transparent
.stm-header
.stm-navigation__default
> ul
> li.current-menu-item
> a {
   color: var(--primary);
}

body.header_transparent
.stm-header
.stm-navigation__default
> ul
> li
> a:hover {
   color: var(--accent);
}

.stm-header.stm-header__hb
.stm-navigation__default
> ul
> li
ul.sub-menu
li:hover,
.stm_mobile__header {
   background-color: var(--gray);
}

.stm-header__row.stm-header__row_bottom
.stm-header__element.object362.stm-header__element_
.stm-text.fwb {
   position: absolute;
   bottom: 20px;
   left: 4px;
}

.stm_btn.btn_icon-left.stm_hb_mbdc.stm_hb_sbdc_h {
   display: flex;
   align-items: center;
   gap: 15px;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
}


/* =========================================================
   HOME HEADER
   ========================================================= */

.home ul > li > a {
   color: #fff !important;
}

.home
.stm-header.stm-header__hb
.stm-iconbox
.stm-iconbox__info
.stm-iconbox__description,
.home
.stm-header.stm-header__hb
.stm-iconbox
.stm-iconbox__info
.stm-iconbox__text,
.consulting-rev-title,
.consulting-rev-title-2,
.consulting-rev-title-3 {
   color: #fff !important;
}


/* =========================================================
   SERVICES
   ========================================================= */

.stm_services.style_8 .stm_service__icon:before,
.stm_services.style_8 .stm_service::after {
   background-color: var(--primary);
}

.stm_services.style_8 .stm_service__icon i:before {
   color: var(--primary);
}

.stm_services.style_8 .stm_service:hover:after {
   box-shadow: 0 5px 30px var(--primary);
}

.stm_services.style_6
.item
.item_wr
.content
.read_more {
   color: var(--primary) !important;
}

.stm_services.style_6
.item
.item_wr
.content
.read_more
i {
   background-color: var(--primary) !important;
}

.stm_services.style_6
.item
.item_wr
.content
h5
a {
   font-size: 22px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.button,
.post-password-form input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
   background: var(--primary);
}

.btn-cta {
   display: inline-block;
   padding: 10px 24px;
   background-color: #242c89;
   border-radius: 4px;
   color: #fff !important;
   font-weight: 600;
   text-decoration: none !important;
   transition: background-color 0.2s ease;
}

.btn-cta:hover {
   background-color: var(--accent-dark);
}

.footer_cta {
   text-align: right;
}

.footer_cta_text {
   margin-bottom: 10px;
   color: var(--navy);
   font-size: 16px !important;
}


/* =========================================================
   SLIDER
   ========================================================= */

#slider-1-slide-1-layer-4 .button {
   background: var(--primary);
}

#slider-1-slide-1-layer-4 .button:hover {
   background: #c3c3c3;
   color: var(--primary);
}


/* =========================================================
   COUNTERS / STATS
   ========================================================= */

.stats_counter.style_1.right {
   border-left: none;
}

.stats_counter.style_1.left {
   border-left: 2px solid var(--primary);
}

.stats_counter .stats_counter_suffix {
   color: var(--accent);
}


/* =========================================================
   THEME COLORS / COMMON COMPONENTS
   ========================================================= */

.third_bg_color {
   background-color: var(--primary) !important;
}

.icon_box.style_1 .icon.font-color_third_bg i,
.icon_box.style_1 .icon.font-color_base_bg i,
.icon_box.style_1 .icon i {
   background-color: var(--primary);
}

.icon_box.style_1.icon_left_transparent .icon i {
   color: var(--primary);
}

.icon_box.style_10 .icon_box_inner {
   background-color: #632589;
}

.box-section .icon_box.style_10 .icon_box_inner {
   border-radius: 18px;
}

.info_box h4,
.info_box .read_more .stm_icon {
   color: var(--primary);
}

.wpb_wrapper .vc_pie_chart .vc_pie_chart_value {
   color: var(--primary);
}

.wpb_wrapper blockquote {
   border-left: 5px solid var(--primary);
}

.icon_box.style_1.icon_left p {
   font-size: 16px;
   line-height: 24px;
}


/* =========================================================
   CONTACT PAGE
   ========================================================= */

body.page-id-7883
.vc_tta-container
.vc_tta.vc_general.vc_tta-tabs.theme_style
.vc_tta-tabs-container
.vc_tta-tabs-list
.vc_tta-tab.vc_active
a {
   background: var(--accent);
   color: #fff;
}

.page-id-7883 .stm_contacts_widget ul li .icon,
.page-id-7883 .stm_contacts_widget ul.socials li a {
   color: var(--accent);
}

.page-id-7883
.stm_contact
.stm_contact_info
.stm_contact_row
a {
   color: var(--primary);
}

.page-id-7883 .button {
   background: var(--primary);
}

.page-id-7883 .button:hover i {
   color: var(--accent);
}

.page-id-7883 .third_bg_color {
   background-color: var(--primary) !important;
}


/* =========================================================
   BLOG / NEWS
   ========================================================= */

.blog .posts_grid h5:before {
   background: var(--primary);
}

.blog .posts_grid .post_date .fa,
.stm_post_details ul li i,
.stm_post_details .comments_num .fa {
   color: var(--primary);
}

.blog .widget .widget_title {
   border-top: 3px solid var(--primary);
}

.blog .widget.widget_search .search-form button,
.widget.widget_search .search-form button {
   background: var(--primary);
   color: #fff;
}

.blog .widget.widget_search .search-form button:hover,
.widget.widget_search .search-form button:hover {
   background: var(--gray);
   color: var(--primary);
}

.blog .widget.widget_archive ul li a {
   color: var(--primary);
}

.post_bottom_wr,
.stm_post_comments,
.stm_sidebar,
.blog .sidebar-area.default_widgets {
   display: none;
}


/* =========================================================
   HOMEPAGE
   ========================================================= */

.page-id-1024
.vc_btn3-container
.vc_general.vc_btn3.vc_btn3-color-theme_style_1 {
   background-color: var(--primary);
   border-color: var(--primary);
   color: #fff;
}

.page-id-1024
.vc_btn3-container
.vc_general.vc_btn3.vc_btn3-color-theme_style_1:hover,
.page-id-1024
.vc_btn3-container
.vc_general.vc_btn3.vc_btn3-color-theme_style_3:hover {
   background-color: #c3c3c3;
   border-color: #c3c3c3;
   color: var(--primary);
}

.page-id-1024 .vc_custom_heading h3 mark,
.page-id-1024 .stm_news .news_list li .date:before {
   color: var(--primary);
}


/* =========================================================
   FOOTER
   ========================================================= */

#footer .container.footer-top {
   background-color: var(--gray-light);
}

#footer .footer_widgets .textwidget {
   font: message-box;
}

#footer .widget-content .newsletter-form .instruction {
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: left;
}

#footer .wpcf7-form-control {
   background-color: var(--primary);
   color: #fff;
}

#footer
.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
   background-color: #fff;
   color: var(--primary);
}

.container .copyright-wrap a {
   color: #fff !important;
}

.container .copyright-wrap a:hover {
   color: var(--primary) !important;
   text-decoration: none;
}


/* =========================================================
   IMAGES
   ========================================================= */

.wpb_single_image.wpb_content_element.vc_align_left {
   margin-bottom: 10px;
}

.wpb_single_image img {
   border: 1px solid #ddd;
   border-radius: 5px;
}


/* =========================================================
   YOUTUBE
   ========================================================= */

.youtube-container {
   width: 100%;
   aspect-ratio: 16 / 9;
   overflow: hidden;
}

.youtube-container iframe {
   width: 300%;
   height: 100%;
   margin-left: -100%;
}

.ytp-title,
.ytp-expand-pause-overlay .ytp-pause-overlay,
#player-controls {
   display: none !important;
}


/* =========================================================
   PEOPLE SECTION
   ========================================================= */

.people-section,
.tc-section {
   background: var(--bg);
}

.people-section p,
.tc-section p {
   color: var(--primary-dark);
   font-size: 1rem;
   text-align: center;
}

.people-section-title {
   margin: 0 0 20px;
   color: #0d1b4b;
   font-size: 28px;
   font-weight: 700;
   text-align: center;
}

.people-section-sub {
   margin: 0 0 48px;
   color: var(--muted);
   font-family: "Roboto", sans-serif;
   font-size: 15px;
   line-height: 1.6;
   text-align: center;
}

.people-cols {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 28px;
   max-width: 860px;
   margin: 0 auto;
}

.people-group {
   padding: 28px 24px;
   background: var(--bg-blue);
   border: 1px solid var(--line-light);
   border-radius: 18px;
}

.people-group-header {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 20px;
}

.people-group-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 36px;
   height: 36px;
   flex-shrink: 0;
   background: var(--primary-dark);
   border-radius: 10px;
}

.people-group-icon svg {
   width: 18px;
   height: 18px;
   fill: none;
   stroke: #fff;
   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
}

.people-group-title {
   color: var(--primary-dark);
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 1.5px;
   text-transform: uppercase;
}

.people-group-desc {
   margin-bottom: 16px;
   padding-bottom: 16px;
   color: var(--muted);
   border-bottom: 1px solid var(--line-light);
   font-family: "Roboto", sans-serif;
   font-size: 13px;
   line-height: 1.6;
}

.people-pills {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}

.person-pill {
   display: inline-flex;
   align-items: center;
   gap: 7px;
   width: 100%;
   padding: 5px 14px 5px 6px;
   background: #fff;
   border: 1px solid var(--line-blue);
   border-radius: 999px;
   color: var(--primary-dark);
   cursor: default;
   font-size: 13px;
   font-weight: 500;
   transition:
      background 0.18s,
      border-color 0.18s,
      transform 0.15s;
}

.person-pill:hover {
   background: var(--bg-blue-hover);
   border-color: var(--primary-dark);
   transform: translateY(-1px);
}

.person-avatar {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 24px;
   height: 24px;
   flex-shrink: 0;
   background: var(--primary-dark);
   border-radius: 50%;
   color: #fff;
   font-size: 9px;
   font-weight: 700;
   letter-spacing: 0.3px;
}


/* =========================================================
   TRAINING / CITIES
   ========================================================= */

.tc-block-title {
   margin: 0 0 32px;
   color: #0d1b4b;
   font-size: 22px;
   font-weight: 700;
   text-align: center;
}

.tc-divider {
   margin: 56px auto;
   border: 0;
   border-top: 1.5px solid #e8ecf7;
}

.training-grid {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 16px;
   max-width: 900px;
   margin: 0 auto;
}

.training-item {
   display: flex;
   grid-column: span 2;
   align-items: flex-start;
   gap: 14px;
   padding: 20px 18px;
   background: var(--bg-blue);
   border: 1px solid var(--line-light);
   border-radius: 14px;
   color: var(--primary-dark);
   text-decoration: none;
   transition:
      transform 0.18s,
      box-shadow 0.18s;
}

.training-item:hover {
   transform: translateY(-3px);
   box-shadow: 0 6px 16px rgba(30, 40, 90, 0.12);
}

.training-item:nth-child(4) {
   grid-column: 2 / span 2;
}

.training-item:nth-child(5) {
   grid-column: 4 / span 2;
}

.training-icon svg {
   width: 26px;
   height: 26px;
   flex-shrink: 0;
   fill: none;
   stroke: var(--primary-light);
   stroke-width: 1.8;
   stroke-linecap: round;
   stroke-linejoin: round;
}

.training-label {
   font-size: 15px;
   font-weight: 500;
   line-height: 1.35;
}

.cities-wrapper {
   max-width: 860px;
   margin: 0 auto;
   text-align: center;
}

.cities-pills {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 10px;
}

.city-tag {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 7px 18px;
   background: var(--bg-blue);
   border: 1px solid var(--line-blue);
   border-radius: 999px;
   color: var(--primary-dark);
   cursor: default;
   font-size: 14px;
   font-weight: 500;
   transition:
      background 0.18s,
      border-color 0.18s,
      transform 0.15s;
}

.city-tag:hover {
   background: #e0e6fb;
   border-color: var(--primary-dark);
   transform: translateY(-2px);
}

.city-tag::before {
   width: 7px;
   height: 7px;
   flex-shrink: 0;
   background: var(--primary-dark);
   border-radius: 50%;
   content: "";
   opacity: 0.5;
}


/* =========================================================
   SKILLS
   ========================================================= */

.skills-grid {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}

.skill-tag {
   padding: 5px 10px;
   background: #fff;
   border: 1px solid var(--line-blue);
   border-radius: 999px;
   color: var(--primary-dark);
   font-size: 14px;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.timeline {
   position: relative;
   padding-left: 2rem;
}

.timeline::before {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 1px;
   background: linear-gradient(
      to bottom,
      var(--primary-dark) 0%,
      rgba(26, 46, 110, 0.3) 60%,
      transparent 100%
   );
   content: "";
}

.timeline-item {
   position: relative;
   padding: 0 0 4rem 3rem;
   opacity: 0;
   transform: translateX(-20px);
   transition: all 0.6s ease;
}

.timeline-item.visible {
   opacity: 1;
   transform: translateX(0);
}

.timeline-dot {
   position: absolute;
   top: 0.25rem;
   left: -2.4rem;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 14px;
   height: 14px;
   background: #fff;
   border: 1px solid var(--primary-dark);
   border-radius: 50%;
}

.timeline-dot::after {
   width: 5px;
   height: 5px;
   background: var(--primary-dark);
   border-radius: 50%;
   content: "";
}

.timeline-num {
   color: var(--primary-dark);
   font-size: 0.85rem;
   letter-spacing: 0.2em;
}

.timeline-title {
   margin-bottom: 0.5rem;
   color: var(--primary-dark);
   font-size: 1.8rem;
   font-weight: 400;
   line-height: 1.2;
}

.timeline-role {
   margin-bottom: 1.2rem;
   color: var(--muted-blue);
   font-size: 0.85rem;
   line-height: 1.6;
}


/* =========================================================
   MANAGEMENT FLOW
   ========================================================= */

.mgmt-flow {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   gap: 0;
   padding-bottom: 1rem;
}

.flow-step {
   display: flex;
   flex: 1;
   align-items: center;
   min-width: 160px;
}

.flow-box {
   flex: 1;
   padding: 1.5rem;
   background: #fff;
   border: 1px solid var(--line-blue);
   text-align: center;
   transition: all 0.3s;
}

.flow-box:hover {
   background: #f5f7fc;
   border-color: var(--primary-dark);
}

.flow-box--top {
   background: rgba(26, 46, 110, 0.05);
   border-color: var(--primary-dark);
}

.flow-box .step-n {
   color: var(--primary-dark);
   font-size: 0.8rem;
   letter-spacing: 0.2em;
}

.flow-box h4 {
   color: var(--primary-dark);
   font-size: 1.1rem;
   font-weight: 400;
   line-height: 1.3;
}

.flow-arrow {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   flex-shrink: 0;
   color: var(--line-blue);
   font-size: 1.1rem;
}


/* =========================================================
   MANAGEMENT CARDS
   ========================================================= */

.mgmt-cards {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 1px;
   background: rgba(26, 46, 110, 0.08);
   border: 1px solid rgba(26, 46, 110, 0.08);
}

.mgmt-card {
   padding: 2.5rem;
   background: #fff;
   transition: background 0.3s;
}

.mgmt-card:hover {
   background: #f5f7fc;
}

.mgmt-card-num {
   margin-bottom: 1rem;
   color: var(--primary-dark);
   font-size: 3.5rem;
   font-weight: 300;
   line-height: 1;
}

.mgmt-card h3 {
   margin-bottom: 0.7rem;
   color: var(--primary-dark);
   font-size: 1.4rem;
   font-weight: 400;
}

.mgmt-card .role-desc {
   margin-bottom: 1.5rem;
   padding-bottom: 1.5rem;
   color: var(--primary-dark);
   border-bottom: 1px solid var(--line-blue);
   font-size: 1rem;
   line-height: 1.7;
}

.mgmt-skills {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
}

.mgmt-skill {
   display: flex;
   align-items: center;
   gap: 0.7rem;
   color: var(--primary-dark);
   font-size: 1rem;
}

.mgmt-skill::before {
   width: 4px;
   height: 4px;
   flex-shrink: 0;
   background: var(--primary-dark);
   border-radius: 50%;
   content: "";
}


/* =========================================================
   STORY / HERO / STATS
   ========================================================= */

.eyebrow {
   display: flex;
   align-items: center;
   gap: 14px;
   margin-bottom: 22px;
}

.eyebrow span {
   color: var(--navy);
   font-family: "Inter", sans-serif;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 0.09em;
   text-transform: uppercase;
   white-space: nowrap;
}

.eyebrow::after {
   flex: 1;
   height: 1px;
   background: var(--line);
   content: "";
}

.role {
   margin: 6px 0 28px;
   color: var(--navy-soft);
   font-size: 15px;
   font-style: italic;
}

.hero {
   padding: 0 0 56px;
}

.story {
   padding: 56px 0;
   border-top: 1px solid var(--line);
}

.story:first-of-type {
   padding-top: 48px;
   border-top: 2px solid var(--navy);
}

.stats {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0;
   margin: 28px 0 44px;
   overflow: hidden;
   border: 1px solid var(--line);
   border-radius: 10px;
}

.stat {
   padding: 22px 20px;
   border-left: 1px solid var(--line);
   text-align: center;
}

.stat:first-child {
   border-left: none;
}

.stat .num {
   display: block;
   margin-bottom: 6px;
   color: var(--navy);
   font-family: "Poppins", sans-serif;
   font-size: clamp(22px, 2.6vw, 28px);
   font-weight: 800;
}

.stat .label {
   color: var(--body-text);
   font-size: 13px;
   line-height: 1.4;
}


/* =========================================================
   STAGES
   ========================================================= */

.stages {
   display: grid;
   grid-template-columns: 1fr auto 1fr auto 1fr;
   align-items: stretch;
   gap: 0;
}

.stage-box {
   padding: 26px 24px;
   background: var(--bg-tint);
   border: 1px solid var(--line);
   border-radius: 10px;
}

.stage-box p {
   margin: 0;
   color: var(--body-text);
   font-size: 15px;
   line-height: 1.7;
}

.stage-box p strong {
   color: var(--ink);
}

.stage-arrow {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 14px;
   color: var(--navy);
   font-size: 20px;
}

.foot-note {
   padding: 40px 0 72px;
   color: var(--body-text);
   border-top: 1px solid var(--line);
   font-size: 14px;
   line-height: 1.6;
}


/* =========================================================
   TABS
   ========================================================= */

.vc_tta-panel {
   margin-top: 5% !important;
}

.vc_tta-color-grey.vc_tta-style-modern
.vc_tta-tab.vc_active
> a {
   background-color: var(--navy) !important;
   color: #fff !important;
}

body
.vc_tta-container
.vc_tta.vc_general.vc_tta-tabs.theme_style
.vc_tta-tabs-container
.vc_tta-tabs-list
.vc_tta-tab
a {
   padding: 15px 28px;
}


/* =========================================================
   MISC
   ========================================================= */

.sxetika-me-emas h4 {
   margin-bottom: 10px !important;
}

.stm-icon:before {
   content: "\e9c7";
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

/* Header */
@media (max-width: 1024px) {
   .stm-header__hb
   .stm-navigation__default
   > ul
   > li
   > a {
      color: var(--navy) !important;
   }
}

@media (max-width: 1200px) {
   .stm-header__element.object263 {
      display: none;
   }
}

@media (min-width: 1450px) {
   body.header_transparent
   .stm-header
   .stm-navigation__default
   > ul
   > li
   > a {
      font-size: 16px;
   }
}


/* Tablet */
@media (max-width: 720px) {
   .training-grid {
      grid-template-columns: repeat(2, 1fr);
   }

   .training-item,
   .training-item:nth-child(4),
   .training-item:nth-child(5) {
      grid-column: span 1;
   }
}


/* Mobile */
@media (max-width: 640px) {
   .timeline-item {
      padding: 0 0 4rem 1rem;
   }

   .flow-step {
      flex: 1 1 100%;
   }

   .flow-arrow {
      width: 100%;
      padding: 0.2rem 0;
      transform: rotate(90deg);
   }

   .stats {
      grid-template-columns: 1fr;
   }

   .stat {
      border-top: 1px solid var(--line);
      border-left: none;
   }

   .stat:first-child {
      border-top: none;
   }

   .stages {
      grid-template-columns: 1fr;
      gap: 0;
   }

   .stage-arrow {
      padding: 10px 0;
      transform: rotate(90deg);
   }

   .training-grid {
      grid-template-columns: 1fr;
   }

   .tc-section {
      padding: 48px 20px;
   }

   .tc-block-title {
      font-size: 20px;
   }

   .people-cols {
      grid-template-columns: 1fr;
   }

   .people-section {
      padding: 48px 20px;
   }

   .people-section-title {
      font-size: 22px;
   }
}


/* Small mobile */
@media (max-width: 420px) {
   .training-grid {
      grid-template-columns: 1fr;
   }
}