/* Start custom CSS for html, class: .elementor-element-bd820ae *//* =========================
ABOUT HERO
========================= */

.am-about-hero{
  position:relative;

  padding:220px 0 120px;

  background:
  linear-gradient(
    180deg,
    #f8fafc 0%,
    #ffffff 100%
  );

  overflow:hidden;
}

/* BLURS */

.am-about-hero__blur{
  position:absolute;

  border-radius:999px;

  filter:blur(90px);

  opacity:.22;
}

.am-about-hero__blur--1{
  top:0;
  left:-120px;

  width:320px;
  height:320px;

  background:#2149d8;
}

.am-about-hero__blur--2{
  bottom:-120px;
  right:-120px;

  width:320px;
  height:320px;

  background:#ef7a4d;
}

/* CONTAINER */

.am-about-hero__container{
  width:min(1380px,calc(100% - 40px));
  margin:auto;

  display:grid;
  grid-template-columns:1fr 1fr;

  gap:80px;

  align-items:center;

  position:relative;
  z-index:2;
}

/* CONTENT */

.am-about-hero__eyebrow{
  display:inline-flex;

  padding:12px 18px;

  border-radius:999px;

  background:#fff4ef;

  color:#ef7a4d;

  font-size:.84rem;
  font-weight:700;

  margin-bottom:28px;
}

.am-about-hero__title{
  margin:0 0 28px;

  color:#0f172a;

  font-size:clamp(3rem,6vw,6.2rem);
  line-height:.95;

  letter-spacing:-4px;

  font-weight:900;

  max-width:760px;
}

.am-about-hero__text{
  margin:0;

  max-width:620px;

  color:#475569;

  font-size:1.08rem;
  line-height:2;
}

/* STATS */

.am-about-hero__stats{
  display:flex;
  gap:20px;

  margin-top:50px;

  flex-wrap:wrap;
}

.am-about-hero__stat{
  min-width:170px;

  padding:22px;

  border-radius:26px;

  background:#fff;

  border:1px solid rgba(15,23,42,.05);

  box-shadow:
  0 20px 60px rgba(15,23,42,.06);
}

.am-about-hero__stat strong{
  display:block;

  color:#0f172a;

  font-size:1.4rem;
  font-weight:900;

  margin-bottom:8px;
}

.am-about-hero__stat span{
  color:#64748b;

  font-size:.92rem;
  line-height:1.6;
}

/* MEDIA */

.am-about-hero__media{
  position:relative;
}

.am-about-hero__image{
  position:relative;

  border-radius:36px;

  overflow:hidden;

  height:720px;

  box-shadow:
  0 40px 100px rgba(15,23,42,.12);
}

.am-about-hero__image img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:1s ease;
}

/* FLOAT */

.am-about-hero__floating-card{
  position:absolute;

  left:-40px;
  bottom:40px;

  padding:24px 28px;

  border-radius:28px;

  background:#fff;

  box-shadow:
  0 20px 60px rgba(15,23,42,.12);

  border:1px solid rgba(15,23,42,.05);
}

.am-about-hero__floating-card strong{
  display:block;

  color:#0f172a;

  font-size:1.2rem;
  font-weight:900;

  margin-bottom:6px;
}

.am-about-hero__floating-card span{
  color:#64748b;

  font-size:.95rem;
}

/* =========================
STORY
========================= */

.am-about-story{
  margin-top:140px;
}

.am-about-story__container{
  width:min(1380px,calc(100% - 40px));
  margin:auto;

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

  gap:90px;

  align-items:center;
}

/* IMAGE */

.am-about-story__image{
  border-radius:36px;

  overflow:hidden;

  height:620px;

  box-shadow:
  0 40px 100px rgba(15,23,42,.08);
}

.am-about-story__image img{
  width:100%;
  height:100%;

  object-fit:cover;
}

/* CONTENT */

.am-about-story__eyebrow{
  display:inline-flex;

  padding:12px 18px;

  border-radius:999px;

  background:#eff6ff;

  color:#2149d8;

  font-size:.84rem;
  font-weight:700;

  margin-bottom:28px;
}

.am-about-story__title{
  margin:0 0 28px;

  color:#0f172a;

  font-size:clamp(2.6rem,5vw,5rem);
  line-height:1;

  letter-spacing:-3px;

  font-weight:900;
}

.am-about-story__text{
  margin:0 0 22px;

  color:#475569;

  font-size:1.05rem;
  line-height:2;
}

/* FEATURES */

.am-about-story__features{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:18px;

  margin-top:46px;
}

.am-about-feature{
  padding:24px;

  border-radius:24px;

  background:#fff;

  border:1px solid rgba(15,23,42,.05);

  box-shadow:
  0 20px 50px rgba(15,23,42,.05);
}

.am-about-feature strong{
  display:block;

  color:#0f172a;

  font-size:1rem;
  font-weight:900;

  margin-bottom:6px;
}

.am-about-feature span{
  color:#64748b;

  font-size:.9rem;
  line-height:1.6;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:1100px){

  .am-about-hero__container,
  .am-about-story__container{
    grid-template-columns:1fr;
  }

  .am-about-hero__image{
    height:620px;
  }

}

@media(max-width:768px){

  .am-about-hero{
    padding:170px 0 90px;
  }

  .am-about-hero__container,
  .am-about-story__container{
    width:calc(100% - 24px);
  }

  .am-about-hero__title{
    font-size:clamp(2.5rem,13vw,4.6rem);

    letter-spacing:-2px;
  }

  .am-about-hero__text,
  .am-about-story__text{
    font-size:1rem;
    line-height:1.9;
  }

  .am-about-hero__stats{
    flex-direction:column;
  }

  .am-about-hero__stat{
    width:100%;
  }

  .am-about-hero__image{
    height:460px;

    border-radius:28px;
  }

  .am-about-hero__floating-card{
    left:20px;
    bottom:20px;

    padding:18px 22px;
  }

  .am-about-story{
    margin-top:100px;
  }

  .am-about-story__image{
    height:420px;

    border-radius:28px;
  }

  .am-about-story__features{
    grid-template-columns:1fr;
  }

}

@media(max-width:768px){

  .am-about-story__left{
    display:none;
  }

}/* End custom CSS */