/* =========================
   FEATURED PROFILES
========================= */

.area-profiles-section{

  padding:95px 20px;

  background:
  linear-gradient(
  135deg,
  #12060a 0%,
  #1d000d 50%,
  #0d0d0d 100%
  );

}

.area-container{

  max-width:1200px;

  margin:auto;

}

.area-section-heading{

  text-align:center;

  max-width:760px;

  margin:0 auto 60px;

}

.area-section-tag{

  display:inline-block;

  padding:10px 18px;

  border-radius:40px;

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

  border:
  1px solid rgba(255,255,255,.08);

  color:var(--gold);

  font-size:13px;

  margin-bottom:20px;

}

.area-section-heading p{

  color:#d0d0d0;

  line-height:1.9;

}

/* GRID */

.area-profiles-grid{

  display:grid;

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

  gap:25px;

}

/* CARD */

.area-profile-card{

  overflow:hidden;

  border-radius:28px;

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

  border:
  1px solid rgba(255,255,255,.06);

  transition:.4s ease;

}

.area-profile-card:hover{

  transform:
  translateY(-8px);

  box-shadow:
  0 20px 50px rgba(179,0,45,.20);

}

/* IMAGE */

.area-profile-image{

  position:relative;

  overflow:hidden;

}

.area-profile-image img{

  width:100%;

  aspect-ratio:4/5;

  object-fit:cover;

  display:block;

  transition:1s ease;

}

.area-profile-card:hover img{

  transform:scale(1.06);

}

/* STATUS */

.profile-status{

  position:absolute;

  left:15px;
  bottom:15px;

  padding:8px 14px;

  border-radius:30px;

  background:
  rgba(0,190,110,.18);

  border:
  1px solid rgba(0,255,140,.18);

  color:#9cffc7;

  font-size:11px;

  font-weight:600;

  backdrop-filter:blur(12px);

}

/* CONTENT */

.area-profile-content{

  padding:22px;

}

.area-profile-content h3{

  margin-bottom:8px;

}

.area-profile-content p{

  color:#bdbdbd;

  margin-bottom:14px;

}

.profile-price{

  color:#fff;

  font-weight:600;

  font-size:15px;

}

/* TABLET */

@media(max-width:992px){

  .area-profiles-grid{

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

  }

}

/* MOBILE */

@media(max-width:576px){

  .area-profiles-section{

    padding:65px 16px;

  }

  .area-profiles-grid{

    grid-template-columns:1fr;

    gap:20px;

  }

}
/* =========================
   SEO CONTENT SECTION
========================= */

.area-content-section{

  padding:95px 20px;

  background:
  linear-gradient(
  135deg,
  #14070c 0%,
  #21000f 48%,
  #0d0d0d 100%
  );

}

.area-content-container{

  max-width:900px;

  margin:auto;

  text-align:center;

}

.area-content-tag{

  display:inline-block;

  padding:10px 18px;

  border-radius:40px;

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

  border:
  1px solid rgba(255,255,255,.08);

  color:var(--gold);

  font-size:13px;

  margin-bottom:22px;

}

.area-content-container p{

  color:#d0d0d0;

  line-height:1.9;

  margin-bottom:18px;

}

.area-content-container a{

  color:var(--gold);

  text-decoration:none;

  transition:.3s ease;

}

.area-content-container a:hover{

  text-decoration:underline;

}

/* MOBILE */

@media(max-width:576px){

  .area-content-section{

    padding:65px 16px;

  }

}
.faq-question{

  font-size:18px;

  font-weight:600;

  color:#fff !important;

}