.elementor-99 .elementor-element.elementor-element-4cc42de > .elementor-widget-container{margin:-100px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-4cc42de *//* =========================
FAQ PAGE
========================= */

.am-faq-page{
  position:relative;

  padding:220px 0 120px;

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

  overflow:hidden;
}

/* BG */

.am-faq-page__bg{
  position:absolute;
  inset:0;

  background:
  radial-gradient(
    circle at top left,
    rgba(18,70,216,.12),
    transparent 30%
  ),
  radial-gradient(
    circle at bottom right,
    rgba(239,122,77,.10),
    transparent 30%
  );
}

/* CONTAINER */

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

  position:relative;
  z-index:2;
}

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

.am-faq-page__hero{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:80px;

  align-items:center;

  margin-bottom:120px;
}

/* CONTENT */

.am-faq-page__eyebrow{
  display:inline-flex;

  padding:12px 18px;

  border-radius:999px;

  background:#fff4ef;

  color:#ef7a4d;

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

  margin-bottom:28px;
}

.am-faq-page__title{
  margin:0 0 28px;

  color:#0f172a;

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

  letter-spacing:-4px;

  font-weight:900;
}

.am-faq-page__text{
  margin:0;

  max-width:620px;

  color:#475569;

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

/* IMAGE */

.am-faq-page__hero-image{
  height:620px;

  border-radius:36px;

  overflow:hidden;

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

.am-faq-page__hero-image img{
  width:100%;
  height:100%;

  object-fit:cover;
}

/* =========================
FAQ LIST
========================= */

.am-faq-list{
  display:flex;
  flex-direction:column;

  gap:20px;
}

/* ITEM */

.am-faq-item{
  border-radius:30px;

  background:#fff;

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

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

  overflow:hidden;

  transition:.4s ease;
}

/* HEAD */

.am-faq-item__head{
  width:100%;

  border:none;
  background:none;

  padding:34px 36px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:24px;

  cursor:pointer;

  text-align:left;
}

.am-faq-item__head span{
  color:#0f172a;

  font-size:1.3rem;
  line-height:1.4;

  font-weight:800;

  letter-spacing:-1px;
}

/* ICON */

.am-faq-item__icon{
  position:relative;

  min-width:24px;
  width:24px;
  height:24px;
}

.am-faq-item__icon::before,
.am-faq-item__icon::after{
  content:"";

  position:absolute;

  top:50%;
  left:50%;

  width:18px;
  height:2px;

  background:#ef7a4d;

  border-radius:999px;

  transition:.35s ease;
}

.am-faq-item__icon::before{
  transform:
  translate(-50%,-50%);
}

.am-faq-item__icon::after{
  transform:
  translate(-50%,-50%)
  rotate(90deg);
}

/* ACTIVE */

.am-faq-item.active
.am-faq-item__icon::after{
  transform:
  translate(-50%,-50%)
  rotate(0deg);
}

/* BODY */

.am-faq-item__body{
  max-height:0;

  overflow:hidden;

  transition:
  max-height .5s ease;
}

.am-faq-item.active
.am-faq-item__body{
  max-height:500px;
}

/* BODY INNER */

.am-faq-item__body p{
  margin:0;

  padding:
  0 36px 36px;

  color:#475569;

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

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

@media(max-width:1100px){

  .am-faq-page__hero{
    grid-template-columns:1fr;
  }

}

@media(max-width:768px){

  .am-faq-page{
    padding:170px 0 90px;
  }

  .am-faq-page__container{
    width:calc(100% - 24px);
  }

  .am-faq-page__hero{
    gap:50px;

    margin-bottom:90px;
  }

  .am-faq-page__title{
    font-size:clamp(2.6rem,13vw,4.8rem);

    letter-spacing:-2px;
  }

  .am-faq-page__text{
    font-size:1rem;
    line-height:1.9;
  }

  .am-faq-page__hero-image{
    height:420px;

    border-radius:28px;
  }

  .am-faq-item{
    border-radius:24px;
  }

  .am-faq-item__head{
    padding:24px;
  }

  .am-faq-item__head span{
    font-size:1.05rem;

    line-height:1.5;
  }

  .am-faq-item__body p{
    padding:
    0 24px 24px;
  }

}/* End custom CSS */