.mondial-blue-house {
  color: #1D1E21; }
  .mondial-blue-house a {
    font: 14px/18.52px "RedHatText-Light";
    color: #132C4A;
    text-decoration: underline; }
  .mondial-blue-house h2, .mondial-blue-house p {
    margin: 0; }
  .mondial-blue-house h2 {
    font: 700 32px/44px "trajan-pro-3";
    color: #132C4A; }
  .mondial-blue-house p {
    font: 16px/24px "RedHatText-300"; }
    @media (max-width: 767px) {
      .mondial-blue-house p {
        font: 14px / 20px "RedHatText-300"; } }
  .mondial-blue-house img, .mondial-blue-house picture {
    display: block; }
  .mondial-blue-house picture {
    width: 100%;
    height: auto; }
    .mondial-blue-house picture img {
      width: 100%;
      height: 100%; }
  .mondial-blue-house .content {
    display: flex;
    flex-flow: column;
    gap: 120px;
    margin-bottom: 120px; }
    @media (max-width: 767px) {
      .mondial-blue-house .content {
        gap: 80px;
        margin-bottom: 80px; } }
  .mondial-blue-house .top-section {
    display: flex;
    flex-flow: column;
    gap: 40px;
    margin-top: -60px; }
    .mondial-blue-house .top-section__title {
      display: flex;
      flex-flow: column;
      align-items: center;
      gap: 12px;
      text-align: center; }
    .mondial-blue-house .top-section__picture {
      max-width: 560px; }
    .mondial-blue-house .top-section__text {
      max-width: 800px; }
    .mondial-blue-house .top-section__video {
      width: calc(100vw - 140px);
      margin: 0 auto; }
      .mondial-blue-house .top-section__video--mobile {
        display: none; }
    @media (max-width: 767px) {
      .mondial-blue-house .top-section {
        margin-top: -40px;
        gap: 40px; }
        .mondial-blue-house .top-section__picture, .mondial-blue-house .top-section__text {
          max-width: calc(100vw - 32px); }
        .mondial-blue-house .top-section__video {
          width: 100%;
          margin: 0; }
          .mondial-blue-house .top-section__video--desktop {
            display: none; }
          .mondial-blue-house .top-section__video--mobile {
            display: block; } }
  .mondial-blue-house .grid-section {
    display: grid;
    grid-template-columns: 50vw 50vw;
    grid-template-rows: 50vw 50vw;
    row-gap: 40px;
    column-gap: 0; }
    .mondial-blue-house .grid-section__content-wrapper {
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      padding: 0 80px;
      text-align: center; }
    .mondial-blue-house .grid-section__content {
      display: flex;
      flex-flow: column;
      gap: 24px;
      max-width: 400px; }
    @media (max-width: 767px) {
      .mondial-blue-house .grid-section {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        row-gap: 20px; }
        .mondial-blue-house .grid-section > *:first-child {
          grid-row: 2;
          margin-bottom: 60px; }
        .mondial-blue-house .grid-section__content-wrapper {
          padding: 0 16px; }
        .mondial-blue-house .grid-section__content {
          gap: 20px;
          max-width: unset; } }
  .mondial-blue-house .middle-section {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 40px; }
    .mondial-blue-house .middle-section__picture {
      width: auto;
      aspect-ratio: 1280 / 720;
      margin: 0 80px; }
      .mondial-blue-house .middle-section__picture img {
        object-fit: cover;
        object-position: right; }
    .mondial-blue-house .middle-section__content {
      display: flex;
      flex-flow: column;
      gap: 12px;
      text-align: center;
      max-width: 800px; }
    .mondial-blue-house .middle-section__text {
      margin-bottom: 12px; }
    @media (max-width: 767px) {
      .mondial-blue-house .middle-section {
        gap: 20px; }
        .mondial-blue-house .middle-section__picture {
          width: calc(100vw - 32px);
          height: calc(100vw - 32px);
          margin: 0; }
          .mondial-blue-house .middle-section__picture img {
            object-position: center; }
        .mondial-blue-house .middle-section__content {
          gap: 20px; }
        .mondial-blue-house .middle-section__text {
          margin: 0 16px; } }