/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.4.0.1712928195
Updated: 2024-04-12 13:23:15

*/

.review-box {
  background: #fff;
  border-radius: 12px;
  padding: 22px;
}

/* HEADER */
.review-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.review-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.review-logo {
  max-height: 80px;
}

.review-rating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.review-rating .score {
  font-size: 22px;
  font-weight: 700;
}

.review-rating .stars {
  color: #f5b400;
  font-size: 22px;
}

.review-rating .votes {
  color: #666;
  font-size: 16px;
}

/* BUTTON */
.review-btn {
  background: #2ecc71;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}

/* CONTENT */
.review-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.review-content {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px;
  background: #fafafa;
}
.review-col h4 {
  margin-bottom: 12px;
  font-size: 15px;
	font-weight:600;
}

.review-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.review-col li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 14px;
}

/* ICONS */
.list.checked li::before {
  content: "✔";
  color: #6c757d;
  position: absolute;
  left: 0;
}

.list.plus li::before {
  content: "✔";
  color: #2ecc71;
  position: absolute;
  left: 0;
}

.list.minus li::before {
  content: "✖";
  color: #e74c3c;
  position: absolute;
  left: 0;
}

/* MOBILE */
@media (max-width: 768px) {
  .review-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .review-content {
    grid-template-columns: 1fr;
  }
}
.wp-shortcut-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 20px;
  background:#2563eb;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:600;
  border-radius:12px;
  transition:0.25s;
  box-shadow:0 6px 16px rgba(37,99,235,.25);
	margin-bottom:12px;
}

.wp-shortcut-btn .icon{
  font-size:18px;
  line-height:1;
}

.wp-shortcut-btn:hover{
  background:#1e40af;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(37,99,235,.35);
}
.loan-hero {
  width: 100vw;
  background: radial-gradient(circle at top, #1b2333, #0b1020);
}

.loan-hero__content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 20px;
  text-align: center;
	color:#FFF;
}
.site-content{
	min-height:600px;
}


.loan-hero__content {
  position: relative;
  margin: auto;
  z-index: 2;
}

.loan-hero__updated {
  font-size: 12px;
  letter-spacing: 1px;
  opacity: 0.7;
  display: inline-block;
  margin-bottom: 12px;
}

.loan-hero h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 12px;
}

.loan-hero__desc {
  font-size: 16px;
  color: #d1d5db;
  margin-bottom: 24px;
}

.loan-hero__features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.loan-hero__features li {
  font-size: 14px;
  position: relative;
  padding-left: 18px;
}

.loan-hero__features li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #22c55e;
}

.loan-hero__filters {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.loan-hero__filters select {
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid #374151;
  background: #111827;
  color: #fff;
  font-size: 14px;
}
.review-card {
  display: grid;
/*   grid-template-columns: 180px 1fr 200px 200px; */
  gap: 24px;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.review-card-p{
	grid-template-columns: 180px 1fr 200px 200px;
}
.review-card__logo{
	text-align:center;
}
.review-card__logo img {
  max-width: 140px;
	
}

.review-card__nmls {
  font-size: 12px;
  color: #6b7280;
  margin-top: 6px;
}

.review-card__info ul {
  margin: 0;
  padding-left: 18px;
}

.review-card__info li {
  font-size: 14px;
  margin-bottom: 6px;
}

.review-card__more {
  display: inline-block;
  margin-top: 6px;
  font-size: 13px;
}

.review-card__rating {
  text-align: center;
}

.review-card__rating .stars {
  color: #facc15;
  font-size: 18px;
}

.review-card__cta {
  text-align: center;
}

.review-card__cta .score {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid #10b981;
  color: #10b981;
  font-size: 22px;
  line-height: 60px;
  margin: auto;
  margin-bottom: 10px;
}

.btn-rate {
  display: inline-block;
  background: #10b981;
  color: #fff !important;
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}
.rating-stars {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
}

.stars-bg {
  color: #e0e0e0;
}

.stars-fill {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #f6b400;
}
/* =========================
   RESET NHẸ
   ========================= */
.finance-hero * {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* =========================
   HERO SECTION
   ========================= */
.finance-hero {
  background: #0b2c57;
  color: #ffffff;
  padding: 90px 20px;
}

.finance-hero .container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 60px;
	background:none !important;
}

/* =========================
   LEFT CONTENT
   ========================= */
.hero-left {
  flex: 1;
}

.hero-left .badge {
  display: inline-block;
  background: #1f3f6d;
  color: #d6e4f5;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 20px;
}

.hero-left h1 {
  font-size: 50px;
  line-height: 1.15;
  font-weight: 700;
  margin: 0 0 20px;
	color:#FFF !important;
}

.hero-left h1 span {
  color: #cfe0f5;
}

.hero-left p {
  font-size: 16px;
  line-height: 1.6;
  color: #cbd6e2;
  max-width: 520px;
  margin-bottom: 30px;
}

.features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

.features li {
  font-size: 14px;
  color: #e5edf7;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* =========================
   RIGHT FORM
   ========================= */
.hero-right {
  flex: 1;
}

.finance-form {
  background: #ffffff;
  color: #333;
  padding: 32px;
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

.form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.form-header h3 {
  font-size: 20px;
  margin: 0;
  font-weight: 700;
}

.form-header .ssl {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 4px;
}

.finance-form label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 6px;
  margin-top: 16px;
}

.finance-form input,
.finance-form select {
  width: 100%;
  padding: 14px 14px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.finance-form input:focus,
.finance-form select:focus {
  border-color: #2563eb;
}

.finance-form .row {
  display: flex;
  gap: 15px;
}

.finance-form .row > div {
  flex: 1;
}

.finance-form button {
  width: 100%;
  margin-top: 24px;
  padding: 15px;
  background: #32d16d;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease;
}

.finance-form button:hover {
  background: #28b85f;
}

.finance-form .note {
  text-align: center;
  font-size: 12px;
  color: #6b7280;
  margin-top: 12px;
}

/* =========================
   TABLET
   ========================= */
@media (max-width: 992px) {
  .finance-hero .container {
    gap: 40px;
  }

  .hero-left h1 {
    font-size: 42px;
  }
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 768px) {
  .finance-hero {
    padding: 50px 16px;
  }

  .finance-hero .container {
    flex-direction: column;
    gap: 35px;
  }

  .hero-left,
  .hero-right {
    width: 100%;
  }

  .hero-left h1 {
    font-size: 32px;
    line-height: 1.25;
  }

  .hero-left p {
    font-size: 15px;
  }

  .features {
    flex-direction: column;
    gap: 12px;
  }

  .finance-form {
    padding: 22px;
    border-radius: 12px;
  }

  .form-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .finance-form .row {
    flex-direction: column;
  }

  .finance-form input,
  .finance-form select,
  .finance-form button {
    font-size: 15px;
  }
}

/* =========================
   SMALL MOBILE
   ========================= */
@media (max-width: 375px) {
  .hero-left h1 {
    font-size: 28px;
  }
}

@media (max-width: 768px) {

  /* Card container */
  .loan-card,
  .review-card,
  .provider-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
  }

  /* Logo */
  .loan-card__logo,
  .provider-logo {
    text-align: left;
    margin-bottom: 6px;
  }

  .loan-card__logo img {
    max-height: 28px;
  }

  /* Main content */
  .loan-card__content {
    font-size: 14px;
    line-height: 1.5;
  }

  /* List bullet */
  .loan-card__content ul {
    padding-left: 16px;
    margin: 8px 0;
  }

  /* Rating area */
  .loan-card__rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
  }

  .loan-card__score {
    font-size: 20px;
    font-weight: 700;
  }

  /* Button */
  .loan-card__cta {
    margin-top: 10px;
  }

  .loan-card__cta a,
  .loan-card__cta button {
    width: 100%;
    text-align: center;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 15px;
  }
	.list-review{
		padding:0 20px;
	}
}
.finance-btn {
	margin-top:12px;
  display: block;
  text-align: center;
  background: #32d16d;
  color: #fff;
  padding: 15px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
}
/* =========================
   PROVIDERS SECTION
   ========================= */
.providers-section {
  background: #f8fafc;
  padding: 0px 20px;
}

.providers-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* HEADER */
.providers-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.providers-header h2 {
  font-size: 28px;
  margin: 0 0 6px;
  color: #0f172a;
}

.providers-header p {
  margin: 0;
  font-size: 14px;
  color: #64748b;
}

.providers-header .view-all {
  font-size: 14px;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
	margin-top:20px;
}

/* CARD */
.provider-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 26px 28px;
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 0.8fr 1.2fr;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #e5e7eb;
}

.provider-card.featured {
  border-color: #22c55e;
}

/* EDITOR BADGE */
.editor-badge {
  position: absolute;
  top: -12px;
  right: 20px;
  background: #0f172a;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 20px;
}

/* LOGO */
.provider-logo img {
  max-width: 160px;
}

/* META */
.provider-meta span {
  display: block;
  font-size: 11px;
  color: #64748b;
  margin-bottom: 4px;
}

.provider-meta strong {
  font-size: 15px;
  color: #0f172a;
}

/* CREDIT TAG */
.credit-tag {
  font-size: 12px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.credit-tag.good {
  background: #dcfce7;
  color: #166534;
}

.credit-tag.warn {
  background: #fef3c7;
  color: #92400e;
}

/* ACTION */
.provider-action {
  text-align: right;
}

.btn-primary {
  display: inline-block;
  background: #22c55e;
  color: #ffffff !important;
  padding: 12px 18px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
}

.btn-primary:hover {
  background: #16a34a;
}

.review-link {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #64748b;
  text-decoration: underline;
}

/* =========================
   TABLET
   ========================= */
@media (max-width: 992px) {
  .provider-card {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .provider-action {
    grid-column: span 2;
    text-align: left;
  }
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 600px) {
  .providers-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .provider-card {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .provider-action {
    text-align: left;
  }

  .editor-badge {
    right: 12px;
  }
}
/* =========================
   STEPS SECTION
   ========================= */
.steps-section {
  background: #0b2c57;
  padding: 80px 20px;
  color: #ffffff;
}

.steps-container {
  max-width: 1200px;
  margin: 0 auto;
}

.steps-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 60px;
}

/* GRID */
.steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  text-align: center;
}

/* ITEM */
.step-item {
  max-width: 320px;
  margin: 0 auto;
}

.step-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  background: #2563eb;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.step-item h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.step-item p {
  font-size: 15px;
  line-height: 1.6;
  color: #cbd6e2;
}

/* =========================
   TABLET
   ========================= */
@media (max-width: 992px) {
  .steps-grid {
    gap: 40px;
  }
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 768px) {
  .steps-section {
    padding: 60px 16px;
  }

  .steps-title {
    font-size: 26px;
    margin-bottom: 40px;
  }

  .steps-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .step-item {
    max-width: 100%;
  }
}
.trust-section {
  padding: 20px 20px;
}

.trust-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px;
  align-items: center;
}

/* LEFT */
.trust-content h2 {
  font-size: 36px;
  margin-bottom: 12px;
}

.subtitle {
  color: #64748b;
  line-height: 1.6;
  margin-bottom: 32px;
}

.features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.features li {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.check {
  width: 28px;
  height: 28px;
  background: #22c55e;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.features strong {
  display: block;
  margin-bottom: 4px;
	color:#000;
}

.features p {
  margin: 0;
  color: #64748b;
  font-size: 14px;
}

/* RIGHT CARD */
.testimonial-card {
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.stars {
  color: #fbbf24;
  font-size: 18px;
  margin-bottom: 16px;
}

.quote {
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 24px;
  color: #334155;
}

.author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.avatar {
  width: 44px;
  height: 44px;
  background: #e5e7eb;
  border-radius: 50%;
}

.author span {
  display: block;
  font-size: 13px;
  color: #64748b;
}
.reviews-section {
  padding: 20px 20px;
  background: #f9fafb;
}

.reviews-container {
  max-width: 1100px;
  margin: auto;
  text-align: center;
}

.reviews-container h2 {
  font-size: 34px;
  margin-bottom: 12px;
}

.reviews-subtitle {
  color: #64748b;
  margin-bottom: 48px;
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

/* Review card */
.review-card {
  background: #FFF;
  border-radius: 16px;
  padding: 32px;
  text-align: left;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.review-text {
  color: #475569;
  line-height: 1.6;
  margin: 16px 0 28px;
}

/* Author */
.review-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.avatar.blue {
  background: #dbeafe;
  color: #2563eb;
}

.avatar.green {
  background: #dcfce7;
  color: #16a34a;
}

.avatar.purple {
  background: #f3e8ff;
  color: #7c3aed;
}

.review-author span {
  display: block;
  font-size: 13px;
  color: #64748b;
}

/* Stars reuse */
.stars {
  color: #fbbf24;
  font-size: 16px;
}


.stats-section {
  background: #ffffff;
  padding: 60px 20px;
  border-top: 1px solid #e5e7eb;
}

.stats-container {
  max-width: 1100px;
  margin: auto;
}

/* Top numbers */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
  gap: 40px;
}

.stat-item h3 {
  font-size: 40px;
  color: #0f2a55;
  margin-bottom: 8px;
}

.stat-item p {
  color: #64748b;
  font-size: 15px;
}

/* Divider */
.divider {
  height: 1px;
  background: #e5e7eb;
  margin: 48px 0;
}

/* Badges */
.badges-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  align-items: center;
}

.badge-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
}

.badge-stars {
  color: #22c55e;
  font-size: 16px;
}

.badge-box {
  border: 2px solid #0f2a55;
  color: #0f2a55;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 6px;
}

.badge-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.badge-icon.green {
  background: #dcfce7;
}

.badge-icon.yellow {
  background: #fef9c3;
}

.badge-item p {
  margin: 2px 0 0;
  color: #64748b;
}

.badge-item span {
  color: #22c55e;
  font-weight: 500;
}
.stats-section {
  background: #ffffff;
  padding: 60px 20px;
  border-top: 1px solid #e5e7eb;
}

.stats-container {
  max-width: 1100px;
  margin: auto;
}

/* Top numbers */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
  gap: 40px;
}

.stat-item h3 {
  font-size: 40px;
  color: #0f2a55;
  margin-bottom: 8px;
}

.stat-item p {
  color: #64748b;
  font-size: 15px;
}

/* Divider */
.divider {
  height: 1px;
  background: #e5e7eb;
  margin: 48px 0;
}

/* Badges */
.badges-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  align-items: center;
}

.badge-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
}

.badge-stars {
  color: #22c55e;
  font-size: 16px;
}

.badge-box {
  border: 2px solid #0f2a55;
  color: #0f2a55;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 6px;
}

.badge-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.badge-icon.green {
  background: #dcfce7;
}

.badge-icon.yellow {
  background: #fef9c3;
}

.badge-item p {
  margin: 2px 0 0;
  color: #64748b;
}

.badge-item span {
  color: #22c55e;
  font-weight: 500;
}
.faq-section {
  font-family: system-ui, sans-serif;
	margin:0 auto;
}

.subtitle {
  color: #64748b;
  margin-bottom: 32px;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
	margin-bottom:20px;
}

.faq-item {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
}
.faq-question {
  width: 100%;
  padding: 20px 24px;
  background-color: #ffffff;      /* FIX nền trắng */
  border: none;
  color: #0f172a;                  /* FIX màu chữ */
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

/* Remove style mặc định của button */
.faq-question:focus {
  outline: none;
  box-shadow: none;
	color: #0f172a;  
}

/* Hover cho dễ nhìn */
.faq-question:hover {
  background-color: #f8fafc;
	color: #0f172a;  
}


.faq-answer {
  display: none;
  padding: 0 24px 20px;
  color: #475569;
}

.faq-item.active .faq-answer {
  display: block;
}
.faq-section {
  max-width: 760px;
  padding: 60px 0;
  text-align: center;
  font-family: system-ui, sans-serif;
}

.subtitle {
  color: #64748b;
  margin-bottom: 32px;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq-item {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
}

.faq-question {
  width: 100%;
  padding: 20px 24px;
  background: none;
  border: none;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.faq-answer {
  display: none;
  padding: 0 24px 20px;
  color: #475569;
}

.faq-item.active .faq-answer {
  display: block;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .trust-container {
    grid-template-columns: 1fr;
  }
	 .reviews-grid {
    grid-template-columns: 1fr;
  }
	.stats-grid,
  .badges-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .badge-item {
    justify-content: center;
  }
	  .stats-grid,
  .badges-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .badge-item {
    justify-content: center;
  }
}