/* ── RESPONSIVE ── */

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1480px !important;
  }
}

@media (max-width: 991px) {
  .mpxy-custom {
    margin: 60px 0px;
    padding: 0px 24px !important;
  }
  .m-custom {
    margin: 60px 0px;
  }
  .faq__container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .faq {
    padding: 60px 24px;
  }
  .scroll-tab-section__tabs {
    padding: 0 20px;
  }
  .scroll-tab-section__panels {
    padding: 0 24px;
  }
  /* STACK LAYOUT */
  .scroll-tab-section__panel {
    flex-direction: column !important;
    gap: 24px;
    padding: 30px 0;
  }
  /* RESET ORDER FOR BOTH LEFT/RIGHT */
  .scroll-tab-section__panel--img-left .scroll-tab-section__image-col,
  .scroll-tab-section__panel--img-right .scroll-tab-section__image-col {
    order: 1;
  }
  .scroll-tab-section__panel--img-left .scroll-tab-section__content-col,
  .scroll-tab-section__panel--img-right .scroll-tab-section__content-col {
    order: 2;
  }
  /* IMAGE RESPONSIVE HEIGHT */
  .scroll-tab-section__image {
    width: 100%;
    object-fit: cover;
    max-width: 100%;
    height: auto;
  }
  /* IMAGE COLUMN FULL WIDTH */
  .scroll-tab-section__image-col {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .scroll-tab-section__features {
    grid-template-columns: repeat(2, 1fr);
  }
  .left-rigt-text__container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .herosection-two__container {
    grid-template-columns: 1fr;
    padding: 0 30px;
    gap: 40px;
  }
  .herosection-two__right {
    justify-content: center;
  }
  .herosection-two__image {
    max-width: 100%;
  }
  .herosection-two__body {
    max-width: 100%;
  }
  .cta-title {
    max-width: max-content;
  }
  .who-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .vrt-chart {
    background: linear-gradient(
      to bottom,
      #0c3f49 30%,
      #187688 100%
    ) !important;
  }
  .footer-bottom {
    align-items: flex-start;
  }
  .cta-2-about__btn-primary {
    margin-right: auto;
  }
  .cta-2-about__subtext {
    text-align: left;
  }
  .cta-2-about__headline {
    text-align: left;
  }
  .cta-2-about {
    padding: 60px 24px !important;
  }
  .page-id-32 .mobile-main-menu__nav {
    background: #0c3f49;
  }
  .mobile-main-menu {
    background: #0c3f49;
  }
  .page-id-32 .herosection-two {
    background: linear-gradient(to bottom, #0c3f49 41%, #187688 51%);
  }
  .page-id-32 nav {
    background: #0c3f49;
  }
  .hero-bg {
    position: absolute;
    top: 8%;
  }
  .herosection-two {
    padding: 120px 24px;
  }
  .hero-style-four-inner {
    padding: 120px 24px;
  }
  .hero-content {
    top: 32%;
    width: 100%;
    left: 0;
    padding: 3rem 24px;
  }
}

/* ── RESPONSIVE ── */

@media (max-width: 900px) {
  .left-right-text-image-inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .cta-inner {
    flex-direction: column;
    gap: 2rem;
  }
  .footer-top {
    grid-template-columns: 1fr 1fr;
  }
  .akambo-inner {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .why-inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .pillar-panel.active {
    flex-direction: column;
  }
  .pillar-panel-right {
    max-width: 100%;
  }
  .pillar-panel-right {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .cta-2-about__subtext {
    text-align: center;
  }
  .cta-2-about__headline {
    text-align: center;
  }
  .cta-2-about__btn-primary {
    margin-right: 0;
  }
  .why-section {
    padding: 60px 24px;
  }
  .pillars-section {
    padding: 60px 24px;
  }
  .pillar-panel {
    padding: 2rem 1.2rem;
  }
  .hero-shapes {
    display: none;
  }
  .navbar {
    padding: 25px 25px !important;
  }
  .hero-content {
    top: 26%;
    width: 100%;
    left: 0;
    padding: 3rem 24px;
  }
  .cards-section {
    padding: 15rem 53px 0rem 9px;
    margin-top: 0;
  }
  .swiper {
    padding: 0 1rem 1rem !important;
  }
  .section-padding {
    padding: 4rem 1.5rem;
  }
  .cta-section {
    padding: 60px 24px;
  }
  .footer-top {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .footer-bottom {
    flex-direction: column;
    gap: 1.8rem;
    text-align: center;
  }
  .site-footer {
    padding: 60px 24px 0px;
  }
  .cta-title {
    font-size: 42px;
  }
  .cta-sub {
    font-size: 18px;
  }
  .btn-cta-solid {
    width: auto;
    text-align: center;
    margin: 0 auto;
  }
  .btn-cta-outline {
    width: 100%;
    text-align: center;
  }
  .vrt-property__img {
    height: auto !important;
  }
  .cta-sub {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .btn-cta-solid {
    width: 100%;
    text-align: center;
  }
  .cta-sub {
    text-align: left;
  }
  .who-grid {
    grid-template-columns: 1fr;
  }
  .who-section {
    padding: 60px 24px;
  }
  .akambo-section {
    padding: 4rem 1.2rem;
  }
  .paragraph-main-title-teal {
    font-size: 32px;
  }
  .paragraph-main-body-ash {
    font-size: 18px;
  }
  .paragraph-main-title-white {
    font-size: 30px;
  }
  .paragraph-main-body-white {
    font-size: 18px;
  }
  .paragraph-main-highlited-badge {
    font-size: 12px;
  }
  .paragraph-main-highlited-badge-white {
    font-size: 12px;
  }
  .btn-style-bg-white {
    font-size: 14px;
    padding: 12px 20px;
  }
  .btn-style-trasparent {
    font-size: 14px;
    padding: 12px 20px;
  }
  .scroll-tab-section__panels {
    padding: 0 24px;
  }
  .scroll-tab-section__features {
    grid-template-columns: 1fr;
  }
  .pillars-title {
    font-size: 32px;
  }
  .pillar-tab {
    font-size: 14px;
  }
  .pillar-panel-title {
    font-size: 32px;
  }
  .pillar-panel-desc {
    font-size: 14px;
  }
  .pillars-badge {
    font-size: 12px;
  }
  .who-badge {
    font-size: 12px;
  }
  .who-title {
    font-size: 32px;
  }
  .who-card-text {
    font-size: 16px;
  }
  .who-highlight-box {
    font-size: 16px;
    padding: 15px 16px;
  }
  .who-card {
    padding: 16px;
  }
  .who-highlight-box p {
    margin-bottom: 0px;
  }
  .akambo-brand-title {
    font-size: 32px;
  }
  .stat-number {
    font-size: 40px;
  }
  .stat-label {
    font-size: 18px;
  }
  .resources-badge {
    font-size: 12px;
  }
  .resources-title {
    font-size: 32px;
  }
  .footer-bottom {
    align-items: flex-start;
  }
  .footer-links a {
    font-size: 14px;
  }
  .footer-simple-links a {
    font-size: 16px;
  }
  .footer-contact-item {
    font-size: 12px;
  }
  .footer-brand {
    margin-bottom: 1rem;
  }
  .footer-col-title {
    font-weight: 600;
  }
  .footer-simple-links li {
    margin-bottom: 1.5rem;
  }
  .footer-top {
    padding-bottom: 1.5rem;
  }
  .scroll-tab-section__desc {
    font-size: 16px;
  }
  .scroll-tab-section__feature-title {
    font-size: 16px;
  }
  .scroll-tab-section {
    padding-bottom: 40px !important;
  }
  .faq__heading {
    font-size: 32px;
  }
  .faq__question {
    font-size: 18px;
  }
  .cta-2-about__headline {
    font-size: 38px !important;
    text-align: left;
  }
  .cta-2-about__subtext {
    font-size: 18px !important;
    text-align: left;
  }
  .cta-2-about__btn-primary {
    width: 100%;
  }
  .cta-2-about__btn-secondary {
    width: 100%;
  }
  .herosection-two__eyebrow {
    font-size: 12px;
  }
  .herosection-two__heading {
    font-size: 36px;
    margin-bottom: 1.5rem;
  }
  .herosection-two__body {
    font-size: 14px;
  }
  .herosection-two__container {
    align-items: start;
  }
  .herosection-two {
    align-items: start;
  }
  .badge-pill {
    font-size: 12px;
  }
  .hero-title {
    font-size: 42px;
    margin-bottom: 18px;
  }
  .hero-sub {
    font-size: 14px;
    margin-bottom: 2rem;
  }
  .hero {
    min-height: 120vh;
  }
  .service-card {
    background: #011615;
  }
  .scroll-tab-section__tab-btn {
    font-size: 14px;
  }
}

.scroll-tab-section__tabs-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto !important;
  overflow-y: hidden;
  width: 100%;
  border: #eef4f3;
  background-color: #fff;
  padding: 20px 0;
}

.scroll-tab-section__tab-btn {
  flex: 0 0 auto;
}

/* When header is visible (scrolling up) push tabs down */

.site-header.scroll-down ~ * .scroll-tab-section__tabs-wrapper,
body.scroll-down .scroll-tab-section__tabs-wrapper {
  top: 80px;
  transition: top 0.5s ease-in-out;
  /* ← match your header height */
}

.blog-slide:hover .mega-menu__featured-link {
  color: #0c3f49;
}

.blog-slide:hover .mega-menu__featured-link svg {
  stroke: #43d0ec;
  margin-left: 6px;
  /* ← only arrow moves */
}

.rp-card:hover .mega-menu__featured-link {
  color: #0c3f49;
}

.rp-card:hover .mega-menu__featured-link svg {
  stroke: #43d0ec;
  margin-left: 6px;
  /* ← only arrow moves */
}