/*
  TUTOR BRIDGE — REDESIGN v2
  Modern · Minimal · Trust-First · Conversion-Optimised
  Strategy: Enhance visual polish — colour, font, card shadows, hover.
  We do NOT fight Bootstrap's grid, flex, or display on core layout elements.
*/

/* ── DESIGN TOKENS ─────────────────────────────────────────────────── */
:root {
  --rd-red:         #D00000;
  --rd-red-h:       #b50000;
  --rd-red-light:   #fff0f0;
  --rd-red-border:  #ffd0d0;
  --rd-white:       #ffffff;
  --rd-bg:          #f5f6f8;
  --rd-border:      #e3e6eb;
  --rd-text:        #0f172a;
  --rd-body:        #4b5563;
  --rd-muted:       #9ca3af;
  --rd-green:       #25D366;
  --rd-green-d:     #128C7E;
  --rd-navy:        #111827;
  --rd-shadow-xs:   0 1px 4px rgba(0,0,0,.06);
  --rd-shadow-sm:   0 4px 14px rgba(0,0,0,.08);
  --rd-shadow-md:   0 12px 30px rgba(0,0,0,.10);
  --rd-shadow-lg:   0 24px 56px rgba(0,0,0,.13);
  --rd-r-xs:  6px;
  --rd-r-sm:  10px;
  --rd-r-md:  16px;
  --rd-r-lg:  24px;
  --rd-r-pill:9999px;
  --rd-font:  'Figtree', sans-serif;
}

/* ── BASE ───────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body.homepage4-body {
  background: #fff !important;
  font-family: var(--rd-font);
  -webkit-font-smoothing: antialiased;
}

/* ══════════════════════════════════════════════════════════════════════
   HEADER / NAV
══════════════════════════════════════════════════════════════════════ */
.header-area.homepage4 {
  background: rgba(255,255,255,.97) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--rd-border) !important;
  box-shadow: none !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0;
  z-index: 1000;
}

.header-area.homepage4 .headerunderline { border-bottom: none !important; }
.header-area.homepage4 .header-elements { height: 72px; }

/* Nav links */
.main-menu ul li > a {
  color: var(--rd-text) !important;
  font-family: var(--rd-font) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  position: relative;
  transition: color .2s !important;
}
.main-menu ul li > a::after {
  content: '';
  position: absolute;
  bottom: -4px; left: 0;
  width: 0; height: 2px;
  background: var(--rd-red);
  transition: width .25s;
  border-radius: 2px;
}
.main-menu ul li > a:hover { color: var(--rd-red) !important; }
.main-menu ul li > a:hover::after { width: 100%; }

/* Header buttons */
.header-area .btn-area .button-77 {
  background: var(--rd-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 10px 22px !important;
  font-family: var(--rd-font) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 3px 10px rgba(208,0,0,.28) !important;
  transition: all .2s !important;
}
.header-area .btn-area .button-77:hover {
  background: var(--rd-red-h) !important;
  transform: translateY(-1px) !important;
}
.header-area .btn-area .buttonwH-77 {
  background: var(--rd-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 10px 18px !important;
  font-family: var(--rd-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: all .2s !important;
}
.header-area .btn-area .buttonwH-77:hover { background: var(--rd-green-d) !important; }

/* Mobile header */
.mobile-header.mobile-haeder4 {
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid var(--rd-border) !important;
}
.mobile-sidebar.mobile-sidebar4 { background: #fff !important; }
.mobile-nav-list li a {
  color: var(--rd-text) !important;
  font-family: var(--rd-font) !important;
  font-weight: 600 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   HERO SECTION
══════════════════════════════════════════════════════════════════════ */
.hero4-section-area {
  background: #fff !important;
  padding: 100px 0 80px !important;
  position: relative;
  overflow: visible !important;
}

/* Subtle background on the entire right half — gradient, not hard edge */
.hero4-section-area::after {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 34%;        /* matches col-lg-4 (33.33%) precisely */
  height: 100%;
  background: linear-gradient(160deg, #f8fafc 0%, #eef1f6 100%);
  z-index: 0;
  pointer-events: none;
}

.hero4-section-area .container,
.hero4-section-area .row { position: relative; z-index: 1; }

/* Hide noisy decorative stuff */
.bg1,
img.plus.keyframe5,
.hero4-header > img[src*="line-img2"] { display: none !important; }

/* H1 */
.hero4-header h1 {
  font-family: var(--rd-font) !important;
  font-size: 52px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  color: var(--rd-text) !important;
  letter-spacing: -1.5px !important;
  margin-bottom: 0 !important;
}
.hero4-header h1 .mobilenone,
.hero4-header h1 .desktop-none {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  letter-spacing: inherit !important;
}
.hero4-header h1 span span { color: var(--rd-red) !important; }

/* Paragraph */
.hero4-header p {
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: var(--rd-body) !important;
  max-width: 520px;
}

/* Trust chip row */
.banner-wrapper {
  display: flex !important;
  align-items: center !important;
  background: #fff !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-r-md) !important;
  padding: 14px 20px !important;
  gap: 0 !important;
  box-shadow: var(--rd-shadow-xs) !important;
  max-width: 100% !important;
  flex-wrap: nowrap !important;
}
.banner-wrapper .section {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.banner-wrapper .top-text {
  font-family: var(--rd-font) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  color: var(--rd-text) !important;
  line-height: 1 !important;
}
.banner-wrapper .bottom-text {
  font-family: var(--rd-font) !important;
  font-size: 12px !important;
  color: var(--rd-muted) !important;
  font-weight: 500 !important;
  margin-top: 3px !important;
}
.v-line {
  width: 1px !important;
  height: 36px !important;
  background: var(--rd-border) !important;
  margin: 0 16px !important;
  flex-shrink: 0;
}

/* Inline review strip */
.trust-arrow {
  background: #fff;
  border: 1.5px solid var(--rd-border);
  border-radius: var(--rd-r-md);
  padding: 14px 16px;
  box-shadow: var(--rd-shadow-xs);
  max-width: 480px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.review-slider {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1;
}
.review-img { width: 42px !important; height: 42px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0; }
.review-card { display: none; }
.review-card.active { display: block; }
.review-card .review-text { font-size: 13px !important; color: var(--rd-body) !important; font-style: italic; line-height: 1.5; margin-bottom: 0 !important; }
.review-card .review-author { font-size: 12px !important; font-weight: 700 !important; color: var(--rd-text) !important; margin-top: 4px !important; margin-bottom: 0 !important; }
.review-card .review-logo { margin-top: 5px !important; display: flex; align-items: center; gap: 6px; }
.stars-img { height: 14px !important; }
.verified { font-size: 11px !important; color: #00b67a !important; font-weight: 700 !important; }
.slider-nav { flex-shrink: 0; }
.slider-nav button {
  background: var(--rd-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50% !important;
  width: 30px !important; height: 30px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important;
  font-size: 14px !important;
  padding: 0 !important;
  transition: background .2s !important;
}
.slider-nav button:hover { background: var(--rd-red-h) !important; }
.trustscore-box { display: none !important; }

/* Mobile chip */
h2.discount_chip {
  font-family: var(--rd-font) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--rd-text) !important;
}
h2.discount_chip span { color: var(--rd-red) !important; }

/* ══════════════════════════════════════════════════════════════════════
   ORDER FORM
══════════════════════════════════════════════════════════════════════ */
.order-form {
  background: #fff !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-r-lg) !important;
  padding: 32px 28px !important;
  box-shadow: var(--rd-shadow-lg) !important;
  position: relative !important;
}
.order-form .badge-offer { position: absolute !important; top: -18px !important; right: 18px !important; }
.order-form .badge-offer img { width: 62px !important; }
.order-form .side-banner {
  background: linear-gradient(135deg, var(--rd-red), #ff4040) !important;
  color: #fff !important;
  border-radius: var(--rd-r-xs) !important;
  padding: 8px 14px !important;
  font-family: var(--rd-font) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center !important;
  letter-spacing: .4px !important;
  margin-bottom: 18px !important;
}
.order-form h3 {
  font-family: var(--rd-font) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--rd-text) !important;
  margin-bottom: 4px !important;
}
.order-form > p {
  font-size: 13px !important;
  color: var(--rd-muted) !important;
  margin-bottom: 16px !important;
}
.order-form input,
.order-form select {
  width: 100% !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  font-family: var(--rd-font) !important;
  color: var(--rd-text) !important;
  background: #fff !important;
  margin-bottom: 10px !important;
  display: block !important;
  transition: border-color .2s, box-shadow .2s !important;
  outline: none !important;
}
.order-form input:focus,
.order-form select:focus {
  border-color: var(--rd-red) !important;
  box-shadow: 0 0 0 3px rgba(208,0,0,.08) !important;
}
.order-form input::placeholder { color: var(--rd-muted) !important; }
.order-form .button-77blue {
  width: 100% !important;
  justify-content: center !important;
  padding: 14px 20px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  margin-top: 4px !important;
}

/* ══════════════════════════════════════════════════════════════════════
   GLOBAL BUTTONS
══════════════════════════════════════════════════════════════════════ */
.button-77 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: var(--rd-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 13px 26px !important;
  font-family: var(--rd-font) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all .22s ease !important;
  box-shadow: 0 3px 12px rgba(208,0,0,.25) !important;
  white-space: nowrap !important;
}
.button-77:hover {
  background: var(--rd-red-h) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(208,0,0,.38) !important;
  color: #fff !important;
}
.button-77blue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: var(--rd-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 13px 26px !important;
  font-family: var(--rd-font) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all .22s ease !important;
  box-shadow: 0 3px 12px rgba(208,0,0,.25) !important;
}
.button-77blue:hover {
  background: var(--rd-red-h) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(208,0,0,.38) !important;
  color: #fff !important;
}
.buttonw-77 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #fff !important;
  color: var(--rd-green-d) !important;
  border: 2px solid var(--rd-green) !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 11px 24px !important;
  font-family: var(--rd-font) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all .22s ease !important;
  white-space: nowrap !important;
}
.buttonw-77:hover {
  background: var(--rd-green) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

/* ══════════════════════════════════════════════════════════════════════
   STATS TRUST BAR
══════════════════════════════════════════════════════════════════════ */
.rd-stats-bar {
  background: var(--rd-navy);
  padding: 22px 0;
}
.rd-stats-bar .container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 20px;
  flex-wrap: wrap;
}
.rd-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.rd-stat-number {
  font-family: var(--rd-font);
  font-size: 26px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}
.rd-stat-label {
  font-family: var(--rd-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--rd-muted);
  letter-spacing: .3px;
}
.rd-stat-divider {
  width: 1px;
  height: 38px;
  background: rgba(255,255,255,.1);
}

/* ══════════════════════════════════════════════════════════════════════
   AWARDS / BADGES
══════════════════════════════════════════════════════════════════════ */
.badge-section {
  background: var(--rd-bg) !important;
  padding: 36px 0 !important;
  border-top: 1px solid var(--rd-border) !important;
  border-bottom: 1px solid var(--rd-border) !important;
}
.badge-section .col-md-9 { margin: 0 auto; display: flex; justify-content: center; }
.three-badges {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 40px !important;
  flex-wrap: wrap !important;
}
.badge-width {
  height: 80px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: grayscale(10%) !important;
  transition: filter .25s, transform .25s !important;
}
.badge-width:hover {
  filter: grayscale(0%) !important;
  transform: scale(1.06) !important;
}

/* ══════════════════════════════════════════════════════════════════════
   SERVICES SECTION
══════════════════════════════════════════════════════════════════════ */
.service4-section-area {
  background: #fff !important;
  padding: 96px 0 !important;
}

/* Section heading label */
.service4-header h5 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--rd-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--rd-red) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.6px !important;
  margin-bottom: 12px !important;
  position: static !important;
  top: auto !important;
}
.service4-header > p { display: none !important; }
.service4-header h2 {
  font-family: var(--rd-font) !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  color: var(--rd-text) !important;
  letter-spacing: -.5px !important;
}
.service4-header h2 span { color: var(--rd-red) !important; }
.service4-header h2 span img { display: none !important; }

/* Service Cards */
.service-box-area {
  background: #fff !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-r-md) !important;
  padding: 30px 24px !important;
  box-shadow: var(--rd-shadow-xs) !important;
  transition: all .25s ease !important;
  position: relative !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
}
.service-box-area::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 4px; height: 100%;
  background: var(--rd-red);
  border-radius: 4px 0 0 4px;
  opacity: 0;
  transition: opacity .25s;
}
.service-box-area:hover {
  border-color: var(--rd-red-border) !important;
  box-shadow: var(--rd-shadow-md) !important;
  transform: translateY(-6px) !important;
}
.service-box-area:hover::before { opacity: 1; }

/* Discount badge on card */
.service-box-area .discount-badge {
  position: absolute !important;
  top: 14px !important; right: 14px !important;
  background: var(--rd-red-light) !important;
  border: 1px solid var(--rd-red-border) !important;
  border-radius: var(--rd-r-pill) !important;
  padding: 3px 10px !important;
  font-family: var(--rd-font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--rd-red) !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.service-box-area .discount-badge svg path { fill: var(--rd-red) !important; }

/* Large faint number */
.service-box-area .number-ser h4 {
  font-family: var(--rd-font) !important;
  font-size: 46px !important;
  font-weight: 900 !important;
  color: #f4d5d5 !important;
  line-height: 1 !important;
  margin-bottom: 10px !important;
}

/* Service name */
.service-box-area .content-area > a:first-child {
  display: block !important;
  font-family: var(--rd-font) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--rd-text) !important;
  margin-bottom: 10px !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.service-box-area .content-area > a:first-child:hover { color: var(--rd-red) !important; }
.service-box-area .content-area p {
  font-size: 14px !important;
  color: var(--rd-body) !important;
  line-height: 1.65 !important;
  margin-bottom: 20px !important;
}

/* CTA link on card */
.header-btn777 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--rd-font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--rd-red) !important;
  border: 1.5px solid var(--rd-red-border) !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 7px 14px !important;
  text-decoration: none !important;
  background: var(--rd-red-light) !important;
  transition: all .2s !important;
}
.header-btn777:hover {
  background: var(--rd-red) !important;
  border-color: var(--rd-red) !important;
  color: #fff !important;
}

/* Left service form panel */
.bannerformwsrappered {
  border-radius: var(--rd-r-md) !important;
  box-shadow: var(--rd-shadow-md) !important;
  border: 1.5px solid var(--rd-border) !important;
  overflow: hidden !important;
}
.bannerformwsrappered h2 {
  font-family: var(--rd-font) !important;
  font-size: 40px !important;
  font-weight: 900 !important;
  color: var(--rd-text) !important;
}
.bannerformwsrappered h2 strong { color: var(--rd-red) !important; }
.bannerformwsrappered .order-span {
  font-family: var(--rd-font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--rd-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
}
.banforbut.newsubmitbtn {
  width: 100% !important;
  background: var(--rd-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 14px 20px !important;
  font-family: var(--rd-font) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all .2s !important;
  box-shadow: 0 3px 12px rgba(208,0,0,.25) !important;
}
.banforbut.newsubmitbtn:hover {
  background: var(--rd-red-h) !important;
  transform: translateY(-2px) !important;
}

/* Revision notice */
.heading55 h2 {
  font-family: var(--rd-font) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--rd-body) !important;
  margin-bottom: 14px !important;
  line-height: 1.6 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   SUBJECTS SLIDER
══════════════════════════════════════════════════════════════════════ */
.image_slider {
  background: var(--rd-bg) !important;
  padding: 80px 0 !important;
  border-top: 1px solid var(--rd-border) !important;
  border-bottom: 1px solid var(--rd-border) !important;
}
.image_slider h2 {
  font-family: var(--rd-font) !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  color: var(--rd-text) !important;
  letter-spacing: -.4px !important;
}
.image_slider h2 span { color: var(--rd-red) !important; }
.image_slider h2 span img { display: none !important; }

/* Guarantee card inside slider */
.image_slider .container.sp11 {
  background: #fff !important;
  border-radius: var(--rd-r-md) !important;
  border: 1.5px solid var(--rd-border) !important;
  padding: 28px 32px !important;
  box-shadow: var(--rd-shadow-xs) !important;
  margin-top: 40px !important;
}
.image_slider .sp11 .h2,
.image_slider .sp11 h3.h2 {
  font-family: var(--rd-font) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--rd-text) !important;
  margin-bottom: 4px !important;
}
.image_slider .sp11 p {
  font-size: 14px !important;
  color: var(--rd-body) !important;
  margin-bottom: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   TESTIMONIALS / REVIEWS
══════════════════════════════════════════════════════════════════════ */
.testimonial4-section-area {
  background: #fff !important;
  padding: 96px 0 !important;
}

/* The two-column trust layout */
.trust-section {
  display: flex !important;
  align-items: flex-start !important;
  gap: 64px !important;
  flex-wrap: wrap !important;
}

/* Left: Trustpilot heading — force visible on all breakpoints */
#onlyphon.trust-text {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 280px !important;
  min-width: 260px !important;
  max-width: 420px !important;
}
#onlyphon.trust-text .trust-stars { margin-bottom: 18px !important; }
#onlyphon.trust-text h2 {
  font-family: var(--rd-font) !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  color: var(--rd-text) !important;
  line-height: 1.18 !important;
  letter-spacing: -.5px !important;
  margin-bottom: 16px !important;
}
#onlyphon.trust-text h2 span { color: var(--rd-red) !important; }
#onlyphon.trust-text h2 span img { display: none !important; }
.trust-subtext strong {
  font-size: 15px !important;
  color: var(--rd-body) !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

/* Right: Review swiper */
.review-section {
  flex: 1 1 360px !important;
  max-width: 520px !important;
  min-width: 300px !important;
}
.review-box {
  background: #fff !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-r-md) !important;
  box-shadow: var(--rd-shadow-sm) !important;
  padding: 36px 32px !important;
  text-align: center !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.review-box:hover {
  border-color: var(--rd-red-border) !important;
  box-shadow: var(--rd-shadow-md) !important;
}
.review-stars {
  color: #f59e0b !important;
  font-size: 22px !important;
  margin-bottom: 16px !important;
}
.review-text {
  font-size: 15px !important;
  color: var(--rd-body) !important;
  line-height: 1.7 !important;
  font-style: italic !important;
  padding: 0 !important;
}
.review-name {
  margin-top: 18px !important;
  font-family: var(--rd-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--rd-text) !important;
}
.swiper-button-next,
.swiper-button-prev { color: var(--rd-red) !important; }
.swiper-button-next::after,
.swiper-button-prev::after { font-size: 16px !important; font-weight: 900 !important; }

/* Hire expert button below reviews */
a#hire-expert-btn {
  font-family: var(--rd-font) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 24px !important;
}

/* ══════════════════════════════════════════════════════════════════════
   CTA BANNER (#money1)
══════════════════════════════════════════════════════════════════════ */
#money1 {
  border-radius: var(--rd-r-lg) !important;
  margin: 0 24px !important;
  overflow: hidden !important;
}
#money1 h2 {
  font-family: var(--rd-font) !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  letter-spacing: -.5px !important;
  line-height: 1.18 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   EXPERTS SECTION
══════════════════════════════════════════════════════════════════════ */
.case4-section-area {
  background: var(--rd-bg) !important;
  padding: 96px 0 !important;
  border-top: 1px solid var(--rd-border) !important;
}
.case4-section-area h5 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--rd-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--rd-red) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.6px !important;
  margin-bottom: 12px !important;
  position: static !important;
  top: auto !important;
}
.case4-section-area h2 {
  font-family: var(--rd-font) !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  color: var(--rd-text) !important;
  letter-spacing: -.5px !important;
  line-height: 1.18 !important;
}
.case4-section-area h2 span { color: var(--rd-red) !important; }
.case4-section-area h2 span img { display: none !important; }

/* Expert cards */
#img1, #img2, #img3, #img4 {
  border-radius: var(--rd-r-md) !important;
  overflow: hidden !important;
  box-shadow: var(--rd-shadow-md) !important;
  transition: transform .32s ease, box-shadow .32s ease !important;
}
#img1:hover, #img2:hover, #img3:hover, #img4:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--rd-shadow-lg) !important;
}
.expspan1 {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  border-radius: var(--rd-r-pill) !important;
  padding: 4px 11px !important;
  font-family: var(--rd-font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  margin: 3px !important;
  display: inline-block !important;
  backdrop-filter: blur(4px) !important;
}

/* ══════════════════════════════════════════════════════════════════════
   FOOTER CONTACT SECTION
══════════════════════════════════════════════════════════════════════ */
.containercc {
  background: var(--rd-bg) !important;
  border-radius: var(--rd-r-lg) !important;
  border: 1.5px solid var(--rd-border) !important;
  padding: 52px !important;
  margin: 64px auto !important;
  max-width: 1180px !important;
  display: flex !important;
  gap: 0 !important;
  align-items: stretch !important;
  box-shadow: var(--rd-shadow-sm) !important;
}

/* Left: discount form */
.left-f {
  flex: 1 1 auto !important;
  padding-right: 64px !important;
}
h1.contacth {
  font-family: var(--rd-font) !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  color: var(--rd-text) !important;
  margin-bottom: 10px !important;
}
h1.contacth strong { color: var(--rd-red) !important; }
.left-f > p {
  font-size: 15px !important;
  color: var(--rd-body) !important;
  margin-bottom: 24px !important;
}
.left-f .form-control,
.left-f input[type="text"],
.left-f input[type="email"],
.left-f input[type="tel"] {
  width: 100% !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 13px 16px !important;
  font-size: 14px !important;
  font-family: var(--rd-font) !important;
  color: var(--rd-text) !important;
  background: #fff !important;
  margin-bottom: 12px !important;
  display: block !important;
  outline: none !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.left-f .form-control:focus,
.left-f input:focus {
  border-color: var(--rd-red) !important;
  box-shadow: 0 0 0 3px rgba(208,0,0,.08) !important;
}
.left-f .button-77 {
  width: 100% !important;
  justify-content: center !important;
  padding: 14px !important;
  font-size: 15px !important;
  margin-top: 4px !important;
}

/* Right: Trustpilot + contact info */
.right-f {
  flex: 0 0 auto !important;
  width: 290px !important;
  border-left: 1.5px solid var(--rd-border) !important;
  padding-left: 52px !important;
}
.t-review { margin-bottom: 28px !important; }
.r-image-size img { height: 30px !important; object-fit: contain !important; }
.review-2 { margin-top: 8px !important; }
.review-2 img { height: 18px !important; object-fit: contain !important; }
.review-2 p { font-size: 13px !important; color: var(--rd-muted) !important; margin-top: 6px !important; }
.get-contact {
  font-family: var(--rd-font) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--rd-text) !important;
  margin-bottom: 12px !important;
}
.contact-f { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.contact-f li { margin-bottom: 6px !important; }
.contact-f li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--rd-body) !important;
  font-family: var(--rd-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 8px 0 !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.contact-f li a:hover { color: var(--rd-red) !important; }
.contact-f li a img { width: 18px !important; height: 18px !important; flex-shrink: 0; }

/* ══════════════════════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════════════════════ */
.footer4-section-area {
  background: #101218 !important;
  padding: 64px 0 0 !important;
}

/* Brand column */
.footer-logo-img {
  width: 190px !important;
  filter: brightness(0) invert(1) !important;
  opacity: .85 !important;
  margin-bottom: 18px !important;
  display: block;
}
.footer-brand-desc {
  color: #6b7280 !important;
  font-family: var(--rd-font) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  margin-bottom: 22px !important;
}
.footer-social {
  display: flex !important;
  gap: 10px !important;
}
.footer-social-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important; height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.07) !important;
  color: #9ca3af !important;
  text-decoration: none !important;
  transition: background .2s, color .2s !important;
}
.footer-social-link:hover {
  background: var(--rd-red) !important;
  color: #fff !important;
}

/* Footer column headings */
.footer-col-heading {
  font-family: var(--rd-font) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #e5e7eb !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  margin-bottom: 20px !important;
}

/* Footer nav links */
.footer-nav-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.footer-nav-list li { margin-bottom: 11px !important; }
.footer-nav-list li a {
  font-family: var(--rd-font) !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.footer-nav-list li a:hover { color: #fff !important; }

/* Footer trust list */
.footer-trust-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 22px !important;
}
.footer-trust-list li {
  font-family: var(--rd-font) !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}
.footer-check {
  color: var(--rd-red) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
}
.footer-dmca {
  height: 44px !important;
  opacity: .45 !important;
  filter: brightness(0) invert(1) !important;
  display: block;
}

/* Payment strip */
.footer-pay-row {
  border-top: 1px solid rgba(255,255,255,.06) !important;
  margin-top: 48px !important;
  padding: 28px 0 !important;
  display: flex !important;
  justify-content: center !important;
}
.footer-pay-image {
  max-height: 40px !important;
  opacity: .45 !important;
  filter: brightness(0) invert(1) !important;
  transition: opacity .2s !important;
}
.footer-pay-image:hover { opacity: .7 !important; }

/* Copyright bar */
.footer4-section-area .blc-bg {
  background: rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  padding: 22px 0 !important;
  margin-top: 0 !important;
}
.footer4-section-area .copyright-area {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.footer4-section-area .copyright-area .pera p { color: #4b5563 !important; font-size: 13px !important; margin: 0 !important; }
.footer4-section-area .copyright-area ul { display: flex !important; gap: 24px !important; margin: 0 !important; padding: 0 !important; }
.footer4-section-area .copyright-area ul li a {
  font-family: var(--rd-font) !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.footer4-section-area .copyright-area ul li a:hover { color: var(--rd-red) !important; }

/* Old footer logo area (in case old markup appears) */
.footer4-section-area .footer-logo-area p { color: #6b7280 !important; font-size: 14px !important; line-height: 1.75 !important; }

/* ══════════════════════════════════════════════════════════════════════
   POPUP
══════════════════════════════════════════════════════════════════════ */
.popup-overlay {
  background: rgba(0,0,0,.65) !important;
  backdrop-filter: blur(4px) !important;
}
.popup {
  background: #fff !important;
  border-radius: var(--rd-r-lg) !important;
  padding: 40px !important;
  border: 1px solid var(--rd-border) !important;
  box-shadow: var(--rd-shadow-lg) !important;
  max-width: 420px !important;
  width: 90% !important;
}
.close-icon { color: var(--rd-muted) !important; font-size: 24px !important; transition: color .2s !important; }
.close-icon:hover { color: var(--rd-red) !important; }
.rightpop input,
.rightpop select {
  width: 100% !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-family: var(--rd-font) !important;
  color: var(--rd-text) !important;
  background: #fff !important;
  margin-bottom: 12px !important;
  display: block !important;
  outline: none !important;
  transition: border-color .2s !important;
}
.rightpop input:focus {
  border-color: var(--rd-red) !important;
  box-shadow: 0 0 0 3px rgba(208,0,0,.08) !important;
}
.buttonF-77 {
  width: 100% !important;
  background: var(--rd-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--rd-r-sm) !important;
  padding: 14px 20px !important;
  font-family: var(--rd-font) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all .2s !important;
  box-shadow: 0 3px 12px rgba(208,0,0,.25) !important;
  display: block !important;
  text-align: center !important;
}
.buttonF-77:hover { background: var(--rd-red-h) !important; transform: translateY(-2px) !important; }

/* ══════════════════════════════════════════════════════════════════════
   SIDEBAR FORM
══════════════════════════════════════════════════════════════════════ */
.sidebar_head {
  background: var(--rd-red) !important;
  color: #fff !important;
  border-radius: var(--rd-r-sm) var(--rd-r-sm) 0 0 !important;
  font-family: var(--rd-font) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
}

/* ══════════════════════════════════════════════════════════════════════
   WHATSAPP FLOATING BUTTON
══════════════════════════════════════════════════════════════════════ */
.whatsapp-icon img {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 18px rgba(37,211,102,.45) !important;
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET (≤991px)
══════════════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
  /* Hero */
  .hero4-section-area::after { display: none !important; }
  .hero4-header h1 { font-size: 40px !important; letter-spacing: -1px !important; }

  /* Trust section stack */
  .trust-section { flex-direction: column !important; gap: 40px !important; }
  #onlyphon.trust-text { max-width: 100% !important; }
  .review-section { max-width: 100% !important; }

  /* Footer contact */
  .containercc {
    flex-direction: column !important;
    padding: 36px !important;
  }
  .left-f { padding-right: 0 !important; padding-bottom: 32px !important; }
  .right-f {
    width: 100% !important;
    border-left: none !important;
    border-top: 1.5px solid var(--rd-border) !important;
    padding-left: 0 !important;
    padding-top: 32px !important;
  }

  /* Section headings */
  .service4-header h2,
  .case4-section-area h2,
  #onlyphon.trust-text h2 { font-size: 34px !important; }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE (≤767px)
══════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Hero */
  .hero4-section-area { padding: 88px 0 48px !important; }
  .hero4-header h1 { font-size: 32px !important; letter-spacing: -.5px !important; }
  .hero4-header p { font-size: 15px !important; }
  .order-form { margin-top: 32px !important; }

  /* Trust chips */
  .banner-wrapper { flex-wrap: wrap !important; gap: 8px 0 !important; padding: 12px 16px !important; }
  .v-line { display: none !important; }

  /* Stats bar */
  .rd-stat-divider { display: none; }
  .rd-stats-bar .container { gap: 14px; }
  .rd-stat-number { font-size: 22px; }

  /* Badges */
  .badge-width { height: 60px !important; }
  .three-badges { gap: 20px !important; }

  /* Section headings */
  .service4-header h2 { font-size: 28px !important; }
  .case4-section-area h2 { font-size: 28px !important; }
  #onlyphon.trust-text h2 { font-size: 28px !important; }
  #money1 h2 { font-size: 26px !important; }

  /* CTA banner */
  #money1 { margin: 0 12px !important; border-radius: var(--rd-r-md) !important; }

  /* Contact section */
  .containercc { margin: 24px 12px !important; border-radius: var(--rd-r-md) !important; padding: 28px !important; }
  h1.contacth { font-size: 26px !important; }

  /* Footer */
  .footer-links-col,
  .footer-trust-col { margin-top: 36px !important; }
  .footer4-section-area .copyright-area { flex-direction: column !important; text-align: center !important; }
  .footer4-section-area .copyright-area ul { justify-content: center !important; }
}