/* ==========================================================================
   RESPONSIVE FIX — PART 1
   Replaces the flat, non-responsive `body.language-mm` block in custom.css.
   Breakpoints mirror the ones already used in main.css for the same
   components, so English and Myanmar scale down in step with each other.

   Drop-in replacement: delete the old `body.language-mm { ... }` block
   (Home Page CSS section) from custom.css and paste this in its place.
   Keep everything else in custom.css (fonts, lang-dropdown, swiper fixes,
   and the page-specific font-size blocks further down) as-is — those are
   handled in the sections below this comment.
   ========================================================================== */

/* ---- Hero title (Home / front-page.php) ---- */
body.language-mm .hero-title {
  font-size: 70px;
  line-height: 1.5;
}
@media (max-width: 1199.98px) {
  body.language-mm .hero-title {
    font-size: 58px;
  }
}
@media (max-width: 991.98px) {
  body.language-mm .hero-title {
    font-size: 48px;
    /* line-height: 1.4; */
  }
  body.language-mm .text-highlight {
    height: 70px;
  }
}
@media (max-width: 767.98px) {
  body.language-mm .hero-title {
    font-size: 40px;
    /* line-height: 1.35; */
  }
}
@media (max-width: 575.98px) {
  body.language-mm .hero-title {
    font-size: 32px;
    /* line-height: 1.3; */
  }
}

body.language-mm .text-highlight {
  display: inline-block !important;
}

body.language-mm .about-title {
  font-size: 30px !important;
  line-height: 60px;
}
@media (max-width: 991.98px) {
  body.language-mm .about-title {
    font-size: 26px !important;
    line-height: 44px;
  }
}
@media (max-width: 575.98px) {
  body.language-mm .about-title {
    font-size: 22px !important;
    line-height: 34px;
  }
}

body.language-mm .about .arrow-link {
  font-size: 18px;
  text-decoration: underline;
}
@media (max-width: 575.98px) {
  body.language-mm .about .arrow-link {
    font-size: 15px;
  }
}

body.language-mm .video-grow-text {
  font-size: 40px;
  width: 80%;
  margin: 0 auto;
  line-height: normal;
}
@media (max-width: 991.98px) {
  body.language-mm .video-grow-text {
    font-size: 32px;
    width: 90%;
  }
}
@media (max-width: 575.98px) {
  body.language-mm .video-grow-text {
    font-size: 24px;
    width: 100%;
  }
}

body.language-mm .home-page .slider-title {
  font-size: 30px;
}
@media (max-width: 767.98px) {
  body.language-mm .home-page .slider-title {
    font-size: 28px;
  }
}

body.language-mm .home-page .latest-updates .container .industries-title {
  font-size: 30px;
  line-height: normal;
}
@media (max-width: 767.98px) {
  body.language-mm .home-page .latest-updates .container .industries-title {
    font-size: 26px;
  }
}

body.language-mm .service-card .card-title {
  font-size: 28px;
  margin-bottom: 20px !important;
}
@media (max-width: 575.98px) {
  body.language-mm .service-card .card-title {
    font-size: 22px;
  }
}
body.language-mm .service-card .card-subtitle {
  font-size: 18px;
}
@media (max-width: 575.98px) {
  body.language-mm .service-card .card-subtitle {
    font-size: 15px;
  }
}

@media (min-width: 1600px) {
  .service-card {
    max-width: 1640px;
    margin: 0 auto;
  }
}

body.language-mm .container .organizations-title {
  font-size: 44px !important;
  line-height: normal;
}

@media (max-width: 993px) {
  body.language-mm .container .organizations-title {
    font-size: 34px !important;
  }
}
@media (max-width: 769.98px) {
  body.language-mm .container .organizations-title {
    font-size: 30px !important;
  }
}

body.language-mm .future-container .future-content-wrapper h3 {
  font-size: 30px;
}
@media (max-width: 575.98px) {
  body.language-mm .future-container .future-content-wrapper h3 {
    font-size: 22px;
  }
}

body.language-mm .home-page .latest-updates .container .link-underline-dark {
  font-size: 16px;
  text-decoration: underline;
}
@media (max-width: 575.98px) {
  body.language-mm .home-page .latest-updates .container .link-underline-dark {
    font-size: 14px;
  }
}

/* ---- Footer (footer.php) ---- */
body.language-mm footer .footer-title h1 {
  font-size: 44px;
}
@media (max-width: 767.98px) {
  body.language-mm footer .footer-title h1 {
    font-size: 32px;
  }
}
@media (max-width: 575.98px) {
  body.language-mm footer .footer-title h1 {
    font-size: 26px;
  }
}

body.language-mm footer .footer-content h4 {
  font-size: 24px;
}
@media (max-width: 575.98px) {
  body.language-mm footer .footer-content h4 {
    font-size: 20px;
  }
}

/* ==========================================================================
   Career Hub Page (page-career-hub.php)
   ========================================================================== */
body.language-mm .career-content .career-wrapper h2 {
  font-size: 36px;
}
@media (max-width: 767.98px) {
  body.language-mm .career-content .career-wrapper h2 {
    font-size: 26px;
  }
}

body.language-mm .our-culture .culture-wrapper h2 {
  font-size: 36px;
}
@media (max-width: 767.98px) {
  body.language-mm .our-culture .culture-wrapper h2 {
    font-size: 26px;
  }
}

/* ==========================================================================
   Opportunities for Interns Page (page-opportunities-for-interns.php)
   ========================================================================== */
body.language-mm
  .opportunities-interns-page
  .intern-journey-section
  .journey-title {
  font-size: 30px;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  body.language-mm
    .opportunities-interns-page
    .intern-journey-section
    .journey-title {
    font-size: 24px;
    line-height: 1.5;
  }
}

body.language-mm
  .opportunities-interns-page
  .intern-journey-section
  .feature-box
  .feature-title {
  line-height: 1.5;
}

body.language-mm
  .opportunities-interns-page
  .intern-testimonials-section
  .testimonials-title {
  font-size: 38px;
}
@media (max-width: 767.98px) {
  body.language-mm
    .opportunities-interns-page
    .intern-testimonials-section
    .testimonials-title {
    font-size: 26px;
  }
}

/* ==========================================================================
   Jobs Archive (archive-jobs.php)
   ========================================================================== */
body.language-mm .viewjobs-content h1 {
  font-size: 40px;
  line-height: 1.5;
  margin-bottom: 60px;
}
@media (max-width: 767.98px) {
  body.language-mm .viewjobs-content h1 {
    font-size: 28px;
    margin-bottom: 36px;
  }
}

/* ==========================================================================
   Contact Us Page (page-contact-us.php)
   ========================================================================== */
body.language-mm .contact-form-shell h2 {
  font-size: 34px;
}
@media (max-width: 767.98px) {
  body.language-mm .contact-form-shell h2 {
    font-size: 24px;
  }
}

@media (max-width: 992px) {
  .mobile-menu {
    padding: 48px 28px !important;
  }
}
@media (max-width: 575.98px) {
  .contact-page {
    padding-top: 0px !important;
  }
}
/* ==========================================================================
   Code of Conduct Page (page-code-of-conduct.php)
   ========================================================================== */
body.language-mm .conduct-page .title-section .title-component {
  font-size: 34px;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  body.language-mm .conduct-page .title-section .title-component {
    font-size: 24px;
    line-height: 1.5;
  }
}

/* ==========================================================================
   Milestones Page (page-milestones.php)
   ========================================================================== */
body.language-mm .milestones-page .title-component {
  font-size: 34px;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  body.language-mm .milestones-page .title-component {
    font-size: 24px;
    line-height: 1.5;
  }
}

body.language-mm .milestones-page .quote h4 {
  font-size: 24px;
}
@media (max-width: 575.98px) {
  body.language-mm .milestones-page .quote h4 {
    font-size: 18px;
  }
}

/* ==========================================================================
   About Us Page (page-about-us.php)
   ========================================================================== */
body.language-mm .about-page .title-section .about-intro__inner h2 {
  font-size: 36px;
  line-height: 1.6;
}
@media (max-width: 991.98px) {
  body.language-mm .about-page .title-section .about-intro__inner h2 {
    font-size: 28px;
    line-height: 1.5;
  }
}
@media (max-width: 575.98px) {
  body.language-mm .about-page .title-section .about-intro__inner h2 {
    font-size: 22px;
    line-height: 1.45;
  }
}

body.language-mm .about-page .title-section .about-numbers__heading h3 {
  font-size: 26px;
}
@media (max-width: 575.98px) {
  body.language-mm .about-page .title-section .about-numbers__heading h3 {
    font-size: 20px;
  }
}

body.language-mm .about-page .title-section .about-why__card h2 {
  font-size: 30px;
}
@media (max-width: 767.98px) {
  body.language-mm .about-page .title-section .about-why__card h2 {
    font-size: 22px;
  }
}

body.language-mm .about-page .title-section .about-why__item h3 {
  font-size: 25px;
}
@media (max-width: 575.98px) {
  body.language-mm .about-page .title-section .about-why__item h3 {
    font-size: 19px;
  }
}

body.language-mm .about-page .about-links .about-links__cta {
  font-size: 16px;
}
@media (max-width: 575.98px) {
  body.language-mm .about-page .about-links .about-links__cta {
    font-size: 14px;
  }
}

/* ==========================================================================
   RESPONSIVE FIX — PART 2
   Same approach as Part 1: these are drop-in replacements for the matching
   section headers already in custom.css. Delete each old flat block below
   and paste the corresponding fixed block in its place. Breakpoints mirror
   whatever main.css already uses for that exact component, so English and
   Myanmar scale down together.
   ========================================================================== */

/* ==========================================================================
   Services Page CSS (single-services.php)
   ========================================================================== */
body.language-mm .resource-planning .title-component {
  font-size: 38px;
}
@media (max-width: 768px) {
  body.language-mm .resource-planning .title-component {
    font-size: 26px;
  }
}

body.language-mm .capabilities .cap-title {
  font-size: 38px;
  height: 55px !important;
}
@media (max-width: 768px) {
  body.language-mm .capabilities .cap-title {
    font-size: 24px;
    height: auto !important;
  }
}

body.language-mm .accordion-header .title-text {
  font-size: 22px;
}
@media (max-width: 768px) {
  body.language-mm .accordion-header .title-text {
    font-size: 17px;
  }
}

/* ==========================================================================
   Product and Platform Page CSS (single-product-and-platform.php)
   ========================================================================== */
body.language-mm .about-hr .title-component {
  font-size: 38px;
}
@media (max-width: 768px) {
  body.language-mm .about-hr .title-component {
    font-size: 26px;
  }
}

body.language-mm .key-features .accordion-header .title-text {
  font-size: 20px;
}
@media (max-width: 768px) {
  body.language-mm .key-features .accordion-header .title-text {
    font-size: 16px;
  }
}

body.language-mm .resource-management .title-component {
  font-size: 38px;
}
@media (max-width: 768px) {
  body.language-mm .resource-management .title-component {
    font-size: 26px;
  }
}

body.language-mm .resource-management .resource-card .card-body h5 {
  font-size: 20px;
}
@media (max-width: 768px) {
  body.language-mm .resource-management .resource-card .card-body h5 {
    font-size: 17px;
  }
}

/* ==========================================================================
   Industries Page CSS (single-industry.php)

   NOTE: .digital-banking, .banking-solutions .understand/.transform/.optimize
   and .approach have NO base styling at all in main.css (checked — only the
   CSS `transform` property shows up in unrelated animation rules, not these
   class names). That's a gap independent of language/responsiveness — flag
   for a separate pass. The rules below only fix the parts that DO have a
   real base style to mirror (.title-component, .cap-title).
   ========================================================================== */
body.language-mm .digital-banking .title-component {
  font-size: 32px;
}
@media (max-width: 768px) {
  body.language-mm .digital-banking .title-component {
    font-size: 24px;
  }
}

body.language-mm .digital-banking .banking-solutions .cap-title {
  font-size: 38px;
  height: 65px;
}
@media (max-width: 768px) {
  body.language-mm .digital-banking .banking-solutions .cap-title {
    font-size: 24px;
    height: auto;
  }
}

body.language-mm .industry-accordion-container .accordion-header .title-text {
  font-size: 20px;
}
@media (max-width: 768px) {
  body.language-mm .industry-accordion-container .accordion-header .title-text {
    font-size: 16px;
  }
}

body.language-mm .digital-banking .text-center {
  font-size: 30px;
}
@media (max-width: 768px) {
  body.language-mm .digital-banking .text-center {
    font-size: 22px;
  }
}

body.language-mm .digital-banking .understand-title {
  font-size: 24px !important;
}
@media (max-width: 768px) {
  body.language-mm .digital-banking .understand-title {
    font-size: 19px !important;
  }
}

body.language-mm .digital-banking .understand-content {
  font-size: 16px !important;
}
@media (max-width: 768px) {
  body.language-mm .digital-banking .understand-content {
    font-size: 14px !important;
  }
}

/* ==========================================================================
   Our Business Page CSS (single-our-business.php)
   ========================================================================== */
body.language-mm .business-section .title-component {
  font-size: 34px;
  line-height: 1.6;
}
@media (max-width: 768px) {
  body.language-mm .business-section .title-component {
    font-size: 24px;
    line-height: 1.5;
  }
}

/* ==========================================================================
   Our Value Page CSS (page-our-values.php)
   ========================================================================== */
body.language-mm .values-page .title-component {
  font-size: 34px;
  line-height: 1.6;
}
@media (max-width: 768px) {
  body.language-mm .values-page .title-component {
    font-size: 24px;
    line-height: 1.5;
  }
}

/* ==========================================================================
   Case Study Page CSS (single-post.php, template-blog.php)
   Breakpoints here use 1199 / 991 / 767 (no .98) to match the exact
   convention main.css already uses around .casestudy-detail-page.
   ========================================================================== */
body.language-mm .casestudy-detail-page .casestudy-story-link__title {
  font-size: 25px;
}
@media (max-width: 991px) {
  body.language-mm .casestudy-detail-page .casestudy-story-link__title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  body.language-mm .casestudy-detail-page .casestudy-story-link__title {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
    .casestudy-page .case-grid-footer {
        flex-direction: row !important;
        align-items: center;
    }
}

body.language-mm .casestudy-detail-page .casestudy-story-quote {
  font-size: 24px;
  line-height: 1.6;
}
@media (max-width: 991px) {
  body.language-mm .casestudy-detail-page .casestudy-story-quote {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  body.language-mm .casestudy-detail-page .casestudy-story-quote {
    font-size: 18px;
    line-height: 1.5;
  }
}

body.language-mm .casestudy-detail-page .casestudy-detail-title {
  font-size: 38px;
}
@media (max-width: 1199px) {
  body.language-mm .casestudy-detail-page .casestudy-detail-title {
    font-size: 34px;
  }
}
@media (max-width: 991px) {
  body.language-mm .casestudy-detail-page .casestudy-detail-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  body.language-mm .casestudy-detail-page .casestudy-detail-title {
    font-size: 24px;
    line-height: 1.3;
  }
}

body.language-mm .case-studies .casestudies-title {
  font-size: 34px;
}
@media (max-width: 768px) {
  body.language-mm .case-studies .casestudies-title {
    font-size: 22px;
  }
}