.elementor-2818 .elementor-element.elementor-element-12001b2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2818 .elementor-element.elementor-element-12001b2:not(.elementor-motion-effects-element-type-background), .elementor-2818 .elementor-element.elementor-element-12001b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://atlbio.com/wp-content/uploads/2024/12/Group-53.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2818 .elementor-element.elementor-element-e3df312{--display:flex;--padding-top:3rem;--padding-bottom:3rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-2818 .elementor-element.elementor-element-1044177{--grid-columns:2;}.elementor-2818 .elementor-element.elementor-element-1044177 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2818 .elementor-element.elementor-element-1044177 .e-loop-item > .elementor-section, .elementor-2818 .elementor-element.elementor-element-1044177 .e-loop-item > .elementor-section > .elementor-container, .elementor-2818 .elementor-element.elementor-element-1044177 .e-loop-item > .e-con, .elementor-2818 .elementor-element.elementor-element-1044177 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:768px){.elementor-2818 .elementor-element.elementor-element-12001b2{--content-width:979px;}}@media(max-width:1024px){.elementor-2818 .elementor-element.elementor-element-1044177{--grid-columns:2;}}@media(max-width:767px){.elementor-2818 .elementor-element.elementor-element-1044177{--grid-columns:1;}}/* Start custom CSS for text-editor, class: .elementor-element-c638cd8 */.elementor-2818 .elementor-element.elementor-element-c638cd8 p {
    margin-bottom: 0!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12001b2 */.elementor-2818 .elementor-element.elementor-element-12001b2 {
    background:
        radial-gradient(ellipse 70% 55% at 15% 0%,
            rgba(168, 85, 247, .22) 0%, transparent 62%),
        radial-gradient(ellipse 60% 50% at 88% 100%,
            rgba(141, 198, 63, .10) 0%, transparent 58%),
        linear-gradient(160deg, #2A0F47 0%, #1F0C36 55%, #1A0B2E 100%);

    padding: 64px 24px 68px;
    text-align: center;
}

/* ---- Eyebrow --------------------------------------------- */
.elementor-2818 .elementor-element.elementor-element-12001b2 .locations-eyebrow .elementor-heading-title {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #8DC63F;
}

/* ---- Title ----------------------------------------------- */
.elementor-2818 .elementor-element.elementor-element-12001b2 .locations-title .elementor-heading-title {
    margin: 0 0 16px;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.18;
    color: #FFFFFF;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* ---- Intro ----------------------------------------------- */
.elementor-2818 .elementor-element.elementor-element-12001b2 .locations-intro {
    max-width: 660px;
    margin: 0 auto;
}

.elementor-2818 .elementor-element.elementor-element-12001b2 .locations-intro p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #DDD6FE;        /* lighter than #C4B5FD — better contrast */
}

/* ---- Tablet ---------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-2818 .elementor-element.elementor-element-12001b2 {
        padding: 52px 22px 56px;
    }
    .elementor-2818 .elementor-element.elementor-element-12001b2 .locations-title .elementor-heading-title {
        font-size: 34px;
    }
    .elementor-2818 .elementor-element.elementor-element-12001b2 .locations-intro p {
        font-size: 16px;
    }
}

/* ---- Mobile ---------------------------------------------- */
@media (max-width: 767px) {
    .elementor-2818 .elementor-element.elementor-element-12001b2 {
        padding: 40px 18px 44px;
    }
    .elementor-2818 .elementor-element.elementor-element-12001b2 .locations-eyebrow .elementor-heading-title {
        font-size: 11px;
        letter-spacing: 1.5px;
        margin-bottom: 8px;
    }
    .elementor-2818 .elementor-element.elementor-element-12001b2 .locations-title .elementor-heading-title {
        font-size: 26px;
        line-height: 1.25;
        margin-bottom: 12px;
    }
    .elementor-2818 .elementor-element.elementor-element-12001b2 .locations-intro p {
        font-size: 15px;
        line-height: 1.65;
    }
}


/* ============================================================
   OPTIONAL — hexagon background image instead of the gradient
   Matches the rest of the site. Replace the `.elementor-2818 .elementor-element.elementor-element-12001b2` block:

.elementor-2818 .elementor-element.elementor-element-12001b2 {
    background-image:
        linear-gradient(160deg, rgba(42,15,71,.88), rgba(26,11,46,.94)),
        url('/wp-content/uploads/2026/08/hexagon-bg.jpg');
    background-size: cover;
    background-position: center;
    padding: 64px 24px 68px;
    text-align: center;
}
   ============================================================ */


/* ============================================================
   NOTES

   1. The intro text is currently #C4B5FD, which sits around
      4.2:1 on this background — just under AA for body copy.
      #DDD6FE above clears it comfortably.

   2. The title should be the H1 on this archive. Set the
      Heading widget's HTML Tag to H1 (Settings tab) and make
      sure no other H1 exists in the header or hero.

   3. If the title wraps awkwardly at tablet width, add
      `text-wrap: balance;` to the title rule — supported in
      all current browsers, ignored gracefully elsewhere.
   ============================================================ *//* End custom CSS */