/* --------------------------------------------------
   ROOT VARIABLES
-------------------------------------------------- */
:root {
  --primary:#2a7bf0;
  --accent:#6fe27c;
  --muted:#6b7280;
  --soft:#eaf7ef;
  --bg-grad: linear-gradient(135deg,#fbfce9 0%, #eef7ff 100%);
  --card:#ffffff;
  --radius:14px;
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

/* GLOBAL RESET */
* { box-sizing: border-box; }

body {
  margin:0;
  background:var(--bg-grad);
  color:#0b1b2b;
  padding-top:78px; /* space for fixed navbar */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.text-muted { color: #6b7280 !important; }


/* --------------------------------------------------
   NAVBAR
-------------------------------------------------- */
.navbar {
  background: transparent;
  padding: .6rem 0;
  transition: all .28s ease;
}

.navbar.scrolled {
  background: rgba(255,255,255,0.96);
  box-shadow: 0 10px 30px rgba(20,40,80,0.06);
  padding: .35rem 0;
}

.brand-logo {
  width:38px; height:38px;
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg,var(--accent),var(--primary));
  color:#fff;
  border-radius:8px;
  font-weight:700;
  font-size:16px;
}

/* Register button wrapper */
.nav-item.ms-3 {
  background: linear-gradient(90deg, #d9de8a, #5fbae1);
  padding: 4px 6px;
  border-radius: 14px;
}

/* Register Button */
.btn-register {
  background:#fff !important;
  color:#0a2342 !important;
  font-weight:700;
  padding:8px 18px;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(0,0,0,0.15);
}


/* Keep menu centered */
.my-nav-links {
  text-align: center;
}

/* Center text inside UL */
.my-nav-links .nav-item {
  display: inline-block;
  margin: 0 10px;
}


/* Gradient Background */
.navbar .dropdown-menu {
  background: linear-gradient(135deg, #102030, #1c3c60);
  border-radius: 14px;
  border: none;
}

.navbar .dropdown-item {
  color: #fff;
  padding: 10px 18px;
}

.navbar .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #d8ff6f;
}



/* --------------------------------------------------
   HERO SECTION (NEW 2025 STYLE)
-------------------------------------------------- */
.hero-updated {
  padding:80px 0 100px;
  background: linear-gradient(90deg, #f9fff6 20%, #eae9be 60%);
}

.hero-badge {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 18px;
  background:linear-gradient(90deg, #d9de8a, #5fbae1);
  border-radius:22px;
  font-weight:500;
  font-size:0.98rem;
  box-shadow:0 8px 20px rgba(0,0,0,0.05);
  margin-bottom:22px;
}

.hero-badge .dot {
  width:9px; height:9px;
  background:#34d058;
  border-radius:50%;
}

.hero-heading {
  font-size:64px;
  font-weight:620;
  color:#0a2342;
  line-height:1.05;
}

.hero-heading .ai-text {
  background: linear-gradient(90deg, #32d87a, #8be33f);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero-subtext {
  margin-top:16px;
  font-size:1.2rem;
  max-width:780px;
  color:#6c7a8a;
  margin-left:auto; margin-right:auto;
}

.hero-meta {
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  margin-top:28px;
}

.meta-box {
  background:linear-gradient(90deg, #d9de8a, #5fbae1);
  padding:10px 20px;
  border-radius:40px;
  font-weight:600;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

/* Hero Buttons */
.hero-buttons {
  margin-top:40px;
  display:flex;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
}

.hero-btn-primary {
  background: linear-gradient(30deg, #32d87a, #8be33f);
  color:#070000 !important;
  padding:12px 28px;
  border-radius:50px;
  font-weight:500;
  box-shadow:0 12px 35px rgba(42,240,190,0.25);
  transition:all 0.3s ease-in-out;
}

.hero-btn-primary:hover {
  transform:translateY(-5px);
  box-shadow:0 20px 45px rgba(42,240,190,0.40);
  filter:brightness(1.15);
}

.hero-btn-outline {
  border:2px solid #d3e3da;
  padding:12px 28px;
  border-radius:50px;
  font-weight:500;
  color:#02145c;
  transition:all 0.3s ease-in-out;
}

.hero-btn-outline:hover {
  transform:translateY(-5px);
  box-shadow:0 20px 45px rgba(0, 0, 0, 0.18);
  background:linear-gradient(30deg, #32d87a, #8be33f);
  color:#000 !important;
  border-color:transparent;
  filter:brightness(1.05);
}




/* HERO LOGO */
.hero-logo {
  margin-bottom: 20px;
}

.hero-logo-img {
  max-width: 380px;
  width: 100%;
}

/* Small Badge inside Meta */
.hero-small-badge {
  background: linear-gradient(90deg, #d9de8a, #5fbae1);
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.hero-small-badge .dot {
  width: 8px;
  height: 8px;
  background: #358cf9;
  border-radius: 50%;
  display: inline-block;
}











/* Responsive Hero */
@media(max-width:768px) {
  .hero-heading { font-size:42px; }
  .hero-meta { flex-direction:column; }
}


/* --------------------------------------------------
   STATS BOX (1 ROW)
-------------------------------------------------- */
.stats-area {
  padding:60px 0;
}

.stats-box {
  background:linear-gradient(120deg, #f9fff6, #ffffff, #f7e55a33);
  border-radius:20px;
  box-shadow:0 12px 35px rgba(0,0,0,0.08);
  padding:35px 20px;
  display:flex;
  justify-content:space-between;
  gap:25px;
  flex-wrap:wrap;
}

.stats-count {
  text-align:center;
  flex:1;
  min-width:130px;
}

.stats-count h3 {
  font-size:42px;
  font-weight:700;
  background:linear-gradient(90deg, #32d87a, #1b6788, #cebc35);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.stats-count p {
  margin:0;
  font-size:15px;
  font-weight:600;
  color:#0a2342;
}

/* Responsive */
@media(max-width:768px) {
  .stats-box { padding:25px 15px; gap:20px; }
  .stats-count h3 { font-size:32px; }
}


/* --------------------------------------------------
   ABOUT SECTION (NEW STYLE)
-------------------------------------------------- */
.about-section {
  padding:80px 0;
  background:#f9fcff;
}

.about-heading {
  font-size:32px;
  font-weight:700;
  color:#0a2342;
}

.about-heading .accent {
  background:linear-gradient(90deg, #32d87a, #5fbae1);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.about-text {
  color:#6c7a8a;
  font-size:1rem;
  line-height:1.7;
}

/* Feature Cards */

.icon-wrap {
  width:44px; height:44px;
  border-radius:12px;
  background:linear-gradient(90deg, #32d87a, #f7e55a);
  display:flex; justify-content:center; align-items:center;
  color:#0a2342;
  font-size:18px;
}


.about-feature-box {
  background: #ffffff;
  border-radius: 14px;
  padding: 18px 16px;
  border: 1.5px solid rgba(0, 0, 0, 0.08);  /* Same border as focus */
  box-shadow: 0 10px 25px rgba(0,0,0,0.04); /* Same shadow */
  transition: all 0.3s ease;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

/* Hover animation (matches focus-section) */
.about-feature-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.10);
  border-color: #32d87a; /* Green accent */
}

/* Icon styling */
.about-feature-box i {
  font-size: 24px;
  color: #32d87a;
  width: 46px;
  height: 46px;
  border-radius: 10px;
  background: rgba(50, 216, 122, 0.12); /* Soft green icon background */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Typography */
.about-feature-box h6 {
  margin: 0;
  font-weight: 700;
  color: #0a2342;
}

.about-feature-box p {
  margin: 0;
  color: #6c7a8a;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Cleaner Icon Style for About Section */
.new-icon-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
}

/* Line Icons */
.new-icon-box i {
  font-size: 26px;
  color: #0a2342;
  width: 40px;
  text-align: center;
  opacity: 0.9;
}




/* Right Image Card */
.about-image-wrapper {
  position:relative;
  overflow:hidden;
  border-radius:16px;
  box-shadow:none;
}

.about-image-wrapper img {
  width:100%;
  height: auto;
}

/* .focus-badge {
  position:absolute;
  top:14px; right:14px;
  background:#fff;
  padding:6px 14px;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  color:#0a2342;
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
  text-align:center;
} */
/* 
.img-caption {
  position:absolute;
  bottom: 0%;
  width:100%;
  padding:10px;
  background:rgba(0,0,0,0.4);
  color:#fff;
}

.img-caption h5 {
  margin:10;
  font-weight:700;
}

.img-caption p {
  margin:20;
  font-size:0.85rem;
}
 */


/* --------------------------------------------------
   SIMPLE REVEAL ANIMATION
-------------------------------------------------- */
.reveal {
  opacity:0;
  transform:translateY(18px);
  transition: all .7s cubic-bezier(.2,.9,.2,1);
}
.reveal.in-view {
  opacity:1;
  transform:none;
}


/* --------------------------------------------------
   RESPONSIVE UTILITIES
-------------------------------------------------- */
@media (max-width: 991px){
  .hero-title { font-size:36px; }
  .main-speaker-img { width:100px; height:100px; }
}

@media (max-width: 575px){
  .hero-title { font-size:28px; }
  .btn-cta, .btn-outline-cta { width:100%; }
}



/* -----------------------------------
   FOCUS AREA SECTION (CLEAN + BORDER)
------------------------------------- */

#focus {
  margin-top: 70px; /* extra spacing from about section */
}

.focus-box {
  background: #ffffff;
  border-radius: 14px;
  padding: 22px 20px;
  border: 2.5px solid rgba(0, 0, 0, 0.08);  /* clean border */
  box-shadow: 0 10px 25px rgba(0,0,0,0.04);
  transition: all 0.3s ease;
  height: 100%;
}

/* Hover effect */
.focus-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.10);
  border-color: #32d87a;
}

/* Heading inside box */
.focus-box h6 {
  margin: 0 0 8px 0;
  font-weight: 700;
  color: #0a2342;
}

/* Text inside box */
.focus-box p {
  margin: 0;
  color: #6c7a8a;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Responsive */
@media(max-width: 768px) {
  #focus {
    margin-top: 50px;
  }
  .focus-box {
    padding: 18px;
  }
}



/* ----------------------------------------------------
   WHO SHOULD ATTEND 
----------------------------------------------------- */


.attend-section {
  background: #f9fcff;  
  padding-top: 60px; 
}

/* Boxes */
.attend-box {
  background: #ffffff;
  padding: 22px 20px;
  border-radius: 14px;
  border: 1.5px solid rgba(0,0,0,0.08);        /* soft border like Focus/ About */
  box-shadow: 0 10px 25px rgba(0,0,0,0.04);    /* soft shadow */
  transition: all 0.3s ease;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 110px;       /* equal height boxes */
}

/* Hover effect (same as other sections) */
.attend-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.10);
  border-color: #32d87a;
}

/* Title inside box */
.attend-box h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #0a2342;
  line-height: 1.45;
}

/* Responsive */
@media(max-width: 768px) {
  .attend-box {
    min-height: 90px;
    padding: 18px;
  }
}



/* --------------------------------------------
   INDUSTRY PARTICIPATION SECTION (FULL CSS)
--------------------------------------------- */
/* Box styling */
.attend-box {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 25px 20px;
  text-align: center;

  /* THE FIX → Makes icon stay at top */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  height: 100%;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* Hover effect */
.attend-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* ICON TOP (centered) */
.attend-icon-fa {
  font-size: 42px;
  margin-bottom: 14px;
  background: linear-gradient(90deg, #32d87a, #5fbae1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Ensures icon stays at top-center */
  display: block;
}

/* Text below icon */
.attend-box h6 {
  font-size: 15px;
  font-weight: 600;
  color: #0a2342;
  margin-top: 5px;
  line-height: 1.4;
}



/* Past Speakers Section */
#past-speakers {
  background: var(--soft);   /* same as Key Focus Area */
  border-top: 1px solid rgba(0,0,0,0.04);
  border-bottom: 1px solid rgba(0,0,0,0.04);
}

/* Speaker Card */
.speaker-card {
  background: #ffffff;
  padding: 20px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.speaker-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 38px rgba(0,0,0,0.12);
}

.speaker-card img {
  width: 100%;
  height: 220px;
  border-radius: 12px;
  object-fit: cover;
  margin-bottom: 15px;
}

/* Speaker Name */
.speaker-card h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0a2342;
  margin-bottom: 6px;
}

/* Designation */
.speaker-card p {
  font-size: 0.9rem;
  color: #6c7a8a;
  margin: 0;
}

/* Swiper Arrows */
.custom-nav {
  color: #0a2342 !important;
  font-size: 28px !important;
}

.swiper-button-prev,
.swiper-button-next {
  top: 45%;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: var(--accent) !important;
}



/* Past Partners Section Styling */

.partner-card {
  background: linear-gradient(90deg, #32d87a, #5fbae1);
  padding: 5px;
  border-radius: 2px;
  text-align: center;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.partner-card img {
  width: 100%;
  height: 100px;
  object-fit: contain;
  filter: grayscale(40%);
  transition: 0.3s ease;
}

.partner-card:hover {
  transform: translateY(-6px);
}

.partner-card:hover img {
  filter: grayscale(0%);
}

/* Navigation arrows same as speaker slider */
.past-partners-slider .swiper-button-prev,
.past-partners-slider .swiper-button-next,
.partners-prev,
.partners-next {
  color: #0c764b;
}

/* Background */
.bg-soft {
  background: #f6f9fc;
}





/* CONTACT SECTION */
.contact-section {
  background: linear-gradient(135deg, #d8ff6f20, #358cf920);
  padding-top: 60px;
  padding-bottom: 60px;
}

.contact-subtext {
  color: #444;
  font-size: 16px;
}

/* Contact Box Layout */
.contact-box {
  display: flex;
  gap: 20px;
  background: rgba(255, 255, 255, 0.25);
  padding: 25px;
  border-radius: 14px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease;
}

/* ICON LEFT */
.contact-icon {
  min-width: 65px;
  height: 65px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--accent);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.contact-icon i {
  font-size: 28px;
  color: var(--accent);
}

/* TEXT RIGHT */
.contact-info h5 {
  font-size: 18px;
  font-weight: 700;
  color: #8a1111;
  margin-bottom: 8px;
}

.contact-info .name {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-bottom: 6px;
}

.contact-info .phone,
.contact-info .email {
  font-size: 15px;
  color: #222;
  margin-bottom: 4px;
}

.contact-info i {
  margin-right: 6px;
  color: var(--accent);
}

/* Hover effect */
.contact-box:hover {
  transform: translateY(-5px);
  border-color: var(--accent);
  background: rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 30px rgba(0,0,0,0.12);
}

/* Mobile Fix */
@media (max-width: 576px) {
  .contact-box {
    flex-direction: column;
    text-align: left;
  }

  .contact-icon {
    margin-bottom: 10px;
  }
}



/* WHY ATTEND SECTION */
.why-attend-section {
  background: linear-gradient(135deg, #d8ff6f20, #358cf920);
  padding-top: 70px;
  padding-bottom: 70px;
  border-radius: 12px;
}

.why-img-wrapper {
  text-align: center;
}

.why-img {
  width: 100%;
  max-width: 320px;
  border-radius: 14px;
  box-shadow: none;
}

.why-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.why-list li {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  font-size: 16px;
  margin-bottom: 18px;
  color: #222;
  font-weight: 500;
}

.why-list li i {
  font-size: 20px;
  color: #358cf9;
  margin-top: 3px;
}





/* ================================
   NAFCON LOYALTY PROGRAM SECTION
================================ */


#loyalty-program {
  background: #eff0ed;
}

#loyalty-program .about-heading {
  margin-top: 40px;
}


.loyalty-section {
  position: relative;
}

/* Tagline */
.loyalty-tagline {
  font-size: 18px;
  font-weight: 600;
  color: #0a2342;
  margin-bottom: 36px;
}

/* Highlight line */
.loyalty-highlight {
  font-weight: 600;
  color: #0a2342;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Image animation (NO background used) */
.loyalty-image-wrapper img {
  animation: floatImage 6s ease-in-out infinite;
}

@keyframes floatImage {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-12px); }
  100% { transform: translateY(0); }
}


/* Responsive */
@media (max-width: 991px) {
  .loyalty-section {
    text-align: center;
  }

  .loyalty-highlight {
    justify-content: center;
  }
}




/* --------------------------------------------
   HOW TO WIN SECTION
--------------------------------------------- */
.how-to-win-section {
  background: transparent; /* keeps NAFCON flow */
}

/* Subheading */
.how-subheading {
  font-size: 15px;
  font-weight: 500;
  color: #5f6f86;
}

/* HOW BOX */
.how-box {
  background: #e8f6ec;
  border-radius: 16px;
  padding: 28px 22px;
  text-align: center;

  height: 100%;
  min-height: 170px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);

  transition: all 0.3s ease-in-out;
}

/* Hover effect */
.how-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* Box title */
.how-box h6 {
  font-size: 18px;
  font-weight: 700;
  color: #940404;
  margin-bottom: 10px;
}

/* Box text */
.how-box p {
  font-size: 16px;
  color: #01060e;
  line-height: 1.5;
  margin-bottom: 0;
}

/* Footer text */
.how-footer-text p {
  font-size: 15px;
  color: #0a2342;
}

/* Responsive */
@media (max-width: 575px) {
  .how-subheading {
    font-size: 14px;
  }

  .how-box {
    min-height: auto;
  }
}




/* --------------------------------------------
   SPEAKERS SECTION
--------------------------------------------- */
/* --------------------------------------------
   SPEAKERS SECTION
--------------------------------------------- */
.speakers-section {
  background: transparent;
}

/* Subtext */
.section-subtext {
  font-size: 14px;
  color: #5f6f86;
  margin-top: 6px;
}

/* Speaker Card */
.speaker-card {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  text-align: center;
  height: 100%;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  transition: all 0.3s ease-in-out;
}

/* Hover */
.speaker-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 35px rgba(0,0,0,0.12);
}

/* Image wrapper (SMALLER) */
.speaker-img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* Image */
.speaker-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* Hover zoom */
.speaker-card:hover .speaker-img img {
  transform: scale(1.06);
}

/* Info */
.speaker-info {
  padding: 14px 12px 18px;
}

/* Name */
.speaker-info h6 {
  font-size: 15px;
  font-weight: 700;
  color: #0a2342;
  margin-bottom: 3px;
}

/* Designation */
.speaker-info .designation {
  font-size: 13px;
  font-weight: 500;
  color: #32d87a;
  margin-bottom: 2px;
}

/* Company */
.speaker-info .company {
  font-size: 12.5px;
  font-weight: 500;
  color: #5f6f86;
  margin-bottom: 0;
}

/* Mobile */
@media (max-width: 575px) {
  .speaker-img {
    height: 180px;
  }
}





/* =========================================================
   OUR PARTNERS FOR 2026
========================================================= */

#partners-2026 {
  padding: 80px 0 70px;   /* vertical spacing */
  margin-top: 40px;      /* gap from previous section */
}

/* ---------------------------------------------------------
   SECTION HEADING
--------------------------------------------------------- */
#partners-2026 .section-title {
  font-size: 36px;
  font-weight: 800;
  color: #0a2342; /* NAFCON dark blue */
  text-align: center;
  margin-bottom: 10px;
}

#partners-2026 .section-subtitle {
  font-size: 15px;
  color: #5f6f86;
  text-align: center;
  margin-bottom: 55px;
}

/* ---------------------------------------------------------
   CATEGORY LABELS
--------------------------------------------------------- */
#partners-2026 .section-subtext {
  font-size: 16px;
  font-weight: 600;
  color: #0a2342;
  margin-bottom: 14px;
}

/* ---------------------------------------------------------
   PARTNER LOGO BOX 
--------------------------------------------------------- */
#partners-2026 .partner-card {
  background: transparent; 
  padding: 3px;

  min-height: 100px;
  max-width: 200px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  /* Thin gradient border */
  border: 1.5px solid transparent;
  background-image:
    linear-gradient(transparent, transparent),
    linear-gradient(90deg, #32d87a, #5fbae1);
  background-origin: border-box;
  background-clip: padding-box, border-box;

  transition: all 0.3s ease-in-out;
}

/* Hover effect */
#partners-2026 .partner-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
}

/* ---------------------------------------------------------
   LOGO IMAGE
--------------------------------------------------------- */
#partners-2026 .partner-card img {
  max-width: 280px;
  max-height: 140px;
  object-fit: contain;
}

/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */
@media (max-width: 991px) {
  #partners-2026 {
    padding: 60px 0;
  }

  #partners-2026 .section-title {
    font-size: 30px;
  }

  #partners-2026 .section-subtitle {
    margin-bottom: 40px;
  }
}

@media (max-width: 575px) {
  #partners-2026 .section-title {
    font-size: 26px;
  }

  #partners-2026 .partner-card {
    min-height: 120px;
    padding: 22px;
  }

  #partners-2026 .partner-card img {
    max-width: 150px;
  }
}