:root[data-bs-theme="light"]{ 
  --textdark: #000;
}
:root[data-bs-theme="dark"] {
    --textdark: #fff;
}
:root[data-bs-theme="light"] .ai_presentaion_wrapper, 
:root[data-bs-theme="light"] .ai_flyer_wrapper {
    --white: #F7F8F8 !important; 
  --dark: #F7F8F8 !important; 
  --light: #F7F8F8 !important;
}

:root[data-bs-theme="dark"] .ai_presentaion_wrapper, 
:root[data-bs-theme="dark"] .ai_flyer_wrapper {
  --white: #F7F8F8 !important;
  --dark: #F7F8F8 !important;
   --light: #F7F8F8 !important; 
}

:root[data-bs-theme="light"], 
:root[data-bs-theme="light"] {
 --white: #fff !important; 
   /* --dark: #F7F8F8 !important; 
  --light: #F7F8F8 !important;*/
}

 :root[data-bs-theme="dark"], 
:root[data-bs-theme="dark"]{
  --white: #1E1B1B !important;
   /* --dark: #1E1B1B !important; 
   --light: #1E1B1B !important;*/
}
 
/* :root[data-bs-theme="light"] .text-white{
    color:  #1E1B1B !important;
}
.text-white {
    color: var(--white) !important;
} */



:root[data-bs-theme="light"] .ai_presentaion_wrapper {
   background: linear-gradient(180deg, #EAF4FF 0%, #FFFFFF 100%); overflow-x: hidden; 
} 
:root[data-bs-theme="dark"] .ai_presentaion_wrapper {
  background: linear-gradient(135deg, #111827, #020617);
} 

:root[data-bs-theme="light"] .ai_flyer_wrapper {
   background: linear-gradient(180deg, #EAF4FF 0%, #FFFFFF 100%); overflow-x: hidden; 
} 

:root[data-bs-theme="dark"] .ai_flyer_wrapper {
  background: linear-gradient(135deg, #111827, #020617);
} 

:root[data-bs-theme="dark"] .ai_flyer_wrapper 
h3, :root[data-bs-theme="dark"] .ai_flyer_wrapper 
h4{  
    color:  #1E1B1B !important;
 }


 :root[data-bs-theme="dark"] .ai_flyer_wrapper .bg-primary.text-white,
 :root[data-bs-theme="light"] .ai_flyer_wrapper .bg-primary.text-white  {
    color: #fff !important;
 }
.hover\:border-primary:hover {
  color : var(--primary) !important;
}

.text-blue-600 {
  color: var(--primary) !important;
}

.border-blue-600 {
     border-color:var(--primary) !important;
}

:root[data-bs-theme="dark"] .ai_flyer_wrapper #step-1 input,
  :root[data-bs-theme="dark"] .ai_flyer_wrapper #step-1 select{
     color: #000 !important;
}

:root[data-bs-theme="light"]  .dropdown-menu {
   background: var(--white);;
}

:root[data-bs-theme="light"] header .dropdown-menu .dropdown-item:hover, 
:root[data-bs-theme="light"] header .dropdown-menu .dropdown-item.active, 
:root[data-bs-theme="light"] header .dropdown-menu .dropdown-item:active {
  color: var(--white);
}
:root[data-bs-theme="light"] .dropdown-menu .dropdown-item.link-danger:hover {
    color: var(--white) !important;
}

:root[data-bs-theme="light"] header.header-six.fixed .header-nav .main-menu-wrapper .main-nav>li>a {
    color: var(--dark);
}


:root[data-bs-theme="dark"] .dropdown-menu .dropdown-item {
  color: var(--gray-950);
}
:root[data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover, 
:root[data-bs-theme="dark"] .dropdown-menu .dropdown-item.active, 
:root[data-bs-theme="dark"] .dropdown-menu .dropdown-item:active {
  background: var(--gray-100);
}

:root[data-bs-theme="dark"] #afg_login_modal .form-label,
:root[data-bs-theme="dark"] #afg_login_modal  input{
     color: #000 !important;
}
:root[data-bs-theme="dark"] #afg_login_modal  input {
  background: #fff;
  border-color:#e5e5e5;
}
:root[data-bs-theme="dark"] #afg_login_modal p {
  color: #111827;
}
:root[data-bs-theme="dark"] #afg_login_modal #afg_login_modal_cancel {
  border-color: #e5e5e5;
}


 :root[data-bs-theme="dark"] .ai_flyer_wrapper #step-2 input,
 :root[data-bs-theme="light"] .ai_flyer_wrapper #step-2 input,
  :root[data-bs-theme="dark"] .ai_flyer_wrapper #step-2 select,
 :root[data-bs-theme="light"] .ai_flyer_wrapper #step-2 select{
    background: #fff !important;
    color: #000 !important;
 }

  :root[data-bs-theme="dark"] .ai_presentaion_wrapper input,
 :root[data-bs-theme="light"] .ai_presentaion_wrapper input,
  :root[data-bs-theme="dark"] .ai_presentaion_wrapper select,
 :root[data-bs-theme="light"] .ai_presentaion_wrapper select{
    background: #fff !important;
    color: #000 !important;
    border:1px solid var(--border-color);
    padding: 8px 12px;
 }
 
 :root[data-bs-theme="dark"] .ai_flyer_wrapper .bg-white {
    background: #fff !important;
} 

html[data-bs-theme="dark"]  .ai_flyer_wrapper {
    --border-color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .dark_page {
    background: linear-gradient(135deg, #111827, #020617);
   
}
html[data-bs-theme="dark"] .dark_page_flyer {
    background: linear-gradient(135deg, #111827, #020617);
 }

 html[data-bs-theme="dark"] .ai_flyer_wrapper input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0); /* black */
    opacity: 1;
    cursor: pointer;
}

html:not([data-bs-theme="light"]) .ai_flyer_wrapper input[type="date"]::-webkit-calendar-picker-indicator {
    filter: none;
}


@media (min-width: 1400px) {
.container.boostrap_container {
    max-width: 1320px;
}
.page-template-ai-flyer-template .container  {
    max-width: 1320px;
}
.post-type-archive-ai_presentation .container,
.single-ai_presentation .container{
    max-width: 1320px;
}
}
 
 html[data-bs-theme="light"]  header.header-six.fixed {
   background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
}

 html[data-bs-theme="light"]  header.header-six.fixed .signin-btn {
    color:  #1E1B1B !important;
    border-color:#1E1B1B !important;
}s

 html[data-bs-theme="dark"]  body .text-secondary {
   color: #9ca3af !important;
 }
 html[data-bs-theme="light"]  body .text-secondary, 
html[data-bs-theme="light"] .hc-feature-text,
html[data-bs-theme="light"]  .hc-lead,
html[data-bs-theme="light"]  .hc-stat-text,
html[data-bs-theme="light"]   .text-gray-400-bs
 {
   color: #5b5e61 !important;
 }
  
  html[data-bs-theme="light"] .hc-stat-label,
  html[data-bs-theme="light"] .hc-badge-text,
  html[data-bs-theme="light"] .title-badge span,
  html[data-bs-theme="light"] .title-badge i, 
  html[data-bs-theme="light"] .title-badge svg
  {
    color : #f09a26 !important;
 }

 html[data-bs-theme="dark"] .glass-card .try-link{ 
   color: #9ca3af;
 }

   html[data-bs-theme="light"] .hfaq-item {
    background-color: #111827;
    transition: background-color .2s ease;
}

 html[data-bs-theme="dark"] .glass-card .try-link:hover{ 
   color: var(--primary);
 }
  html[data-bs-theme="light"] .glass-card .try-link{
    color: #000;
  }
  html[data-bs-theme="light"] .glass-card .try-link:hover{
   color: var(--primary);
  }

html[data-bs-theme="dark"] .hero-section  {
 background:
    radial-gradient(circle at 20% 20%, #1e293b, transparent 40%),
    radial-gradient(circle at 80% 80%, #020617, transparent 40%),
    linear-gradient(135deg, #020617, #020617);
}

.hero-section {
  min-height: 90vh;
  position: relative;
  background:
    radial-gradient(circle at 20% 20%, #fff, transparent 40%),
    radial-gradient(circle at 80% 80%, #fff, transparent 40%),
    linear-gradient(135deg, #fff, #fff);
  overflow: hidden;
  color: #000;
}
.bgwhite {
    background: #fff !important;
}
.ai-cta-btn {
    color: #fff !important;
}
/* ================= BADGE ================= */
.hero-section .badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(122, 19, 240, 0.15);
  color: #7A13F0;
  border: 1px solid rgba(122, 19, 240, 0.3);
  font-weight: 500;
}

/* ================= HEADING ================= */
.hero-section h1 {
  font-size: clamp(2.5rem, 5vw, 3rem);
  line-height: 1.1;
}

.text-gradient {
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ================= DESCRIPTION ================= */
.hero-section p {
  color: #cbd5f5;
  max-width: 520px;
}

/* ================= BUTTONS ================= */
.btn-gradient {
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
  color: #fff;
  border-radius: 999px;
  padding: 14px 32px;
  font-weight: 600;
  border: none;
  box-shadow: 0 15px 40px rgba(122, 19, 240, 0.35);
 }
.btn-outline-light.btn-secondary-custom {
    border:2px solid var(--border-color) !important;
    color:#fff !important;
    background-color:#2A2E40 !important;
}
.btn-secondary-custom:hover {
     background-color: #ff1ade !important;
      background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
  color: #fff;
   box-shadow: 0 15px 40px rgba(122, 19, 240, 0.35);
}
.btn-gradient:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 50px rgba(122, 19, 240, 0.5);
 }

.btn-outline-light {
  border-radius: 999px;
  padding: 14px 32px;
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
}

/* ================= FEATURES ================= */
.hero-section .features span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  color: #cbd5f5;
}

.hero-section .features span:nth-child(1)::before {
  content: "✔";
  color: #22c55e;
}
.hero-section .features span:nth-child(2)::before {
  content: "⏰";
  color: #38bdf8;
}
.hero-section .features span:nth-child(3)::before {
  content: "🛡";
  color: #aa7dff;
}

/* ================= STATS ================= */
.hero-section .stats {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border-color);
}

.hero-section .stats h5 {
  font-size: 1.5rem;
  margin-bottom: 0;
}

.hero-section .stats small {
  color: #cbd5f5;
}

/* ================= GLASS CARD ================= */
.glass-card {
  background: rgba(255,255,255,.05);
  backdrop-filter: blur(14px);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  transition: all .3s ease;
}

.glass-card:hover {
  transform: translateY(-4px);
  border-color: rgba(122,19,240,.5);
}

/* ================= AI TOOLS ================= */
.glass-card h6 {
  margin-top: 10px;
  font-weight: 600;
}

.glass-card small {
  color: #cbd5f5;
}

/* ================= TESTIMONIAL ================= */
.testimonial-card {
  margin-top: 2rem;
  padding: 1rem;
  border-radius: 24px;
  background:
    radial-gradient(circle at 0 0, rgba(122, 19, 240, 0.25), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(255, 26, 222, 0.25), transparent 55%),
    #020617;
  border: 1px solid rgba(122,19,240,.4);
  box-shadow: 0 18px 45px rgba(15,23,42,.85);
}
.testimonial-name {
  color: #e5e7eb;
 }
.testimonial-text {
  color: #e5e7eb;
 }

.testimonial-stars {
  margin-top: 8px;
  font-size: 14px;
}
.testimonial-stars i{
    color:#FACC15;
 }

.testimonial-avatar {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
}

.testimonial-name {
  font-size: 1rem;
}

.testimonial-role {
  color: #9ca3af;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 991px) {
  .hero-section {
    text-align: center;
  }
  .hero-section p {
    margin-left: auto;
    margin-right: auto;
  }
}
/* ===== STATS GRID ===== */
.hero-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding-top: 24px;
  margin-top: 32px;
  border-top: 1px solid var(--border-color);
}

.hero-stat-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hero-stat-icon svg {
  width: 20px;
  height: 20px;
}

.hero-stat-value {
  font-weight: 700;
 }

.hero-stat-label {
  font-size: 14px;
  color: #9ca3af;
}

@media (max-width: 991px) {
  .hero-stats-grid {
    grid-template-columns: auto auto;
    justify-content: center;
    column-gap: 80px;
    row-gap: 32px;
  }
}

.hero-feature-icon svg,
.ai-tool-icon svg {
  width: 20px;
  height: 20px;
}

.ai-tool-icon svg {
  width: 28px;
  height: 28px;
}

.hero-feature-text {
  font-size: 0.95rem;
  color: #cbd5f5;
}
.hero-stat-icon svg {
  width: 20px;
  height: 20px;
}

.hero-stat-icon svg,
.hero-feature-icon svg,
.ai-tool-icon svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Home AI Section 2 */
html[data-bs-theme="dark"] .ai-tools-section {
  min-height: 90vh;
  position: relative;
  background: linear-gradient(135deg, #111827, #020617);
  overflow: hidden;
}
   
/* Home AI Section 2 */
.ai-tools-section {
  min-height: 90vh;
  position: relative;
  background: linear-gradient(135deg, #EAF4FF, #FFFFFF);
  overflow: hidden;
}
.bg-gray{
    background-color: #141925 !important;
}
.icon-box svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.icon-box{
  width:48px;
  height:48px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  margin-bottom: 24px;
}

.icon-orange{
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
}

.icon-pink{
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
}

.icon-blue{
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
}

body .text-secondary {
    color:  #99a1af !important;
}

.whitecolor {
    color: #fff !important;
}

#ai_flyer_wrapper[data-bs-theme="light"] {
  color-scheme: light;
}

/* Glass card */
.glass-card{
  background: rgba(255,255,255,0.05);   /* same as bg-white/5 */
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  color: #ffffff;
}

/* Try now link */
.glass-card .try-link{
  font-size: 0.8rem;
   text-decoration: none;
}

.glass-card .try-link:hover{
   text-decoration: underline;
}

.glass-card svg {
  max-width: 25px;
  max-height: 25px;
}
.bg-dark1   {
    background-color: #111827 !important; /* Tailwind gray-900 */

}

/* Home capabilities-section */
.home-capabilities-section {
  min-height: 90vh;

   background:
    radial-gradient(circle at 20% 20%, #FFF, transparent 45%),
    radial-gradient(circle at 80% 80%, #FFF, transparent 50%),
    linear-gradient(135deg, #FFF, #FFF);
    
  padding-top: 5rem;
  padding-bottom: 5rem;
  color: #ffffff;
}

 html[data-bs-theme="dark"] .home-capabilities-section {

  background:
    radial-gradient(circle at 20% 20%, #1f2937, transparent 45%),
    radial-gradient(circle at 80% 80%, #020617, transparent 50%),
    linear-gradient(135deg, #020617, #020617);
 }

.hc-bg-blur {
  position: absolute;
  width: 24rem;
  height: 24rem;
  border-radius: 999px;
  filter: blur(48px);
}

.hc-bg-blur-orange {
  top: 20%;
  left: 20%;
  background: linear-gradient(to right, rgba(122, 19, 240, 0.10), rgba(255, 26, 222, 0.10));
}

.hc-bg-blur-pink {
  bottom: 20%;
  right: 20%;
  background: linear-gradient(to right, rgba(255, 26, 222, 0.10), rgba(170, 125, 255, 0.10));
}

 
  .title-badge i, .title-badge svg {
  
    color: #aa7dff !important;
    fill: currentColor!important;
    stroke: currentColor!important;
}

.hc-badge {
  background: linear-gradient(to right, rgba(122, 19, 240, 0.15), rgba(255, 26, 222, 0.15));
  border: 1px solid rgba(122,19,240,.3);
}

.hc-badge-text {
  font-size: .875rem;
  font-weight: 500;
  color: #aa7dff;
}

.hc-heading {
  font-weight: 700;
  font-size: clamp(2.25rem, 3vw, 3rem);
}

.hc-heading-gradient {
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hc-lead {
  font-size: 1rem;
  color: #cbd5f5;
}

.hc-feature-card {
  border-radius: 1rem;
  background: linear-gradient(to bottom right, rgba(255,255,255,.05), rgba(255,255,255,0));
  border: 1px solid var(--border-color);
  backdrop-filter: blur(16px);
  transition: border-color .3s ease, transform .3s ease;
}

.hc-feature-card:hover {
   transform: translateY(-2px);
}

.hc-icon-circle {
  width: 3rem;
  height: 3rem;
   min-width: 3rem;
   min-height: 3rem;
   max-width: 3rem;
   max-height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.hc-icon-circle svg {
    max-height: 25px;
    max-width: 25px;
}
.hc-icon-orange { background: linear-gradient(to right,#7A13F0,#7A13F0); }
.hc-icon-pink   { background: linear-gradient(to right,#ff1ade,#ff1ade); }
.hc-icon-purple { background: linear-gradient(to right,#aa7dff,#7A13F0); }
.hc-icon-mixed  { background: linear-gradient(to right,#7A13F0,#ff1ade,#aa7dff); }

.hc-feature-title {
   color: #ffffff;
   font-weight: 500;
}

.hc-feature-pill {
  font-size: .75rem;
  padding: .15rem .6rem;
  border-radius: 999px;
  background: linear-gradient(to right,#1f2937,#111827);
  color: #e5e7eb;
}

.hc-feature-text {
  font-size: .975rem;
  color: #9ca3af;
}

/* CTA button icon sizing */
.hc-cta-btn i,
.hc-cta-btn svg 
 {
  font-size: 1rem;
  width: 18px;
  height: 18px;
}
.hc-badge i,
.hc-badge svg
 {
  font-size: 11px;
  width: 15px;
  height: 15px;
 color: #aa7dff;
}

.hc-stat-card {
  border-radius: 2rem;           /* very rounded corners */
  border: none;
}

/* Top-left: 10K+ Active Users */
.hc-stat-card-orange {
     background: linear-gradient(
    to bottom right,               /* bg-gradient-to-br */
    rgba(122, 19, 240, 0.1),        /* from-orange-500/10 */
    rgba(122, 19, 240, 0.1)          /* to-orange-600/10 */
  );

  backdrop-filter: blur(4px);       /* backdrop-blur-sm */
  -webkit-backdrop-filter: blur(4px);

  border: 1px solid rgba(122, 19, 240, 0.2); /* border-orange-500/20 */
}

/* Top-right: 4.9★ Rating */
.hc-stat-card-pink {
   background: linear-gradient(
    to bottom right,                /* bg-gradient-to-br */
    rgba(122, 19, 240, 0.1),         /* from-pink-500/10 */
    rgba(255, 26, 222, 0.1)          /* to-pink-600/10 */
  );

  backdrop-filter: blur(4px);        /* backdrop-blur-sm */
  -webkit-backdrop-filter: blur(4px);

  border: 1px solid rgba(236, 72, 153, 0.2); /* border-pink-500/20 */
}

/* Bottom-left: 99.9% Uptime */
.hc-stat-card-purple {
    background: linear-gradient(
    to bottom right,                 /* bg-gradient-to-br */
    rgba(168, 85, 247, 0.1),          /* from-purple-500/10 */
    rgba(147, 51, 234, 0.1)           /* to-purple-600/10 */
  );

  backdrop-filter: blur(4px);         /* backdrop-blur-sm */
  -webkit-backdrop-filter: blur(4px);

  border: 1px solid rgba(168, 85, 247, 0.2); /* border-purple-500/20 */
}

/* Bottom-right: 50+ AI Tools */
.hc-stat-card-mixed {
      background: linear-gradient(
    to bottom right,                  /* bg-gradient-to-br */
    rgba(122, 19, 240, 0.1),           /* from-orange-500/10 */
    rgba(122, 19, 240, 0.1)            /* to-pink-500/10 */
  );

  backdrop-filter: blur(4px);          /* backdrop-blur-sm */
  -webkit-backdrop-filter: blur(4px);

  border: 1px solid rgba(122, 19, 240, 0.2); /* border-orange-500/20 */
 }


 
/* Icon circle inside each card */
.hc-small-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.hc-small-icon svg {
    max-height: 25px;
    max-width: 25px;
}

/* Big number (10K+, 4.9★, 99.9%, 50+) */
.hc-stat-value {
   font-weight: 500;
 }

/* Label (Active Users, Rating, Uptime, AI Tools) */
.hc-stat-label {
  font-size: .9rem;
  font-weight: 500;
  color: #ffd9a5;
}

/* Description line */
.hc-stat-text {
  font-size: .8rem;
  color: #e5e7eb;
}

.hc-engine-card {
  border-radius: 1.25rem;
  background: linear-gradient(to bottom right, rgba(31,41,55,.9), rgba(17,24,39,1));
  border: 1px solid rgba(148,163,184,.5);
}

.hc-engine-title {
   font-weight: 600;
}

.hc-engine-subtitle {
  font-size: .85rem;
  color: #9ca3af;
}

.hc-progress {
  height: .35rem;
  border-radius: 999px;
  background-color: #1f2937;
  overflow: hidden;
}

.hc-progress-bar {
  height: 100%;
  border-radius: inherit;
}

.bg-purple {
  background: linear-gradient(to right,#aa7dff,#6366f1);
}

.hc-cta-btn {
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
  color: #ffffff;
  border-radius: 1rem;
  border: none;
  box-shadow: 0 15px 40px rgba(122,19,240,.35);
  transition: transform .3s ease, box-shadow .3s ease;
}

.hc-cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 50px rgba(122,19,240,.5);
}

.home-capabilities-section svg {
  fill: currentColor;
  stroke: currentColor;
}

@media (max-width: 991.98px) {
  .home-capabilities-section {
    text-align: center;
  }
  .hc-lead {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*Home Faq*/

html[data-bs-theme="dark"] .hfaq-section {
  background: linear-gradient(to bottom, #111827, #000000);
}
.hfaq-section {
  background: linear-gradient(to bottom, #fff, #fff);
}


 .hfaq-badges i, .hfaq-badge svg {
    font-size: 11px;
    width: 15px;
    height: 15px;
    color: #aa7dff;
    fill: currentColor;
    stroke: currentColor;
}

.text-gray-400-bs {
  color: #9ca3af;
}

.hfaq-badge {
  background: linear-gradient(to right, rgba(122, 19, 240, 0.15), rgba(255, 26, 222, 0.15));
  border: 1px solid rgba(122,19,240,.3);
}

.hfaq-badge-text {
  font-size: .875rem;
  font-weight: 500;
  color: #aa7dff;
}

.hfaq-heading {
  font-size: clamp(2.25rem, 3vw, 3rem);
  font-weight: 700;
}

.hfaq-subheading {
  color: #9ca3af;
}

.hfaq-item {
  background-color: rgba(255,255,255,.05);
  transition: background-color .2s ease;
}

.hfaq-item:hover {
  background-color: rgba(255,255,255,.1);
}

.hfaq-question {
   font-weight: 600;
}

.hfaq-toggle {
  font-size: 1.25rem;
}

.hfaq-answer {
  font-size: .875rem;
}

.hfaq-cta-outer {
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
}

.hfaq-cta-inner {
  background-color: #111827;
}

.hfaq-cta-text {
  color: #9ca3af;
}

.hfaq-cta-btn {
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
  color: #ffffff;
  box-shadow: 0 15px 25px rgba(122,19,240,.3);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.hfaq-cta-btn:hover {
  transform: translateY(-2px) scale(1.02);
  filter: brightness(1.05);
   color: #fff !important;
}
 
.hfaq-header {
  cursor: pointer;
}

/*Home How Works */


.hiw-section .hiw-cta-btn:hover span {
 color: #fff !important;
}
 .hiw-badges i, .hiw-badge svg {
    font-size: 11px;
    width: 15px;
    height: 15px;
    color: #aa7dff;
    fill: currentColor;
    stroke: currentColor;
}
 html[data-bs-theme="dark"]  .hiw-section {
     background: linear-gradient(
    to bottom,            /* bg-gradient-to-b */
    #111827,              /* gray-900 */
    #030712               /* gray-950 */
  );
 }

 .hiw-section {
   background: linear-gradient(135deg, #EAF4FF, #FFFFFF);
 }
.right-n4 {
  right: -1rem; /* Tailwind -right-4 */
}
.text-gray-400-bs {
  color: #9ca3af;
}
.gradient-orange-pink-soft {
  background: linear-gradient(
    90deg,
    rgba(122, 19, 240, 0.2),
    rgba(236, 72, 153, 0.2)
  );
}
.hiw-badge {
  background: linear-gradient(to right, rgba(122, 19, 240, 0.15), rgba(255, 26, 222, 0.15));
  border: 1px solid rgba(122,19,240,.3);
}
 

.hiw-heading {
  font-size: clamp(2.25rem, 3vw, 3rem);
  font-weight: 700;
}

.hiw-subheading {
  color: #9ca3af;
}

/* Stepper Vertical Timeline Styles */
.hiw-timeline-container {
  position: relative;
  width: 100%;
}

.hiw-timeline-line {
  width: 2px;
  position: absolute;
  left: 24px;
  top: 24px;
  bottom: 24px;
  background: linear-gradient(180deg, #7A13F0 0%, #ff1ade 100%);
  opacity: 0.25;
}

.hiw-timeline-item {
  position: relative;
  transition: all 0.3s ease;
}

.hiw-timeline-icon-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(10, 10, 15, 0.6) !important;
  border: 1px solid rgba(122, 19, 240, 0.4) !important;
  box-shadow: 0 0 15px rgba(122, 19, 240, 0.15) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hiw-timeline-number {
  font-size: 0.7rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
  font-family: monospace;
  transform: translateY(-8px);
  transition: all 0.3s ease;
}

.hiw-timeline-icon-inner {
  color: #aa7dff;
  transform: translateY(6px);
  transition: all 0.3s ease;
}

.hiw-timeline-icon-inner svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  stroke: currentColor;
}

.hiw-timeline-title {
  color: #ffffff;
  font-weight: 600;
  transition: all 0.3s ease;
}

.hiw-timeline-text {
  color: #9ca3af;
  line-height: 1.5;
}

/* Timeline Stepper Hover Effects */
.hiw-timeline-item:hover .hiw-timeline-icon-circle {
  background: var(--background-image-primary-gradient) !important;
  border-color: #ff1ade !important;
  box-shadow: 0 0 25px rgba(122, 19, 240, 0.5) !important;
  transform: scale(1.1);
}

.hiw-timeline-item:hover .hiw-timeline-number {
  color: #ffffff !important;
}

.hiw-timeline-item:hover .hiw-timeline-icon-inner {
  color: #ffffff !important;
}

.hiw-timeline-item:hover .hiw-timeline-title {
  color: #ff1ade !important;
}

/* Cyberpunk Card Visual Styles */
.hiw-visual-column {
  position: relative;
  width: 100%;
}

.hiw-visual-glow {
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(122, 19, 240, 0.25) 0%, transparent 70%);
  filter: blur(60px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  animation: breath-glow 6s ease-in-out infinite;
}

@keyframes breath-glow {
  0%, 100% { opacity: 0.8; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); }
}

.hiw-cyberpunk-card {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
}

.hiw-cyberpunk-card img {
  object-position: center 15% !important;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), object-position 0.8s ease;
}

.hiw-cyberpunk-card:hover,
.hiw-cyberpunk-card.hiw-timeline-hovered {
  transform: translateY(-8px);
  box-shadow: 0 30px 60px rgba(122, 19, 240, 0.3) !important;
  border-color: rgba(122, 19, 240, 0.4) !important;
}

.hiw-cyberpunk-card:hover img,
.hiw-cyberpunk-card.hiw-timeline-hovered img {
  transform: scale(1.08);
  object-position: center 5% !important;
}

.hiw-overlay-glass-card {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  transform: translate(-50%, 0) translateY(0);
}

.hiw-overlay-glass-card .rounded-circle {
  animation: avatar-glow 3s infinite alternate;
}

@keyframes avatar-glow {
  0% { box-shadow: 0 0 5px rgba(122, 19, 240, 0.4); }
  100% { box-shadow: 0 0 15px rgba(122, 19, 240, 0.8), 0 0 25px rgba(255, 26, 222, 0.4); }
}

.hiw-overlay-glass-card .progress-bar {
  background-size: 200% 200%;
  animation: gradient-shift 4s ease infinite;
}

@keyframes gradient-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.hiw-cyberpunk-card:hover .hiw-overlay-glass-card,
.hiw-cyberpunk-card.hiw-timeline-hovered .hiw-overlay-glass-card {
  opacity: 0.08;
  transform: translate(-50%, 0) translateY(120px);
  pointer-events: none;
}



.hiw-prompt-card {
  background: linear-gradient(to bottom right, rgba(31,41,55,.7), rgba(15,23,42,.9));
  border: 1px solid rgba(148,163,184,.4);
}

.hiw-prompt-pill {
  background: linear-gradient(to right, rgba(122,19,240,.2), rgba(236,72,153,.2));
}

.hiw-cta-btn {
  border-radius: 1rem;
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
  color: #ffffff;
  box-shadow: 0 20px 30px rgba(122,19,240,.3);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.hiw-cta-btn:hover {
  transform: translateY(-2px) scale(1.02);
  filter: brightness(1.05);
   color: #ffffff;
}

.hiw-cta-btn i,
.hiw-cta-btn svg {
  width: 1.25rem;
  height: 1.25rem;
}

@media (max-width: 767.98px) {
  .hiw-step-connector {
    display: none !important;
  }
  .hc-feature-card,.hc-stat-card {
    display: block !important;
  }
  .hc-feature-card>.d-flex  {
    display: block !important;
    text-align: left;
  }

  .hc-stat-card>.d-flex, .hc-stat-card .hc-stat-text{
     text-align: left;
  }

 .hc-feature-card>.d-flex>.hc-icon-circle {
    margin-bottom: 15px;
 }
 .hero-section .testimonial-card {
    text-align: left;
 }
 
}

/*Home Reviews*/
 .hrv-section {
   background: linear-gradient(135deg, #EAF4FF, #FFFFFF);
 }

 html[data-bs-theme="dark"]  .hrv-section {
  background: linear-gradient(to bottom, #111827, #000000);
}

 html[data-bs-theme="light"] .hrv-card, 
 html[data-bs-theme="light"] .hrv-platforms-wrap,
html[data-bs-theme="light"] .hrv-stat-card,
html[data-bs-theme="light"] .hiw-prompt-card {
  background: linear-gradient(to bottom, #111827, #000000);

}
  .hrv-badge i, .hrv-badge  svg {
    font-size: 11px;
    width: 15px;
    height: 15px;
    color: #aa7dff;
    fill: currentColor;
    stroke: currentColor;
}

.hrv-section i, .hrv-section svg {
  
    fill: currentColor;
    stroke: currentColor;
}

.text-gray-400-bs {
  color: #9ca3af;
}
.text-gray-400 {
  color: #9ca3af;
}
.hrv-badge {
  background: linear-gradient(to right, rgba(122, 19, 240, 0.15), rgba(255, 26, 222, 0.15));
  border: 1px solid rgba(122,19,240,.3);
}

.hrv-badge-text {
  font-size: .875rem;
  font-weight: 500;
  color: #aa7dff;
}

.hrv-heading {
  font-size: clamp(2.25rem, 3vw, 3rem);
  font-weight: 700;
}

.hrv-subheading {
  color: #9ca3af;
}

.hrv-card {
  background: linear-gradient(to bottom, rgba(255,255,255,.05), rgba(255,255,255,0));
  border: 1px solid var(--border-color);
  backdrop-filter: blur(10px);
  transition: border-color .2s ease, transform .2s ease;
}

.hrv-card:hover {
  border-color: rgba(255,255,255,.2);
  transform: translateY(-2px);
}

.hrv-star-wrapper i,
.hrv-star-wrapper svg {
  width: 1rem;
  height: 1rem;
  color: #facc15;
}

.hrv-quote {
  font-size: .95rem;
}

.hrv-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hrv-avatar-orange {
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
}

.hrv-avatar-pink {
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
}

.hrv-avatar-purple {
  background: linear-gradient(to right, #aa7dff, #7A13F0);
}

.hrv-name {
  font-size: 1rem;
}

.hrv-stat-card {
  background: linear-gradient(to bottom, rgba(255,255,255,.05), rgba(255,255,255,0));
  border: 1px solid var(--border-color);
}

.hrv-stat-icon i,
.hrv-stat-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.hrv-stat-yellow i,
.hrv-stat-yellow svg {
  color: #facc15;
}

.hrv-stat-orange i,
.hrv-stat-orange svg {
  color: #7A13F0;
}

.hrv-stat-pink i,
.hrv-stat-pink svg {
  color: #f472b6;
}

.hrv-stat-purple i,
.hrv-stat-purple svg {
  color: #c4b5fd;
}

.hrv-platforms-wrap {
  background: linear-gradient(
    to right,                     /* bg-gradient-to-r */
    rgba(31, 41, 55, 0.3),         /* gray-800/30 */
    rgba(17, 24, 39, 0.3)          /* gray-900/30 */
  );
}

.hrv-platform-card {
  background-color: rgba(255,255,255,.05);
}
.hrv-platform-score {
 }
.hrv-cta-btn {
  background: linear-gradient(21.05deg, #5711f6 -38.05%, #9614eb 37.02%, #ff1ade 112.09%);
  color: #ffffff;
  box-shadow: 0 20px 30px rgba(122,19,240,.3);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.hrv-cta-btn:hover {
  transform: translateY(-2px) scale(1.02);
  filter: brightness(1.05);
}

.blog-item {
  backdrop-filter: blur(14px);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  transition: all .3s ease;
}

.blog-item:hover {
  transform: translateY(-4px);
  border-color: rgba(122,19,240,.5);
}
/* .blog-section {background: linear-gradient(135deg, #111827, #020617);} */


:root[data-bs-theme="light"] .bgdarktwo{ 
     background: linear-gradient(135deg, #EAF4FF, #FFFFFF);
}
:root[data-bs-theme="dark"] .bgdarktwo{
  background: linear-gradient(135deg, #111827, #020617);
}


:root[data-bs-theme="light"] .bgdarkone{ 
    background:
    radial-gradient(circle at 20% 20%, #fff, transparent 40%),
    radial-gradient(circle at 80% 80%, #fff, transparent 40%),
    linear-gradient(135deg, #fff, #fff);
  }
  
:root[data-bs-theme="dark"] .bgdarkone{
    background: radial-gradient(circle at 20% 20%, #1e293b, transparent 40%),
    radial-gradient(circle at 80% 80%, #020617, transparent 40%),
    linear-gradient(135deg, #020617, #020617);
}



.blog-avatar{width:30px;}
.contact-info .icon {color:#FB923D; border: 1px solid #FB923D;}
.about-item p {width: 100%;}

.form_logo img {
  max-width: 250px;
}

a.heading-color:hover, a.heading-color:focus  {
 color: var(--primary) !important;
} 
.blog-section a.heading-color { 
  text-transform: capitalize;
}

.textdark {
  color: var(--textdark) !important;
}

.blog-list-item a.text-primary:hover {
 color: var(--primary-950) !important;
}


.right-sidebar .btn-outline-primary:hover,
.right-sidebar .btn-outline-primary:focus,
.right-sidebar .btn-outline-primary.focus,
.right-sidebar .btn-outline-primary:active,
.right-sidebar .btn-outline-primary.active {
  background-color: var(--primary);
  border: 1px solid var(--primary);
  color: #fff !important;
}
#afg_login_modal {
    background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
    .elementor-107 .elementor-element.elementor-element-7455942 {
        padding: 0 !important;
    }
}
@media (max-width: 991.98px) {
    footer .footer-top {
        padding-top: 0 !important;
    }
}
@media (max-width: 767px) {
    .elementor-114 .elementor-element.elementor-element-9bff567 {
        padding: 0 !important;
    }
}