@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
    font-family: 'RecoletaAltBlack';
    /*src: url('../fonts/Recoleta Bold.woff2') format('woff2');*/
    src: url('../fonts/Recoleta-Alt-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

:root {
    --gold: #FFD700;
    --orange: #FFBC00;
    --blue: #4169E1;
    --white: #FFFFFF;
    --charcoal: #1A1A1A;
}

body {
    font-family: "Open Sans", sans-serif;
}

h1 {
    font-family: "Montserrat", sans-serif;
}

h4 {
    font-family: "Playfair Display", serif;
}

.sv-header {
    background: transparent;
    transition: all 0.3s ease;
    color: #fff;
}


.sv-header.scrolled {
    background: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    color: var(--charcoal);
}
.sv-header.scrolled .nav-link{
    color: var(--charcoal) !important;
}

.navbar-brand {
    font-size: 22px;
}

.sun-logo {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--gold), #FFA500);
}

.nav-link {
    font-weight: 600;
    color: var(--white) !important;
}

.btn-gold {
    background: linear-gradient(135deg, var(--gold), #FFA500);
    color: white;
    font-weight: 700;
    border: none;
}

.dropdown-item {
    padding: 10px 15px;
}

/* FLAG BADGE */
.nav-flag {
    display: inline-block;
    /* margin-left: 8px; */
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff;
    background: linear-gradient(90deg, #FFBC00, #FFA500);
    position: relative;
    transform-origin: left center;
    animation: fadePulse 1.6s infinite ease-in-out;
}

/* small flag triangle */
.nav-flag::after {
    content: "";
    position: absolute;
    right: -5px;
    top: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 6px solid #FFA500;
}
.nav-flag::before{
    animation: loadingLine 1.4s infinite;
}

/* Animations */
@keyframes loadingLine{
    0%{ left:-40%; }
    100%{ left:100%; }
}

@keyframes fadePulse{
    0%,100%{ opacity:1; }
    50%{ opacity:.5; }
}

/* waving animation */
@keyframes flagWave {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(2deg); }
    50%  { transform: rotate(-2deg); }
    75%  { transform: rotate(2deg); }
    100% { transform: rotate(0deg); }
}

/* Container */
.flag-container{
    position:relative;
    display:flex;
    align-items:flex-start;
}

/* Pole */
.pole{
    width:3px;
    height:30px;
    background:#FFA500;
    border-radius:4px;
}

/* Flag shape */
.flag{
    width:20px;
    height:17px;
    background:linear-gradient(135deg,#FFBC00,#FFA500);
    clip-path:polygon(0 0, 100% 50%, 0 100%);
    transform-origin:left center;
    animation:wave 2s ease-in-out infinite;
    margin-left:0px;
    filter:drop-shadow(0 6px 10px rgba(0,0,0,0.25));
}

/* Waving animation */
@keyframes wave{
    0%   { transform: perspective(600px) rotateY(0deg); }
    25%  { transform: perspective(600px) rotateY(-10deg); }
    50%  { transform: perspective(600px) rotateY(0deg); }
    75%  { transform: perspective(600px) rotateY(10deg); }
    100% { transform: perspective(600px) rotateY(0deg); }
}

.sv-hero,
.sv-hero .carousel-item {
    height: 100vh;
    min-height: 700px;
}

.sv-hero .carousel-item {
    background-size: cover;
    background-position: center;
    position: relative;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg,
            rgba(0, 0, 0, 0.6),
            rgba(0, 0, 0, 0.6)),
        radial-gradient(circle at center, rgba(255, 215, 0, 0.2), transparent 60%);
    z-index: 1;
}

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

/* Typography */
.hero-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: clamp(36px, 5vw, 60px);
    line-height: 1.2;
    color: var(--gold);
}

.hero-title span {
    color: #fff;
}

.hero-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: clamp(22px, 3vw, 44px);
    color: var(--orange);
    margin-top: 12px;
}

.hero-tagline {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 24px;
    color: var(--gold);
    margin-top: 16px;
}

/* Buttons */
.btn-hero-primary {
    background: linear-gradient(135deg, var(--gold), #FFA500);
    color: #fff;
    padding: 14px 32px;
    border-radius: 50px;
    font-weight: 700;
    border: none;
}

.btn-hero-secondary {
    border: 2px solid #fff;
    color: #fff;
    padding: 14px 32px;
    border-radius: 50px;
    font-weight: 600;
}

/* Stats */
.hero-stats strong {
    font-size: 26px;
    color: var(--gold);
}

.hero-stats span {
    font-size: 14px;
    color: #fff;
}

/* Section */
.sv-about {
    background: #fff;
    /* background: linear-gradient(
  to bottom,
  #B7C9E2 0%,
  #AFCBFF 30%,
  #F6C1A2 55%,
  #F2A97E 70%,
  #F7D046 85%,
  #F28C6A 100%
); */
}

/* Title */
.section-title {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 700;
    color: var(--orange);
}
/* .sunrs{
    background: linear-gradient(
  to bottom,
  #B7C9E2 0%,
  #AFCBFF 30%,
  #F6C1A2 55%,
  #F2A97E 70%,
  #F7D046 85%,
  #F28C6A 100%
);

} */

/* Text */
.about-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: var(--charcoal);
}

/* Solar Empire Icon */
.solar-empire-icon {
    position: relative;
    width: 220px;
    height: 220px;
}

/* Wrapper */
.solar-empire-icon.logo-style {
    position: relative;
    width: 240px;
    height: 240px;
    margin: auto;
}

/* Sun */
.sun-core {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family:'RecoletaAltBlack';
    text-trnsform:lowercase;
    font-weight: 900;
    font-size: 70px;
    color: #0b2c4d;
    z-index: 2;

    background: radial-gradient(
        circle at 50% 10%,
        #fff4b0 0%,
        #ffd95e 25%,
        #c08a31 55%,
        #c58b00 80%,
        #c08a31 100%
    );

    box-shadow:
        inset 0 4px 8px rgba(255,255,255,0.6),
        inset 0 -6px 12px rgba(0,0,0,0.3),
        0 4px 10px rgba(0,0,0,0.2);
}

/* Ray base */
.ray {
    position: absolute;
    width: 55px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform-origin: left center;
    z-index: 1;

    background: linear-gradient(
        to right,
        #c08a31,
        #f4b400,
        #c08a31
    );

    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* 9 Rays – precise fan like logo */
.r1 {
    transform: rotate(-85deg) translateX(80px);
}

.r2 {
    transform: rotate(-70deg) translateX(82px);
}

.r3 {
    transform: rotate(-55deg) translateX(84px);
}

.r4 {
    transform: rotate(-40deg) translateX(86px);
}

.r5 {
    transform: rotate(-25deg) translateX(84px);
}

.r6 {
    transform: rotate(-10deg) translateX(82px);
}

.r7 {
    transform: rotate(5deg) translateX(80px);
}

.r8 {
    transform: rotate(25deg) translateX(78px);
}

.r9 {
    transform: rotate(40deg) translateX(76px);
}

.logo-style .ray {
    animation: rayGlow 3s ease-in-out infinite alternate;
}

@keyframes rayGlow {
    from {
        filter: brightness(1);
    }

    to {
        filter: brightness(1.5);
    }
}

/* Timeline */
.sv-timeline {
    border-left: 2px solid var(--orange);
    padding-left: 20px;
}

.timeline-item {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.timeline-dot {
    width: 12px;
    height: 12px;
    background: var(--orange);
    border-radius: 50%;
    margin-top: 6px;
}

.timeline-item h6 {
    margin: 0;
    font-weight: 700;
    color: var(--charcoal);
}

.timeline-item p {
    margin: 0;
    font-size: 14px;
    color: var(--charcoal);
}

/* Section Background */
.sv-ideology {
    background: linear-gradient(180deg,
            #ffffff 0%,
            #fff9e6 100%);
}

/* Title already defined earlier */
.section-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: clamp(32px, 4vw, 44px);
    color: var(--orange);
}

/* Ideology Boxes */
.ideology-box {
    padding: 30px;
}

.ideology-box h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: var(--charcoal);
    margin-top: 15px;
}

.ideology-box p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: var(--charcoal);
    margin-top: 10px;
}

/* Icons */
.ideology-icon {
    font-size: 42px;
    color: var(--gold);
}

/* Divider */
.ideology-divider {
    position: relative;
    height: 100%;
}

.sun-dot {
    width: 30px;
    height: 30px;
    background: radial-gradient(circle, var(--gold), #FFA500);
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
}

/* Statement */
.ideology-statement {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 22px;
    color: var(--charcoal);
}

/* Mission Section */
.sv-mission {
    background: #ffffff;
}

/* Text */
.mission-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: var(--charcoal);
}

/* Cards */
.mission-card {
    background: #fff;
    padding: 28px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform:translate(0) !important;
}

.mission-card:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 30px rgba(255, 215, 0, 0.4);
    border-color: #FFD700;
}

/* Icons */
.mission-card i {
    font-size: 36px;
    color: var(--gold);
    margin-bottom: 15px;
}

.mission-card h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: var(--charcoal);
}

.mission-card p {
    font-size: 14px;
    color: var(--charcoal);
    margin-top: 8px;
}

/* Section Background */
.sv-vision {
    background: linear-gradient(180deg,
            #fff9e6 0%,
            #ffffff 100%);
}

/* Intro Text */
.vision-intro {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: var(--charcoal);
}

/* Vision Cards */
.vision-card {
    background: #ffffff;
    padding: 35px 20px;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    transform: none !important;
}

.vision-card:hover {
    transform: translateY(-8px);
    box-shadow: 0px 10px 30px rgba(255, 215, 0, 0.4);
    border-color: #FFD700;
}

/* Icons */
.vision-card i {
    font-size: 38px;
    color: var(--gold);
    margin-bottom: 15px;
}

/* Numbers */
.vision-card h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 36px;
    color: var(--blue);
    margin-bottom: 5px;
}

/* Labels */
.vision-card p {
    font-size: 15px;
    color: var(--charcoal);
}

/* Closing Line */
.vision-closing {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 22px;
    color: var(--charcoal);
}

/* Section Background */
.sv-academy {
    background: linear-gradient(180deg,
            #ffffff 0%,
            #fff9e6 100%);
}

/* Text */
.academy-subtitle {
    font-size: 20px;
    color: var(--charcoal);
}

.academy-text {
    font-size: 16px;
    color: var(--charcoal);
}

.academy-source {
    font-size: 14px;
    color: #666;
}

/* Cards */
.academy-card {
    background: #fff;
    padding: 26px;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.academy-card:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 30px rgba(255, 215, 0, 0.4);
    border-color: #FFD700;
}

.academy-card i {
    font-size: 34px;
    color: var(--gold);
    margin-bottom: 12px;
}

.academy-card h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: var(--charcoal);
}

.academy-card p {
    font-size: 14px;
    color: var(--charcoal);
}

.talk_btn {
    border-color: #E0A800;
    color: #E0A800;
}

.btn-hero-secondary:hover {
    border-color: var(--charcoal);

}

/* ===== EMPIRE CARD BASE ===== */
.empire-card {
    position: relative;
    background: #fff;
    border-radius: 16px;
    padding: 32px 22px;
    text-align: center;
    height: 100%;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.empire-card.live i {
    font-size: 38px;
    color: var(--orange);
}

/* Hover (only for live cards) */
.empire-card.live:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 30px rgba(255, 215, 0, 0.4);
    border-color: #FFD700;
}

/* ===== LOCKED CARD ===== */
.empire-card.locked {
    background: linear-gradient(180deg, #f9f9f9, #ffffff);
    filter: grayscale(0.3);
    opacity: 0.85;
    cursor: not-allowed;
}

/* Disable pointer events inside locked card */
.empire-card.locked * {
    pointer-events: none;
}

/* Lock Icon */
.empire-card.locked .lock-icon {
    font-size: 38px;
    color: #ccc;
    margin-bottom: 14px;
}

/* Locked Title */
.empire-card.locked h5 {
    color: #fff;
}

/* Status Text */
.empire-card .status {
    font-size: 14px;
    margin-top: 6px;
    color: #fff;
}

.empire-card .status.live {
    color: #fff;
    background-color: #198754;
    padding: 3px 10px;
    border-radius: 50px;
    font-weight: 700;
    width: 120px;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

.empire-card {
    position: relative;
    border-radius: 20px;
    padding: 40px 20px;
    text-align: center;
    overflow: hidden;
    /* color: #ffffff; */
    /* background: linear-gradient(180deg, #f9f9f9, #ffffff); */
    transition: 0.3s ease;
}

/* Keep content above background */
.empire-card > * {
    position: relative;
    z-index: 2;
}

.empire-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: blur(2px);
    transform: scale(1.1); 
    z-index: 0;
}

/* Dark overlay for readability */
/* .empire-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(5, 11, 31, 0.7),
        rgba(7, 15, 47, 0.9)
    );
    z-index: 1;
} */




/* Teaser */
.empire-card .teaser {
    display: block;
    font-size: 13px;
    color: #fff;
    margin-top: 6px;
}

/* ===== LOCK OVERLAY ===== */
.empire-card.locked::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(22, 21, 21, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    border-radius: 16px;
    opacity: 0;
    transition: opacity 0.3s ease;
     transform: scale(1.3);
     filter: blur(2px);
}

/* Show overlay on hover */
.empire-card.locked:hover::after {
    opacity: 1;
}

.bg-biomass::before {
    background-image: url(../img/biomass-processing.jpeg);
}

.bg-consulting::before {
    background-image: url(../img/trading-business.jpeg);
}

.bg-finance::before {
    background-image: url(../img/financial-services.jpeg);
}
.bg-farming::before {
    background-image: url(../img/farming.jpeg);
}
.bg-trading::before {
    background-image: url(../img/biodegradable-production.jpeg);
}

.bg-ecoplastics::before {
    background-image: url(../img/management-consulting.jpeg);
}

.bg-textiles::before {
    background-image: url(../img/natural-fibre-extraction.jpeg);
}

.bg-franchise::before {
    background-image: url(../img/educational-frnachise-incubation.jpeg);
}
.kids-academy::before {
    background-image: url(../img/ai-classroom.png);
}


/* ===== FINAL CTA SECTION ===== */
.sv-final-cta {
    position: relative;
    min-height: 80vh;
    display: flex;
    align-items: center;
    background-image:
        linear-gradient(180deg,
            rgba(0, 0, 0, 0.65),
            rgba(0, 0, 0, 0.75)),
        url('../img/background.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* Parallax */
    overflow: hidden;
}

/* Overlay (extra depth) */
.cta-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center,
            rgba(255, 215, 0, 0.15),
            transparent 65%);
    z-index: 1;
}

/* Content above overlay */
.sv-final-cta .container {
    z-index: 2;
}

/* ===== TEXT ===== */
.cta-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: clamp(36px, 5vw, 56px);
    color: var(--gold);
}

.cta-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #f1f1f1;
    /*max-width: 820px;*/
    margin-inline: auto;
}

/* ===== BUTTONS ===== */
.btn-cta-primary {
    background: linear-gradient(135deg, #FFD700, #FFA500);
    color: #fff;
    font-weight: 700;
    padding: 14px 34px;
    border-radius: 40px;
    border: none;
}

.btn-cta-secondary {
    background: #ffffff;
    color: #000;
    font-weight: 600;
    padding: 14px 34px;
    border-radius: 40px;
    border: none;
}

.btn-cta-outline {
    background: transparent;
    color: #ffffff;
    font-weight: 600;
    padding: 14px 34px;
    border-radius: 40px;
    border: 2px solid #ffffff;
}

/* Hover polish */
.btn-cta-primary:hover,
.btn-cta-secondary:hover,
.btn-cta-outline:hover {
    transform: translateY(-2px);
}

.btn-cta-secondary:hover {
    border: 1px solid var(--orange);
    color: var(--orange);
    transition: all 0.4s;
}

.btn-cta-outline:hover {
    border: 1px solid var(--orange);
    color: var(--orange);
    transition: all 0.4s;
}

/* ===== TESTIMONIAL SECTION ===== */
.sv-testimonials {
    background: #ffffff;
}

/* Title */
.testimonial-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: clamp(32px, 4vw, 44px);
    color: var(--charcoal);
}

/* Card */
.testimonial-card {
    max-width: 480px;
    margin: auto;
    text-align: center;
}

/* Header */
.testimonial-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
    justify-content:center;
}

/* Avatar */
.avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--charcoal);
    font-size: 20px;
}

/* Name */
.testimonial-header h5 {
    margin: 0;
    font-weight: 600;
    color: var(--charcoal);
}

/* Text */
.testimonial-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: var(--charcoal);
    margin-top: 10px;
}

/* Emphasis like Skillshare */
.testimonial-text strong {
    font-weight: 700;
}

/* ===== FOOTER ===== */
.sv-footer {
  background: var(--charcoal);
  color: #ffffff;
}

/* Brand */
.footer-brand {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #FFD700;
}

.footer-tagline {
  font-style: italic;
  color: #ccc;
  margin-bottom: 10px;
}

.footer-text {
  font-size: 14px;
  color: #ccc;
  line-height: 22px;
}

/* Titles */
.footer-title {
  font-weight: 600;
  margin-bottom: 15px;
}

/* Links */
.footer-links {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 8px;
}

.footer-links a {
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
}

.footer-links a:hover {
  color: #FFD700;
}

/* Contact */
.footer-contact {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 10px;
}

.footer-contact i {
  color: #FFD700;
  margin-right: 8px;
}

/* Social Icons */
.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  color: #FFD700;
  margin-right: 8px;
  transition: transform 0.3s ease, background 0.3s ease;
}

.footer-social a:hover {
  transform: translateY(-3px);
  background: rgba(255,215,0,0.2);
}

/* Divider */
.footer-divider {
  border-color: rgba(255,255,255,0.1);
}

/* Copyright */
.footer-copy {
  font-size: 13px;
  color: #aaa;
}

/* ===== AUTH MODAL ===== */
.sv-auth-modal {
  border-radius: 18px;
  border: none;
  padding-top: 10px;
}

/* Title */
.auth-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: var(--charcoal);
}

/* Subtitle */
.auth-subtitle {
  font-size: 14px;
  color: #666;
}

/* Input */
.auth-input {
  height: 48px;
  border-radius: 10px;
  font-size: 15px;
}

/* Primary Button */
.auth-primary-btn {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: #fff;
  font-weight: 700;
  border-radius: 30px;
  padding: 12px;
  border: none;
}

.auth-primary-btn:hover {
  opacity: 0.95;
}

/* Divider */
.auth-divider {
  text-align: center;
  position: relative;
}

.auth-divider span {
  background: #fff;
  padding: 0 12px;
  font-size: 13px;
  color: #999;
}

.auth-divider::before {
  content: "";
  height: 1px;
  background: #ddd;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: -1;
}

/* Social Buttons */
.auth-social {
  border-radius: 30px;
  border: 1px solid #ddd;
  font-weight: 600;
  padding: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.auth-social.google i { color: #DB4437; }
.auth-social.facebook i { color: #1877F2; }
.auth-social.apple i { color: #000; }

/* Terms */
.auth-terms {
  font-size: 12px;
  color: #777;
  text-align: center;
}

.auth-terms a {
  color: var(--blue);
  text-decoration: none;
}

/* ===== BLOG SECTION ===== */
.sv-blog-section {
    padding: 120px 0;
    background: #FFFFFF;
}

/* Section Title */
.sv-section-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 44px;
    color: #1A1A1A;
}

.sv-section-title span {
    color: #FFBC00; /* Sunrise Orange */
}

/* Subtext */
.sv-section-subtext {
    max-width: 700px;
    margin: 15px auto 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #1A1A1A;
    opacity: 0.8;
}

/* Blog Card */
.sv-blog-card {
    background: #FFFFFF;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    height: 100%;
}

.sv-blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(255,188,0,0.2);
}

/* Image */
.sv-blog-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* Content */
.sv-blog-content {
    padding: 25px;
}

/* Category */
.sv-blog-category {
    font-size: 12px;
    font-weight: 600;
    color: #4169E1; /* Trust Blue */
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Title */
.sv-blog-content h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1A1A1A;
    margin: 12px 0;
}

/* Text */
.sv-blog-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #1A1A1A;
    opacity: 0.75;
}

/* Read More */
.sv-read-more {
    color: #FFD700; /* Surya Gold */
    font-weight: 600;
    text-decoration: none;
}

.sv-read-more:hover {
    color: #FFA500;
}

/* Button */
.sv-btn-primary {
    background: linear-gradient(90deg, #FFBC00, #FFA500);
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 50px;
    border: none;
}

.sv-btn-primary:hover {
    opacity: 0.9;
}

.ai-blog-author {
  padding: 60px 0;
  background: linear-gradient(90deg, #FFBC00, #FFA500);
}

.ai-author-box {
  display: flex;
  gap: 16px;
  background: #fff;
  padding: 24px;
  border-radius: 16px;
}

.ai-author-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FFD700;
  color: #000;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-author-box h6 {
  color: #000000;
  margin-bottom: 6px;
}

.ai-author-box p {
  font-size: 14px;
  color: #1A1A1A;
}

/* ===== BREADCRUMB ===== */
.sv-breadcrumb {
    padding: 100px 0 60px;
    background: linear-gradient(90deg, #FFBC00, #FFA500);
    color: #fff;
}

.sv-page-title {
    font-size: 48px;
    font-weight: 700;
}

/* ===== POLICY ===== */
.sv-policy {
    padding: 100px 0;
    background: #FFFFFF;
}

.sv-policy-content {
    max-width: 900px;
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    color: #1A1A1A;
}

/* Headings */
.sv-policy h3 {
    font-size: 22px;
    font-weight: 700;
    color: #FFBC00;
    margin-top: 30px;
}

.sv-policy h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}

/* Paragraph */
.sv-policy p {
    font-size: 15px;
    line-height: 1.8;
}

/* List */
.sv-policy ul {
    padding-left: 18px;
}

.sv-policy ul li {
    margin-bottom: 6px;
}

/* Divider */
.sv-policy hr {
    margin: 30px 0;
    border-top: 1px solid #eee;
}



/* Mobile spacing */
@media (max-width: 768px) {
    .hero-actions {
        gap: 12px;
    }

    .testimonial-card {
        text-align: center;
    }

    .testimonial-header {
        justify-content: center;
    }
    
    .navbar-collapse{
        background:#fff;
        padding:50px 20px;
    }
    .nav-link{
        color:#000 !important;
    }
    .navbar-toggler{
        background:#ffd700;
    }
}