/* ═══════════════════════════════════════════════════
   CFI International — Global Theme (login-matched)
   Fixes: header, buttons, colors, layout
   ═══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');

:root {
  --cfi-font-display: 'Syne', 'Outfit', sans-serif;
  --cfi-font-body: 'DM Sans', 'Outfit', sans-serif;
  --cfi-bg: #050810;
  --cfi-surface: rgba(10, 14, 24, 0.94);
  --cfi-surface-2: #0a0e18;
  --cfi-surface-3: #0c1018;
  --cfi-teal: #2dd4bf;
  --cfi-indigo: #6366f1;
  --cfi-text: #f8fafc;
  --cfi-muted: #8b95a8;
  --cfi-border: rgba(255, 255, 255, 0.08);
  --cfi-btn-bg: #0c1018;
  --cfi-btn-hover: #141a28;
  --cfi-gradient: linear-gradient(135deg, #2dd4bf 0%, #6366f1 100%);
  --cfi-gradient-text: linear-gradient(91deg, #2dd4bf 20%, #6366f1 90%);

  --vtc-text-heading-1: #f8fafc;
  --vtc-text-pera-1: #8b95a8;
  --vtc-text-pera-2: #8b95a8;
  --vtc-text-white-1: #f8fafc;
  --vtc-bg-main-bg-1: #2dd4bf;
  --vtc-bg-main-bg-2: linear-gradient(91deg, #2dd4bf 17%, #14b8a6 93%);
  --vtc-bg-main-bg-3: linear-gradient(135deg, #2dd4bf 0%, #6366f1 100%);
  --vtc-bg-common-bg1: #0a0e18;
  --vtc-bg-common-bg2: #0c1018;
  --vtc-bg-common-bg3: #121820;
  --vtc-bg-common-bg4: #050810;
  --vtc-bg-bg-white: #f8fafc;
  --vtc-border-border-1: rgba(255, 255, 255, 0.08);
  --vtc-border-border-2: rgba(255, 255, 255, 0.12);
  --Home-Page-1-Color-Gradient: linear-gradient(135deg, #2dd4bf 0%, #6366f1 100%);
  --Home-Page-2-Color-Linner-Color: linear-gradient(91deg, #2dd4bf 17%, #6366f1 93%);
  --Home-Page-2-Color-Dark-Color: #f8fafc;
}

/* ─── Base ─── */
body.body2,
body.body {
  font-family: var(--cfi-font-body) !important;
  background-color: var(--cfi-bg) !important;
  color: var(--cfi-text);
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.body2::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 55% 45% at 15% 0%, rgba(45, 212, 191, 0.05) 0%, transparent 55%),
    radial-gradient(ellipse 45% 40% at 90% 100%, rgba(99, 102, 241, 0.05) 0%, transparent 50%),
    var(--cfi-bg);
}

/* ─── HEADER ─── */
.header-area.header-area3 {
  padding-top: 12px;
}

.header-area.header-area3 .header-elements {
  background: var(--cfi-surface) !important;
  border: 1px solid var(--cfi-border) !important;
  border-radius: 14px !important;
  padding: 10px 20px !important;
  margin-top: 8px !important;
  gap: 12px;
}

.site-logo {
  max-width: 160px !important;
  flex-shrink: 0;
}

.site-logo img {
  max-height: 48px;
  width: auto !important;
}

.header-area.header-area3 .header-elements .main-menu-ex {
  padding: 0 !important;
  flex: 1;
  text-align: center;
}

.header-area.header-area3 .header-elements .main-menu-ex ul li a {
  color: var(--cfi-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 11px !important;
  white-space: nowrap;
}

.header-area.header-area3 .header-elements .main-menu-ex ul li a:hover,
.header-area.header-area3 .header-elements .main-menu-ex ul li a.active {
  color: var(--cfi-teal) !important;
}

.header2-buttons {
  flex-shrink: 0;
}

.header2-buttons .button {
  margin: 0 !important;
}

.header-area3.sticky {
  background: rgba(5, 8, 16, 0.97) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--cfi-border) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
  padding-top: 0 !important;
}

.header-area3.sticky .header-elements {
  margin-top: 8px !important;
  background: var(--cfi-surface) !important;
}

.mobile-header2 {
  background: var(--cfi-surface) !important;
  border-bottom: 1px solid var(--cfi-border) !important;
}

.mobile-sidebar2 {
  background: var(--cfi-surface-2) !important;
}

.mobile-sidebar2 .mobile-nav ul li a {
  color: var(--cfi-text) !important;
}

.mobile-sidebar2 .menu-close {
  color: var(--cfi-text);
}

/* ─── BUTTONS — kill purple template layers ─── */
.btn_theme3,
.btn_theme4,
.btn_theme3.btn_theme_active3,
.btn_theme4.btn_theme_active4,
.cfi-btn {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 18px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: var(--cfi-btn-bg) !important;
  color: var(--cfi-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: background 0.2s, border-color 0.2s, transform 0.2s !important;
  overflow: hidden !important;
  min-width: unset !important;
}

.btn_theme3::after,
.btn_theme4::after,
.btn_theme_active3::after,
.btn_theme_active4::after {
  display: none !important;
  content: none !important;
}

.btn_theme3 span,
.btn_theme4 span {
  display: none !important;
}

.btn_theme3:hover,
.btn_theme4:hover,
.btn_theme3:focus,
.btn_theme4:focus,
.cfi-btn:hover {
  background: var(--cfi-btn-hover) !important;
  border-color: rgba(45, 212, 191, 0.35) !important;
  color: var(--cfi-text) !important;
  transform: translateY(-1px) !important;
}

.btn_theme3 i,
.btn_theme4 i {
  color: var(--cfi-teal) !important;
  transform: none !important;
  margin-left: 0 !important;
  font-size: 13px !important;
}

/* ─── HERO ─── */
.hero-area3 {
  position: relative;
  background-color: var(--cfi-bg) !important;
  min-height: auto !important;
  padding-bottom: 60px;
}

.hero-area3::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(100deg, rgba(5, 8, 16, 0.95) 0%, rgba(5, 8, 16, 0.82) 50%, rgba(5, 8, 16, 0.75) 100%),
    radial-gradient(ellipse at 75% 45%, rgba(45, 212, 191, 0.07) 0%, transparent 55%);
  z-index: 1;
  pointer-events: none;
}

.hero-area3 > .container {
  position: relative;
  z-index: 2;
}

.hero-area3 .main-heading {
  padding-top: 100px !important;
}

.hero-area3 .main-heading h1,
.hero-area3 .main-heading .cfi-hero-title {
  font-family: var(--cfi-font-display) !important;
  font-size: clamp(2.35rem, 5.2vw, 4rem) !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: var(--cfi-text) !important;
  text-transform: none !important;
}

.hero-area3 .main-heading h1 {
  font-size: clamp(36px, 6vw, 72px) !important;
  line-height: 1.05 !important;
  color: var(--cfi-text) !important;
}

.hero-area3 .main-heading p {
  color: var(--cfi-muted) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  max-width: 540px;
}

.hero-area3 .main-heading span.span {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--cfi-border) !important;
  border-radius: 100px !important;
  padding: 6px 14px !important;
}

.hero-area3 .main-heading span.span span {
  background: var(--cfi-gradient-text) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
}

/* Hero button grid */
.cfi-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 20px;
}

.cfi-hero-addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 520px;
}

.cfi-address-block h4 {
  color: var(--cfi-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin: 0 0 8px !important;
}

.cfi-btn-copy {
  width: 100%;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
}

.hero-area3 .main-heading .buttons {
  display: inline-flex !important;
  margin: 0 !important;
}

@media (max-width: 767px) {
  .hero-area3 .main-heading {
    padding-top: 110px !important;
  }

  .cfi-hero-addresses {
    grid-template-columns: 1fr;
  }

  .cfi-hero-actions .cfi-btn {
    width: 100%;
  }
}

/* ─── Headings (all sections) ─── */
.heading3 span.span span,
.hero-area3 .main-heading span.span span {
  background: var(--cfi-gradient-text) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.heading3 span.span,
.heading3-w span.span {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--cfi-border) !important;
  border-radius: 100px !important;
  color: var(--cfi-muted) !important;
}

.heading3 h2,
.heading3-w h2 {
  color: var(--cfi-text) !important;
}

.heading3 p,
.heading3-w p,
.about3 p,
.spabout p {
  color: var(--cfi-muted) !important;
}

.about3 p i {
  color: var(--cfi-teal) !important;
}

.spabout ul li,
.spabout ul li strong {
  color: var(--cfi-muted) !important;
}

/* ─── Sections ─── */
.about3,
.spabout,
.roadmap2,
.possibilites,
.faq3,
.sp,
.video-area3 {
  background-color: var(--cfi-bg) !important;
}

.spabout {
  padding: 80px 0 !important;
}

.spabout:nth-of-type(even) {
  background-color: var(--cfi-surface-2) !important;
}

.sp {
  padding: 80px 0 !important;
}

/* Roadmap */
.roadmap2 .roadmap2-area .roadmap2-box {
  background: var(--cfi-surface) !important;
  border: 1px solid var(--cfi-border) !important;
  border-radius: 14px !important;
  padding: 16px !important;
}

.roadmap2 .roadmap2-area .roadmap2-box h4,
.roadmap2 .roadmap2-area .roadmap2-box h4 p {
  color: var(--cfi-text) !important;
}

.roadmap2 .roadmap2-area .roadmap2-box p {
  color: var(--cfi-teal) !important;
}

.roadp {
  color: var(--cfi-text) !important;
  font-size: 15px !important;
}

/* Possibilities */
.possibilites {
  background-color: var(--cfi-surface-2) !important;
}

.possibilites .possibilites-boxs .single-box {
  background: var(--cfi-surface) !important;
  border: 1px solid var(--cfi-border) !important;
  border-radius: 12px !important;
}

.possibilites .possibilites-boxs .single-box p {
  color: var(--cfi-text) !important;
}

.possibilites .possibilites-boxs .single-box::after,
.possibilites .possibilites-boxs .single-box.active::after,
.possibilites .possibilites-boxs .single-box:hover::after {
  background: var(--cfi-gradient) !important;
  opacity: 0.12 !important;
}

.possibilites .features-bg {
  background: var(--cfi-surface) !important;
  border: 1px solid var(--cfi-border) !important;
  border-radius: 20px !important;
  padding: 32px !important;
}

/* Video / technology section — remove purple bg image */
.video-area3 .container.bg {
  background: var(--cfi-surface) !important;
  background-image: none !important;
  border: 1px solid var(--cfi-border) !important;
  border-radius: 20px !important;
  padding: 48px 40px !important;
}

.video-area3 .video-area3-all .video-play-button:after {
  background: var(--cfi-gradient) !important;
}

/* FAQ */
.faq3 .accordion .accordion-item {
  background: var(--cfi-surface) !important;
  border: 1px solid var(--cfi-border) !important;
  border-radius: 12px !important;
  margin-bottom: 10px;
}

.faq3 .accordion .accordion-item button {
  color: var(--cfi-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.faq3 .accordion .accordion-item .accordion-body {
  color: var(--cfi-muted) !important;
}

.faq3 .accordion .accordion-item.active {
  border-color: rgba(45, 212, 191, 0.25) !important;
}

.faq3 .accordion .accordion-item.active button::before {
  background: var(--cfi-teal) !important;
}

.faq3 .accordion-button:not(.collapsed) {
  color: var(--cfi-teal) !important;
}

/* ─── FOOTER ─── */
.footer3 {
  background: var(--cfi-surface-2) !important;
  border-top: 1px solid var(--cfi-border);
  padding-top: 80px !important;
}

.footer3 .footer-logo-area {
  background: var(--cfi-surface) !important;
  border: 1px solid var(--cfi-border) !important;
  border-radius: 16px !important;
  padding: 28px 24px !important;
}

.footer3 .footer-logo-area h2,
.footer3 .footer-logo-area h5 {
  color: var(--cfi-text) !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
}

.footer3 .single-footer-items h3 {
  color: var(--cfi-text) !important;
}

.footer3 .single-footer-items .menu-list li a,
.footer3 .single-footer-items .contact-info li a {
  color: var(--cfi-muted) !important;
}

.footer3 .single-footer-items .menu-list li a:hover,
.footer3 .single-footer-items .contact-info li a:hover {
  color: var(--cfi-teal) !important;
}

.footer3 .single-footer-items .menu-list li a::after {
  background: var(--cfi-teal) !important;
}

.footer3 .single-footer-items .icons li a {
  background: var(--cfi-btn-bg) !important;
  border: 1px solid var(--cfi-border) !important;
  color: var(--cfi-teal) !important;
}

.footer3 .single-footer-items .icons li a::after {
  display: none !important;
}

.footer3 .copyright-area {
  border-top: 1px solid var(--cfi-border);
}

.footer3 .coppyright p {
  color: var(--cfi-muted) !important;
}

/* ─── Misc ─── */
.preloader2 {
  background: var(--cfi-bg) !important;
}

.loading3 {
  border-color: rgba(45, 212, 191, 0.2) !important;
  border-top-color: var(--cfi-teal) !important;
}

.progress-wrap2 svg path {
  stroke: var(--cfi-teal) !important;
}

.tabinrx {
  border-radius: 16px !important;
  border: 1px solid var(--cfi-border);
}

@media (max-width: 991px) {
  .header-area.header-area3 .header-elements .main-menu-ex {
    display: none;
  }
}

@media (max-width: 767px) {
  .site-logo {
    max-width: 130px !important;
  }
}

/* ═══════════════════════════════════════════════════
   PREMIUM TYPOGRAPHY + LAYOUT POSITIONING
   ═══════════════════════════════════════════════════ */

h1, h2, h3, h4, h5, h6,
.heading3 h2,
.heading3-w h2,
.hero-area3 .main-heading h1,
.footer3 .footer-logo-area h2 {
  font-family: var(--cfi-font-display) !important;
  text-transform: none !important;
  letter-spacing: -0.03em !important;
  font-weight: 700 !important;
}

.container {
  max-width: 1180px;
  padding-left: 24px;
  padding-right: 24px;
}

/* ─── Hero layout ─── */
.hero-area3 {
  padding-bottom: 0 !important;
  overflow: hidden;
}

.hero-area3 > .container > .row {
  min-height: min(88vh, 820px);
  align-items: center !important;
}

.hero-area3 .main-heading {
  padding-top: 72px !important;
  padding-bottom: 48px;
  max-width: 560px;
}

.hero-area3 .main-heading h1,
.hero-area3 .main-heading .cfi-hero-title {
  font-size: clamp(2.35rem, 5.2vw, 4rem) !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 0 !important;
  font-family: var(--cfi-font-display) !important;
  color: var(--cfi-text) !important;
  max-width: none !important;
}

.hero-area3 .main-heading p {
  font-size: 1.0625rem !important;
  line-height: 1.7 !important;
  margin-top: 20px;
  font-weight: 400;
}

.hero-area3 .images-area {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
  padding-top: 60px;
  padding-bottom: 40px;
}

.cfi-anim-wrap--hero {
  min-height: 420px;
  width: 100%;
}
.about3.sp,
.spabout,
.roadmap2,
.possibilites.sp,
.faq3.sp,
.video-area3 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.about3 .row,
.spabout .row,
.possibilites .row,
.features-bg .row,
.video-area3 .row {
  align-items: center !important;
}

/* ─── Section headings ─── */
.heading3,
.heading3-w {
  margin-bottom: 0;
}

.heading3.text-center {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.heading3 h2,
.heading3-w h2 {
  font-size: clamp(1.75rem, 3vw, 2.625rem) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  margin-bottom: 0 !important;
}

.heading3 span.span,
.heading3-w span.span {
  font-family: var(--cfi-font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 7px 16px !important;
  margin-bottom: 20px !important;
  display: inline-block !important;
}

.heading3 span.span span {
  font-size: inherit !important;
  letter-spacing: inherit !important;
  -webkit-text-fill-color: unset !important;
  color: var(--cfi-teal) !important;
  background: none !important;
}

.hero-area3 .main-heading span.span span {
  background: var(--cfi-gradient-text) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.heading3 p,
.heading3-w p,
.about3 p,
.spabout p {
  font-size: 1rem !important;
  line-height: 1.75 !important;
  margin-top: 20px;
  max-width: 52ch;
}

.heading3.text-center p {
  max-width: 60ch;
  margin-left: auto;
  margin-right: auto;
}

.about3 p:not(:first-of-type) {
  font-size: 0.9375rem !important;
  margin-top: 10px;
}

/* ─── Animation panels ─── */
.cfi-anim-wrap {
  min-height: 320px;
  margin-top: 0;
}

.col-lg-6 > .cfi-anim-wrap {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.col-lg-6:first-child > .heading3 {
  max-width: 520px;
}

/* ─── Roadmap ─── */
.roadmap2 .heading3.text-center {
  margin-bottom: 56px;
}

.roadmap2 .roadmap2-area .roadmap2-box {
  text-align: center;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.roadmap2 .roadmap2-area .roadmap2-box h4 {
  font-family: var(--cfi-font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.01em !important;
}

.roadmap2 .roadmap2-area .roadmap2-box p {
  font-family: var(--cfi-font-body) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.roadp {
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

/* ─── Possibilities ─── */
.possibilites .possibilites-boxs .single-box p {
  font-family: var(--cfi-font-body) !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

.possibilites .features-bg {
  margin-top: 48px;
  padding: 48px 40px !important;
}

.possibilites .features-bg .col-lg-6:first-child .cfi-anim-wrap {
  max-width: 100%;
}

/* ─── Video section ─── */
.video-area3 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.video-area3 .container.bg {
  padding: 56px 48px !important;
}

.video-area3 .heading3-w h2 {
  max-width: 16ch;
}

.video-area3-all {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ─── FAQ ─── */
.faq3 .heading3.text-center {
  margin-bottom: 48px;
}

.faq3 .accordion .accordion-item button {
  font-family: var(--cfi-font-display) !important;
  font-size: 1.0625rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  padding: 20px 24px !important;
}

.faq3 .accordion .accordion-item .accordion-body {
  font-size: 0.9375rem !important;
  line-height: 1.75 !important;
  padding: 0 24px 24px !important;
}

/* ─── Footer ─── */
.footer3 .footer-logo-area h2 {
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
}

.footer3 .single-footer-items h3 {
  font-family: var(--cfi-font-display) !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  padding-bottom: 20px !important;
}

.footer3 .single-footer-items .menu-list li a,
.footer3 .single-footer-items .contact-info li a {
  font-size: 0.9375rem !important;
}

/* ─── Nav typography ─── */
.header-area.header-area3 .header-elements .main-menu-ex ul li a {
  font-family: var(--cfi-font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* ─── Buttons typography ─── */
.cfi-btn,
.btn_theme3,
.btn_theme4 {
  font-family: var(--cfi-font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

.cfi-store-btn {
  font-family: var(--cfi-font-body) !important;
}

.cfi-anim-label {
  font-family: var(--cfi-font-body) !important;
  font-weight: 600;
}

@media (max-width: 991px) {
  .hero-area3 > .container > .row {
    min-height: auto;
  }

  .hero-area3 .main-heading {
    padding-top: 100px !important;
    text-align: center;
  }

  .hero-area3 .main-heading p {
    margin-left: auto;
    margin-right: auto;
  }

  .cfi-hero-actions,
  .cfi-hero-addresses {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-area3 .images-area {
    padding-top: 0;
  }

  .heading3 p,
  .heading3-w p {
    max-width: none;
  }

  .col-lg-6:first-child > .heading3 {
    text-align: center;
    max-width: none;
    margin-bottom: 32px;
  }

  .about3.sp,
  .spabout,
  .roadmap2,
  .possibilites.sp,
  .faq3.sp {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .hero-area3 .main-heading h1 {
    font-size: 2rem !important;
  }

  .heading3 h2,
  .heading3-w h2 {
    font-size: 1.625rem !important;
  }

  .video-area3 .container.bg {
    padding: 32px 24px !important;
  }
}