/* ===== GLOBAL WIDTH FIX ===== */
html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;   /* 🔒 Prevent left-right movement */
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{text-decoration:none;color:inherit;}

:root{
    --blue:#305fb8;
    --blue-dark:#21448f;
    --white:#ffffff;
    --text-dark:#151538;
}

/* ============ GLOBAL HEADER WRAPPER ============ */
.site-header{
    position:fixed;
    top:0;left:0;right:0;
    z-index:50;
}

/* ---- DESKTOP HEADER ---- */
.header-desktop{
    /*height:80px; */
    background:#00a652;
    color:#fff;
}
.header-desktop-inner{
    max-width:1400px;
    height:100%;
    margin:0 auto;
    display:flex;
    align-items:stretch;
}

/* left wedge */
.header-left{
    display:flex;
    align-items:center;
}
.logo-wedge{
    height:100%;
    padding-left:18px;
    padding-right:80px;
    background:#fff;
    color:#11123a;
    display:flex;
    align-items:center;
    gap:10px;
    clip-path:polygon(0 0,100% 0,82% 100%,0 100%);
}
.logo-mark{
    width:40px;height:40px;
    border-radius:50%;
    background:#305fb8;
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:1.25rem;
}
.logo-text{
    text-transform:uppercase;
    font-size:.85rem;
    font-weight:700;
    line-height:1.1;
}

/* right side */
.header-right{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:6px 18px 6px 0;
}
.header-top-row{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:20px;
    font-size:.85rem;
}
.header-social{display:flex;gap:10px;opacity:.75;}
.header-social a:hover{opacity:1;}



.header-bottom-row{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:18px;
    font-size:.9rem;
}
.header-bottom-row a{font-weight:600;}
.icon-btn{
    background:transparent;border:none;color:#fff;
    cursor:pointer;font-size:2.25rem;
}

/* ---- MOBILE HEADER (like your screenshot) ---- */
.header-mobile{
    display:none;              /* hidden on desktop */
    background:#fff;
    color:var(--text-dark);
    border-bottom:1px solid #e5e5e5;
}
.header-mobile-inner{
    max-width:1400px;
    margin:0 auto;
}

/* first row: logo + burger */
.header-mobile-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:6px 12px;
}
.m-logo{
    display:flex;
    align-items:center;
    gap:8px;
}
.m-logo-mark{
    width:34px;height:34px;
    border-radius:50%;
    background:#305fb8;
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-weight:700;
}
.m-logo-text{
    text-transform:uppercase;
    font-size:.75rem;
    font-weight:700;
    line-height:1.1;
    width: 40%;
}
.m-burger{
    background:transparent;
    border:none;
    cursor:pointer;
    font-size:1.7rem;
    color:#305fb8;
}

/* second row: LOGIN JOIN centered */
.header-mobile-bottom{
    text-align:center;
    padding:4px 0 6px;
    font-size:.85rem;
}
.header-mobile-bottom a{
    margin:0 10px;
    font-weight:600;
    color:#305fb8;
}

/* ---- RESPONSIVE SWITCH ---- */
@media(max-width:768px){
    .header-desktop{display:none;}
    .header-mobile{display:block;}
}

/* ============ HERO SLIDER ============ */
.hero{
    height:85vh;
    position:relative;
    margin-top:80px; /* default desktop */
    overflow:hidden;
}
@media(max-width:768px){
    .hero{margin-top:64px;} /* slightly smaller header on mobile */
}
.slider{position:absolute;inset:0;}
.slide{
    position:absolute;inset:0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transition:opacity 1.4s ease-in-out;
}
.slide.active{opacity:1;}
.hero::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(90deg,
        rgba(0,0,0,0.65) 0%,
        rgba(0,0,0,0.45) 45%,
        rgba(0,0,0,0.35) 100%);
}
.hero-content{
    position:relative;
    z-index:1;
    max-width:700px;
    padding:6rem 2.5rem;
    color:#fff;
}
.hero-kicker{
    text-transform:uppercase;
    font-size:.9rem;
    letter-spacing:.16em;
    margin-bottom:.5rem;
}
.hero-title{
    /*font-size:3.4rem;*/
    font-weight:800;
    line-height:1.05;
    margin-bottom:1rem;
}
.hero-text{
    font-size:1.05rem;
    max-width:600px;
    line-height:1.6;
}
.btn-primary{
    margin-top:1.8rem;
    background:#f15a4a;
    color:#fff;
    border:none;
    padding:.9rem 2.3rem;
    font-size:.95rem;
    font-weight:600;
    border-radius:3px;
    cursor:pointer;
}

/* ============ RIGHT MEGA MENU ============ */
.mega-backdrop{
    position:fixed;inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;pointer-events:none;
    transition:.2s;z-index:80;
}
.mega-menu{
    position:fixed;top:0;right:0;bottom:0;
    width:420px;max-width:100%;
    background:#00a652;
    color:#fff;
    transform:translateX(100%);
    transition:transform .25s ease;
    z-index:90;
    display:flex;flex-direction:column;
}
.mega-header{
    display:flex;align-items:center;justify-content:space-between;
    padding:1rem 1.5rem;
    border-bottom:1px solid rgba(255,255,255,.25);
}
.mega-title{font-weight:700;}
.mega-close{
    background:transparent;border:none;color:#fff;
    font-size:2rem;cursor:pointer;
}
.mega-body{
    padding:1.5rem;
    overflow-y:auto;
    font-size:.9rem;
}
.mega-top-nav{
    margin-bottom:1.5rem;
    border-bottom:1px solid rgba(255,255,255,.3);
    padding-bottom:1rem;
}
.mega-top-nav a{
    display:block;margin-bottom:.4rem;font-weight:600;
}
.mega-columns{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1.5rem;
}
.mega-col h4{
    font-size:.8rem;text-transform:uppercase;
    letter-spacing:.12em;margin-bottom:.6rem;
}
.mega-col a{
    display:block;margin-bottom:.35rem;
}
.mega-col a:hover{text-decoration:underline;}

@media(max-width:768px){
    .mega-columns{grid-template-columns:1fr 1fr;}
}

/* open state */
.mega-open .mega-backdrop{opacity:1;pointer-events:auto;}
.mega-open .mega-menu{transform:translateX(0);}
/* ============ OUR FOCUS SECTION WITH FLIP CARDS ============ */
.our-focus {
    background:#fff;
    padding:60px 20px 70px;
     
}
.our-focus-inner{
    max-width:1200px;
    margin:0 auto;
}

/* section heading */
.our-focus-title{
    font-size:28px;
    font-weight:700;
    color:#151538;
    margin-bottom:25px;
    border-left:4px solid #305fb8;
    padding-left:10px;
}

/* top row: text + 2 cards */
.focus-top{
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr;
    gap:24px;
    margin-bottom:30px;
}

/* bottom row: 3 cards */
.focus-bottom{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

/* left text column */
.focus-text{
    font-size:15px;
    line-height:1.6;
    color:#333;
}
.focus-text-btn{
    display:inline-block;
    margin-top:18px;
    padding:10px 22px;
    border:1px solid #305fb8;
    color:#305fb8;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
    font-weight:600;
}

/* ===== FIXED FLIP CARD RULES ===== */

/* Ensure each card fills its grid cell */
.flip-card{
  perspective:1000px;
  cursor:pointer;
  height:100%;
  display:block;
}

/* Make inner have explicit height so back face has space */
.flip-card-inner{
  position:relative;
  width:100%;
  min-height:220px;          /* ensures front and back have same height */
  height:100%;
  transform-style:preserve-3d;
  transition:transform 0.6s;
  -webkit-backface-visibility:hidden;
}

/* rotate on hover or when .flipped is present (for touch) */
.flip-card:hover .flip-card-inner,
.flip-card.flipped .flip-card-inner{
  transform:rotateY(180deg);
}

/* faces: full coverage and stacking */
.flip-face{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  border-radius:3px;
  overflow:hidden;
  box-sizing:border-box;
}

/* front sits above by default */
.flip-front{
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background-size:cover;
  background-position:center;
  color:#fff;
}

/* back face layout and styling */
.flip-back{
  z-index:1;
  background:#fff;
  color:#333;
  padding:18px;
  transform:rotateY(180deg);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* ensure readable text and no clipping */
.flip-back-title{ font-size:18px; font-weight:700; color:#305fb8; margin-bottom:8px; }
.flip-back-text{ font-size:14px; line-height:1.5; }

/* responsive: if you changed card height, adjust min-height accordingly */
@media(max-width:640px){
  .flip-card-inner{ min-height:180px; }
}
/* a few responsive tweaks */
@media(max-width:992px){
    .focus-top{
        grid-template-columns:1fr;
    }
    .focus-bottom{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:640px){
    .focus-bottom{
        grid-template-columns:1fr;
    }
}
.flip-front-title{
   -webkit-transition: background-color .5s 
ease, margin .5s 
ease;
    transition: background-color .5s 
ease, margin .5s 
ease;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    background-color: rgba(0, 169, 224, .75);
    margin-top: auto;
    padding: 2rem;
    min-height: 4.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
/* Attractive Read More button inside flip-back */
.flip-readmore-btn{
    display:inline-block;
    margin-top:14px;
    padding:10px 20px;
    background:#305fb8;
    color:#fff;
    font-size:14px;
    font-weight:600;
    border-radius:4px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    transition:0.25s;
    box-shadow:0 3px 12px rgba(0,0,0,0.15);
}

.flip-readmore-btn:hover{
    background:#21448f;
    transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(0,0,0,0.22);
}
/* ===== FIX READ MORE CLICK WITHOUT DESIGN CHANGE ===== */



/* Ensure back face is clickable */
.flip-back {
    pointer-events: auto;
    z-index: 5;
}

/* Ensure button is always on top */
.flip-readmore-btn {
    position: relative;
    z-index: 10;
}

/* Prevent invisible overlay blocking clicks */
.flip-card-inner {
    transform-style: preserve-3d;
}

/* ===== FINAL, WORKING READ MORE FIX ===== */

.asset-card {
    position: relative;
}

/* Button hidden by default */
.flip-readmore-fixed {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;

    padding: 10px 20px;
    background: #305fb8;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;

    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease;
}

/* Show button ONLY when card is flipped */
.asset-card:hover .flip-readmore-fixed {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(-2px);
}
/* ===== BACK CLICK FIX WITHOUT DESIGN CHANGE ===== */

/* Anchor container only for cards having back link */
.flip-card[data-back-link] {
    position: relative;
}

/* Hidden by default */
.flip-card[data-back-link] .flip-readmore-fixed {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;

    padding: 10px 20px;
    background: #305fb8;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-decoration: none;

    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
}

/* Show ONLY when flipped (hover) */
.flip-card[data-back-link]:hover .flip-readmore-fixed {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(-2px);
}
/* ===== MOBILE SUPPORT FOR READ MORE ===== */

/* On touch devices, allow button to show when card is tapped */
.flip-card.is-active .flip-readmore-fixed {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(-2px);
}
/* ===== WORKFORCE HERO ===== */

.workforce-hero {
    background: linear-gradient(135deg, #0b5ed7, #6f42c1, #198754);
}
/* ===== SUPPLY CHAIN HERO ===== */

.supply-hero {
    background: linear-gradient(135deg, #198754, #0f9d58, #0b5ed7);
}
/* ===== LEGAL AFFAIRS & COMPLIANCE HERO ===== */

.legal-hero {
    background: linear-gradient(135deg, #8b0000, #6f42c1, #0b5ed7);
}
/* ===== TECHNOLOGY & INNOVATION HERO ===== */

.innovation-hero {
    background: linear-gradient(135deg, #0f9d58, #0b5ed7, #6f42c1);
}
/* ===== SUSTAINABILITY & ENVIRONMENT HERO ===== */

.sustainability-hero {
    background: linear-gradient(135deg, #198754, #0f9d58, #6f42c1);
}

/* Member list styling */
.aida-member-list {
    margin-top: 15px;
    padding-left: 20px;
}

.aida-member-list li {
    margin-bottom: 8px;
    line-height: 1.6;
}

/* ============ EVENTS SECTION ============ */

.events-section{
    padding:70px 20px;
    max-width:1300px;
    margin:auto;
}

.events-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:40px;
}

.events-header h2{
    font-size:30px;
    font-weight:700;
    color:#151538;
}

.events-all-btn{
    border:1px solid #305fb8;
    padding:8px 18px;
    color:#305fb8;
    font-weight:600;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
}

.events-grid {
    max-width: 1300px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* ✅ 3 columns */
    gap: 40px;
}

/* Tablet */
@media (max-width: 1024px) {
    .events-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .events-grid {
        grid-template-columns: 1fr;
    }
}

.event-card{
    background:#fff;
}

.event-banner img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:4px;
}

.event-title{
    font-size:22px;
    font-weight:700;
    margin:18px 0 10px;
    color:#151538;
}

.event-meta{
    font-size:14px;
    color:#444;
    margin-bottom:18px;
}

.event-row{
    display:flex;
    align-items:center;
    gap:6px;
    margin:4px 0;
}

.event-icon{
    font-size:16px;
}

.event-btn{
    border:1px solid #f15a4a;
    color:#f15a4a;
    padding:7px 18px;
    font-size:14px;
    font-weight:600;
    display:inline-block;
    text-transform:uppercase;
}

.event-btn:hover{
    background:#f15a4a;
    color:#fff;
}

/* RESPONSIVE */
@media(max-width:992px){
    .events-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:600px){
    .events-grid{
        grid-template-columns:1fr;
    }
}
.our-focus,
.events-section {
    position: static;
    display: block;
}
/* Members carousel */
.members-carousel{
  background:#fff;
  padding:48px 20px;
  border-top:1px solid #f0f2f7;
}
.members-inner{ max-width:1200px; margin:0 auto; }

.members-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:18px;
}
.members-head h2{
  font-size:28px; margin:0 0 6px; color:#1c2a39;
}
.members-head .muted{ color:#6b7280; margin:0; font-size:14px; }
.btn-outline{
  display:inline-block;
  padding:10px 16px;
  border:1px solid #e85a4d;
  color:#e85a4d;
  border-radius:4px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.6px;
}

/* carousel layout */
.carousel-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
}
.carousel-viewport{
  overflow:hidden;
  flex:1;
  border-radius:6px;
  background:linear-gradient(180deg, #fff, #fbfdff);
  padding:18px 10px;
}
.carousel-track{
  display:flex;
  gap:28px;
  align-items:center;
  list-style:none;
  margin:0;
  padding:0;
  transform:translateX(0);
  transition:transform 0.45s cubic-bezier(.22,.9,.38,1);
  will-change:transform;
}
.carousel-item{
  flex:0 0 150px; /* visible item width on desktop */
  display:flex;
  align-items:center;
  justify-content:center;
  height:90px;
  opacity:0.95;
  transition:transform .25s, opacity .25s;
}
.carousel-item img{
  max-width:100%;
  max-height:70px;
  object-fit:contain;
  filter:grayscale(0.05);
  transition:transform .25s;
}
.carousel-item:hover img{ transform:scale(1.06); filter:none; }

/* nav arrows */
.carousel-nav{
  background:transparent;
  border:1px solid rgba(20,40,80,0.06);
  width:44px;
  height:44px;
  border-radius:50%;
  font-size:20px;
  color:#1c2a39;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all .18s;
}
.carousel-nav:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(29,41,69,0.06);
}

/* dots */
.carousel-dots{ display:flex; gap:8px; justify-content:center; margin-top:12px; }
.carousel-dot{
  width:9px; height:9px; border-radius:50%; background:#d7dbe6; cursor:pointer;
}
.carousel-dot.active{ background:#2a5aa3; transform:scale(1.15); }

/* responsive */
@media(max-width:900px){
  .carousel-item{ flex:0 0 120px; height:70px; }
  .members-head h2{ font-size:22px; }
}
@media(max-width:640px){
  .members-head{ flex-direction:column; align-items:flex-start; gap:8px; }
  .carousel-item{ flex:0 0 110px; height:64px; gap:14px; }
  .carousel-nav{ width:38px; height:38px; }
}
.testimonial-box{
    background:#f6f7f9;
    padding:40px 20px;
}
.testimonial-row{
    max-width:1200px;
    margin:auto;
    display:flex;
    gap:30px;
    align-items:center;
}
.testimonial-text{
    flex:1;
}
.testimonial-bigquote{
    font-size:70px;
    color:#c7cce7;
    font-weight:bold;
    line-height:0.7;
}
.testimonial-title{
    font-size:28px;
    color:#21448f;
    margin-bottom:10px;
}
.testimonial-message{
    font-size:16px;
    line-height:1.7;
    margin-bottom:15px;
}
.testimonial-author{
    font-weight:bold;
    margin-bottom:3px;
}
.testimonial-author-meta{
    font-size:13px;
    color:#666;
}
.testimonial-photo img{
    width:280px;
    border-radius:8px;
}

/* mobile */
@media(max-width:768px){
    .testimonial-row{
        flex-direction:column-reverse;
        text-align:left;
    }
    .testimonial-photo img{
        width:150px;
    }
    .testimonial-bigquote{ font-size:55px; }
}
/* ============ FOOTER ============ */
.site-footer {
    background: #087f3b;              /* green background */
    color: #fff;                      /* white font */
    padding: 40px 20px 20px;
    font-family: Arial, sans-serif;
}

.footer-inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* Top row: 4 columns */
.footer-top {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 25px;
}

.footer-column {
    flex: 1 1 200px;
    min-width: 180px;
}

/* Brand column */
.footer-brand .footer-logo img {
    max-width: 170px;
    margin-bottom: 10px;
}

.footer-brand p {
    margin: 0;
    line-height: 1.5;
}

/* Column headings */
.footer-column h4 {
    font-size: 16px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    display: inline-block;
    padding-bottom: 4px;
}

/* Links */
.footer-column a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 6px;
    opacity: 0.9;
    transition: 0.3s ease;
}

.footer-column a:hover {
    opacity: 1;
    transform: translateX(4px);
}

/* Contact items */
.footer-contact-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.12);
    transition: 0.3s ease;
}

.footer-item:hover {
    background: rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

.footer-item i {
    font-size: 18px;
    margin-top: 3px;
    animation: iconPulse 1.8s infinite ease-in-out;
}

.footer-item strong {
    font-size: 14px;
    display: block;
    margin-bottom: 2px;
}

.footer-item p {
    margin: 0;
    font-size: 13px;
}

.footer-item a {
    color: #ffffff;
    text-decoration: none;
}

.footer-item a:hover {
    text-decoration: underline;
}

/* Social icons row */
.footer-social-row {
    text-align: center;
    margin-bottom: 15px;
}

.social-icons a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    margin: 0 5px;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    transition: 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.social-icons a:hover {
    transform: translateY(-4px) scale(1.05);
}

/* Brand colors on hover */
.social-icons a.fb:hover { background: #3b5998; }
.social-icons a.ig:hover { background: #E4405F; }
.social-icons a.yt:hover { background: #FF0000; }
.social-icons a.wa:hover { background: #25D366; }

/* Divider */
.footer-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
}

/* Bottom row */
.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
}

.footer-bottom-links {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.footer-bottom-links a {
    color: #ffffff;
    text-decoration: none;
}

.footer-bottom-links a:hover {
    text-decoration: underline;
}

.footer-bottom .sep {
    opacity: 0.7;
}

/* Icon animation */
@keyframes iconPulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.08); }
    100% { transform: scale(1); }
}

/* Responsive */
@media (max-width: 768px) {
    .footer-top {
        flex-direction: column;
    }

    .footer-column {
        min-width: 100%;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

.social-icons {
    text-align: center;
    margin: 20px 0;
}

.social-icons a {
    background: #fff;
    color: #444;
    font-size: 20px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    margin: 0 8px;
    transition: 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.social-icons a:hover {
    transform: translateY(-5px);
    color: #fff;
}

.social-icons a:nth-child(1):hover { background: #3b5998; } /* Facebook */
.social-icons a:nth-child(2):hover { background: #E4405F; } /* Instagram */
.social-icons a:nth-child(3):hover { background: #FF0000; } /* YouTube */
.social-icons a:nth-child(4):hover { background: #25D366; } /* WhatsApp */
.social-icons a:nth-child(5):hover { background: #1DA1F2; } /* Twitter */
.social-icons a:nth-child(6):hover { background: #0077B5; } /* LinkedIn */

.footer-brand {
    color: #fff;
    position: relative;
}

/* Logo */
.footer-brand .footer-logo img {
    max-width: 160px;
    margin-bottom: 15px;
}

/* Address Box */
.footer-address {
    display: flex;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.10);
    border-left: 4px solid #ffd700;   /* Highlight bar */
    padding: 12px 14px;
    border-radius: 10px;
    transition: 0.3s ease;
    backdrop-filter: blur(3px);
}

/* Hover Effect */
.footer-address:hover {
    background: rgba(255, 255, 255, 0.20);
    transform: translateY(-3px);
}

/* Icon */
.address-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffd700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    animation: iconPulse 1.8s infinite ease-in-out;
}

.address-icon i {
    color: #333;
    font-size: 18px;
}

/* Text */
.address-text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

/* Icon Animation */
@keyframes iconPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
/* ===== NEWSLETTER SECTION ===== */
.newsletter-section {
    position: relative;
    padding: 80px 15px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #00a4e4, #0090d1);
}

/* animated curved lines / waves */
.newsletter-section::before,
.newsletter-section::after {
    content: "";
    position: absolute;
    inset: -40%;
    background:
        radial-gradient(circle at 0% 0%, rgba(255,255,255,0.08), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(255,255,255,0.08), transparent 50%);
    opacity: 0.7;
    mix-blend-mode: soft-light;
    animation: float-waves 18s linear infinite;
}
.newsletter-section::after {
    animation-duration: 26s;
    animation-direction: reverse;
    opacity: 0.5;
}

@keyframes float-waves {
    0% { transform: translate3d(-10px, 0, 0) rotate(0deg); }
    50% { transform: translate3d(10px, -10px, 0) rotate(1deg); }
    100% { transform: translate3d(-10px, 0, 0) rotate(0deg); }
}

.newsletter-inner {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.newsletter-inner h2 {
    font-size: 2.3rem;
    margin-bottom: 8px;
    font-weight: 600;
}

.newsletter-inner p {
    margin-bottom: 25px;
    font-size: 1rem;
    opacity: 0.9;
}

/* ===== FORM ===== */
.newsletter-form {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    max-width: 640px;
    margin: 0 auto;
}

.newsletter-input-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 3px;
    padding: 0 10px;
    box-shadow: 0 10px 18px rgba(0,0,0,0.12);
    transform: translateY(0);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.newsletter-input-wrap:focus-within {
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(0,0,0,0.18);
}

.newsletter-icon {
    font-size: 1rem;
    color: #888;
    margin-right: 8px;
}

.newsletter-input-wrap input {
    border: none;
    outline: none;
    width: 100%;
    padding: 12px 8px;
    font-size: 0.95rem;
    color: #333;
}

.newsletter-input-wrap input::placeholder {
    color: #9aa0a6;
}

/* button */
.newsletter-btn {
    padding: 0 26px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(135deg, #3f51b5, #283593);
    color: #ffffff;
    font-size: 0.9rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 10px 18px rgba(0,0,0,0.2);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.newsletter-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 24px rgba(0,0,0,0.28);
    filter: brightness(1.05);
}

.newsletter-btn:active {
    transform: translateY(0);
    box-shadow: 0 8px 14px rgba(0,0,0,0.2);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .newsletter-section {
        padding: 60px 15px;
    }

    .newsletter-inner h2 {
        font-size: 1.8rem;
    }

    .newsletter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .newsletter-btn {
        height: 42px;
        margin-top: 8px;
        width: 100%;
    }
}

/* Base – Desktop (≥ 1024px) */
.header-top-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    font-size: 0.85rem;
    flex-wrap: nowrap;
}

/* Tablet (768px – 1023px) */
@media (max-width: 1023px) and (min-width: 768px) {
    .header-top-row {
        justify-content: center;    /* center items on tablet */
        gap: 15px;
        font-size: 0.8rem;
        flex-wrap: wrap;            /* allow items to go to next line */
    }
}

/* Mobile (≤ 767px) */
@media (max-width: 767px) {
    .header-top-row {
        flex-direction: column;     /* stack items vertically */
        align-items: flex-start;    /* left-align stack (or center if you prefer) */
        gap: 8px;
        font-size: 0.8rem;
        width: 100%;
    }
}
/* Base – Desktop (≥ 1024px) */
.social-icons {
    text-align: center;
    margin: 20px 0;
}

/* Tablet (768px – 1023px) */
@media (max-width: 1023px) and (min-width: 768px) {
    .social-icons {
        margin: 15px 0;     /* reduce margin */
    }
    .social-icons a {
        margin: 0 8px;      /* smaller gap */
    }
}

/* Mobile (≤ 767px) */
@media (max-width: 767px) {
    .social-icons {
        margin: 10px 0;
        text-align: center; /* keep icons centered */
    }

    .social-icons a {
        display: inline-block;
        margin: 6px;        /* icons spaced nicely */
    }
}
/* =========================
   RESET & BASE
========================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

body {
    background: #ffffff;
    color: #333;
    line-height: 1.7;
}

a {
    text-decoration: none;
    color: inherit;
}

.container {
    width: 92%;
    max-width: 1200px;
    margin: auto;
}

/* =========================
   HERO (SMALL HEIGHT)
========================= */
/* =========================
   AIDA HERO (NO CONFLICT)
========================= */
.aida-hero {
    background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
    color: #ffffff;
    padding: 38px 18px;     /* small height */
    text-align: center;
    height: 200px;
}

.aida-hero-content {
    max-width: 1100px;
    margin: auto;
}

.aida-hero h1 {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 5px;
    letter-spacing: 0.3px;
}

.aida-hero p {
    font-size: 15px;
    opacity: 0.95;
}

/* =========================
   MOBILE OPTIMIZATION
========================= */
@media (max-width: 768px) {
    .aida-hero {
        padding: 28px 14px;
    }

    .aida-hero h1 {
        font-size: 22px;
    }

    .aida-hero p {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .aida-hero h1 {
        font-size: 20px;
    }
}

/* =========================
   SECTIONS
========================= */
.section {
    padding: 55px 0;
}

.section.light {
    background: #f6f9fc;
}

.section h2 {
    font-size: 26px;
    color: #0b3c5d;
    margin-bottom: 15px;
}

.section h2 span {
    font-size: 14px;
    color: #777;
}

.section p {
    font-size: 15.5px;
    margin-bottom: 12px;
}

/* =========================
   ADVERTISEMENT CARDS
========================= */
.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 22px;
    margin-top: 28px;
}

.card {
    background: #ffffff;
    padding: 24px 20px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 28px rgba(0,0,0,0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 35px rgba(0,0,0,0.12);
}

.card h3 {
    font-size: 18px;
    color: #0b3c5d;
    margin-bottom: 8px;
}

.card .price {
    font-size: 26px;
    font-weight: 700;
    color: #1d6fa5;
    margin-bottom: 6px;
}

.card p {
    font-size: 14.5px;
    color: #555;
}

.card.highlight {
    border: 2px solid #1d6fa5;
    background: linear-gradient(180deg, #ffffff, #f1f7fc);
}

/* =========================
   BENEFITS LIST
========================= */
.benefits {
    list-style: none;
    margin-top: 18px;
}

.benefits li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15.5px;
    margin-bottom: 12px;
}

.benefits i {
    color: #1d6fa5;
    margin-top: 4px;
}

/* =========================
   PAYMENT SECTION
========================= */
.payment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
    margin-top: 25px;
}

.payment-box {
    background: #ffffff;
    padding: 22px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.payment-box h3 {
    color: #0b3c5d;
    margin-bottom: 10px;
    font-size: 18px;
}

.payment-box p {
    font-size: 14.8px;
    margin-bottom: 6px;
}

.gst {
    text-align: center;
    margin-top: 22px;
    font-size: 15px;
}

/* =========================
   ANIMATIONS
========================= */
.animate {
    opacity: 0;
    animation: fadeUp 0.8s ease forwards;
}

.fade-up {
    transform: translateY(25px);
}

.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 992px) {
    .section h2 {
        font-size: 23px;
    }
}

@media (max-width: 768px) {
    .hero {
        padding: 30px 15px;
    }

    .hero h1 {
        font-size: 22px;
    }

    .hero p {
        font-size: 14px;
    }

    .section {
        padding: 40px 0;
    }

    .section h2 {
        font-size: 21px;
    }

    .card .price {
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .hero h1 {
        font-size: 20px;
    }

    .container {
        width: 94%;
    }
}
/* ===== SAFE WRAPPER ===== */
.aida-wrap {
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

/* ===== BLOCK SECTIONS ===== */
.aida-block,
.aida-section,
.aida-hero-new,
.aida-hero {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* ===== HERO ===== */
.aida-hero-new {
  background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
  color: #fff;
  padding: 45px 0;
  text-align: center;
}

.aida-hero-new h1 {
  font-size: 32px;
  margin-bottom: 6px;
}

.aida-hero-new p {
  font-size: 16px;
  opacity: 0.95;
}

/* ===== BLOCKS ===== */
.aida-block {
  padding: 55px 0;
}

.soft-bg {
  background: #f4f8fb;
}

.aida-block h2 {
  color: #0b3c5d;
  margin-bottom: 14px;
}

.aida-block h2 span {
  font-size: 14px;
  color: #777;
}

.highlight-text {
  font-weight: 600;
  color: #1d6fa5;
}

/* ===== PRICE BOX ===== */
.aida-price-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  margin-top: 25px;
}

.aida-price-box {
  background: #fff;
  border-radius: 14px;
  padding: 26px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.aida-price-box .price {
  font-size: 30px;
  font-weight: 700;
  color: #1d6fa5;
  margin: 10px 0;
}

/* ===== LISTS ===== */
.aida-list {
  margin-top: 18px;
  padding-left: 20px;
}

.aida-list li {
  margin-bottom: 10px;
}

.aida-list.star li::marker {
  content: "★ ";
  color: #1d6fa5;
}

/* ===== ADS ===== */
.aida-ad-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  margin-top: 25px;
}

.aida-ad-box {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  display: flex;
  justify-content: space-between;
}

.aida-ad-box span {
  color: #1d6fa5;
}

/* ===== CENTER NOTE ===== */
.aida-center-note {
  margin-top: 22px;
  text-align: center;
  font-size: 15px;
  color: #555;
}
/* ===== PRICE GRID ===== */
.aida-price-grid,
.aida-ad-grid,
.aida-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .aida-hero-new h1 { font-size: 24px; }
  .aida-hero-new p { font-size: 14px; }
}
.aida-hero-new,
.aida-hero {
    padding-left: 0;
    padding-right: 0;
}

.aida-hero-new .aida-wrap,
.aida-hero .aida-wrap {
    padding-left: 16px;
    padding-right: 16px;
}
@media (max-width: 768px) {
    * {
        max-width: 100%;
    }
}
/* =====================================================
   GLOBAL RESET & SAFETY
===================================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden; /* 🔒 stop left-right scroll */
    font-family: "Segoe UI", Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}

/* =====================================================
   WRAPPER
===================================================== */
.aida-wrap {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    padding: 0 16px;
}

/* =====================================================
   HERO
===================================================== */
.aida-hero,
.aida-hero-new {
    width: 100%;
    background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
    color: #fff;
    padding: 42px 0;
    text-align: center;
}

.aida-hero h1,
.aida-hero-new h1 {
    font-size: 32px;
    margin-bottom: 6px;
}

.aida-hero p,
.aida-hero-new p {
    font-size: 16px;
    opacity: 0.95;
}

/* =====================================================
   SECTIONS
===================================================== */
.aida-block,
.aida-section {
    width: 100%;
    padding: 55px 0;
}

.soft-bg,
.light {
    background: #f4f8fb;
}

.aida-block h2,
.aida-section h2 {
    color: #0b3c5d;
    margin-bottom: 14px;
    font-size: 26px;
}

.aida-block h2 span {
    font-size: 14px;
    color: #777;
}

.aida-block p,
.aida-section p {
    font-size: 15.5px;
    margin-bottom: 12px;
}

/* =====================================================
   GRIDS (SAFE – NO OVERFLOW)
===================================================== */
.aida-price-grid,
.aida-ad-grid,
.aida-cards,
.aida-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
}

/* =====================================================
   PRICE & CARD BOXES
===================================================== */
.aida-price-box,
.aida-ad-box,
.aida-card {
    background: #fff;
    padding: 24px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    width: 100%;
}

.aida-price-box h3,
.aida-card h3 {
    color: #0b3c5d;
    margin-bottom: 6px;
}

.aida-price-box .price,
.aida-card .aida-price {
    font-size: 30px;
    font-weight: 700;
    color: #1d6fa5;
    margin: 8px 0;
}

.aida-ad-box {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}

.aida-ad-box span {
    color: #1d6fa5;
}

/* =====================================================
   LISTS
===================================================== */
.aida-list {
    padding-left: 18px;
    margin-top: 16px;
}

.aida-list li {
    margin-bottom: 10px;
}

.aida-list.star li::marker {
    content: "★ ";
    color: #1d6fa5;
}

.aida-benefits {
    list-style: none;
    margin-top: 16px;
}

.aida-benefits li {
    margin-bottom: 10px;
    font-size: 15px;
}

.aida-benefits i {
    color: #1d6fa5;
    margin-right: 6px;
}

/* =====================================================
   NOTES
===================================================== */
.aida-center-note,
.aida-note {
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
    color: #555;
}

/* =====================================================
   FORM
===================================================== */
.aida-form {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.1);
    width: 100%;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-weight: 600;
    margin-bottom: 6px;
    color: #0b3c5d;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 15px;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #1d6fa5;
    box-shadow: 0 0 0 2px rgba(29,111,165,0.15);
}

.form-submit {
    margin-top: 25px;
    text-align: center;
}

.form-submit button {
    background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
    color: #fff;
    border: none;
    padding: 14px 36px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
}

/* =====================================================
   ANIMATION
===================================================== */
.aida-animate {
    animation: fadeUp 0.8s ease forwards;
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(25px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* =====================================================
   MOBILE RESPONSIVE
===================================================== */
@media (max-width: 768px) {

    .aida-hero h1,
    .aida-hero-new h1 {
        font-size: 22px;
    }

    .aida-hero p,
    .aida-hero-new p {
        font-size: 14px;
    }

    .aida-block,
    .aida-section {
        padding: 36px 0;
    }

    .aida-block h2 {
        font-size: 20px;
    }

    .aida-price-grid,
    .aida-ad-grid,
    .aida-cards,
    .aida-form-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .aida-price-box .price,
    .aida-card .aida-price {
        font-size: 24px;
    }

    .aida-form {
        padding: 20px;
    }

    .form-submit button {
        width: 100%;
        font-size: 15px;
    }
}

@media (max-width: 480px) {

    .aida-hero h1,
    .aida-hero-new h1 {
        font-size: 20px;
    }

    .aida-block h2 {
        font-size: 18px;
    }

    .aida-center-note,
    .aida-note {
        font-size: 13.5px;
    }
}
/* ===== HERO ===== */
.aida-hero-new {
    background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
    color: #fff;
    padding: 48px 0;
    text-align: center;
}

/* ===== COMMITMENT GRID ===== */
.aida-commit-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 24px;
    margin-top: 30px;
}

.aida-commit-card {
    background: #fff;
    padding: 28px 22px;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.aida-commit-card:hover {
    transform: translateY(-6px);
}

.aida-commit-card i {
    font-size: 34px;
    margin-bottom: 12px;
}

.aida-commit-card h3 {
    margin-bottom: 8px;
    color: #0b3c5d;
}

/* ===== CARD COLOURS ===== */
.aida-commit-card.blue i { color: #1d6fa5; }
.aida-commit-card.green i { color: #2e7d32; }
.aida-commit-card.orange i { color: #ef6c00; }
.aida-commit-card.purple i { color: #6a1b9a; }

/* ===== HIGHLIGHT TEXT ===== */
.aida-highlight-text {
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    color: #0b3c5d;
}

/* ===== ANIMATION ===== */
.aida-animate {
    animation: fadeUp 0.8s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
    .aida-hero-new h1 {
        font-size: 24px;
    }

    .aida-highlight-text {
        font-size: 15px;
    }
}
/* =========================
   PRESIDENT MESSAGE
========================= */

/* Hero already exists; reused safely */
.aida-hero-new {
    background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
    color: #0b3c5d;
    padding: 48px 0;
    text-align: center;
    margin-top: 90px;
}

/* Message Card */
.aida-message-card {
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    padding: 40px 38px;
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
    position: relative;
}

/* Decorative quote */
.aida-message-card::before {
    content: "❝";
    font-size: 80px;
    color: rgba(29,111,165,0.15);
    position: absolute;
    top: 10px;
    left: 20px;
}

.aida-message-card p {
    font-size: 15.8px;
    line-height: 1.8;
    margin-bottom: 16px;
    color: #333;
}

/* Highlight paragraphs */
.aida-message-text {
    font-weight: 600;
    color: #0b3c5d;
}

/* Signature */
.aida-signature {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e0e6ed;
    font-size: 15px;
}

.aida-signature .name {
    font-size: 17px;
    color: #0b3c5d;
}

/* Animation */
.aida-animate {
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {

    .aida-message-card {
        padding: 26px 22px;
        border-radius: 18px;
    }

    .aida-message-card p {
        font-size: 14.6px;
    }

    .aida-signature {
        font-size: 14px;
    }

    .aida-message-card::before {
        font-size: 60px;
        top: 6px;
        left: 14px;
    }
}
/* =========================
   PAGE TAG BUTTON
========================= */
.aida-page-tag-wrap {
    width: 100%;
    background: #f4f8fb;
    padding: 10px 0;
}

.aida-page-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
    color: #fff;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-left: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    animation: tagFade 0.6s ease forwards;
}

.aida-page-tag i {
    font-size: 13px;
}

/* Animation */
@keyframes tagFade {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-page-tag-wrap {
        text-align: center;
    }

    .aida-page-tag {
        margin-left: 0;
        font-size: 13px;
        padding: 7px 16px;
    }
}
/* =========================
   MESSAGE CARD (REUSABLE)
========================= */
.aida-message-card {
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    padding: 40px 38px;
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
    position: relative;
}

.aida-message-card::before {
    content: "❝";
    font-size: 80px;
    color: rgba(29,111,165,0.15);
    position: absolute;
    top: 10px;
    left: 20px;
}

.aida-message-card p {
    font-size: 15.8px;
    line-height: 1.8;
    margin-bottom: 16px;
    color: #333;
}

.aida-message-text {
    font-weight: 600;
    color: #0b3c5d;
}

/* Signature */
.aida-signature {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e0e6ed;
    font-size: 15px;
}

.aida-signature .name {
    font-size: 17px;
    color: #0b3c5d;
}

/* Animation */
.aida-animate {
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-message-card {
        padding: 26px 22px;
        border-radius: 18px;
    }

    .aida-message-card p {
        font-size: 14.6px;
    }

    .aida-message-card::before {
        font-size: 60px;
        top: 6px;
        left: 14px;
    }
}

/* =========================
   MANAGEMENT GRID
========================= */
.aida-management-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 26px;
    margin-top: 30px;
}

/* CARD */
.aida-management-card {
    background: #ffffff;
    padding: 30px 24px;
    border-radius: 22px;
    box-shadow: 0 14px 35px rgba(0,0,0,0.1);
    text-align: center;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.aida-management-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 42px rgba(0,0,0,0.14);
}

/* ICON */
.aida-management-card .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
}

/* COLORS */
.aida-management-card.blue .icon {
    background: linear-gradient(135deg, #1d6fa5, #0b3c5d);
}

.aida-management-card.green .icon {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
}

.aida-management-card.orange .icon {
    background: linear-gradient(135deg, #ef6c00, #ffb74d);
}

.aida-management-card.purple .icon {
    background: linear-gradient(135deg, #6a1b9a, #ba68c8);
}

/* TEXT */
.aida-management-card h3 {
    margin-bottom: 6px;
    color: #0b3c5d;
    font-size: 18px;
}

.aida-management-card .designation {
    font-size: 14.5px;
    font-weight: 600;
    color: #555;
}

/* ANIMATION */
.aida-animate {
    animation: fadeUp 0.8s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-management-card {
        padding: 24px 18px;
        border-radius: 18px;
    }

    .aida-management-card h3 {
        font-size: 16.5px;
    }

    .aida-management-card .designation {
        font-size: 13.5px;
    }
}

/* =========================
   ACTIVITY CARDS
========================= */
.aida-activity-card {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 22px;
    background: #ffffff;
    padding: 30px 28px;
    border-radius: 22px;
    box-shadow: 0 16px 38px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    transition: transform 0.35s ease;
}

.aida-activity-card:hover {
    transform: translateY(-6px);
}

/* ICON */
.aida-activity-card .icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
}

/* CONTENT */
.aida-activity-card h3 {
    margin-bottom: 8px;
    color: #0b3c5d;
}

.aida-activity-card p {
    font-size: 15.4px;
    margin-bottom: 10px;
    color: #333;
}

/* COLOR THEMES */
.aida-activity-card.blue .icon {
    background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
}

.aida-activity-card.green .icon {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
}

.aida-activity-card.teal .icon {
    background: linear-gradient(135deg, #00695c, #4db6ac);
}

.aida-activity-card.orange .icon {
    background: linear-gradient(135deg, #ef6c00, #ffb74d);
}

/* =========================
   ANIMATION
========================= */
.aida-animate {
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-activity-card {
        grid-template-columns: 1fr;
        text-align: left;
        padding: 24px 20px;
    }

    .aida-activity-card .icon {
        margin-bottom: 10px;
    }

    .aida-activity-card p {
        font-size: 14.5px;
    }
}

/* =========================
   VISION & MISSION
========================= */
.aida-vm-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 32px;
    margin-top: 20px;
}

/* CARD */
.aida-vm-card {
    background: #ffffff;
    padding: 36px 30px;
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(0,0,0,0.12);
    position: relative;
    transition: transform 0.35s ease;
}

.aida-vm-card:hover {
    transform: translateY(-6px);
}

/* ICON */
.aida-vm-card .icon {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #fff;
    margin-bottom: 16px;
}

/* COLOR THEMES */
.aida-vm-card.vision .icon {
    background: linear-gradient(135deg, #1d6fa5, #0b3c5d);
}

.aida-vm-card.mission .icon {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
}

/* TEXT */
.aida-vm-card h2 {
    margin-bottom: 12px;
    color: #0b3c5d;
}

.aida-vm-card p {
    font-size: 15.8px;
    line-height: 1.8;
    color: #333;
}

.aida-vm-card ul {
    padding-left: 18px;
}

.aida-vm-card ul li {
    margin-bottom: 12px;
    font-size: 15.6px;
    line-height: 1.7;
    text-align: justify;
}

/* =========================
   ANIMATION
========================= */
.aida-animate {
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-vm-card {
        padding: 26px 22px;
        border-radius: 20px;
    }

    .aida-vm-card p,
    .aida-vm-card ul li {
        font-size: 14.6px;
    }

    .aida-vm-card .icon {
        width: 64px;
        height: 64px;
        font-size: 26px;
    }
}

/* =========================
   CONTACT PAGE
========================= */
.aida-contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 20px;
}

/* CARD */
.aida-contact-card {
    background: #ffffff;
    padding: 32px 28px;
    border-radius: 24px;
    box-shadow: 0 16px 38px rgba(0,0,0,0.1);
}

.aida-contact-card h2 {
    margin-bottom: 18px;
    color: #0b3c5d;
}

/* CONTACT ITEMS */
.aida-contact-item {
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
    font-size: 15.5px;
}

.aida-contact-item i {
    font-size: 18px;
    color: #1d6fa5;
    margin-top: 3px;
}

/* FORM */
.aida-contact-form input,
.aida-contact-form textarea {
    width: 100%;
    padding: 12px 14px;
    margin-bottom: 14px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 15px;
}

.aida-contact-form input:focus,
.aida-contact-form textarea:focus {
    outline: none;
    border-color: #1d6fa5;
    box-shadow: 0 0 0 2px rgba(29,111,165,0.15);
}

.aida-contact-form button {
    background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
    color: #fff;
    border: none;
    padding: 14px 24px;
    border-radius: 30px;
    font-size: 15.5px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.aida-contact-form button:hover {
    transform: translateY(-2px);
}

/* MAP */
.aida-map-box {
    margin-top: 20px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 38px rgba(0,0,0,0.1);
}

.aida-map-box iframe {
    width: 100%;
    height: 360px;
    border: 0;
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {

    .aida-contact-card {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .aida-map-box iframe {
        height: 280px;
    }
}

/* =========================
   MINI WHATSAPP BUTTON
========================= */
.aida-whatsapp-mini {
    position: fixed;
    bottom: 22px;
    right: 22px;
    width: 46px;
    height: 46px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    z-index: 9999;
    animation: aida-wp-bounce 2.8s infinite;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover */
.aida-whatsapp-mini:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 24px rgba(0,0,0,0.35);
}

/* Subtle Bounce Animation */
@keyframes aida-wp-bounce {
    0%, 85%, 100% {
        transform: translateY(0);
    }
    90% {
        transform: translateY(-6px);
    }
    95% {
        transform: translateY(-3px);
    }
}

/* =========================
   MOBILE ADJUSTMENT
========================= */
@media (max-width: 768px) {
    .aida-whatsapp-mini {
        bottom: 16px;
        right: 16px;
        width: 42px;
        height: 42px;
        font-size: 20px;
    }
}
/* =========================
   WHATSAPP FAQ POPUP
========================= */
.aida-whatsapp-wrap {
    position: fixed;
    bottom: 22px;
    right: 22px;
    z-index: 9999;
}

/* FAQ BOX */
.aida-whatsapp-faq {
    background: #ffffff;
    width: 260px;
    padding: 14px;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.25);
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: all 0.3s ease;
}

.aida-whatsapp-faq .title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    color: #0b3c5d;
}

.aida-whatsapp-faq a {
    display: block;
    padding: 8px 10px;
    font-size: 13.5px;
    color: #333;
    border-radius: 8px;
    text-decoration: none;
    margin-bottom: 6px;
    transition: background 0.2s ease;
}

.aida-whatsapp-faq a:hover {
    background: #f1f7fc;
}

/* SHOW POPUP ON HOVER / TAP */
.aida-whatsapp-wrap:hover .aida-whatsapp-faq {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* =========================
   WHATSAPP BUTTON
========================= */
.aida-whatsapp-float {
    background: #25D366;
    color: #fff;
    padding: 12px 18px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.aida-whatsapp-float i {
    font-size: 20px;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {
    .aida-whatsapp-wrap {
        right: 16px;
        bottom: 16px;
    }

    .aida-whatsapp-faq {
        width: 230px;
    }

    .aida-whatsapp-float span {
        display: none;
    }
}

/* =========================
   WATER MANAGEMENT / ZLD
========================= */
.aida-env-card {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 24px;
    background: #ffffff;
    padding: 32px 30px;
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(0,0,0,0.12);
    margin-bottom: 30px;
    transition: transform 0.35s ease;
}

.aida-env-card:hover {
    transform: translateY(-6px);
}

/* ICON */
.aida-env-card .icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
}

/* CONTENT */
.aida-env-card h3 {
    margin-bottom: 8px;
    color: #0b3c5d;
}

.aida-env-card p {
    font-size: 15.6px;
    line-height: 1.75;
    margin-bottom: 10px;
    color: #333;
}

/* COLOR THEMES */
.aida-env-card.blue .icon {
    background: linear-gradient(135deg, #1d6fa5, #0b3c5d);
}

.aida-env-card.teal .icon {
    background: linear-gradient(135deg, #00695c, #4db6ac);
}

.aida-env-card.green .icon {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
}

/* =========================
   ANIMATION
========================= */
.aida-animate {
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-env-card {
        grid-template-columns: 1fr;
        padding: 26px 22px;
    }

    .aida-env-card .icon {
        margin-bottom: 10px;
    }

    .aida-env-card p {
        font-size: 14.6px;
    }
}

/* =========================
   ENERGY EFFICIENCY PAGE
========================= */
.aida-energy-card {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 24px;
    background: #ffffff;
    padding: 32px 30px;
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(0,0,0,0.12);
    margin-bottom: 30px;
    transition: transform 0.35s ease;
}

.aida-energy-card:hover {
    transform: translateY(-6px);
}

/* ICON */
.aida-energy-card .icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
}

/* CONTENT */
.aida-energy-card h3 {
    margin-bottom: 8px;
    color: #0b3c5d;
}

.aida-energy-card p {
    font-size: 15.6px;
    line-height: 1.75;
    margin-bottom: 10px;
    color: #333;
}

/* COLOR THEMES */
.aida-energy-card.orange .icon {
    background: linear-gradient(135deg, #ef6c00, #ffb74d);
}

.aida-energy-card.green .icon {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
}

.aida-energy-card.blue .icon {
    background: linear-gradient(135deg, #1d6fa5, #0b3c5d);
}

/* =========================
   ANIMATION
========================= */
.aida-animate {
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-energy-card {
        grid-template-columns: 1fr;
        padding: 26px 22px;
    }

    .aida-energy-card .icon {
        margin-bottom: 10px;
    }

    .aida-energy-card p {
        font-size: 14.6px;
    }
}

/* =========================
   CIRCULAR ECONOMY PAGE
========================= */
.aida-circular-card {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 24px;
    background: #ffffff;
    padding: 32px 30px;
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(0,0,0,0.12);
    margin-bottom: 30px;
    transition: transform 0.35s ease;
}

.aida-circular-card:hover {
    transform: translateY(-6px);
}

/* ICON */
.aida-circular-card .icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
}

/* CONTENT */
.aida-circular-card h3 {
    margin-bottom: 8px;
    color: #0b3c5d;
}

.aida-circular-card p {
    font-size: 15.6px;
    line-height: 1.75;
    margin-bottom: 10px;
    color: #333;
}

/* COLOR THEMES */
.aida-circular-card.blue .icon {
    background: linear-gradient(135deg, #1d6fa5, #0b3c5d);
}

.aida-circular-card.green .icon {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
}

.aida-circular-card.teal .icon {
    background: linear-gradient(135deg, #00695c, #4db6ac);
}

/* =========================
   ANIMATION
========================= */
.aida-animate {
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-circular-card {
        grid-template-columns: 1fr;
        padding: 26px 22px;
    }

    .aida-circular-card .icon {
        margin-bottom: 10px;
    }

    .aida-circular-card p {
        font-size: 14.6px;
    }
}

/* =========================
   ETHANOL INDUSTRY PAGE
========================= */
.aida-ethanol-card {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 24px;
    background: #ffffff;
    padding: 32px 30px;
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(0,0,0,0.12);
    margin-bottom: 30px;
    transition: transform 0.35s ease;
}

.aida-ethanol-card:hover {
    transform: translateY(-6px);
}

/* ICON */
.aida-ethanol-card .icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
}

/* CONTENT */
.aida-ethanol-card h3 {
    margin-bottom: 8px;
    color: #0b3c5d;
}

.aida-ethanol-card p {
    font-size: 15.6px;
    line-height: 1.75;
    margin-bottom: 10px;
    color: #333;
}

/* COLOR THEMES */
.aida-ethanol-card.blue .icon {
    background: linear-gradient(135deg, #1d6fa5, #0b3c5d);
}

.aida-ethanol-card.green .icon {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
}

.aida-ethanol-card.orange .icon {
    background: linear-gradient(135deg, #ef6c00, #ffb74d);
}

.aida-ethanol-card.teal .icon {
    background: linear-gradient(135deg, #00695c, #4db6ac);
}

/* =========================
   FADE-IN ANIMATION
========================= */
.aida-animate {
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-ethanol-card {
        grid-template-columns: 1fr;
        padding: 26px 22px;
    }

    .aida-ethanol-card .icon {
        margin-bottom: 10px;
    }

    .aida-ethanol-card p {
        font-size: 14.6px;
    }
}


/* =========================
   DISTILLING INDUSTRY PAGE
========================= */
.aida-distill-card {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 24px;
    background: #ffffff;
    padding: 32px 30px;
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(0,0,0,0.12);
    margin-bottom: 30px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.aida-distill-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 48px rgba(0,0,0,0.15);
}

/* ICON */
.aida-distill-card .icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
}

/* CONTENT */
.aida-distill-card h3 {
    margin-bottom: 8px;
    color: #0b3c5d;
}

.aida-distill-card p {
    font-size: 15.6px;
    line-height: 1.75;
    margin-bottom: 10px;
    color: #333;
}

/* COLOR THEMES */
.aida-distill-card.blue .icon {
    background: linear-gradient(135deg, #1d6fa5, #0b3c5d);
}

.aida-distill-card.green .icon {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
}

.aida-distill-card.orange .icon {
    background: linear-gradient(135deg, #ef6c00, #ffb74d);
}

.aida-distill-card.teal .icon {
    background: linear-gradient(135deg, #00695c, #4db6ac);
}

/* =========================
   FADE + FLY ANIMATION
========================= */
.aida-fly {
    animation: fadeFly 0.9s ease forwards;
}

@keyframes fadeFly {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-distill-card {
        grid-template-columns: 1fr;
        padding: 26px 22px;
    }

    .aida-distill-card .icon {
        margin-bottom: 10px;
    }

    .aida-distill-card p {
        font-size: 14.6px;
    }
}

/* =========================
   SUSTAINABILITY PAGE
========================= */
.aida-sustain-card {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 24px;
    background: #ffffff;
    padding: 32px 30px;
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(0,0,0,0.12);
    margin-bottom: 30px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.aida-sustain-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 48px rgba(0,0,0,0.15);
}

/* ICON */
.aida-sustain-card .icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
}

/* CONTENT */
.aida-sustain-card h3 {
    margin-bottom: 8px;
    color: #0b3c5d;
}

.aida-sustain-card p {
    font-size: 15.6px;
    line-height: 1.75;
    margin-bottom: 10px;
    color: #333;
}

/* COLOR THEMES */
.aida-sustain-card.green .icon {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
}

.aida-sustain-card.blue .icon {
    background: linear-gradient(135deg, #1d6fa5, #0b3c5d);
}

.aida-sustain-card.orange .icon {
    background: linear-gradient(135deg, #ef6c00, #ffb74d);
}

.aida-sustain-card.teal .icon {
    background: linear-gradient(135deg, #00695c, #4db6ac);
}

/* =========================
   FADE + FLY ANIMATION
========================= */
.aida-fly {
    animation: fadeFly 0.9s ease forwards;
}

@keyframes fadeFly {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .aida-sustain-card {
        grid-template-columns: 1fr;
        padding: 26px 22px;
    }

    .aida-sustain-card .icon {
        margin-bottom: 10px;
    }

    .aida-sustain-card p {
        font-size: 14.6px;
    }
}

.aida-subscribe-btn-wrap {
  text-align: center;
  margin-top: 35px;
}

.aida-subscribe-btn {
  display: inline-block;
  padding: 14px 36px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  background: linear-gradient(270deg, #ff9800, #e91e63, #673ab7);
  background-size: 600% 600%;
  animation: gradientMove 5s ease infinite, pulse 2s infinite;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease;
}

.aida-subscribe-btn i {
  margin-right: 8px;
}

.aida-subscribe-btn:hover {
  transform: translateY(-3px) scale(1.05);
}

/* Gradient animation */
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Soft pulse effect */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(233, 30, 99, 0.6);
  }
  70% {
    box-shadow: 0 0 0 18px rgba(233, 30, 99, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(233, 30, 99, 0);
  }
}
/* Modal background */
.aida-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  z-index: 9999;
}

/* Active modal */
.aida-modal.active {
  opacity: 1;
  visibility: visible;
}

/* Modal box */
.aida-modal-content {
  background: linear-gradient(135deg, #ff9800, #e91e63, #673ab7);
  padding: 25px;
  width: 100%;
  max-width: 420px;
  border-radius: 20px;
  color: #fff;
  transform: translateY(50px) scale(0.9);
  transition: all 0.4s ease;
}

/* Animate in */
.aida-modal.active .aida-modal-content {
  transform: translateY(0) scale(1);
}

/* Close button */
.aida-close {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 28px;
  cursor: pointer;
}

/* Heading */
.aida-modal-content h3 {
  text-align: center;
  margin-bottom: 20px;
}

/* Form */
.aida-form-group {
  margin-bottom: 15px;
}

.aida-form input,
.aida-form select,
.aida-form textarea {
  width: 100%;
  padding: 12px 15px;
  border-radius: 10px;
  border: none;
  font-size: 15px;
}

/* Submit button */
.aida-submit-btn {
  width: 100%;
  padding: 14px;
  border-radius: 50px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  background: #fff;
  color: #e91e63;
  cursor: pointer;
  transition: 0.3s;
}

.aida-submit-btn:hover {
  transform: scale(1.05);
}

/* Mobile tweaks */
@media (max-width: 480px) {
  .aida-modal-content {
    margin: 15px;
  }
}

.book-btn-wrap {
  text-align: center;
  margin-top: 40px;
}

.book-now-btn {
  padding: 15px 45px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  background: linear-gradient(270deg, #ff9800, #e91e63, #673ab7);
  background-size: 600% 600%;
  animation: gradientShift 6s ease infinite, glow 2s infinite;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  transition: transform 0.3s ease;
}

.book-now-btn i {
  margin-right: 8px;
}

.book-now-btn:hover {
  transform: translateY(-4px) scale(1.06);
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes glow {
  0% { box-shadow: 0 0 0 0 rgba(233,30,99,0.6); }
  70% { box-shadow: 0 0 0 18px rgba(233,30,99,0); }
  100% { box-shadow: 0 0 0 0 rgba(233,30,99,0); }
}
.card-book-btn {
  margin-top: 15px;
  padding: 10px 22px;
  border-radius: 25px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #ff9800, #e91e63);
  cursor: pointer;
  transition: all 0.3s ease;
}

.card-book-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

/* FLEX LAYOUT */
.aida-flex {
    display: flex;
    gap: 40px;
    align-items: center;
}

/* LEFT CONTENT */
.aida-message-content {
    flex: 1;
}

/* RIGHT IMAGE */
.aida-message-image {
    flex: 0.8;
    position: relative;
    animation: slideInRight 1s ease forwards;
}

.aida-message-image img {
    width: 100%;
    max-width: 320px;
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    border: 6px solid #00a652;
    background: linear-gradient(135deg, #00a652, #e63946);
    padding: 6px;
}

/* CARD LOOK */
.aida-message-card {
    background: linear-gradient(135deg, #ffffff, #f8f9ff);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
}

/* COLOUR STRIP */
.aida-message-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(180deg, #109448, #129350);
}

/* ANIMATIONS */
@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .aida-flex {
        flex-direction: column-reverse;
        text-align: center;
    }

    .aida-message-image img {
        max-width: 260px;
        margin-bottom: 20px;
    }
}

/* FLEX LAYOUT */
.vp-flex {
    display: flex;
    gap: 40px;
    align-items: center;
}

/* CARD DESIGN */
.vp-theme {
    background: linear-gradient(135deg, #ffffff, #f1fff5);
    border-radius: 28px;
    padding: 44px;
    box-shadow: 0 30px 70px rgba(0, 128, 0, 0.15);
    position: relative;
    overflow: hidden;
}

/* GREEN STRIP */
.vp-theme::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background: linear-gradient(180deg, #1e8f5a, #0b8457);
}

/* LEFT CONTENT */
.vp-message-content {
    flex: 1.2;
    animation: fadeUp 1.1s ease forwards;
}

.vp-message-content p {
    color: #2e3f36;
    line-height: 1.8;
    margin-bottom: 16px;
    font-size: 16px;
}

.aida-message-text {
    font-size: 17px;
    font-weight: 500;
}

/* RIGHT IMAGE */
.vp-message-image {
    flex: 0.8;
    text-align: center;
    animation: slideInRight 1.2s ease forwards;
}

.vp-message-image img {
    width: 100%;
    max-width: 300px;
    border-radius: 20px;
    padding: 6px;
    background: linear-gradient(135deg, #2e8b57, #9be3c3);
    box-shadow: 0 25px 45px rgba(0, 128, 0, 0.3);
    transition: transform 0.4s ease;
}

.vp-message-image img:hover {
    transform: scale(1.05);
}

/* SIGNATURE */
.vp-signature {
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px dashed #9fd3b5;
}

.vp-signature .name {
    font-size: 20px;
    font-weight: 700;
    color: #0b8457;
}

/* ANIMATIONS */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
    .vp-flex {
        flex-direction: column-reverse;
        text-align: center;
    }

    .vp-theme {
        padding: 28px 22px;
    }

    .vp-message-image img {
        max-width: 240px;
        margin-bottom: 20px;
    }

    .vp-signature {
        text-align: center;
    }
}

/* FLEX LAYOUT */
.aida-flex {
    display: flex;
    gap: 40px;
    align-items: center;
}

/* CARD DESIGN */
.president-theme {
    background: linear-gradient(135deg, #ffffff, #f1fff5);
    border-radius: 28px;
    padding: 44px;
    box-shadow: 0 30px 70px rgba(0, 128, 0, 0.15);
    position: relative;
    overflow: hidden;
}

/* LEFT GREEN STRIP */
.president-theme::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background: linear-gradient(180deg, #1e8f5a, #0b8457);
}

/* CONTENT */
.aida-message-content {
    flex: 1.2;
    animation: fadeUp 1.1s ease forwards;
}

.aida-message-content p {
    color: #2e3f36;
    line-height: 1.8;
    margin-bottom: 16px;
    font-size: 16px;
}

.aida-message-text {
    font-size: 17px;
    font-weight: 500;
}

/* SIGNATURE */
.aida-signature {
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px dashed #9fd3b5;
}

.aida-signature .name {
    font-size: 20px;
    font-weight: 700;
    color: #0b8457;
}

/* IMAGE */
.aida-message-image {
    flex: 0.8;
    text-align: center;
    animation: slideInRight 1.2s ease forwards;
}

.aida-message-image img {
    width: 100%;
    max-width: 300px;
    border-radius: 20px;
    padding: 6px;
    background: linear-gradient(135deg, #2e8b57, #9be3c3);
    box-shadow: 0 25px 45px rgba(0, 128, 0, 0.3);
    transition: transform 0.4s ease;
}

.aida-message-image img:hover {
    transform: scale(1.05);
}

/* ANIMATIONS */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .aida-flex {
        flex-direction: column-reverse;
        text-align: center;
    }

    .president-theme {
        padding: 28px 22px;
    }

    .aida-message-image img {
        max-width: 240px;
        margin-bottom: 20px;
    }

    .aida-signature {
        text-align: center;
    }
}

/* ABOUT SECTION */
.aida-about-home {
   
    background: linear-gradient(135deg, #ffffff, #f1fff5);
    position: relative;
    overflow: hidden;
}

/* FLEX */
.aida-about-flex {
    display: flex;
    align-items: center;
    gap: 50px;
}

/* LEFT CONTENT */
.aida-about-content {
    flex: 1.2;
    animation: fadeUp 1.2s ease forwards;
}

.aida-about-content h2 {
    font-size: 34px;
    margin-bottom: 20px;
    color: #0b8457;
    position: relative;
}

.aida-about-content h2::after {
    content: "";
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1e8f5a, #9be3c3);
    display: block;
    margin-top: 10px;
    border-radius: 4px;
}

.aida-about-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #2e3f36;
    margin-bottom: 18px;
        text-align: justify;
}

.aida-about-content .highlight {
    font-size: 17px;
    font-weight: 500;
}

/* BUTTON */
.aida-btn-green {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 28px;
    background: linear-gradient(135deg, #1e8f5a, #0b8457);
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.4s ease;
}

.aida-btn-green:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 128, 0, 0.3);
}

/* RIGHT IMAGE */
.aida-about-image {
    flex: 0.8;
    text-align: center;
    animation: slideInRight 1.2s ease forwards;
}

.aida-about-image img {
    width: 100%;
    max-width: 420px;
    border-radius: 24px;
    padding: 6px;
    background: linear-gradient(135deg, #2e8b57, #9be3c3);
    box-shadow: 0 30px 60px rgba(0, 128, 0, 0.3);
    transition: transform 0.4s ease;
}

.aida-about-image img:hover {
    transform: scale(1.05);
}

/* ANIMATIONS */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .aida-about-flex {
        flex-direction: column-reverse;
        text-align: center;
    }

    .aida-about-home {
        padding: 50px 0;
    }

    .aida-about-content h2 {
        font-size: 28px;
    }

    .aida-about-image img {
        max-width: 300px;
        margin-bottom: 20px;
    }
}
.aida-whatsapp-wrap {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

/* Floating Button */
.aida-whatsapp-float {
    background: #25D366;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 12px 18px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.aida-whatsapp-float i {
    font-size: 22px;
}

/* FAQ Popup */
.aida-whatsapp-faq {
    position: absolute;
    bottom: 48px;
    right: 0;
    width: 280px;
    background: #fff;
    border-radius: 14px;
    padding: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    display: none;
    animation: slideUp 0.3s ease;
}

.aida-whatsapp-faq.show {
    display: block;
}

.aida-whatsapp-faq .title {
    font-weight: 600;
    margin-bottom: 10px;
}

.aida-whatsapp-faq a {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    margin-bottom: 6px;
    text-decoration: none;
    color: #333;
    background: #f5f5f5;
    font-size: 14px;
}

.aida-whatsapp-faq a:hover {
    background: #25D366;
    color: #fff;
}

/* Animation */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ================= MOBILE RESPONSIVE ================= */
@media (max-width: 600px) {

    .aida-whatsapp-wrap {
        right: 12px;
        bottom: 12px;
        left: auto;
    }

    .aida-whatsapp-faq {
        position: fixed;
        bottom: 50px;
        left: 12px;
        right: 12px;
        width: auto;
        max-width: none;
        border-radius: 16px;
    }

    .aida-whatsapp-float {
        padding: 14px;
        border-radius: 50%;
    }

    .aida-whatsapp-float span {
        display: none; /* icon only on mobile */
    }
}
.aida-whatsapp-faq {
    max-height: 70vh;
    overflow-y: auto;
}

.testimonial-box {
    padding: 70px 20px;
    background: linear-gradient(135deg, #0b4ea2, #2bb673);
    overflow: hidden;
}

.testimonial-row {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 50px;
    background: #fff;
    padding: 50px;
    border-radius: 30px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.15);
    animation: fadeSlideUp 1s ease forwards;
}

/* TEXT AREA */
.testimonial-text {
    flex: 1;
    position: relative;
}

.testimonial-bigquote {
    position: absolute;
    top: -40px;
    left: -10px;
    font-size: 120px;
    color: rgba(43,182,115,0.15);
    font-family: serif;
}

.testimonial-title {
    font-size: 30px;
    margin-bottom: 20px;
    color: #0b4ea2;
}

.testimonial-message {
    font-size: 15.5px;
    line-height: 1.8;
    color: #333;
}

.testimonial-author {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #0b4ea2;
}

.testimonial-author-meta {
    font-size: 14px;
    color: #666;
}

/* IMAGE AREA */
.testimonial-photo {
    flex-shrink: 0;
    position: relative;
}

.testimonial-photo img {
    width: auto;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    border: 8px solid #2bb673;
    box-shadow: 0 15px 40px rgba(0,0,0,0.25);
    animation: floatImage 4s ease-in-out infinite;
}

/* ANIMATIONS */
@keyframes fadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes floatImage {
    0%,100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* ================= MOBILE RESPONSIVE ================= */
@media (max-width: 768px) {

    .testimonial-row {
        flex-direction: column-reverse;
        padding: 35px 25px;
        gap: 30px;
        border-radius: 24px;
    }

    .testimonial-bigquote {
        font-size: 90px;
        top: -25px;
        left: 0;
    }

    .testimonial-title {
        font-size: 24px;
        text-align: center;
    }

    .testimonial-message {
        font-size: 14.5px;
        text-align: left;
    }

    .testimonial-author,
    .testimonial-author-meta {
        text-align: center;
    }

    .testimonial-photo img {
        width: auto;
    height: auto;
    }
}

.events-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #eef6ff, #f4fff8);
    text-align: center;
}

.events-title {
    font-size: 36px;
    color: #0b4ea2;
    margin-bottom: 10px;
}

.events-subtitle {
    font-size: 16px;
    color: #555;
    margin-bottom: 50px;
}

.events-grid {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
}

/* EVENT CARD */
.event-card {
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(0,0,0,0.12);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    animation: fadeUp 1s ease forwards;
}

.event-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 65px rgba(0,0,0,0.18);
}

/* IMAGE */
.event-image {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.event-card:hover img {
    transform: scale(1.08);
}

/* DATE BADGE */
.event-date {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #0b4ea2;
    color: #fff;
    padding: 10px 14px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.event-date.green {
    background: #2bb673;
}

.event-date strong {
    font-size: 20px;
    display: block;
}

.event-date small {
    font-size: 12px;
    letter-spacing: 1px;
}

/* CONTENT */
.event-content {
    padding: 25px;
    text-align: left;
}

.event-content h3 {
    font-size: 20px;
    color: #0b4ea2;
    margin-bottom: 12px;
}

.event-venue,
.event-time {
    font-size: 14px;
    color: #555;
    margin-bottom: 6px;
}

.event-venue i,
.event-time i {
    color: #2bb673;
    margin-right: 6px;
}

.event-desc {
    font-size: 14.5px;
    line-height: 1.7;
    margin: 15px 0 20px;
    color: #333;
}

/* BUTTON */
.event-btn {
    display: inline-block;
    padding: 10px 22px;
    background: linear-gradient(135deg, #0b4ea2, #2bb673);
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

.event-btn:hover {
    background: linear-gradient(135deg, #2bb673, #0b4ea2);
    transform: translateY(-2px);
}

/* ANIMATION */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ================= MOBILE RESPONSIVE ================= */
@media (max-width: 768px) {

    .events-title {
        font-size: 28px;
    }

    .event-image {
        height: 190px;
    }

    .event-content h3 {
        font-size: 18px;
    }

    .event-desc {
        font-size: 14px;
    }
}
:root {
    --ticker-speed: 12s; /* 8s fast | 12s normal | 20s slow */
}

.aida-green-ticker {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: linear-gradient(90deg, #3108e1, #220ba4);
    overflow: hidden;
    padding: 12px 0;
    font-family: 'Segoe UI', sans-serif;
    box-shadow: 0 4px 15px rgba(0,128,0,.35);
}

.ticker-track {
    display: flex;
    width: max-content;
    animation: scrollRTL var(--ticker-speed) linear infinite;
}

/* 🔁 RIGHT ➜ LEFT animation */
@keyframes scrollRTL {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-50%);
    }
}

.ticker-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 45px;
    color: #ffffff;
    white-space: nowrap;
    font-size: 16px;
}

.pulse-dot {
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 10px #ffffff;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(0.8); opacity: .4; }
    100% { transform: scale(1); opacity: 1; }
}

.sub-text {
    color: #eafff3;
    font-size: 14px;
}

.ticker-btn {
    background: #ffffff;
    color: #0f9d58;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.ticker-btn:hover {
    background: #eafff3;
    transform: translateY(-2px);
}

/* Pause on hover */
.aida-green-ticker:hover .ticker-track {
    animation-play-state: paused;
}

/* 📱 Mobile */
@media (max-width: 768px) {
    :root {
        --ticker-speed: 8s;
    }

    .ticker-item {
        font-size: 14px;
        padding: 0 25px;
    }
}

/* BLOG SECTION */
.aida-blog-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #e8f5e9, #ffffff);
}

.aida-blog-heading {
    text-align: center;
    font-size: 32px;
    color: #1b5e20;
    margin-bottom: 50px;
    position: relative;
}

.aida-blog-heading::after {
    content: '';
    width: 80px;
    height: 4px;
    background: #2e7d32;
    display: block;
    margin: 12px auto 0;
    border-radius: 5px;
}

/* GRID */
.aida-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* BLOG CARD */
.aida-blog-card {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
}

.aida-blog-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.15);
}

/* IMAGE */
.aida-blog-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.aida-blog-card:hover .aida-blog-img img {
    transform: scale(1.08);
}

/* CONTENT */
.aida-blog-content {
    padding: 25px;
}

.aida-blog-content h3 {
    font-size: 20px;
    color: #1b5e20;
    margin-bottom: 12px;
}

.aida-blog-content p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 18px;
}

/* BUTTON */
.aida-blog-btn {
    display: inline-block;
    padding: 10px 22px;
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s ease;
}

.aida-blog-btn:hover {
    background: linear-gradient(135deg, #1b5e20, #43a047);
}

/* SIMPLE FADE ANIMATION */
.aida-animate {
    animation: fadeUp 0.9s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .aida-blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .aida-blog-grid {
        grid-template-columns: 1fr;
    }

    .aida-blog-heading {
        font-size: 26px;
    }
}

/* BLOG DETAILS PAGE */
.aida-blog-details {
    padding: 70px 20px;
    background: linear-gradient(135deg, #ffffff, #e8f5e9);
}

/* HEADER */
.aida-blog-header h1 {
    font-size: 34px;
    color: #1b5e20;
    margin-bottom: 15px;
    line-height: 1.3;
}

.aida-blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 14px;
    color: #555;
}

.aida-blog-meta i {
    color: #2e7d32;
    margin-right: 6px;
}

/* FEATURE IMAGE */
.aida-blog-feature-img {
    margin: 35px 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.aida-blog-feature-img img {
    width: 100%;
    height: auto;
    display: block;
}

/* CONTENT */
.aida-blog-content-full {
    background: #ffffff;
    padding: 40px;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.aida-blog-content-full h2 {
    color: #1b5e20;
    margin: 30px 0 15px;
    font-size: 24px;
}

.aida-blog-content-full p {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 18px;
}

/* BLOCKQUOTE */
.aida-blog-content-full blockquote {
    background: #e8f5e9;
    border-left: 5px solid #2e7d32;
    padding: 20px 25px;
    margin: 30px 0;
    font-style: italic;
    color: #1b5e20;
    border-radius: 8px;
}

/* BACK BUTTON */
.aida-blog-back {
    margin-top: 40px;
    text-align: center;
}

.aida-blog-back a {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s ease;
}

.aida-blog-back a:hover {
    background: linear-gradient(135deg, #1b5e20, #43a047);
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .aida-blog-header h1 {
        font-size: 26px;
    }

    .aida-blog-content-full {
        padding: 25px;
    }
}

/* GALLERY SECTION */
.aida-gallery-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #ffffff, #e8f5e9);
}

/* GRID */
.aida-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

/* IMAGE ITEM */
.aida-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    transition: 0.4s ease;
}

.aida-gallery-item img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* HOVER EFFECT */
.aida-gallery-item::after {
    content: '\f002';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(46,125,50,0.8), rgba(102,187,106,0.8));
    color: #fff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.4s ease;
}

.aida-gallery-item:hover::after {
    opacity: 1;
}

.aida-gallery-item:hover img {
    transform: scale(1.12);
}

/* FADE ANIMATION */
.aida-animate {
    animation: fadeUp 0.9s ease both;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* LIGHTBOX */
.aida-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.aida-lightbox img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 12px;
    animation: zoomIn 0.4s ease;
}

.aida-lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 38px;
    color: #fff;
    cursor: pointer;
}

/* ZOOM */
@keyframes zoomIn {
    from { transform: scale(0.7); }
    to { transform: scale(1); }
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .aida-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .aida-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .aida-gallery-grid {
        grid-template-columns: 1fr;
    }

    .aida-gallery-item img {
        height: 200px;
    }
}
.aida-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    cursor: pointer;
    z-index: 1;
}

.aida-gallery-item img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
    pointer-events: auto;
}

/* REMOVE CLICK BLOCKING OVERLAY */
.aida-gallery-item::after {
    pointer-events: none;
}

.aida-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.aida-lightbox img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 12px;
    animation: zoomIn 0.4s ease;
}

.aida-lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

@keyframes zoomIn {
    from { transform: scale(0.7); }
    to { transform: scale(1); }
}
/* LIGHTBOX */
.aida-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.92);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.aida-lightbox img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 12px;
    animation: zoomIn 0.35s ease;
}

.aida-lightbox-close {
    position: absolute;
    top: 18px;
    right: 28px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    z-index: 10;
}

/* NAV ARROWS */
.aida-lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 48px;
    color: #fff;
    cursor: pointer;
    padding: 12px;
    user-select: none;
}

.aida-lightbox-prev { left: 20px; }
.aida-lightbox-next { right: 20px; }

@keyframes zoomIn {
    from { transform: scale(0.75); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}
/* GLOW BORDER */
.aida-gallery-item {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.aida-gallery-item::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px;
    background: linear-gradient(
        120deg,
        #1b5e20,
        #66bb6a,
        #a5d6a7,
        #1b5e20
    );
    background-size: 300% 300%;
    animation: borderGlow 4s linear infinite;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 20px;
}

@keyframes borderGlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

.aida-gallery-item img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 16px;
    background: #fff;
}
.aida-lightbox img {
    border: 4px solid #66bb6a;
    box-shadow: 0 0 40px rgba(102,187,106,0.6);
}
@media (max-width: 600px) {
    .aida-gallery-item img {
        height: 200px;
    }
}

/* NOTIFICATION SECTION */
.aida-notification-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #ffffff, #e8f5e9);
}

/* GRID */
.aida-notification-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* CARD */
.aida-notification-card {
    display: flex;
    gap: 20px;
    background: #fff;
    border-radius: 18px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: 0.4s ease;
    position: relative;
    overflow: hidden;
}

.aida-notification-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(180deg, #2e7d32, #66bb6a);
}

.aida-notification-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* ICON */
.aida-notification-icon {
    font-size: 40px;
    color: #d32f2f;
    margin-top: 5px;
}

/* CONTENT */
.aida-notification-content h3 {
    font-size: 20px;
    color: #1b5e20;
    margin-bottom: 10px;
}

.aida-notification-content p {
    font-size: 15px;
    color: #555;
    margin-bottom: 14px;
    line-height: 1.6;
}

/* META */
.aida-notification-meta {
    display: flex;
    gap: 20px;
    font-size: 13px;
    color: #777;
    margin-bottom: 15px;
}

.aida-notification-meta i {
    color: #2e7d32;
    margin-right: 6px;
}

/* ACTION BUTTONS */
.aida-notification-actions {
    display: flex;
    gap: 15px;
}

.aida-notification-actions a {
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s ease;
}

.view-btn {
    background: #e8f5e9;
    color: #1b5e20;
}

.view-btn:hover {
    background: #c8e6c9;
}

.download-btn {
    background: linear-gradient(135deg, #2e7d32, #66bb6a);
    color: #fff;
}

.download-btn:hover {
    background: linear-gradient(135deg, #1b5e20, #43a047);
}

/* ANIMATION */
.aida-animate {
    animation: fadeUp 0.8s ease both;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .aida-notification-grid {
        grid-template-columns: 1fr;
    }

    .aida-notification-card {
        flex-direction: column;
    }
}

/* MILESTONES SECTION */
.aida-milestone-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #ffffff, #e8f5e9);
}

/* TIMELINE */
.aida-timeline {
    position: relative;
    max-width: 900px;
    margin: auto;
    padding-left: 30px;
}

.aida-timeline::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #2e7d32, #66bb6a);
    border-radius: 5px;
}

/* ITEM */
.aida-timeline-item {
    position: relative;
    margin-bottom: 40px;
}

.aida-timeline-dot {
    position: absolute;
    left: 2px;
    top: 8px;
    width: 20px;
    height: 20px;
    background: #2e7d32;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(102,187,106,0.3);
}

/* CONTENT */
.aida-timeline-content {
    background: #ffffff;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.aida-timeline-content h3 {
    color: #1b5e20;
    margin-bottom: 8px;
    font-size: 20px;
}

.aida-timeline-content .year {
    display: inline-block;
    font-size: 13px;
    color: #2e7d32;
    margin-bottom: 12px;
    font-weight: 600;
}

.aida-timeline-content p {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}

/* ANIMATION */
.aida-animate {
    animation: fadeUp 0.8s ease both;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 600px) {
    .aida-timeline {
        padding-left: 20px;
    }

    .aida-timeline-content {
        padding: 20px;
    }

    .aida-timeline-content h3 {
        font-size: 18px;
    }
}
/* ===== DISCLAIMER PAGE ===== */

.page-header {
    background: linear-gradient(135deg, #0f9d58, #0b5ed7);
    padding: 50px 20px;
    text-align: center;
    color: #fff;
}

.page-header h1 {
    font-size: 36px;
    margin-bottom: 10px;
}

.disclaimer-section {
    background: #f4f7fb;
    padding: 50px 15px;
}

.disclaimer-card {
    background: #fff;
    max-width: 1100px;
    margin: auto;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.08);
}

.disclaimer-block {
    margin-bottom: 30px;
}

.disclaimer-block h3 {
    font-size: 20px;
    color: #0b5ed7;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.disclaimer-block h3 i {
    margin-right: 10px;
    color: #0f9d58;
}

.disclaimer-block ul {
    padding-left: 20px;
}

.disclaimer-block ul li {
    margin-bottom: 6px;
}

.contact-box {
    background: #e9f5ff;
    border-left: 5px solid #0b5ed7;
    padding: 20px;
    border-radius: 10px;
}

.contact-box a {
    color: #0b5ed7;
    text-decoration: none;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
    .page-header h1 {
        font-size: 26px;
    }

    .disclaimer-card {
        padding: 20px;
    }
}
/* ===== PRIVACY POLICY PAGE ===== */

.privacy-hero {
    background: linear-gradient(135deg, #0b5ed7, #0f9d58);
}

.policy-section {
    background: #f4f7fb;
    padding: 60px 15px;
}

.policy-card {
    background: #fff;
    max-width: 1100px;
    margin: auto;
    padding: 35px;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.policy-intro {
    font-size: 16px;
    margin-bottom: 30px;
}

.policy-block {
    margin-bottom: 30px;
    animation: fadeUp 0.6s ease forwards;
}

.policy-block h3 {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #0b5ed7;
    margin-bottom: 10px;
}

.policy-block h3 i {
    margin-right: 10px;
    color: #0f9d58;
}

.policy-block ul {
    padding-left: 20px;
}

.policy-block ul li {
    margin-bottom: 8px;
}

.policy-contact {
    background: #e9f5ff;
    border-left: 5px solid #0b5ed7;
    padding: 22px;
    border-radius: 12px;
}

.policy-contact a {
    color: #0b5ed7;
    text-decoration: none;
}

/* ===== SIMPLE ANIMATION ===== */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
    .policy-card {
        padding: 22px;
    }

    .policy-block h3 {
        font-size: 18px;
    }
}
/* ===== REFUND POLICY PAGE ===== */

.refund-hero {
    background: linear-gradient(135deg, #198754, #0b5ed7);
}
/* ===== TERMS & CONDITIONS HERO ===== */
.terms-hero {
    background: linear-gradient(135deg, #6f42c1, #0b5ed7);
}

/* ===== ASSET PROTECTION PAGE ===== */

.asset-hero {
    background: linear-gradient(135deg, #0f9d58, #198754, #0b5ed7);
}

.asset-section {
    background: #f4f7fb;
    padding: 60px 15px;
}

.asset-card {
    background: #fff;
    max-width: 1100px;
    margin: auto;
    padding: 40px;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.asset-block {
    margin-bottom: 35px;
}

.asset-block h3 {
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #0b5ed7;
    margin-bottom: 10px;
}

.asset-block h3 i {
    margin-right: 12px;
    color: #0f9d58;
    font-size: 22px;
}

.asset-block p {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

/* Highlighted middle block */
.asset-block.highlight {
    background: #e9f5ff;
    border-left: 6px solid #0b5ed7;
    padding: 20px 25px;
    border-radius: 12px;
}

/* Animation */
.fade-up {
    animation: fadeUp 0.6s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .asset-card {
        padding: 25px;
    }

    .asset-block h3 {
        font-size: 18px;
    }
}
.aida-newsletter {
  padding: 70px 20px;
  background: linear-gradient(135deg, #f8fff9, #e7fff2);
}

.aida-wrap {
  
  margin: auto;
  background: #ffffff;
  border-radius: 20px;
  padding: 50px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
  position: relative;
  overflow: hidden;
  animation: fadeUp 1s ease forwards;
}

.aida-wrap::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -100px;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, #00c853, #00bfa5);
  opacity: 0.12;
  border-radius: 50%;
}

.aida-title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 25px;
  color: #0a3d2e;
}

.aida-content p {
  font-size: 17px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 15px;
  text-align: justify;
}

/* Animation */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Mobile Responsive */
@media(max-width: 768px){
  .aida-wrap {
    padding: 30px 20px;
  }

  .aida-title {
    font-size: 24px;
  }

  .aida-content p {
    font-size: 15px;
  }
}
.submenu {
    position: absolute;
    background: #fff;
    min-width: 220px;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,.15);
    padding: 8px 0;
    display: none;
    animation: fadeDown .3s ease;
}

.tab-item:hover .submenu {
    display: block;
}

/* Level 1 item */
.submenu a, .submenu-title {
    display: block;
    padding: 10px 18px;
    color: #222;
    text-decoration: none;
    transition: .3s;
}

.submenu a:hover {
    background: #e9fff4;
    color: #00a86b;
}

/* Level 2 menu */
.submenu-item {
    position: relative;
}

.submenu-level2 {
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    min-width: 240px;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,.15);
    display: none;
    animation: slideRight .3s ease;
}

.submenu-item:hover .submenu-level2 {
    display: block;
}

/* Animations */
@keyframes fadeDown {
    from {opacity:0; transform: translateY(-10px);}
    to {opacity:1; transform: translateY(0);}
}

@keyframes slideRight {
    from {opacity:0; transform: translateX(-10px);}
    to {opacity:1; transform: translateX(0);}
}

/* Mobile support */
@media(max-width:768px){
    .submenu, .submenu-level2 {
        position: static;
        box-shadow: none;
        display: none;
    }

    .has-submenu.active .submenu {
        display: block;
    }

    .submenu-item.active .submenu-level2 {
        display: block;
    }
}
/* Ensure header container is reference point */
.header,
.navbar,
.tab-item {
    position: relative;
}

/* Main Industry Dropdown */
.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 280px;              /* control width */
    max-width: 90vw;          /* prevent overflow on small screens */
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    padding: 12px 0;
    z-index: 1000;
}

/* Second Level menu alignment */
.submenu-level2 {
    left: 100%;
    top: 0;
    width: 260px;
    max-width: 90vw;
}

/* Prevent overflow outside viewport */
.tab-item:last-child .submenu {
    right: 0;
    left: auto;
}

/* On small screens */
@media (max-width: 992px) {
    .submenu,
    .submenu-level2 {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        max-width: 100%;
        box-shadow: none;
        border-radius: 0;
    }
}
.management-row {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.management-card {
  background: white;
  border-radius: 18px;
  padding: 30px 25px;
  width: 280px;
  text-align: center;
  box-shadow: 0 15px 35px rgba(0,0,0,.15);
  transition: .4s;
  animation: fadeUp .8s ease;
}

.management-card:hover {
  transform: translateY(-8px);
}

.management-card img {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  margin-bottom: 15px;
  border: 4px solid #00c853;
}

.management-card h3 {
  font-size: 20px;
  margin: 10px 0 5px;
}

.management-card .designation {
  color: #666;
  margin-bottom: 15px;
}

.msg-btn {
  display: inline-block;
  padding: 10px 25px;
  border-radius: 25px;
  background: linear-gradient(135deg,#00c853,#00bfa5);
  color: #fff;
  text-decoration: none;
  transition: .3s;
}

/* Hero */
.dg-hero{
    background: linear-gradient(135deg,#0aa85b,#00c853);
    color:#fff;
    padding:70px 20px;
    text-align:center;
}

.dg-hero h1{
    font-size:42px;
    margin-bottom:10px;
}

.dg-hero p{
    font-size:18px;
    opacity:.9;
}
/* Content Card */
.dg-container{
    max-width:1100px;
    margin:-50px auto 50px;
    background:#fff;
    border-radius:20px;
    padding:40px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
    animation: fadeUp 1s ease;
}

.dg-profile{
    display:flex;
    gap:40px;
    flex-wrap:wrap;
    align-items:center;
}

.dg-profile img{
    width:200px;
    height:200px;
    border-radius:50%;
    object-fit:cover;
    border:5px solid #00c853;
}

.dg-text h2{
    margin:0;
    font-size:30px;
}

.dg-text span{
    color:#0aa85b;
    font-weight:600;
}

.dg-message{
    margin-top:25px;
    font-size:17px;
    line-height:1.9;
    color:#333;
}

/* Animation */
@keyframes fadeUp{
    from{opacity:0; transform:translateY(40px);}
    to{opacity:1; transform:translateY(0);}
}

/* Mobile */
@media(max-width:768px){
    .dg-hero h1{font-size:30px;}
    .dg-profile{justify-content:center; text-align:center;}
}
.msg-btn:hover {
  background: linear-gradient(135deg,#00bfa5,#00c853);
}

/* Color Accents */
.blue { border-top: 5px solid #2196f3; }
.green { border-top: 5px solid #4caf50; }
.orange { border-top: 5px solid #ff9800; }
.purple { border-top: 5px solid #9c27b0; }

/* Mobile */
@media(max-width:768px){
  .management-row { gap: 20px; }
  .management-card { width: 90%; }
}

/* Animation */
@keyframes fadeUp {
  from {opacity:0; transform:translateY(40px);}
  to {opacity:1; transform:translateY(0);}
}
/* ============ DESIGN ============ */

.ethanol-hero{
  background: linear-gradient(120deg,#0f9d58,#43cea2);
  color:white;
  padding:90px 20px;
  text-align:center;
}

.ethanol-section{ padding:60px 0; }

.container{ width:90%; max-width:1200px; margin:auto; }

.ethanol-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

.ethanol-image img{
  width:100%;
  border-radius:16px;
  box-shadow:0 20px 40px rgba(0,0,0,.2);
}

.benefits{ background:#f7fff9; padding:60px 0; }

.benefit-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.card{
  background:white;
  padding:20px;
  border-radius:12px;
  box-shadow:0 10px 20px rgba(0,0,0,.08);
  transition:.3s;
}
.card:hover{ transform:translateY(-6px); }

.flowchart{ background:#eafff4; padding:60px 0; }

.process{ text-align:center; }

.step{
  background:white;
  display:inline-block;
  padding:12px 22px;
  margin:8px;
  border-radius:30px;
  box-shadow:0 6px 15px rgba(0,0,0,.1);
}

.highlight{
  background:#0f9d58;
  color:white;
}

.arrow{ font-size:26px; color:#0f9d58; }

.byproducts{ padding:60px 0; }

.utility-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px;
}

.utility{
  background:linear-gradient(135deg,#43cea2,#0f9d58);
  color:white;
  padding:20px;
  border-radius:12px;
  text-align:center;
}

/* Animation */
.animate-left{ animation:slideLeft 1s ease; }
.animate-right{ animation:slideRight 1s ease; }

@keyframes slideLeft{
  from{opacity:0; transform:translateX(-50px);}
  to{opacity:1; transform:translateX(0);}
}

@keyframes slideRight{
  from{opacity:0; transform:translateX(50px);}
  to{opacity:1; transform:translateX(0);}
}

/* Mobile */
@media(max-width:768px){
  .ethanol-grid{ grid-template-columns:1fr; }
}


/* ================= BASE STYLE ================= */

.container{ width:90%; max-width:1200px; margin:auto; }

/* ================= HERO ================= */

.ethanol-hero{
  background: linear-gradient(120deg,#0f9d58,#43cea2);
  color:white;
  padding:90px 20px;
  text-align:center;
}

/* ================= CONTENT ================= */

.ethanol-section{ padding:60px 0; }

.ethanol-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

.ethanol-image img{
  width:100%;
  border-radius:16px;
  box-shadow:0 20px 40px rgba(0,0,0,.2);
}

/* ================= BENEFITS ================= */

.benefits{ background:#f7fff9; padding:60px 0; }

.benefit-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.card{
  background:white;
  padding:20px;
  border-radius:12px;
  box-shadow:0 10px 20px rgba(0,0,0,.08);
  transition:.3s;
}
.card:hover{ transform:translateY(-6px); }

/* ================= FLOW ================= */

.flowchart{ background:#eafff4; padding:60px 0; }

.process{ text-align:center; }

.step{
  background:white;
  display:inline-block;
  padding:12px 22px;
  margin:8px;
  border-radius:30px;
  box-shadow:0 6px 15px rgba(0,0,0,.1);
}

.highlight{ background:#0f9d58; color:white; }

.arrow{ font-size:26px; color:#0f9d58; }

/* ================= BYPRODUCTS ================= */

.byproducts{ padding:60px 0; }

.utility-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.utility{
  background:linear-gradient(135deg,#43cea2,#0f9d58);
  color:white;
  padding:20px;
  border-radius:12px;
  text-align:center;
}

/* ================= ANIMATION ================= */

.animate-left{ animation:slideLeft 1s ease; }
.animate-right{ animation:slideRight 1s ease; }

@keyframes slideLeft{
  from{opacity:0; transform:translateX(-50px);}
  to{opacity:1; transform:translateX(0);}
}

@keyframes slideRight{
  from{opacity:0; transform:translateX(50px);}
  to{opacity:1; transform:translateX(0);}
}

/* ================= MOBILE ================= */

@media(max-width:768px){
  .ethanol-grid{ grid-template-columns:1fr; }
}
.container{ width:90%; max-width:1200px; margin:auto; }

/* HERO */
.hero{
  background: linear-gradient(120deg,#0061ff,#60efff);
  color:white;
  padding:90px 20px;
  text-align:center;
}

/* CONTENT */
.section{ padding:60px 0; }

.grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

.image img{
  width:100%;
  border-radius:16px;
  box-shadow:0 20px 40px rgba(0,0,0,.2);
}

/* INFO BOXES */
.info{ background:#f4fbff; }

.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}

.card{
  background:white;
  padding:22px;
  border-radius:14px;
  box-shadow:0 10px 20px rgba(0,0,0,.08);
  transition:.3s;
}
.card:hover{ transform:translateY(-6px); }

/* BENEFITS */
.benefits{
  background:linear-gradient(135deg,#60efff,#0061ff);
  color:white;
}

.benefit-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
}

.benefit{
  background:rgba(255,255,255,.15);
  padding:20px;
  border-radius:12px;
  backdrop-filter: blur(6px);
}

/* WAY FORWARD */
.forward{
  background:#f6fbff;
}

.forward-list li{
  margin:12px 0;
}

/* ANIMATION */
.left{ animation:slideLeft 1s ease; }
.right{ animation:slideRight 1s ease; }

@keyframes slideLeft{
  from{opacity:0; transform:translateX(-50px);}
  to{opacity:1; transform:translateX(0);}
}
@keyframes slideRight{
  from{opacity:0; transform:translateX(50px);}
  to{opacity:1; transform:translateX(0);}
}

/* MOBILE */
@media(max-width:768px){
  .grid{ grid-template-columns:1fr; }
}
.grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
    gap:40px;
    align-items:center;
}

img{
    width:100%;
    border-radius:15px;
}

h2{
    color:#0a7d3f;
    margin-bottom:15px;
}

.card-group{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
    gap:20px;
    margin-top:20px;
}

.card{
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.flow{
    text-align:center;
    margin-top:30px;
}

.step{
    background:#0a7d3f;
    color:#fff;
    display:inline-block;
    padding:14px 22px;
    border-radius:8px;
    margin:10px 0;
}

.arrow{
    font-size:22px;
    color:#0a7d3f;
}

.final{
    background:#0fa35a;
}


@media(max-width:600px){
    .hero h1{font-size:32px;}
}
/* ===== GLOBAL LAYOUT ===== */
.container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

/* ===== PAGE TAG ===== */
.aida-page-tag-wrap {
    text-align: center;
    margin: 25px 0;
}

.aida-page-tag {
    background: linear-gradient(135deg,#0a7d3f,#17b169);
    color: #fff;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    display: inline-block;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}



/* ===== GRID ===== */
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 40px;
    align-items: center;
    margin-top: 40px;
}

.grid img {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 12px 25px rgba(0,0,0,.12);
    animation: float 6s ease-in-out infinite;
}

/* ===== CARDS ===== */
.card-group {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
    gap: 20px;
    margin: 25px 0;
}

.card {
    background: #fff;
    padding: 22px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    transition: .4s;
}

.card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 18px 35px rgba(0,0,0,.15);
}

/* ===== FLOW CHART ===== */
.flow {
    text-align: center;
    margin: 30px 0;
}

.step {
    background: linear-gradient(135deg,#0a7d3f,#15b26b);
    color: #fff;
    padding: 14px 24px;
    border-radius: 10px;
    display: inline-block;
    margin: 12px 0;
    box-shadow: 0 8px 18px rgba(0,0,0,.12);
    animation: fadeUp .7s ease forwards;
}

.step.final {
    background: linear-gradient(135deg,#ffb703,#fb8500);
}

.arrow {
    font-size: 24px;
    color: #0a7d3f;
    animation: bounce 1.5s infinite;
}

/* ===== ANIMATIONS ===== */
@keyframes fadeUp {
    from {opacity:0; transform: translateY(30px);}
    to {opacity:1; transform: translateY(0);}
}

@keyframes float {
    0%,100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
}

@keyframes bounce {
    0%,100% {transform: translateY(0);}
    50% {transform: translateY(6px);}
}

/* ===== MOBILE ===== */
@media(max-width:768px){
    .aida-hero-new h1 {font-size: 34px;}
    .aida-hero-new p {font-size: 17px;}
}

.training-hero{
    background: linear-gradient(120deg,rgba(0,40,120,.85),rgba(0,120,200,.85)),
                url("training-banner.jpg") center/cover no-repeat;
}

.intro-box{
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 8px 20px rgba(0,0,0,.1);
    margin:30px 0;
}

.contact-box{
    background: linear-gradient(135deg,#0a7d3f,#17b169);
    color:#fff;
    padding:30px;
    border-radius:20px;
    text-align:center;
    margin-top:40px;
    box-shadow:0 12px 30px rgba(0,0,0,.2);
}

.contact-box h3{
    margin-bottom:10px;
}

.member-hero{
    background: linear-gradient(120deg,rgba(0,90,150,.85),rgba(0,150,220,.85)),
                url("member-banner.jpg") center/cover no-repeat;
}

.highlight-box{
    background: linear-gradient(135deg,#0a7d3f,#17b169);
    color:#fff;
    padding:30px;
    border-radius:18px;
    margin:40px 0;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    text-align:center;
}

.membership-form-section{
    background:#f0fff6;
    padding:60px 0;
}

.membership-form{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    max-width:800px;
    margin:auto;
}

.form-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}

.form-group label{
    font-weight:600;
    display:block;
    margin-bottom:6px;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    padding:12px;
    border-radius:8px;
    border:1px solid #ccc;
    outline:none;
}

.form-group.full{grid-column:1/-1;}

.submit-btn{
    background:linear-gradient(135deg,#0a7d3f,#17b169);
    color:#fff;
    border:none;
    padding:14px 30px;
    border-radius:30px;
    font-size:16px;
    font-weight:600;
    margin-top:20px;
    cursor:pointer;
    transition:.3s;
}

.submit-btn:hover{
    transform:scale(1.05);
    box-shadow:0 10px 25px rgba(0,0,0,.2);
}

/* ===== AIDA Animated Membership Button ===== */
.aida-member-btn-wrap{
    text-align:center;
    margin:40px 0;
    margin-right: 62px;
    margin-left: -80px;

}

.aida-member-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 32px;
    border-radius:50px;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
    color:#fff;
    background: linear-gradient(135deg,#0bbf64,#0a7d3f,#0bbf64);
    background-size:200% 200%;
    box-shadow:0 12px 25px rgba(0,0,0,.25);
    transition:all .4s ease;
    animation: aidaGlow 5s ease infinite;
}

.aida-member-btn i{
    transition:.4s;
}

/* Hover */
.aida-member-btn:hover{
    transform:translateY(-4px) scale(1.05);
    box-shadow:0 18px 40px rgba(0,0,0,.35);
}

.aida-member-btn:hover i{
    transform:translateX(6px);
}

/* Glow Animation */
@keyframes aidaGlow{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

/* Mobile Friendly */
@media(max-width:600px){
    .aida-member-btn{
        font-size:15px;
        padding:12px 26px;
    }
}

.aida-page { font-family: 'Segoe UI', sans-serif; }

.aida-hero {
  background: linear-gradient(120deg, #0b5f59, #0e8c7a);
  color: white;
  padding: 80px 20px;
  text-align: center;
}

.aida-hero h1 { font-size: 42px; animation: fadeDown 1s; }
.aida-hero p { opacity: 0.9; margin-top: 10px; }

.aida-tabs {
  display: flex;
  justify-content: center;
  gap: 20px;
  background: #ffffff;
  padding: 20px;
  flex-wrap: wrap;
}

.aida-tab {
  padding: 12px 26px;
  border-radius: 50px;
  background: #0e8c7a;
  color: white;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.aida-tab:hover {
  background: #ff9800;
  transform: scale(1.05);
}

.aida-section {
  max-width: 1100px;
  margin: auto;
  padding: 70px 20px;
  animation: fadeUp 1s;
}

.aida-section.light { background: #f4f9f8; }

.aida-section h2 {
  color: #0b5f59;
  margin-bottom: 20px;
}

.aida-section p {
  line-height: 1.8;
  color: #333;
  margin-bottom: 15px;
}

/* Animations */
@keyframes fadeDown { from{opacity:0; transform:translateY(-40px);} to{opacity:1; transform:none;} }
@keyframes fadeUp { from{opacity:0; transform:translateY(40px);} to{opacity:1; transform:none;} }

/* Mobile */
@media(max-width:768px){
  .aida-hero h1 { font-size: 30px; }
}
.aida-section p {
  text-align: justify;
  text-justify: inter-word;
}
.media-hero {
  background: linear-gradient(120deg,#0b5f59,#1fa187);
  padding: 90px 20px;
  text-align: center;
  color: #fff;
}

.media-hero h1 {
  font-size: 42px;
  animation: fadeDown 1s;
}

.media-hero p { opacity: .9; }

.media-container {
  padding: 60px 20px;
  max-width: 1200px;
  margin: auto;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap: 30px;
}

.news-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0,0,0,.12);
  transition: .4s;
  animation: fadeUp 1s;
}

.news-card:hover {
  transform: translateY(-10px);
}

.news-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.news-content {
  padding: 20px;
}

.news-content h3 {
  color: #0b5f59;
  margin-bottom: 8px;
}

.news-content span {
  font-size: 13px;
  color: #999;
}

.news-content p {
  margin-top: 10px;
  line-height: 1.6;
}

/* Animations */
@keyframes fadeDown {
  from {opacity:0; transform:translateY(-40px);}
  to {opacity:1;}
}

@keyframes fadeUp {
  from {opacity:0; transform:translateY(40px);}
  to {opacity:1;}
}

/* Mobile */
@media(max-width:768px){
  .media-hero h1 {font-size:30px;}
}


.member-login-wrap{
    padding:80px 20px;
    background:linear-gradient(135deg,#0c7c59,#1fa07a,#b6f3e2);
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top: 60px;
}

.member-box{
    background:white;
    max-width:420px;
    width:100%;
    padding:35px;
    border-radius:18px;
    box-shadow:0 20px 40px rgba(0,0,0,.2);
    animation:floatUp 1s ease forwards;
}

@keyframes floatUp{
    from{opacity:0;transform:translateY(40px)}
    to{opacity:1;transform:translateY(0)}
}

.member-box h2{
    text-align:center;
    color:#0c7c59;
    margin-bottom:25px;
    font-size:26px;
}

.member-box input{
    width:100%;
    padding:14px;
    border-radius:8px;
    border:1px solid #ccc;
    margin-bottom:15px;
    font-size:15px;
}

.member-box button{
    width:100%;
    padding:14px;
    background:linear-gradient(135deg,#0c7c59,#1fa07a);
    border:none;
    color:white;
    border-radius:8px;
    font-size:16px;
    cursor:pointer;
    transition:.3s;
}

.member-box button:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

@media(max-width:480px){
    .member-box{padding:25px}
    .member-box h2{font-size:22px}
}