.mission-vision-section {
  padding: 50px 0;
  position: relative;
  z-index: 1; }
  @media (max-width: 991.98px) {
    .mission-vision-section {
      padding: 25px 0; } }
  .mission-vision-section .mv-box {
    border-radius: 20px;
    padding: 30px;
    height: 100%; }
    .mission-vision-section .mv-box h3 {
      font-size: var(--typo-title);
      line-height: var(--lh-title);
      font-weight: var(--fw-title);
      letter-spacing: var(--ls-title);
      /* Mobile styles (under 992px) */
      margin-bottom: 15px;
      color: var(--white); }
      @media (max-width: 992px) {
        .mission-vision-section .mv-box h3 {
          font-size: var(--typo-title-m); } }
    .mission-vision-section .mv-box p {
      color: var(--gray-100);
      font-size: var(--typo-text);
      line-height: var(--lh-text);
      font-weight: var(--fw-text);
      letter-spacing: var(--ls-text);
      /* Mobile styles (under 992px) */
      margin: 0; }
      @media (max-width: 992px) {
        .mission-vision-section .mv-box p {
          font-size: var(--typo-text-m); } }
    .mission-vision-section .mv-box:hover {
      background: var(--primary); }
      .mission-vision-section .mv-box:hover h3, .mission-vision-section .mv-box:hover p {
        color: var(--base-black); }
  @media (max-width: 991.98px) {
    .mission-vision-section .klmn {
      margin-bottom: 10px; } }