.home-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-color: #ffffff;

  .mortgage-header {
    position: relative;
    width: 100%;
    height: 86px;
    background-color: #101f30;
    box-shadow: var(--shadow-shadow-2);
  }

  .scalable-logo {
    position: absolute;
    width: 100%;
    height: 56px;
    top: 15px;
  }

  .div {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-spacer-4);
    padding: var(--spacing-spacer-6) var(--spacing-spacer-8) var(--spacing-spacer-6) var(--spacing-spacer-8);
    position: relative;
    flex: 0 0 auto;
    background-color: #ffffff;
  }

  .header {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-spacer-3);
    position: relative;
    flex: 0 0 auto;
    background-color: transparent;
  }

  .large-bullseye {
    position: relative;
    width: 599.52px;
    margin-top: -1px;
    font-family: var(--desktop-bold-XXL-font-family);
    font-weight: var(--desktop-bold-XXL-font-weight);
    color: var(--colors-primary-lt-deep-blue);
    font-size: var(--desktop-bold-XXL-font-size);
    text-align: center;
    letter-spacing: var(--desktop-bold-XXL-letter-spacing);
    line-height: var(--desktop-bold-XXL-line-height);
    font-style: var(--desktop-bold-XXL-font-style);
    @media screen and (max-width: 767px) {
      width: 343px;
      font-family: var(--mobile-bold-XXL-font-family);
      font-weight: var(--mobile-bold-XXL-font-weight);
      font-size: var(--mobile-bold-XXL-font-size);
      letter-spacing: var(--mobile-bold-XXL-letter-spacing);
      line-height: var(--mobile-bold-XXL-line-height);
      font-style: var(--mobile-bold-XXL-font-style);
    }
  }

  .sub-header {
    position: relative;
    width: 597.36px;
    font-family: var(--desktop-regular-s-font-family);
    font-weight: var(--desktop-bold-m-font-weight);
    color: var(--colors-primary-lt-deep-blue);
    font-size: var(--desktop-regular-s-font-size);
    text-align: center;
    letter-spacing: var(--desktop-regular-s-letter-spacing);
    line-height: var(--desktop-regular-s-line-height);
    font-style: var(--desktop-regular-s-font-style);
    
    @media screen and (max-width: 767px) {
      width: 343px;
      font-family: var(--mobile-bold-s-font-family);
      font-weight: var(--mobile-bold-s-font-weight);
      color: var(--colors-grays-text-gray);
      font-size: var(--mobile-bold-s-font-size);
      letter-spacing: var(--mobile-bold-s-letter-spacing);
      line-height: var(--mobile-bold-s-line-height);
      font-style: var(--mobile-bold-s-font-style);
    }
  }

  .vector {
    position: relative;
    width: 100.26px;
    height: 6px;
  }

  .text-wrapper {
    margin-top: -1px;
    font-weight: var(--body-1-regular-font-weight);
    position: relative;
    width: 597.36px;
    font-family: var(--body-1-regular-font-family);
    color: var(--colors-primary-lt-deep-blue);
    font-size: var(--body-1-regular-font-size);
    letter-spacing: var(--body-1-regular-letter-spacing);
    line-height: var(--body-1-regular-line-height);
    font-style: var(--body-1-regular-font-style);

    @media screen and (max-width: 767px) { 
      width: 343px;
      font-size: var(--body-2-regular-font-size);
      letter-spacing: var(--body-2-regular-letter-spacing);
      line-height: var(--body-2-regular-line-height);
      font-style: var(--body-2-regular-font-style);
    }
  }

  .text-wrapper-what-MLAB {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-spacer-2);
    position: relative;
    flex: 0 0 auto;

    @media screen and (max-width: 767px) { 
      display: flex;
      width: 343px;
      gap: var(--spacing-spacer-1);
    }
  }

  .p {
    margin-top: -1px;
    font-weight: var(--body-1-bold-font-weight);
    position: relative;
    width: 597.36px;
    font-family: var(--body-1-bold-font-family);
    color: var(--colors-primary-lt-deep-blue);
    font-size: var(--body-1-bold-font-size);
    letter-spacing: var(--body-1-bold-letter-spacing);
    line-height: var(--body-1-bold-line-height);
    font-style: var(--body-1-bold-font-style);

    @media screen and (max-width: 767px) { 
      width: 343px;
      align-self: stretch;
      font-weight: var(--body-2-bold-font-weight);
      font-family: var(--body-2-bold-font-family);
      font-size: var(--body-2-bold-font-size);
      letter-spacing: var(--body-2-bold-letter-spacing);
      line-height: var(--body-2-bold-line-height);
      font-style: var(--body-2-bold-font-style);
    }
  }

  .content-block {
    display: flex;
    flex-direction: column;
    width: 765px;
    align-items: center;
    gap: var(--spacing-spacer-1);
    padding: var(--spacing-spacer-4) 0px var(--spacing-spacer-5) 0px;
    position: relative;
    flex: 0 0 auto;

    @media screen and (max-width: 767px) { 
      gap: var(--spacing-spacer-2);
      padding: var(--spacing-spacer-4) 0px var(--spacing-spacer-4) 0px;
      align-self: stretch;
      width: 100%;
    }
  }

  .section-title {
    position: relative;
    margin-top: -1px;
    font-family: var(--desktop-bold-l-font-family);
    font-weight: var(--desktop-bold-l-font-weight);
    color: var(--colors-primary-lt-deep-blue);
    font-size: var(--desktop-bold-l-font-size);
    text-align: center;
    letter-spacing: var(--desktop-bold-l-letter-spacing);
    line-height: var(--desktop-bold-l-line-height);
    font-style: var(--desktop-bold-l-font-style);

    @media screen and (max-width: 767px) { 
      align-self: stretch;
      font-family: var(--mobile-bold-l-font-family);
      font-weight: var(--mobile-bold-l-font-weight);
      font-size: var(--mobile-bold-l-font-size);
      letter-spacing: var(--mobile-bold-l-letter-spacing);
      line-height: var(--mobile-bold-l-line-height);
      font-style: var(--mobile-bold-l-font-style);
    }
  }

  .focus-icons {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--spacing-spacer-2);
    padding: var(--spacing-spacer-3) 0px var(--spacing-spacer-3) 0px;
    position: relative;
    flex: 0 0 auto;
  }

  .focus-tile {
    display: flex;
    flex-direction: column;
    width: 170px;
    align-items: center;
    gap: var(--spacing-spacer-2);
    padding: var(--spacing-spacer-2);
    position: relative;
  }

  .encircled-icon {
    position: relative;
    width: 72px;
    height: 72px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    border-radius: 36px;
  }

  .focus-img {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 12px;
    left: 12px;
  }

  .focus-icon-title {
    position: relative;
    align-self: stretch;
    font-family: var(--body-1-bold-font-family);
    font-weight: var(--body-1-bold-font-weight);
    color: #101f30;
    font-size: var(--body-1-bold-font-size);
    text-align: center;
    letter-spacing: var(--body-1-bold-letter-spacing);
    line-height: var(--body-1-bold-line-height);
    font-style: var(--body-1-bold-font-style);
  }

  .meet-team-divider {
    position: relative;  
    width: 730px;
    height: 3px;
    background-color: #c6cdd0;

    @media screen and (max-width: 767px) {
      width: 343px;
    }
  }

  .team-members-block {
    display: flex;
    flex-direction: column;
    /* width: 100%; */
    align-items: center;
    gap: var(--spacing-spacer-5);
    padding: var(--spacing-spacer-4) 0px var(--spacing-spacer-4) 0px;
    position: relative;
    flex: 0 0 auto;
  }

  .team-members {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--spacing-spacer-8);
    position: relative;
    flex: 0 0 auto;
  }

  .team-section {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-spacer-3);
    position: relative;
    flex: 0 0 auto;
  }

  .lab-team {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-spacer-2);
    position: relative;
    flex: 0 0 auto;
  }

  .lab-team.align-start{
    align-items: flex-start;
  }

  .team-headshot {
    position: relative;
    width: 72px;
    height: 69px;

    @media screen and (max-width: 767px) { 
      width: 56px;
      height: 54px;
    }
  }

  .product-leader {
    position: relative;
    width: 60px;
    height: 60px;
    top: 4px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    border-radius: 30px;
    box-shadow: var(--shadow-shadow-1);
    background-image: url(../assets/images/mask-group-12.png);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .name-title {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }

  .member-name{
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--tablet-bold-XS-font-family);
    font-weight: var(--tablet-bold-XS-font-weight);
    color: var(--colors-primary-lt-deep-blue);
    font-size: var(--tablet-bold-XS-font-size);
    letter-spacing: var(--tablet-bold-XS-letter-spacing);
    line-height: var(--tablet-bold-XS-line-height);
    font-style: var(--tablet-bold-XS-font-style);
    @media screen and (max-width: 767px) { 
      font-family: var(--mobile-bold-XS-font-family);
      font-weight: var(--mobile-bold-XS-font-weight);
      color: var(--colors-primary-lt-deep-blue);
      font-size: var(--mobile-bold-XS-font-size);
      letter-spacing: var(--mobile-bold-XS-letter-spacing);
      line-height: var(--mobile-bold-XS-line-height);
      font-style: var(--mobile-bold-XS-font-style);
    }
  }

  .member-title {
    position: relative;
    align-self: stretch;
    font-family: var(--caption-regular-font-family);
    font-weight: var(--caption-regular-font-weight);
    color: #454545;
    font-size: var(--caption-regular-font-size);
    letter-spacing: var(--caption-regular-letter-spacing);
    line-height: var(--caption-regular-line-height);
    font-style: var(--caption-regular-font-style);
    @media screen and (max-width: 767px) { 
      font-size: 11px;
    }
  }

  .test-lead {
    height: 61px;
    top: 5px;
    border-radius: 30px/30.44px;
    background-image: url(../assets/images/mask-group-11.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .product-designer {
    height: 61px;
    top: 5px;
    border-radius: 30px/30.44px;
    background-image: url(../assets/images/mask-group-4.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .test-engineer {
    height: 61px;
    top: 5px;
    border-radius: 30px/30.44px;
    background-image: url(../assets/images/senior-test-engineer.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .engineering-lead {
    height: 60px;
    top: 4px;
    border-radius: 30px;
    background-image: url(../assets/images/mask-group-8.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .project-manager {
    height: 60px;
    top: 4px;
    border-radius: 30px;
    background-image: url(../assets/images/mask-group-7.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .engineer {
    height: 61px;
    top: 5px;
    border-radius: 30px/30.44px;
    background-image: url(../assets/images/mask-group-6.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .design-lead {
    height: 59px;
    top: 4px;
    border-radius: 30px/29.57px;
    background-image: url(../assets/images/mask-group-5.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .product-designer-2 {
    height: 61px;
    top: 5px;
    border-radius: 30px/30.44px;
    background-image: url(../assets/images/mask-group-4.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .engineer-2 {
    height: 61px;
    top: 5px;
    border-radius: 30px/30.44px;
    background-image: url(../assets/images/mask-group-3.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .ceo {
    height: 60px;
    top: 5px;
    border-radius: 30px;
    background-image: url(../assets/images/mask-group-2.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      top: 4px;
      height: 48px;
      width: 47px;
      left: 5px;
    }
  }

  .svp {
    height: 60px;
    top: 5px;
    border-radius: 30px;
    background-image: url(../assets/images/svp.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      top: 4px;
      height: 48px;
      width: 47px;
      left: 5px;
    }
  }

  .leader-name{
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--tablet-bold-XS-font-family);
    font-weight: var(--tablet-bold-XS-font-weight);
    color: var(--colors-primary-lt-deep-blue);
    font-size: var(--tablet-bold-XS-font-size);
    letter-spacing: var(--tablet-bold-XS-letter-spacing);
    line-height: var(--tablet-bold-XS-line-height);
    font-style: var(--tablet-bold-XS-font-style);
  }

  .leader-title {
    position: relative;
    align-self: stretch;
    font-family: "Lato", Helvetica;
    font-weight: 400;
    color: var(--colors-grays-text-gray);
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;

    @media screen and (max-width: 767px) { 
      position: relative;
      align-self: stretch;
      font-family: "Lato", Helvetica;
      font-weight: 400;
      color: var(--colors-grays-text-gray);
      font-size: 12px;
      letter-spacing: 0;
      line-height: 16px;
    }
  }

  .svp-product {
    height: 61px;
    top: 5px;
    border-radius: 30px/30.44px;
    background-image: url(../assets/images/mask-group-1.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .vp-product {
    height: 61px;
    top: 5px;
    border-radius: 30px/30.44px;
    background-image: url(../assets/images/vp.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .svp-sales {
    height: 61px;
    top: 5px;
    border-radius: 30px/30.44px;
    background-image: url(../assets/images/mask-group.png);
    position: relative;
    width: 60px;
    left: 6px;
    background-color: var(--colors-green-variants-lt-green-lighten-3);
    box-shadow: var(--shadow-shadow-1);
    background-size: 100% 100%;

    @media screen and (max-width: 767px) { 
      height: 48px;
      top: 4px;
      width: 47px;
      left: 5px;
    }
  }

  .heavy-dark-blue {
    position: relative;
    width: 600px;
    height: 7px;
  }

  .spacer {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
  }

  .contact-info-wrapper {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    gap: var(--spacing-spacer-4);
    padding: var(--spacing-spacer-6) var(--spacing-spacer-5) var(--spacing-spacer-6) var(--spacing-spacer-5);
    position: relative;
    flex: 0 0 auto;
    background-color: var(--colors-primary-lt-deep-blue);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: var(--colors-grays-lt-gray-darken-2);

    @media screen and (max-width: 767px) { 
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: var(--spacing-spacer-4);
      padding: var(--spacing-spacer-4) var(--spacing-spacer-3) var(--spacing-spacer-5) var(--spacing-spacer-3);
      position: relative;
      align-self: stretch;
      width: 100%;
      flex: 0 0 auto;
      background-color: var(--colors-primary-lt-deep-blue);
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-color: var(--colors-grays-lt-gray-darken-2);
    }
  }

  .contact-info-section {
    display: flex;
    flex-direction: column;
    width: 600px;
    align-items: center;
    gap: var(--spacing-spacer-3);
    position: relative;

    @media screen and (max-width: 767px) { 
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--spacing-spacer-3);
      position: relative;
      flex: 1;
      flex-grow: 1;
    }
  }

  .lt-contact-info {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--spacing-spacer-2);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;

    @media screen and (max-width: 767px) { 
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: var(--spacing-spacer-2);
      position: relative;
      align-self: stretch;
      width: 100%;
      flex: 0 0 auto;
    }
  }

  .megaphone {
    position: relative;
    width: 32px;
    height: 32px;

    @media screen and (max-width: 767px) { 
      position: relative;
      width: 32px;
      height: 32px;
    }
  }

  .contact-info-heading {
    position: relative;
    flex: 1;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--desktop-bold-m-font-family);
    font-weight: var(--desktop-bold-m-font-weight);
    color: var(--colors-grays-lt-gray-lighten-3);
    font-size: var(--desktop-bold-m-font-size);
    letter-spacing: var(--desktop-bold-m-letter-spacing);
    line-height: var(--desktop-bold-m-line-height);
    white-space: nowrap;
    font-style: var(--desktop-bold-m-font-style);

    @media screen and (max-width: 767px) { 
      font-family: var(--mobile-bold-m-font-family);
      font-weight: var(--mobile-bold-m-font-weight);
      font-size: var(--mobile-bold-m-font-size);
      letter-spacing: var(--mobile-bold-m-letter-spacing);
      line-height: var(--mobile-bold-m-line-height);
      font-style: var(--mobile-bold-m-font-style);
    }
  }

  .contact-info-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-spacer-3);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }

  .we-are-always {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Lato", Helvetica;
    font-weight: 400;
    color: var(--colors-grays-lt-gray-lighten-3);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }

  .span {
    color: #f6f7f7;
    font-family: var(--body-1-regular-font-family);
    font-style: var(--body-1-regular-font-style);
    font-weight: var(--body-1-regular-font-weight);
    letter-spacing: var(--body-1-regular-letter-spacing);
    line-height: var(--body-1-regular-line-height);
    font-size: var(--body-1-regular-font-size);
  }

  .email-link {
    color: #97cef7;
    text-decoration: underline;
    font-family: var(--body-1-underlined-font-family);
    font-style: var(--body-1-underlined-font-style);
    font-weight: var(--body-1-underlined-font-weight);
    letter-spacing: var(--body-1-underlined-letter-spacing);
    line-height: var(--body-1-underlined-line-height);
    font-size: var(--body-1-underlined-font-size);
  }

  .for-press-inquiries {
    position: relative;
    align-self: stretch;
    font-family: "Lato", Helvetica;
    font-weight: 400;
    color: var(--colors-grays-lt-gray-lighten-3);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }

  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-spacer-3);
    padding: var(--spacing-spacer-2) 40px var(--spacing-spacer-6) 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--colors-primary-lt-deep-blue);

    @media screen and (max-width: 767px) { 
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--spacing-spacer-3);
      padding: var(--spacing-spacer-6) 16px var(--spacing-spacer-3) 16px;
      position: relative;
      align-self: stretch;
      width: 100%;
      flex: 0 0 auto;
      background-color: var(--colors-primary-lt-deep-blue);
    }
  }

  .privacy-policy-terms {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Lato", Helvetica;
    font-weight: 400;
    color: var(--colors-grays-lt-gray-lighten-3);
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    line-height: 20px;

    @media screen and (max-width: 767px) { 
      position: relative;
      align-self: stretch;
      margin-top: -1px;
      font-family: "Lato", Helvetica;
      font-weight: 400;
      color: var(--colors-blue-variants-lt-blue-lighten-2);
      font-size: 12px;
      text-align: center;
      letter-spacing: 0;
      line-height: 20px;
    }
  }

  .disclosure-link-txt-color {
    color: #97cef7;
  }

  .disclosure-txt-color {
    color: #f6f7f7;
  }

  .lendingtree-LLC-is-a {
    position: relative;
    align-self: stretch;
    font-family: "Lato", Helvetica;
    font-weight: 400;
    color: var(--colors-grays-lt-gray-lighten-3);
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;

    @media screen and (max-width: 767px) { 
      color: var(--themes-disclosure-text);
    }
  }

  /* Mobile styles */
  @media screen and (max-width: 767px) {
    .desktop-section {
      display: none; /* Hide desktop section on mobile */
    }

    .mobile-section {
      display: block; /* Show mobile section on mobile */
    }
  }

  /* Desktop styles */
  @media screen and (min-width: 768px) {
    .desktop-section {
      display: block; /* Show desktop section on screens wider than 600px */
    }

    .mobile-section {
      display: none; /* Hide mobile section on desktop */
    }
  }
}