/* style/theme.css */
:root {
  --primary-color: #007BFF;
  --background-color: #ffffff;
  --text-color: #212529;
  --font-heading: 'Inter', 'Montserrat', sans-serif;
  --font-body: 'Outfit', 'Poppins', sans-serif;
}

/* =============================================
   GLOBAL FONT OVERRIDE
   allmin.css ke * { font-family: poppins } aur
   body { font-size: .833vw } ko replace karta hai
   ============================================= */
/* Font Awesome ke ::before ::after ko touch nahi karna */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Sirf regular elements ko font override karo - pseudo-elements nahi */
body,
div,
section,
article,
aside,
header,
footer,
nav,
main,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
li,
ul,
ol,
td,
th,
tr,
table,
input,
textarea,
select,
button,
label,
blockquote,
figcaption,
form {
  font-family: var(--font-body);
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: var(--font-body);
  font-size: 16px !important;
  /* allmin.css ke .833vw ko override */
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =============================================
   HEADING FONTS - Inter for crisp, modern look
   ============================================= */
h1,
h2,
h3,
h4,
h5,
h6,
.ff-montserrat,
.heading-font {
  font-family: var(--font-heading) !important;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

p,
li,
span,
a,
label,
input,
textarea,
button {
  font-family: var(--font-body);
}

/* =============================================
   newpages.css ke vw font sizes ko px me fix
   ============================================= */

/* Banner fa-84vw: 4.38vw = 84px */
.fa-84vw {
  /* font-size: 84px !important; */
}

/* fa-120vw: 6.25vw = 120px */
.fa-120vw {
  font-size: 80px !important;
}

/* fa-16vw: 0.83vw = 16px */
.fa-16vw {
  font-size: 15px !important;
}

/* Heritage section h3: 1.88vw = 36px */
.heritage-operation-section-item h3 {
  font-size: 32px !important;
  font-family: var(--font-heading) !important;
}

/* Heritage h6: 1.15vw = 22px */
.heritage-operation-section-item>div>h6 {
  font-size: 18px !important;
}

/* Heritage p: 1.04vw = 20px */
.heritage-operation-section-item>div>p {
  font-size: 16px !important;
}

/* Key features section h3: 3.13vw = 60px */
.keyfeatures-section-text-top-text h3 {
  font-size: 52px !important;
  font-family: var(--font-heading) !important;
  max-width: 540px !important;
}

/* Key features section p: 0.83vw = 16px */
.keyfeatures-section-text-top-text p {
  font-size: 16px !important;
  max-width: none !important;
}

/* Key features subitems h6: 1.25vw = 24px */
.keyfeatures-section-text-subitems h6 {
  font-size: 20px !important;
  font-family: var(--font-heading) !important;
}

/* Key features subitems p: 0.83vw = 16px */
.keyfeatures-section-text-subitems p {
  font-size: 15px !important;
}

/* Section benefits h3: 4.17vw = 80px */
.section-benefits-new-top-text h3 {
  font-size: 60px !important;
  font-family: var(--font-heading) !important;
}

/* Section benefits p: 0.83vw = 16px */
.section-benefits-new-top-text p {
  font-size: 16px !important;
}

/* Item benefits h3: 1.56vw = 30px */
.item-benefits-text h3 {
  font-size: 24px !important;
  font-family: var(--font-heading) !important;
}

/* Item benefits p: 0.94vw = 18px */
.item-benefits-text p {
  font-size: 15px !important;
}

/* Road map h3: 1.15vw = 22px */
.road-map-text h3 {
  font-size: 18px !important;
  font-family: var(--font-heading) !important;
}

/* Road map p: 0.73vw = 14px */
.road-map-text p {
  font-size: 13px !important;
}

/* Road map column h6: 0.94vw = 18px */
.road-map-area-column.column-0>h6 {
  font-size: 16px !important;
}

/* Services plan h3: 3.13vw = 60px */
.services-plan-new-bottom-text h3 {
  font-size: 52px !important;
  font-family: var(--font-heading) !important;
  max-width: 800px !important;
}

/* Features plans parent h3: 2.08vw = 40px */
.features-plans-parent>h3 {
  font-size: 32px !important;
  font-family: var(--font-heading) !important;
}

/* Features plans column h3: 1.04vw = 20px */
.features-plans-column>h3 {
  font-size: 17px !important;
  font-family: var(--font-heading) !important;
}

/* Heading terms h3: 1.15vw = 22px */
.heading-terms>h3 {
  font-size: 18px !important;
  font-family: var(--font-heading) !important;
}

/* Terms package li: 0.57vw = 11px -> increase to 12px */
.terms-package ul li {
  font-size: 12px !important;
}

/* =============================================
   HEADER REDESIGN
   ============================================= */
header#top {
  /* background-color: var(--background-color); */
  padding: 1rem 0;
}

.logo-container img.show-logo {
  display: block;
}

.logo-container img.hide-logo {
  display: none;
}

/* =============================================
   BUTTON
   ============================================= */
.btn-primary,
.btn-primary:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

/* =============================================
   RESPONSIVE FONT SIZES
   Mobile par fonts aur chhote honge
   ============================================= */
@media (max-width: 991px) {
  .fa-84vw {
    font-size: 56px !important;
  }

  .fa-120vw {
    font-size: 50px !important;
  }

  .keyfeatures-section-text-top-text h3 {
    font-size: 32px !important;
  }

  .section-benefits-new-top-text h3 {
    font-size: 38px !important;
  }

  .services-plan-new-bottom-text h3 {
    font-size: 38px !important;
  }

  .features-plans-parent>h3 {
    font-size: 24px !important;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 15px !important;
  }

  .fa-84vw {
    font-size: 40px !important;
  }

  .fa-120vw {
    font-size: 36px !important;
  }

  .heritage-operation-section-item h3 {
    font-size: 22px !important;
  }

  .keyfeatures-section-text-top-text h3 {
    font-size: 26px !important;
  }

  .section-benefits-new-top-text h3 {
    font-size: 30px !important;
  }

  .services-plan-new-bottom-text h3 {
    font-size: 28px !important;
  }

  .item-benefits-text h3 {
    font-size: 20px !important;
  }
}

@media (max-width: 575px) {
  .fa-84vw {
    font-size: 30px !important;
  }

  .fa-120vw {
    font-size: 30px !important;
  }

  .keyfeatures-section-text-top-text h3 {
    font-size: 22px !important;
  }

  .section-benefits-new-top-text h3 {
    font-size: 26px !important;
  }

  .services-plan-new-bottom-text h3 {
    font-size: 22px !important;
  }

  .item-benefits-text h3 {
    font-size: 18px !important;
  }
}

/* =============================================
   SECTION OVERLAP & TRUSTPILOT FIXES
   ============================================= */
/* Fix bottom black curve section overlapping text from section above */
section.why-reseller,
section.keyfeatures-section-new,
section.newsection-two,
.reinstated-service {
  overflow: visible;
  position: relative;
  z-index: 1;
}

section.why-reseller {
  margin-top: 40px;
  padding-top: 40px;
}

/* Fix Trustpilot badge alignment & prevent overlap with text/button */
.rated-4-stars {
  /* position: relative !important; */
  bottom: auto !important;
  left: auto !important;
  margin-top: 25px !important;
  margin-bottom: 15px !important;
  display: block;
}

.rated-4-stars a {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.rated-4-stars img {
  height: 58px !important;
  width: auto !important;
  object-fit: contain;
  margin-bottom: 0 !important;
}

.rated-4-stars p {
  margin: 0 !important;
  color: #ffffff;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.2;
}

.banner-text-inner {
  padding-bottom: 20px !important;
}