/* -------------------------------------------------- */
/* RESET + FONTS                                       */
/* -------------------------------------------------- */
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Prompt:500,700,600|Poppins:500,400,700,600");

/* -------------------------------------------------- */
/* GLOBAL BASE RULES                                   */
/* -------------------------------------------------- */
.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

* {
  box-sizing: border-box;
}

/* -------------------------------------------------- */
/* DESKTOP (DDDD)                                       */
/* Default now sets the standard. Tablet/Mobile will   */
/* just copy these styles to unify the design.         */
/* -------------------------------------------------- */
.desktop {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--white);
  overflow: hidden;
}

.desktop .padding-container-DDD {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 128px;
  padding-right: 128px;
  margin-bottom: 120px;
  max-width: 1440px;
}

.desktop .header-DDD {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 80px;
}

.desktop .evoly-logo-DDD {
  height: 42px;
  width: 144px;
}
.desktop .evoly-logo-DDD:hover {
  opacity: 0.6;
}

.desktop .login-button-DDD {
  background-color: var(--gray-nurse);
  border: none;
  border-radius: 44px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: var(--button-height-DDD);
  transition: background-color 0.3s ease;
  outline: none;
  height: 37px;
}
.desktop .login-button-text-DDD {
  color: var(--eerie-black);
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}
.desktop .login-button-DDD:hover {
  background-color: var(--gray-nurse-hover);
}
.desktop .login-button-DDD:focus-visible {
  box-shadow: 0 0 0 2px var(--focus-color);
  outline: none;
}
.desktop .login-button-DDD:active {
  transform: translateY(1px);
}

/* HERO */
.desktop .hero-section-DDD {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  padding-top: 100px;
}
.desktop .hero-text-col-DDD {
  display: flex;
  flex-direction: column;
}
.desktop .hero-title-DDD {
  letter-spacing: 0;
  line-height: normal;
  width: 500px;
  margin-top: 40px;
}
.desktop .hero-sub-title-DDD {
  letter-spacing: 0;
  line-height: 1.8;
  margin-top: 30px;
}
.desktop .button-section-DDD {
  display: flex;
  margin-top: 100px;
  justify-content: flex-start;
}
.desktop .hero-img-col-DDD {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.desktop .hero-img-DDD {
  width: 450px;
  height: auto;
  object-fit: cover;
  filter: drop-shadow(4px 11px 25px rgba(0, 0, 0, 0.2));
}

/* "Works with all AI"  */
.desktop .evoly-works-with-all-DDD {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 120px;
  text-align: center;
  width: 694px;
}
.desktop .logo-container-DDD {
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 64px;
  margin-top: 34px;
  min-width: 832px;
}

/* AI logos */
.desktop .anthropic-logo {
  height: 16px;
  width: 144px;
}
.desktop .openai-logo {
  height: 34px;
  width: 127px;
}
.desktop .google-ai-logo {
  height: 93px;
  width: 174px;
}
.desktop .microsoft-azure-logo {
  height: 70px;
  width: 123.7px;
}
.desktop .aws-logo {
  height: 42px;
  width: 70px;
  margin-top: 16px;
}

/* SIMPLE UX */
.desktop .simple-ux-section-DDD {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.desktop .simple-ux-img-DDD {
  width: 1100px;
  height: auto;
  object-fit: cover;
  margin-top: 40px;
}
.desktop .simple-ux-text-container-DDD {
  margin-top: 80px;
  text-align: center;
  width: 100%;
}
.desktop .simple-ux-centered-text-DDD {
  text-align: center;
  margin-top: 0px;
  letter-spacing: 0px;
  line-height: normal;
  width: 100%;
}

/* REGULAR SECTIONS */
.desktop .regular-section-title-DDD {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: normal;
}
.desktop .regular-section-DDD {
  margin-top: var(--desktop-section-margin);
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  gap: 60px;
}
.desktop .regular-section-text-column-DDD {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 550px;
  width: 550px;
}
.desktop .regular-section-text-justified-column-DDD {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 550px;
  width: 550px;
}
.desktop .regular-section-img-column-left-DDD {
  display: flex;
  justify-content: left;
  width: 100%;
}
.desktop .regular-section-img-column-right-DDD {
  display: flex;
  justify-content: right;
  width: 100%;
}
.desktop .regular-section-img-column-center-DDD {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Agent Platform, Approach images */
.desktop .decisions-backed-by-hero-img-DDD,
.desktop .your-tailored-hero-img-DDD {
  width: 430px;
  height: auto;
  object-fit: cover;
  filter: drop-shadow(4px 11px 25px rgba(0, 0, 0, 0.2));
  border-radius: 2px;
}

.desktop .drive-your-decisions-hero-img-DDD {
  width: 463px;
  height: auto;
  object-fit: cover;
  filter: drop-shadow(4px 11px 25px rgba(0, 0, 0, 0.2));
  /* border-radius: 2px; */
}

.desktop .drive-your-decisions-text-DDD {
  letter-spacing: 0;
  line-height: 2;
  margin-top: 26px;
  text-align: left;
  width: 500px;
}

.desktop .your-tailored-text-DDD {
  letter-spacing: 0;
  line-height: 2;
  margin-top: 26px;
  text-align: left;
  width: 100%;
}

.desktop .ai-platform-since-text-DDD {
  letter-spacing: 0;
  line-height: 2;
  margin-top: 26px;
  text-align: left;
  width: 100%;
}

.desktop .citizens-foundation-link-DDD {
  color: var(--eerie-black) !important;
  text-decoration: none !important;
  border-bottom: 2px solid #ffd700 !important;
  transition: opacity 0.2s ease;
  display: inline !important;
}

.desktop .citizens-foundation-link-DDD:hover {
  opacity: 0.7;
}

/* TEAM & LEADERSHIP */
.desktop .company-leadership-section-DDD {
  margin-top: var(--desktop-section-margin);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.desktop .empolyee-row-DDD {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 100px;
}
.desktop .empolyee-img-col-DDD {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 429px;
  min-width: 429px;
}
.desktop .empolyee-details-col-DDD {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 32px;
}
.desktop .empolyee-details-name-row-DDD {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.desktop .employee-img-DDD {
  width: 240px;
  height: 240px;
}
.desktop .linkedin-DDD {
  height: 36px;
  width: 36px;
}
.desktop .employee-title-DDD {
  margin-top: 4px;
  line-height: normal;
}
.desktop .employee-details-text-DDD {
  margin-top: 18px;
  line-height: 2;
}

.desktop .regular-section-call-to-action-DDD {
  margin-top: 150px;
}

/* FOOTER */
.desktop .footer-DDD {
  margin-top: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--banana);
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
}
.desktop .footer-container-DDD {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  padding-left: 128px;
  padding-right: 128px;
}
.desktop .footer-columns-DDD {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 80px;
}
.desktop .footer-single-column-DDD {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.desktop .evoly-bw-logo-DDD {
  width: 107px;
  height: auto;
  margin-bottom: 34px;
}
.desktop .evoly-bw-logo-DDD:hover {
  opacity: 0.6;
}
.desktop .address-DDD {
  line-height: normal;
}
.desktop .helloevolyai-DDD {
  line-height: normal;
  margin-top: -4px;
}

.desktop .helloevolyai-DDD-link {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
}

.desktop .helloevolyai-DDD-link:hover {
  text-decoration: underline !important; /* Optional: add underline on hover */
  color: var(--eerie-black-2);
}
.desktop .social-media-DDD {
  display: flex;
  flex-direction: row;
  width: 80%;
  max-width: 1180px;
  justify-content: space-around;
  align-items: center;
  align-self: center;
  padding-left: 150px;
  padding-right: 150px;
}
.desktop .x-logo-DDD {
  height: 30px;
  width: 30px;
}
.desktop .linkedin-social-DDD {
  height: 30px;
  width: 30px;
}
.desktop .instagram-DDD {
  height: 30px;
  width: 30px;
}
.desktop .tiktok-DDD {
  height: 34px;
  width: 34px;
}
.desktop .facebook-DDD {
  height: 35px;
  width: 35px;
}
.desktop .footer-footer-DDD {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 80px;
}
.desktop .copyright-DDD {
  line-height: normal;
}

/* -------------------------------------------------- */
/* TABLET (TTT)                                       */
/* Copied from desktop, now identical.                */
/* -------------------------------------------------- */
.tablet {
  /* previously had a red border; now removed to match DDD */
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--white);
  overflow: hidden;
}

.tablet .padding-container-TTT {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
  max-width: 1024px;
}

.tablet .header-TTT {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 80px; /* same as DDD */
}

.tablet .evoly-logo-TTT {
  height: auto;
  width: 114px;
}
.tablet .evoly-logo-TTT:hover {
  opacity: 0.6;
}

.tablet .login-button-TTT {
  background-color: var(--gray-nurse);
  border: none;
  border-radius: 44px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: var(--button-height-TTT); /* same as DDD now */
  transition: background-color 0.3s ease;
  outline: none;
  height: 37px;
}
.tablet .login-button-text-TTT {
  color: var(--eerie-black);
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}
.tablet .login-button-TTT:hover {
  background-color: var(--gray-nurse-hover);
}
.tablet .login-button-TTT:focus-visible {
  box-shadow: 0 0 0 2px var(--focus-color);
  outline: none;
}
.tablet .login-button-TTT:active {
  transform: translateY(1px);
}

/* HERO (TTT) */
.tablet .hero-section-TTT {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  padding-top: 100px;
}
.tablet .hero-text-col-TTT {
  display: flex;
  flex-direction: column;
  width: 400px;
}
.tablet .hero-title-TTT {
  letter-spacing: 0;
  line-height: normal;
  width: 480px;
}
.tablet .hero-sub-title-TTT {
  letter-spacing: 0;
  line-height: 1.8;
  margin-top: 20px;
  width: 320px;
}
.tablet .button-section-TTT {
  display: flex;
  margin-top: 60px;
  justify-content: flex-start;
}
.tablet .hero-img-col-TTT {
  display: flex;
  flex-direction: column;
}
.tablet .hero-img-TTT {
  width: 330px;
  height: auto;
  object-fit: cover;
  filter: drop-shadow(4px 11px 25px rgba(0, 0, 0, 0.2));
}

@media (max-width: 980px) {
  .tablet .hero-img-TTT {
    width: 300px;
  }
}

/* "Works with all AI" for TTT  */
.tablet .evoly-works-with-all-TTT {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 120px;
  text-align: center;
  width: 694px;
}
.tablet .logo-container-TTT {
  align-items: center;
  justify-content: space-around;
  display: flex;
  margin-top: 16px;
  width: 100%;
  margin-bottom: 100px;
}

.tablet .anthropic-logo {
  height: 12px;
  width: 111px;
}

.tablet .openai-logo {
  margin-top: 0px;
  height: 26.98px;
  width: 100px;
}

.tablet .google-ai-logo {
  height: 76px;
  width: 141.71px;
}

.tablet .microsoft-azure-logo {
  height: 57.16px;
  width: 101px;
}

.tablet .aws-logo {
  /* margin-top: 14px; */
  height: 25.94px;
  width: 43px;
}

/* REGULAR SECTIONS (TTT) */

.tablet .regular-section-title-TTT {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: normal;
  width: 100%;
}
.tablet .regular-section-TTT {
  margin-top: var(--tablet-section-margin);
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
}

.tablet .regular-section-text-column-TTT {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 40px;
  max-width: 450px;
}

.tablet .regular-section-img-column-left-TTT,
.tablet .regular-section-img-column-right-TTT {
  display: flex;

  justify-content: flex-start;
  align-items: flex-start;
  align-self: flex-start;

  /* height: 100%; */
}

/* DRIVE YOUR DECISIONS (TTT) */

.tablet .drive-your-decisions-text-TTT {
  letter-spacing: 0;
  line-height: 1.8;
  margin-top: 20px;
  text-align: left;
}

/* SIMPLE UX (TTT) */
.tablet .simple-ux-section-TTT {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.tablet .simple-ux-img-TTT {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin-top: 40px;
}
.tablet .simple-ux-text-container-TTT {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}

/* YOUR TAILORED (TTT) */
.tablet .your-tailored-text-TTT {
  line-height: 1.8;
  margin-top: 20px;
  font-size: 18px;
  font-family: var(--font-family-poppins);
  color: var(--eerie-black);
}
.tablet .your-tailored-hero-img-TTT {
  width: 100%;
  max-width: 350px;
  height: auto;
  filter: drop-shadow(4px 11px 25px rgba(0, 0, 0, 0.2));
}

/* RELIABLE ANALYSIS (TTT) - Shares styles */
.tablet .decisions-backed-by-hero-img-TTT {
  width: 100%;
  max-width: 350px;
  height: auto;
  filter: drop-shadow(4px 11px 25px rgba(0, 0, 0, 0.2));
}

/* AI PLATFORM SINCE (TTT) */
.tablet .ai-platform-since-text-TTT {
  line-height: 1.8;
  margin-top: 20px;
  width: 100%;
  font-size: 18px;
  font-family: var(--font-family-poppins);
  color: var(--eerie-black);
}

.tablet .regular-section-img-column-left-TTT {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tablet .regular-section-img-column-right-TTT {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.tablet .regular-section-img-column-center-TTT {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* Approach / Platform images (TTT) same as DDD */
.tablet .decisions-backed-by-hero-img-TTT {
  width: auto;
  height: 350px;
  object-fit: cover;
  filter: drop-shadow(4px 11px 25px rgba(0, 0, 0, 0.2));
  border-radius: 3px;
}

.tablet .drive-your-decisions-hero-img-TTT {
  width: 350px;
  height: auto;
  filter: drop-shadow(4px 11px 25px rgba(0, 0, 0, 0.2));
}

@media (max-width: 980px) {
  .tablet .decisions-backed-by-hero-img-TTT {
    height: 300px;
    width: auto;
  }
  .tablet .drive-your-decisions-hero-img-TTT {
    width: 260px;
  }
}

.tablet .regular-section-call-to-action-TTT {
  margin-top: 150px;
}

/* TEAM & LEADERSHIP (TTT) */
.tablet .company-leadership-section-TTT {
  margin-top: var(--tablet-section-margin);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tablet .empolyee-row-TTT {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 60px;
}
.tablet .empolyee-img-col-TTT {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 220px;
  min-width: 220px;
}
.tablet .empolyee-details-col-TTT {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 32px;
}
.tablet .empolyee-details-name-row-TTT {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.tablet .employee-img-TTT {
  width: 160px;
  height: 160px;
}
.tablet .linkedin-TTT {
  height: 36px;
  width: 36px;
}
.tablet .employee-title-TTT {
  margin-top: 2px;
  line-height: normal;
}
.tablet .employee-details-text-TTT {
  margin-top: 18px;
  line-height: 1.8;
}

/* FOOTER (TTT) */
.tablet .footer-TTT {
  margin-top: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--banana);
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
}
.tablet .footer-container-TTT {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  padding-left: 128px;
  padding-right: 128px;
}
.tablet .footer-columns-TTT {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 80px;
}
.tablet .footer-single-column-TTT {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.tablet .footer-single-column-centered-TTT {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.tablet .evoly-bw-logo-TTT {
  width: 107px;
  height: auto;
  margin-bottom: 34px;
}
.tablet .evoly-bw-logo-TTT:hover {
  opacity: 0.6;
}

.tablet .helloevolyai-TTT {
  line-height: normal;
  margin-top: -4px;
}

.tablet .helloevolyai-TTT-link {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: var(--eerie-black) !important;
  text-decoration: none;
}

.tablet .helloevolyai-TTT-link:hover {
  opacity: 0.6 !important;
  text-decoration: none !important;
  color: var(--eerie-black) !important;
}

.tablet .citizens-foundation-link-TTT {
  color: #000000 !important;
  text-decoration: none !important;
  border-bottom: 2px solid #ffd700 !important;
  transition: opacity 0.3s ease;
  display: inline !important;
}

.tablet .citizens-foundation-link-TTT:hover {
  opacity: 0.7;
}

.tablet .terms-and-policy-TTT {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.tablet .powered-by-TTT {
  line-height: normal;
}

.tablet .social-media-TTT {
  display: flex;
  flex-direction: row;
  align-self: center;
  width: 80%;
  max-width: 1180px;
  justify-content: space-between;
  align-items: center;

  padding-left: 50px;
  padding-right: 50px;
}

.tablet .x-logo-TTT {
  height: 30px;
  width: 30px;
}

.tablet .linkedin-social-TTT {
  height: 30px;
  width: 30px;
}

.tablet .instagram-TTT {
  height: 30px;
  width: 30px;
}

.tablet .tiktok-TTT {
  height: 34px;
  width: 34px;
}

.tablet .facebook-TTT {
  height: 35px;
  width: 35px;
}

.tablet .footer-footer-TTT {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 80px;
}

.tablet .copyright-TTT {
  line-height: normal;
}

/* -------------------------------------------------- */
/* MOBILE (MMMM)                                       */
/* Also replicated from desktop so it looks the same.  */
/* -------------------------------------------------- */

.mobile {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  width: 100%;
}

.mobile .padding-container-MMM {
  display: flex;
  flex-direction: column;
  padding-left: 32px;
  padding-right: 32px;
  align-items: center;
  /* max-width: 400; */
  margin-bottom: var(--mobile-section-margin);
}

.mobile .evoly-logo-MMM {
  margin-top: 56px;
  align-self: flex-start;
  height: auto;
  width: 110px;
}
.mobile .evoly-logo-MMM:hover {
  opacity: 0.6;
}

.mobile .hero-title-MMM {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 80px;
  width: 310px;
}

.mobile .hero-sub-title-MMM {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: 1.8;
  margin-top: 26px;
  width: 310px;
}

.mobile .button-section-MMM {
  align-self: flex-start;
  display: flex;
  align-items: center;
  margin-top: 60px;
}

.mobile .hero-img-MMM {
  margin-top: 80px;
  height: auto;
  margin-right: 4px;
  object-fit: cover;
  width: 270px;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}

.mobile .evoly-works-with-all-MMM {
  height: 37px;
  letter-spacing: 0;
  line-height: 1.8;
  margin-right: 1px;
  margin-top: 79px;
  text-align: center;
  width: 220px;
}

.mobile .logo-container-1-MMM {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  width: 280px;
}

.mobile .openai-logo-MMM {
  background-size: cover;
  height: auto;
  width: 100px;
}

.mobile .anthropic-logo-MMM {
  background-size: cover;
  height: auto;
  width: 111px;
}

.mobile .logo-container-2-MMM {
  display: flex;
  justify-content: space-between;
  margin-top: 26px;
  width: 300px;
}

.mobile .google-logo-MMM {
  background-size: cover;
  height: 76px;
  width: 141.71px;
}

.mobile .azure-logo-MMM {
  height: auto;
  width: 101px;
  object-fit: contain;
  margin-right: 20px;
}

.mobile .aws-logo-MMM {
  background-size: cover;
  height: auto;
  width: 50px;
  margin-top: 28px;
}

/* REFACTORED MOBILE SECTIONS */
.mobile .regular-section-MMM {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.mobile .regular-section-title-MMM {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .regular-section-paragraph-MMM,
.mobile .drive-your-decisions-text-MMM,
.mobile .your-tailored-text-MMM,
.mobile .ai-platform-since-text-MMM {
  width: 100%;
  letter-spacing: 0;
  line-height: 1.8;
  text-align: left;
  margin-top: 26px;
  font-size: 16px;
  font-family: var(--font-family-poppins);
  color: var(--eerie-black);
}

.mobile .regular-section-img-column-center-MMM {
  display: flex;
  justify-content: center;
  width: 100%;
}

.mobile .drive-your-decisions-hero-img-MMM,
.mobile .decisions-backed-by-hero-img-MMM,
.mobile .your-tailored-hero-img-MMM {
  width: 100%;
  max-width: 320px;
  height: auto;
  margin-top: 40px;
  filter: drop-shadow(4px 11px 25px rgba(0, 0, 0, 0.15));
}

.mobile .simple-ux-section-MMM {
  position: relative;
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.mobile .simple-ux-img-MMM {
  width: 100%;
  max-width: 450px;
}

.mobile .simple-ux-text-container-MMM {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}

.mobile .citizens-foundation-link-MMM {
  color: #000000 !important;
  text-decoration: none !important;
  border-bottom: 2px solid #ffd700 !important;
  transition: opacity 0.3s ease;
  display: inline !important;
}

.mobile .citizens-foundation-link-MMM:hover {
  opacity: 0.7;
}

.mobile .regular-section-call-to-action-MMM {
  margin-top: 100px;
  align-self: center;
}

.mobile .empolyee-details-col-MMM {
  display: flex;
  flex-direction: column;
}

.mobile .employee-img-MMM {
  height: 140px;
  width: 140px;
  margin-top: 40px;
  margin-bottom: 30px;
  align-self: center;
}

.mobile .employee-row-MMM {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.mobile .empolyee-details-name-row-MMM {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.mobile .employee-details-text-MMM {
  margin-top: 18px;
  line-height: 1.8;
}

.mobile .linkedin-MMM {
  align-self: flex-end;
  height: 26px;
  width: 26px;
}

.mobile .employee-title-MMM {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 3px;
}

.mobile .employee-details {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 18px;
  text-align: left;
}

/* Mobile FOOTER */

.mobile .footer-MMM {
  display: flex;
  flex-direction: column;

  background-color: var(--banana);
  width: 100%;

  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 80px;
  padding-top: 80px;
}

.mobile .footer-container-MMM {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0px;
}

.mobile .footer-columns-MMM {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
  margin-bottom: 60px;
}

.mobile .footer-single-column-MMM {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.mobile .evoly-bw-logo-MMM {
  height: 24px;
  width: auto;
}

.mobile .evoly-bw-logo-MMM:hover {
  opacity: 0.6;
}

.mobile .footer-row-MMM {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  line-height: normal;
}

.mobile .terms-and-policy-MMM {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 24px;
  justify-content: center;
}

.mobile .social-media-MMM {
  display: flex;
  flex-direction: row;
  width: 80%;
  justify-content: space-around;
  align-items: center;
  align-self: center;
  padding-left: 26px;
  padding-right: 26px;
}

.mobile .address-MMM {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  top: 0;
  margin-top: 24px;
  margin-bottom: 40px;
}

.mobile .helloevolyai-MMM-link {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
}

.mobile .helloevolyai-MMM-link:hover {
  text-decoration: underline !important; /* Optional: add underline on hover */
  color: var(eerie-black-2);
}

.mobile .citizens-foundation-link-MMM {
  color: #000000 !important;
  text-decoration: none !important;
  border-bottom: 2px solid #ffd700 !important;
  transition: opacity 0.3s ease;
  display: inline !important;
}

.mobile .citizens-foundation-link-MMM:hover {
  opacity: 0.7;
}

.mobile .terms-and-policy-container-MMM {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 240px;
}

.mobile .footer-link-MMM {
  color: inherit;
  letter-spacing: 0;
  line-height: normal;
  text-align: left;
  text-decoration-line: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: inherit;
}

.mobile .footer-link-MMM:hover {
  opacity: 0.7;
  text-decoration-thickness: 2px;
  text-decoration-line: underline;
  text-underline-offset: 5px;
}

.mobile .x-logo-MMM {
  height: 19px;
  width: 19px;
}

.mobile .linkedin-social-MMM {
  height: 19px;
  width: 19px;
}

.mobile .instagram-MMM {
  height: 19px;
  width: 19px;
}
.mobile .tiktok-MMM {
  height: 23px;
  width: 23px;
}
.mobile .facebook-MMM {
  height: 24px;
  width: 24px;
}

.mobile .copyright-MMM {
  letter-spacing: 0;
  line-height: normal;
}

.mobile .footer-footer-MMM {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 40px;
}

/* -------------------------------------------------- */
/* RESPONSIVE VISIBILITY                               */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
  .screen.desktop {
    display: none;
  }
  .screen.tablet {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .screen.desktop {
    display: none;
  }
  .screen.mobile {
    display: none;
  }
}

@media screen and (min-width: 1180px) {
  .screen.mobile {
    display: none;
  }
  .screen.tablet {
    display: none;
  }
}

.mobile .regular-section-call-to-action-MMM {
  margin-top: 100px;
}