.elementor-948 .elementor-element.elementor-element-52fb438{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-38bbe96 *//* =========================================================
   ALERIA MEDICAL
   SINGLE SERVICE
   ELEMENTOR PRO
   ========================================================= */

.am-service-page {

  --am-blue: #082D6B;
  --am-blue-dark: #051C40;

  --am-cyan: #00B5B8;
  --am-cyan-light: #83DEDE;

  --am-text: #20384D;
  --am-muted: #6D808D;

  --am-bg: #F4F8FA;
  --am-white: #FFFFFF;

  --am-border: #DCE7EC;

  width: 100%;
  overflow: hidden;

}


/* =========================================================
   CONTAINER
   ========================================================= */

.am-container {

  width:
    min(
      calc(100% - 40px),
      1180px
    );

  margin:
    0 auto;

}


/* =========================================================
   HERO
   ========================================================= */

.am-service-hero {

  position:
    relative;

  min-height:
    690px;

  display:
    flex;

  align-items:
    center;

  background:
    var(--am-bg);

  overflow:
    hidden;

}


.am-service-hero__background {

  position:
    absolute;

  top:
    0;

  right:
    0;

  width:
    52%;

  height:
    100%;

  background:
    linear-gradient(
      135deg,
      #E8F5F7,
      #DCEEF3
    );

  border-bottom-left-radius:
    160px;

}


.am-service-hero__grid {

  position:
    relative;

  z-index:
    2;

  display:
    grid;

  grid-template-columns:
    1fr .82fr;

  align-items:
    center;

  gap:
    75px;

  padding:
    70px 0 115px;

}


/* =========================================================
   EYEBROW
   ========================================================= */

.am-service-eyebrow {

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  margin-bottom:
    25px;

  color:
    var(--am-cyan);

  font-size:
    10px;

  font-weight:
    900;

  letter-spacing:
    .14em;

}


.am-service-eyebrow span {

  width:
    38px;

  height:
    2px;

  background:
    var(--am-cyan);

}


/* =========================================================
   TITLE
   ========================================================= */

.am-service-title {

  max-width:
    700px;

  margin:
    0;

  color:
    var(--am-blue);

  font-size:
    clamp(
      3rem,
      5.4vw,
      5.3rem
    );

  line-height:
    .9;

  font-weight:
    800;

  letter-spacing:
    -.065em;

}


/* =========================================================
   SUMMARY
   ========================================================= */

.am-service-summary {

  max-width:
    620px;

  margin:
    27px 0 0;

  color:
    var(--am-muted);

  font-size:
    16px;

  line-height:
    1.7;

}


/* =========================================================
   META
   ========================================================= */

.am-service-meta {

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    9px;

  margin-top:
    25px;

}


.am-service-meta__item {

  display:
    flex;

  align-items:
    center;

  gap:
    11px;

  padding:
    11px 15px;

  border:
    1px solid var(--am-border);

  border-radius:
    12px;

  background:
    rgba(255,255,255,.8);

}


.am-service-meta__icon {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    34px;

  height:
    34px;

  border-radius:
    10px;

  background:
    rgba(0,181,184,.09);

  color:
    var(--am-cyan);

  font-size:
    18px;

}


.am-service-meta__item div:last-child {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}


.am-service-meta__item span {

  color:
    #84939C;

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    .12em;

}


.am-service-meta__item strong {

  color:
    var(--am-blue);

  font-size:
    12px;

}


/* =========================================================
   ACTIONS
   ========================================================= */

.am-service-actions {

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  margin-top:
    28px;

}


.am-service-button {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    12px;

  min-height:
    49px;

  padding:
    0 19px;

  border-radius:
    999px;

  text-decoration:
    none !important;

  font-size:
    12px;

  font-weight:
    800;

  transition:
    .25s ease;

}


.am-service-button--primary {

  background:
    var(--am-blue);

  color:
    #ffffff !important;

  box-shadow:
    0 12px 30px rgba(8,45,107,.2);

}


.am-service-button--primary span {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    25px;

  height:
    25px;

  border-radius:
    50%;

  background:
    var(--am-cyan);

}


.am-service-button--primary:hover {

  transform:
    translateY(-3px);

}


.am-service-button--secondary {

  background:
    #ffffff;

  border:
    1px solid var(--am-border);

  color:
    var(--am-blue) !important;

}


.am-service-button--secondary:hover {

  transform:
    translateY(-3px);

}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.am-service-hero__visual {

  position:
    relative;

}


.am-service-image {

  position:
    relative;

  height:
    455px;

  overflow:
    hidden;

  border-radius:
    28px;

  background:
    #dbecef;

  box-shadow:
    0 30px 70px rgba(8,45,107,.15);

}


.am-service-image img {

  width:
    100%;

  height:
    100%;

  display:
    block;

  object-fit:
    cover;

}


.am-service-image-label {

  position:
    absolute;

  left:
    20px;

  bottom:
    20px;

  display:
    flex;

  align-items:
    center;

  gap:
    8px;

  padding:
    9px 13px;

  border-radius:
    999px;

  background:
    rgba(5,28,64,.9);

  color:
    #ffffff;

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    .1em;

}


.am-service-image-label span {

  width:
    6px;

  height:
    6px;

  border-radius:
    50%;

  background:
    var(--am-cyan);

}


/* =========================================================
   HERO BOTTOM
   ========================================================= */

.am-service-hero__bottom {

  position:
    absolute;

  left:
    0;

  right:
    0;

  bottom:
    0;

  z-index:
    5;

  padding:
    15px 0;

  background:
    rgba(5,28,64,.96);

}


.am-service-hero__bottom .am-container {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    30px;

}


.am-service-hero__bottom div {

  display:
    flex;

  align-items:
    center;

  gap:
    15px;

}


.am-service-hero__bottom span {

  color:
    var(--am-cyan-light);

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .12em;

}


.am-service-hero__bottom strong {

  color:
    #ffffff;

  font-size:
    13px;

}


.am-service-hero__bottom p {

  margin:
    0;

  color:
    rgba(255,255,255,.4);

  font-size:
    10px;

}


/* =========================================================
   SECTION LABEL
   ========================================================= */

.am-section-label {

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  color:
    var(--am-cyan);

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .14em;

}


.am-section-label span {

  color:
    #99AAB2;

}


/* =========================================================
   INTRO
   ========================================================= */

.am-service-intro {

  padding:
    110px 0;

  background:
    #ffffff;

}


.am-service-intro__grid {

  display:
    grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap:
    90px;

  margin-top:
    35px;

}


.am-service-intro h2 {

  max-width:
    520px;

  margin:
    0;

  color:
    var(--am-blue);

  font-size:
    clamp(
      2.5rem,
      4vw,
      3.7rem
    );

  line-height:
    .94;

  letter-spacing:
    -.055em;

}


.am-service-intro h2 strong {

  color:
    var(--am-cyan);

}


.am-service-intro__content {

  color:
    var(--am-muted);

  font-size:
    16px;

  line-height:
    1.8;

}


/* =========================================================
   TARGET
   ========================================================= */

.am-service-target {

  padding:
    10px 0;

  background:
    #ffffff;

}


.am-service-target__box {

  position:
    relative;

  display:
    grid;

  grid-template-columns:
    55px 1fr 50px;

  gap:
    25px;

  align-items:
    center;

  padding:
    40px;

  border-radius:
    22px;

  background:
    var(--am-blue);

  overflow:
    hidden;

}


.am-service-target__number {

  color:
    rgba(255,255,255,.25);

  font-size:
    12px;

  font-weight:
    900;

}


.am-service-target__content span {

  color:
    var(--am-cyan-light);

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .12em;

}


.am-service-target__content h2 {

  margin:
    8px 0 10px;

  color:
    #ffffff;

  font-size:
    2rem;

  line-height:
    1;

  letter-spacing:
    -.04em;

}


.am-service-target__content p {

  max-width:
    800px;

  margin:
    0;

  color:
    rgba(255,255,255,.5);

  font-size:
    14px;

  line-height:
    1.65;

}


.am-service-target__mark {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    48px;

  height:
    48px;

  border:
    1px solid rgba(130,222,222,.2);

  border-radius:
    50%;

  color:
    var(--am-cyan-light);

  font-size:
    24px;

}


/* =========================================================
   BENEFITS
   ========================================================= */

.am-service-benefits {

  padding:
    110px 0;

  background:
    var(--am-bg);

}


.am-service-section-heading {

  display:
    grid;

  grid-template-columns:
    1fr .65fr;

  gap:
    60px;

  margin:
    22px 0 40px;

}


.am-service-section-heading h2 {

  max-width:
    650px;

  margin:
    0;

  color:
    var(--am-blue);

  font-size:
    clamp(
      2.5rem,
      4vw,
      3.7rem
    );

  line-height:
    .94;

  letter-spacing:
    -.055em;

}


.am-service-section-heading h2 strong {

  color:
    var(--am-cyan);

}


.am-service-section-heading p {

  margin:
    0;

  color:
    var(--am-muted);

  font-size:
    14px;

  line-height:
    1.7;

}


.am-benefits-grid {

  display:
    grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:
    10px;

}


.am-benefit-card {

  position:
    relative;

  min-height:
    285px;

  padding:
    26px;

  border:
    1px solid var(--am-border);

  border-radius:
    17px;

  background:
    #ffffff;

  transition:
    .25s ease;

}


.am-benefit-card:hover {

  transform:
    translateY(-5px);

  box-shadow:
    0 18px 45px rgba(8,45,107,.08);

}


.am-benefit-number {

  color:
    #A0ADB3;

  font-size:
    9px;

  font-weight:
    900;

}


.am-benefit-icon {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    45px;

  height:
    45px;

  margin:
    38px 0 20px;

  border-radius:
    12px;

  background:
    rgba(0,181,184,.08);

  color:
    var(--am-cyan);

  font-size:
    21px;

}


.am-benefit-card h3 {

  margin:
    0 0 9px;

  color:
    var(--am-blue);

  font-size:
    1.1rem;

}


.am-benefit-card p {

  margin:
    0;

  color:
    var(--am-muted);

  font-size:
    13px;

  line-height:
    1.6;

}


/* =========================================================
   PROCESS
   ========================================================= */

.am-service-process {

  padding:
    110px 0;

  background:
    #ffffff;

}


.am-service-process__grid {

  display:
    grid;

  grid-template-columns:
    .75fr 1.25fr;

  gap:
    80px;

}


.am-service-process__intro h2 {

  max-width:
    470px;

  margin:
    23px 0 0;

  color:
    var(--am-blue);

  font-size:
    3rem;

  line-height:
    .95;

  letter-spacing:
    -.055em;

}


.am-service-process__intro h2 strong {

  color:
    var(--am-cyan);

}


.am-service-process__steps {

  border-top:
    1px solid var(--am-border);

}


.am-process-step {

  display:
    grid;

  grid-template-columns:
    50px 1fr;

  gap:
    20px;

  padding:
    25px 0;

  border-bottom:
    1px solid var(--am-border);

}


.am-process-step > span {

  color:
    var(--am-cyan);

  font-size:
    10px;

  font-weight:
    900;

}


.am-process-step h3 {

  margin:
    0 0 7px;

  color:
    var(--am-blue);

  font-size:
    1.1rem;

}


.am-process-step p {

  max-width:
    600px;

  margin:
    0;

  color:
    var(--am-muted);

  font-size:
    13px;

  line-height:
    1.6;

}


/* =========================================================
   PREPARATION
   ========================================================= */

.am-service-preparation {

  padding:
    10px 0;

  background:
    #ffffff;

}


.am-preparation-box {

  display:
    grid;

  grid-template-columns:
    60px 1fr;

  gap:
    25px;

  padding:
    45px;

  border-radius:
    22px;

  background:
    var(--am-bg);

}


.am-preparation-icon {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    52px;

  height:
    52px;

  border-radius:
    15px;

  background:
    rgba(0,181,184,.1);

  color:
    var(--am-cyan);

  font-size:
    22px;

}


.am-preparation-content h2 {

  margin:
    18px 0;

  color:
    var(--am-blue);

  font-size:
    2.3rem;

  line-height:
    1;

}


.am-preparation-text {

  color:
    var(--am-muted);

  font-size:
    14px;

  line-height:
    1.75;

}


/* =========================================================
   DETAILS
   ========================================================= */

.am-service-details {

  padding:
    110px 0;

  background:
    #ffffff;

}


.am-service-details__grid {

  display:
    grid;

  grid-template-columns:
    repeat(3,1fr);

  border:
    1px solid var(--am-border);

  border-radius:
    17px;

  overflow:
    hidden;

}


.am-detail {

  display:
    flex;

  flex-direction:
    column;

  gap:
    8px;

  padding:
    27px;

  border-right:
    1px solid var(--am-border);

}


.am-detail:last-child {

  border-right:
    0;

}


.am-detail span {

  color:
    var(--am-cyan);

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    .12em;

}


.am-detail strong {

  color:
    var(--am-blue);

  font-size:
    14px;

}


/* =========================================================
   RELATED DISEASES
   ========================================================= */

.am-related-diseases {

  padding:
    110px 0;

  background:
    var(--am-bg);

}


.am-related-diseases__heading {

  max-width:
    800px;

  margin:
    25px 0 40px;

}


.am-related-diseases__heading h2 {

  margin:
    0 0 15px;

  color:
    var(--am-blue);

  font-size:
    clamp(
      2.5rem,
      4vw,
      3.7rem
    );

  line-height:
    .94;

  letter-spacing:
    -.055em;

}


.am-related-diseases__heading h2 strong {

  color:
    var(--am-cyan);

}


.am-related-diseases__heading p {

  max-width:
    650px;

  margin:
    0;

  color:
    var(--am-muted);

  font-size:
    14px;

  line-height:
    1.7;

}


.am-disease-placeholder {

  min-height:
    150px;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px dashed #C8D7DD;

  border-radius:
    18px;

  background:
    rgba(255,255,255,.6);

}


.am-disease-placeholder span {

  color:
    var(--am-cyan);

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    .12em;

}


.am-disease-placeholder p {

  margin:
    8px 0 0;

  color:
    var(--am-blue);

  font-size:
    16px;

  font-weight:
    700;

}


/* =========================================================
   CTA
   ========================================================= */

.am-service-cta {

  padding:
    10px 0 100px;

  background:
    var(--am-bg);

}


.am-service-cta__box {

  position:
    relative;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    40px;

  padding:
    48px;

  border-radius:
    23px;

  background:
    var(--am-blue);

  overflow:
    hidden;

}


.am-service-cta__box::after {

  content:
    "";

  position:
    absolute;

  right:
    -120px;

  bottom:
    -220px;

  width:
    500px;

  height:
    500px;

  border:
    1px solid rgba(130,222,222,.12);

  border-radius:
    50%;

}


.am-service-cta__content {

  position:
    relative;

  z-index:
    2;

}


.am-service-cta__content > span {

  color:
    var(--am-cyan-light);

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .12em;

}


.am-service-cta h2 {

  margin:
    9px 0;

  color:
    #ffffff;

  font-size:
    2.8rem;

  line-height:
    .95;

  letter-spacing:
    -.045em;

}


.am-service-cta p {

  max-width:
    600px;

  margin:
    0;

  color:
    rgba(255,255,255,.48);

  font-size:
    14px;

  line-height:
    1.6;

}


.am-service-cta__button {

  position:
    relative;

  z-index:
    2;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    13px;

  flex-shrink:
    0;

  min-height:
    49px;

  padding:
    0 19px;

  border-radius:
    999px;

  background:
    var(--am-cyan);

  color:
    #ffffff !important;

  text-decoration:
    none !important;

  font-size:
    12px;

  font-weight:
    800;

}


.am-service-cta__button b {

  font-size:
    18px;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .am-service-hero__grid {

    grid-template-columns:
      1fr;

    gap:
      45px;

    padding:
      70px 0 130px;

  }


  .am-service-hero__background {

    width:
      100%;

    opacity:
      .45;

  }


  .am-service-hero__visual {

    max-width:
      650px;

  }


  .am-service-intro__grid,
  .am-service-process__grid {

    grid-template-columns:
      1fr;

    gap:
      40px;

  }


  .am-service-section-heading {

    grid-template-columns:
      1fr;

    gap:
      20px;

  }


  .am-benefits-grid {

    grid-template-columns:
      repeat(2,1fr);

  }


  .am-service-cta__box {

    flex-direction:
      column;

    align-items:
      flex-start;

  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

  .am-container {

    width:
      calc(100% - 30px);

  }


  .am-service-hero__grid {

    padding:
      55px 0 125px;

  }


  .am-service-title {

    font-size:
      2.8rem;

  }


  .am-service-summary {

    font-size:
      14px;

  }


  .am-service-actions {

    flex-direction:
      column;

    align-items:
      stretch;

  }


  .am-service-button {

    width:
      100%;

  }


  .am-service-image {

    height:
      320px;

    border-radius:
      18px;

  }


  .am-service-hero__bottom .am-container {

    flex-direction:
      column;

    align-items:
      flex-start;

    gap:
      4px;

  }


  .am-service-hero__bottom p {

    display:
      none;

  }


  .am-service-intro,
  .am-service-benefits,
  .am-service-process,
  .am-service-details,
  .am-related-diseases {

    padding:
      75px 0;

  }


  .am-service-intro h2,
  .am-service-process__intro h2,
  .am-service-preparation h2 {

    font-size:
      2.35rem;

  }


  .am-service-target__box {

    grid-template-columns:
      1fr;

    gap:
      15px;

    padding:
      28px 22px;

  }


  .am-service-target__mark {

    display:
      none;

  }


  .am-benefits-grid {

    grid-template-columns:
      1fr;

  }


  .am-benefit-card {

    min-height:
      auto;

  }


  .am-preparation-box {

    grid-template-columns:
      1fr;

    padding:
      28px 22px;

  }


  .am-service-details__grid {

    grid-template-columns:
      1fr;

  }


  .am-detail {

    border-right:
      0;

    border-bottom:
      1px solid var(--am-border);

  }


  .am-detail:last-child {

    border-bottom:
      0;

  }


  .am-service-cta {

    padding-bottom:
      75px;

  }


  .am-service-cta__box {

    padding:
      30px 22px;

  }


  .am-service-cta h2 {

    font-size:
      2.2rem;

  }


  .am-service-cta__button {

    width:
      100%;

  }

}/* End custom CSS */