/* Academyship about page: phone and small-tablet layout corrections.
   Loaded last in <head> so these rules refine the page foundation without
   changing the desktop composition. */

.ax-paperclip {
  display: inline-block;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: -4px;
}

body #goTop .ic-wrap {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
}

body #goTop .ic-wrap::before,
body #goTop .ic-wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  background: #fff;
  transform: translateX(-50%);
}

body #goTop .ic-wrap::before {
  top: 2px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translateX(-50%) rotate(45deg);
}

body #goTop .ic-wrap::after {
  top: 3px;
  width: 2px;
  height: 13px;
  border-radius: 2px;
}

/* Main headings use authored title case. CSS `capitalize` cannot distinguish
   major words from minor words such as "the", "of", "for" or "with". */
body .section-title,
body .section-title.text-normal,
body .academyship-about-area .section-title,
body .our-approch-area-style-one .section-title,
body .approach-area-about-page .section-title.academyship-display-title,
body .academyship-cta-area .section-title,
body .ax-mission-title,
body .ax-founder-title {
  text-transform: none !important;
}

@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
  }

  body {
    --ax-mobile-gutter: 16px;
    /* The page foundation sets a reduced root font-size, so mobile display
       sizes use px-based clamps instead of rem-based clamps. */
    --ax-mobile-title: clamp(32px, 9vw, 40px);
    overflow-wrap: break-word;
  }

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

  body main,
  body section,
  body section > .container,
  body .section-inner,
  body .row > * {
    min-width: 0;
  }

  body .section-title,
  body .ax-mission-title,
  body .ax-founder-title {
    width: 100% !important;
    max-width: 100% !important;
    font-family: "WelfareTitle", sans-serif !important;
    font-size: var(--ax-mobile-title) !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
    line-height: 1.04 !important;
    letter-spacing: 0.02em !important;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  body .section-title br,
  body .ax-founder-title br,
  body .top-description br,
  body .approch-area-left .disc br,
  body .single-approach-area-start .disc br {
    display: none;
  }

  body p,
  body .desc,
  body .text,
  body .disc,
  body .approach-list li {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  /* Mobile must never depend on a scroll animation to make content visible. */
  body .fade-anim,
  body .wow,
  body .academyship-slide-left,
  body .about-area-details .section-content-wrapper,
  body .approach-area-about-page .approach-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body .section-title-area .sub-title,
  body .about-area-details .section-subtitle,
  body .approach-area-about-page .section-subtitle,
  body .ax-mission-badge,
  body .ax-founder-eyebrow {
    max-width: 100% !important;
    min-height: 36px !important;
    padding: 7px 13px !important;
    gap: 10px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: normal;
  }

  body .section-title-area .sub-title::before,
  body .about-area-details .section-subtitle::before,
  body .approach-area-about-page .section-subtitle::before,
  body .ax-mission-badge i,
  body .ax-founder-eyebrow i {
    flex-basis: 12px !important;
    width: 12px !important;
    height: 12px !important;
  }

  /* Hero */
  /* The doorway sits at ~50.7% of abouthero.png (1612x975). `cover` on a phone
     scales that image about 3x, so a background-position of 56% did not nudge
     the door 6% right — it pushed it ~16% LEFT, because the offset from the
     anchor is multiplied by the scale factor. Anchoring on the door's own
     position is the stable answer: the further `cover` zooms in, the closer the
     result lands on dead centre, and it holds across every phone height. */
  body .academyship-banner-area.breadcrumb {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    background-position: 51% center;
  }

  body .academyship-banner-area.breadcrumb .banner-content-area {
    min-height: 0 !important;
    padding: 48px 0 56px !important;
  }

  body .academyship-banner-area .hero-left {
    max-width: 100% !important;
  }

  body .academyship-banner-area .hero-eyebrow {
    margin-bottom: 22px;
    padding: 8px 15px;
    font-size: 11px;
  }

  body .academyship-banner-area .hero-left .section-title {
    font-size: clamp(34px, 9.5vw, 42px) !important;
    line-height: 1.02 !important;
    letter-spacing: 0.01em !important;
    margin-bottom: 20px;
  }

  body .academyship-banner-area .hero-left .section-title .hero-line {
    white-space: normal;
  }

  body .academyship-banner-area .hero-left .desc {
    max-width: 34rem !important;
    padding-inline: 2px;
    font-size: 16px;
    line-height: 1.55;
  }

  body .academyship-banner-area .hero-markers {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
    margin-top: 28px;
  }

  /* 16px reads properly against the photograph — two steps up from the 12px
     this started at, and above desktop's 14px, which is right for a label the
     thumb is close to. The 46px min-height went with it: with the type this
     size the padding alone gives a well-proportioned chip at ~33px, so the
     min-height was only ever adding slack. */
  body .academyship-banner-area .hero-marker {
    /* justify-self, not width: the grid cell stays half the row so the four
       chips still line up in a 2x2, but each pill shrinks to its own label
       instead of being stretched across the whole cell. */
    justify-self: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    padding: 6px 14px;
    gap: 7px;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
  }

  body .academyship-banner-area .hero-scroll {
    min-width: 44px;
    min-height: 44px;
    margin-top: 32px;
  }

  /* Why Academyship exists */
  body .about-area-details.academyship-purpose {
    margin-top: 0 !important;
    padding: 64px 0 32px !important;
  }

  body .about-area-details .container.large,
  body .approach-area-about-page .container.large {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: var(--ax-mobile-gutter) !important;
  }

  body .about-area-details .section-header,
  body .about-area-details .section-title-wrapper,
  body .about-area-details .section-content-wrapper {
    display: block !important;
    width: 100% !important;
  }

  body .about-area-details .section-title {
    margin: 0 !important;
  }

  body .about-area-details .section-content-wrapper {
    margin-top: 28px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  body .about-area-details .info-list {
    margin-bottom: 24px;
  }

  body .about-area-details .info-list li,
  body .about-area-details .section-content .text {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body .academyship-purpose .academyship-action {
    min-height: 48px;
    max-width: 100%;
  }

  /* Mission */
  body .ax-mission-area {
    padding: 48px 0 24px !important;
  }

  body .ax-mission-inner {
    padding: 0 !important;
  }

  body .ax-mission-head {
    margin-bottom: 28px !important;
  }

  body .ax-mission-title {
    margin-bottom: 14px !important;
  }

  body .ax-mission-sub,
  body .ax-mission-cell p {
    font-size: 16px;
    line-height: 1.55;
  }

  body .ax-mission-cards {
    display: block !important;
  }

  body .ax-mission-cell {
    width: 100% !important;
    min-height: 0 !important;
    padding: 28px 0 !important;
  }

  body .ax-mission-top {
    gap: 16px;
    margin-bottom: 20px;
  }

  body .ax-mission-ico {
    width: 52px;
    height: 52px;
    border-radius: 13px;
  }

  body .ax-mission-ico svg {
    width: 25px;
    height: 25px;
  }

  body .ax-mission-cell h3 {
    font-size: 25px;
  }

  /* Promise / statistics panel */
  body .academyship-about-area .section-inner .section-top-area {
    padding: 40px 20px 24px !important;
  }

  body .academyship-about-area .about-bottom-content {
    display: flex !important;
    flex-direction: column !important;
  }

  body .academyship-about-area .section-inner .about-bottom-content .left-area ul li {
    padding: 24px 20px !important;
  }

  body .academyship-about-area .top-description {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body .academyship-about-area .section-inner .about-bottom-content .left-area ul li.with-icon {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    column-gap: 14px;
  }

  body .academyship-about-area .section-inner .about-bottom-content .left-area ul li.with-icon .icon img {
    width: 32px !important;
    height: 32px !important;
  }

  body .academyship-about-area .right-area,
  body .academyship-about-area .right-area .image-area {
    width: 100% !important;
    min-height: 0 !important;
  }

  body .academyship-about-area .right-area .image-area > img:first-child {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    object-fit: cover;
  }

  /* Values ticker */
  body .academyship-brand-area .section-inner {
    overflow: hidden !important;
  }

  body .academyship-brand-area .section-inner .left-text {
    flex: 0 0 116px !important;
    width: 116px !important;
    padding: 24px 14px !important;
  }

  body .academyship-brand-area .section-inner .left-text p {
    font-size: 22px !important;
  }

  body .academyship-brand-area .right-marquee-area {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden !important;
  }

  /* How we think */
  body .our-approch-area-style-one .section-inner {
    padding: 40px 20px !important;
  }

  body .our-approch-area-style-one .row {
    width: 100% !important;
    margin: 0 !important;
  }

  body .our-approch-area-style-one .col-lg-6 {
    width: 100% !important;
    padding: 0 !important;
  }

  body .our-approch-area-style-one .approch-area-left .disc {
    margin-top: 20px !important;
    font-size: 16px;
    line-height: 1.55;
  }

  body .our-approch-area-style-one .single-approach-area-start {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 16px !important;
    padding: 24px 18px !important;
    overflow: visible !important;
  }

  body .our-approch-area-style-one .single-approach-area-start .title {
    max-width: calc(100% - 42px);
    font-size: 21px !important;
    line-height: 1.2 !important;
  }

  body .our-approch-area-style-one .single-approach-area-start .disc {
    margin-top: 18px !important;
    font-size: 16px;
    line-height: 1.5;
  }

  body .our-approch-area-style-one .single-approach-area-start::after {
    top: 18px !important;
    right: 16px !important;
    font-size: 32px !important;
  }

  /* Principles */
  body .academyship-why-choose-us-area2 .section-inner .section-title-area {
    padding: 48px 20px 28px !important;
  }

  body .academyship-why-choose-us-area2 .bottom-content-area {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body .academyship-why-choose-us-area2 .why-choose-wrapper2 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 20px !important;
  }

  body .academyship-why-choose-us-area2 .why-choose-wrapper2 .title {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  body .academyship-why-choose-us-area2 .why-choose-wrapper2 .desc {
    font-size: 16px;
    line-height: 1.5;
  }

  body .academyship-why-choose-us-area2 .top-right-shape {
    display: none !important;
  }

  /* Capability */
  body .approach-area-about-page .section-spacing {
    padding: 64px 0 !important;
  }

  body .approach-area-about-page .section-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  body .approach-area-about-page .section-title-wrapper {
    display: block !important;
  }

  body .approach-area-about-page .section-subtitle {
    margin-left: 0 !important;
  }

  body .approach-area-about-page .approach-wrapper-box {
    width: 100% !important;
    margin: 32px 0 0 !important;
  }

  body .approach-area-about-page .approach-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  /* Desktop reads card -> arrow -> card. Stacking the cards and switching the
     arrows off threw that away, so they stay — turned a quarter turn to point
     down the column. Same element, same order in the DOM; only the direction
     changes with the axis. */
  body .approach-area-about-page .approach-arrow {
    display: flex !important;
    width: 100% !important;
    height: 30px;
    align-self: center;
    margin-top: 0 !important;
    align-items: center;
    justify-content: center;
    color: rgba(14, 17, 22, 0.34);
  }

  body .approach-area-about-page .approach-arrow span {
    width: 24px !important;
    max-width: 24px !important;
    height: 5px;
    transform: rotate(90deg);
  }

  body .approach-area-about-page .approach-arrow span::after {
    width: 14px;
    height: 14px;
    border-top-width: 5px;
    border-right-width: 5px;
  }

  /* 0.94 rather than 0.88: the page grid runs behind these cards, and at 0.88
     it showed through the copy enough to fight it. */
  body .approach-area-about-page .approach-box {
    width: 100% !important;
    min-height: 0 !important;
    padding: 22px 18px !important;
    border: 1px solid rgba(14, 17, 22, 0.09);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 1px 2px rgba(14, 17, 22, 0.04);
  }

  body .approach-area-about-page .approach-box::before {
    display: none !important;
  }

  body .approach-area-about-page .approach-box .title {
    display: block;
    font-size: 20px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em;
  }

  body .approach-area-about-page .approach-box .title br {
    display: none;
  }

  body .approach-area-about-page .approach-box .approach-list {
    margin-top: 14px !important;
  }

  /* Single column, as on desktop — two columns puts four of these labels onto
     two ragged lines at half a card width, which reads worse than the space it
     recovers. The hairline rules that used to divide the rows are gone: the
     asterisk markers now say "list" on their own, and bullets plus rules at
     once is one signal too many. */
  body .approach-area-about-page .approach-box .approach-list ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body .approach-area-about-page .approach-box .approach-list li {
    padding: 0;
    font-size: 16px;
    line-height: 1.35;
  }

  /* Founder */
  body .ax-founder {
    padding: 16px 0 32px !important;
  }

  body .ax-founder-panel {
    padding: 32px 20px !important;
  }

  body .ax-founder-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  body .ax-founder-title {
    font-size: clamp(28px, 7.7vw, 32px) !important;
    margin: 18px 0 !important;
  }

  body .ax-founder p {
    font-size: 16px;
    line-height: 1.6;
  }

  body .ax-founder-card {
    padding: 22px 18px !important;
  }

  body .ax-founder-split {
    gap: 22px !important;
  }

  body .ax-founder-quote {
    padding-left: 18px;
  }

  /* Team: two useful columns instead of eight oversized full-width cards.
     The section carried two nested 20px insets (content-area + the inline
     ax-team-compact rule on section-bottom-inner) plus a 12px gutter, so on a
     375px phone each card was only ~141px wide — too narrow for a name to sit
     on one line. Collapsing to a single 12px inset buys ~30px per card. */
  body .academyship-team-area .content-area {
    padding: 56px 12px 40px !important;
  }

  body .academyship-team-area .section-bottom-inner {
    margin-top: 32px !important;
    padding-inline: 0 !important;
  }

  body .academyship-team-area .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100% !important;
    margin: 0 !important;
  }

  body .academyship-team-area .row > div {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .academyship-team-area .team-wrapper,
  body .academyship-team-area .team-wrapper.down {
    width: 100%;
    height: auto;
    margin: 0 !important;
    transform: none !important;
  }

  body .academyship-team-area .team-wrapper .image-area {
    height: auto !important;
    aspect-ratio: 4 / 5;
  }

  /* `min-height: 74px` held the plate open even for a one-line card, and the
     90% max-width from the base left the plate narrower than it needed to be.
     96% plus tighter padding is what lets the longest name and the longest
     role each hold a single line inside the widened card. */
  body .academyship-team-area .team-wrapper .author-area {
    bottom: 10px !important;
    min-height: 0 !important;
    max-width: 96% !important;
    gap: 2px !important;
    padding: 7px 8px 8px !important;
  }

  /* nowrap on the name only: it is the line the eye reads first, and every
     name here is short. The role keeps the ability to wrap so a long one
     ("Security & Infrastructure") degrades to two lines instead of spilling
     out of the card. */
  body .academyship-team-area .team-wrapper .author-area .title {
    font-size: 13px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  body .academyship-team-area .team-wrapper .author-area .designation {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  /* The corner motifs are 112x96 SVGs with no CSS width, so they render at
     their intrinsic size whatever the card does. That reads correctly on a
     desktop card (~300px, so the motif is around a third of it) but the
     two-column phone grid puts the same 112px block on a ~178px card, where
     it covers nearly two thirds of the photo — which is what makes them look
     oversized on a phone.

     A percentage restores the desktop proportion at every phone width
     instead of pinning one more magic pixel value: the shape is absolutely
     positioned, so 36% resolves against the card. The cap keeps the motif
     from growing back on the widest phones. */
  body .academyship-team-area .team-wrapper .shape {
    width: 36%;
    max-width: 72px;
  }

  body .academyship-team-area .team-wrapper .shape img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* FAQ */
  body .academyship-faq-area .section-content-area {
    padding: 56px 20px 40px !important;
  }

  body .academyship-faq-area .accordion-one {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 28px !important;
  }

  /* The card supplies the inset; the row inside it should not add a second one.
     Desktop keeps the button at padding 0 for exactly this reason. */
  body .academyship-faq-area .section-inner .section-content-area .accordion-one .accordion-item {
    padding: 16px 18px !important;
    margin-bottom: 12px !important;
  }

  /* Row padding was reserving 48px on the right for an icon that is actually
     in flow (Bootstrap gives it `margin-left: auto`), so the "+" was pushed a
     card-inset plus a phantom gutter away from the edge. Zero padding puts it
     back on the card's right edge, and flex-start pins it to the first line of
     a question that wraps to two or three lines. */
  body .academyship-faq-area .accordion-button {
    align-items: flex-start !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  /* -3px is the optical correction that centres a 28px chip on a 21.6px
     first line (16px x 1.35) rather than on the whole wrapped block. */
  body .academyship-faq-area .section-inner .section-content-area .accordion-one .accordion-header button::after {
    flex: 0 0 auto !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    margin-top: -3px !important;
    margin-left: auto !important;
  }

  body .academyship-faq-area .accordion-body {
    padding: 12px 0 0 !important;
  }

  body .academyship-faq-area .top-left-shape {
    display: none !important;
  }

  /* Final CTA: remove desktop arrow gutters that reduced the title to 132px. */
  body .academyship-cta-area .section-inner .section-title-area {
    --cta-title-size: clamp(40px, 10vw, 44px) !important;
    width: 100% !important;
    padding: 64px 20px 48px !important;
  }

  body .academyship-cta-area .section-inner .section-title {
    width: min(100%, 340px) !important;
    max-width: 340px !important;
    margin-inline: auto !important;
    font-size: var(--cta-title-size) !important;
    line-height: 0.98 !important;
    letter-spacing: 0.025em !important;
  }

  body .academyship-cta-area .section-title-area .arrow-track {
    display: none !important;
  }

  body .academyship-cta-area .section-inner .logo img {
    width: 64px !important;
    height: 64px !important;
  }

  body .academyship-cta-area .section-bottom-shape .tag {
    max-width: 45%;
    font-size: 9px !important;
    line-height: 1.2;
    white-space: normal;
  }

  /* Contact */
  body .academyship-contact-area .section-inner {
    flex-direction: column !important;
  }

  body .academyship-contact-area .left-content-area,
  body .academyship-contact-area .contact-form-area {
    width: 100% !important;
    padding: 28px 20px !important;
  }

  body .academyship-contact-area .left-content-area a {
    overflow-wrap: anywhere;
  }

  body .academyship-contact-area input,
  body .academyship-contact-area textarea {
    width: 100% !important;
    min-width: 0;
    font-size: 16px !important;
  }

  body .academyship-contact-area .form-btn-area button {
    width: 100%;
    min-height: 48px;
  }

  /* Keep the floating control fully inside the phone viewport. */
  body #goTop {
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    width: 48px !important;
    height: 48px !important;
    transform: none !important;
  }

  body #goTop .ic-wrap {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
  }

  body #goTop .ic-wrap .icon {
    display: none !important;
  }

  body #goTop .ic-wrap::before,
  body #goTop .ic-wrap::after {
    content: "";
    position: absolute;
    left: 50%;
    background: #fff;
    transform: translateX(-50%);
  }

  body #goTop .ic-wrap::before {
    top: 2px;
    width: 10px;
    height: 10px;
    background: transparent;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: translateX(-50%) rotate(45deg);
  }

  body #goTop .ic-wrap::after {
    top: 3px;
    width: 2px;
    height: 13px;
    border-radius: 2px;
  }
}

@media (max-width: 359px) {
  body {
    --ax-mobile-gutter: 12px;
    --ax-mobile-title: clamp(30px, 9.5vw, 34px);
  }

  body .academyship-banner-area .hero-markers,
  body .academyship-team-area .row {
    grid-template-columns: 1fr;
  }

  body .academyship-banner-area .hero-left .section-title {
    font-size: 31px !important;
  }

  body .ax-founder-title {
    font-size: 27px !important;
  }

  body .academyship-cta-area .section-inner .section-title-area {
    --cta-title-size: 36px !important;
  }

  body .academyship-banner-area .hero-marker {
    justify-content: flex-start;
    padding-inline: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
  }

  body .fade-anim,
  body .wow,
  body .academyship-slide-left,
  body .about-area-details .section-content-wrapper,
  body .approach-area-about-page .approach-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body .section-title,
  body .ax-mission-title {
    max-width: 100%;
    font-family: "WelfareTitle", sans-serif !important;
    font-size: clamp(44px, 6vw, 56px) !important;
    line-height: 1.04 !important;
    letter-spacing: 0.025em !important;
    text-wrap: balance;
  }

  body .academyship-cta-area .section-inner .section-title-area {
    --cta-title-size: 56px !important;
    --cta-arrow-track: 72px !important;
    --cta-arrow-gap: 20px !important;
  }

  body .academyship-team-area .team-wrapper.down {
    transform: none !important;
  }
}

/* Authoritative main-title size across desktop, tablet and phone. */
body .section-title,
body .section-title.text-normal,
body .academyship-banner-area .hero-left .section-title,
body .academyship-about-area .section-title,
body .our-approch-area-style-one .section-title,
body .approach-area-about-page .section-title.academyship-display-title,
body .academyship-why-choose-us-area2 .section-title,
body .academyship-team-area .section-title,
body .academyship-faq-area .section-title,
body .academyship-cta-area .section-inner .section-title,
body .ax-mission-title,
body .ax-founder-title {
  font-size: 40px !important;
}
