/* Container */

.expo-objective {

  font-family: "Segoe UI", sans-serif;

}



.container {

  max-width: 1200px;

  margin: auto;

}



/* Dark Section */

.objective-dark {

  background: linear-gradient(135deg, #0f3d2e, #1f6f4a);

  padding: 70px 30px;

  color: #ffffff;

  text-align: center;

}



.section-tag {

  display: inline-block;

  background: #d4a017;

  color: #000;

  padding: 6px 14px;

  font-size: 14px;

  font-weight: 600;

  border-radius: 20px;

  margin-bottom: 15px;

}



.objective-dark h2 {

  font-size: 36px;

  margin-bottom: 20px;

}



.objective-dark h2 span {

  color: #f5c542;

}



.objective-dark p {

  max-width: 900px;

  margin: 10px auto;

  font-size: 17px;

  line-height: 1.7;

  opacity: 0.95;

}



/* Light Section */

.objective-light {

  background: #f9f6ef;

  padding: 60px 30px;

}



.objective-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

  gap: 25px;

}



/* Cards */

.objective-card {

  background: #ffffff;

  padding: 30px 25px;

  border-radius: 14px;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

  transition: 0.3s ease;

  border-left: 5px solid #4caf50;

}



.objective-card:hover {

  transform: translateY(-8px);

}



.objective-card i {

  font-size: 36px;

  color: #4caf50;

  margin-bottom: 15px;

}



.objective-card h4 {

  font-size: 20px;

  margin-bottom: 10px;

  color: #2e2e2e;

}



.objective-card p {

  font-size: 15px;

  line-height: 1.6;

  color: #555;

}



.fi-objective {

  padding: 50px 18px;

}



/* Layout */

.fi-wrap {

  /* max-width: 1200px; */

  margin: 0 auto;

  display: grid;

  grid-template-columns: 1.1fr 0.9fr;

  border-radius: 22px;

  overflow: hidden;

  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.14);

}



/* LEFT: Dark */

.fi-left {
  background: linear-gradient(90deg, rgba(3, 84, 43, 0.92), rgba(16, 120, 69, 0.85), rgba(3, 84, 43, 0.92));
  /* background: url(../images/greenbg.jpg) no-repeat center center; */

  padding: 52px 46px;

  color: #fff;



  /* background: radial-gradient(

      900px 500px at 20% 10%,

      rgba(245, 197, 66, 0.22),

      transparent 55%

    ),

    radial-gradient(

      900px 520px at 90% 80%,

      rgba(76, 175, 80, 0.22),

      transparent 60%

    ),

    linear-gradient(135deg, #0b2f24, #114c37); */

}



.fi-badge {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  background: rgba(255, 255, 255, 0.1);

  border: 1px solid rgba(255, 255, 255, 0.18);

  padding: 8px 12px;

  border-radius: 999px;

  backdrop-filter: blur(8px);

  font-size: 14px;

}



.fi-left h2 {

  color: white;

  margin: 18px 0 12px;

  font-size: 40px;

  letter-spacing: 0.2px;

}



.fi-left h2 span {

  color: #f5c542;

}



.fi-left p {

  color: rgb(255, 255, 255);

  margin: 0 0 12px;

  line-height: 1.7;

  font-size: 18px;

  opacity: 0.95;

}



.fi-muted {

  opacity: 0.85;

}



/* mini chips */

.fi-mini {

  margin-top: 22px;

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

}



.fi-mini-item {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 10px 12px;

  border-radius: 12px;

  background: rgba(255, 255, 255, 0.1);

  border: 1px solid rgba(255, 255, 255, 0.16);

  font-size: 18px;

}



.fi-mini-item i {

  color: #f5c542;

}



/* RIGHT: Light */

.fi-right {

  background: #fbf7ef;

  /* wheat-ish */

  padding: 42px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.fi-card {

  width: 100%;

  background: rgba(255, 255, 255, 0.8);

  border: 1px solid rgba(0, 0, 0, 0.06);

  border-radius: 18px;

  padding: 28px;

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);

}



.fi-card-top {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 14px;

}



.fi-card-top i {

  font-size: 26px;

  color: #4caf50;

}



.fi-card-top h3 {

  margin: 0;

  font-size: 20px;

  color: #1e1e1e;

}



/* list */

.fi-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: grid;

  gap: 12px;

}



.fi-list li {

  display: flex;

  gap: 10px;

  align-items: flex-start;

  color: #000000;

  line-height: 1.5;

  font-size: 17px;

}



.fi-list i {

  margin-top: 3px;

  color: #2e7d32;

}



/* highlight strip */

.fi-highlight {

  margin-top: 15px;

  display: flex;

  gap: 10px;

  align-items: center;

  padding: 14px 14px;

  border-radius: 14px;

  background: linear-gradient(90deg,

      rgba(76, 175, 80, 0.16),

      rgba(245, 197, 66, 0.18));

  border: 1px solid rgba(0, 0, 0, 0.06);

}



.fi-highlight i {

  color: #8a6a00;

  margin-top: 2px;

}



.fi-highlight p {

  margin: 0;

  font-size: 18px;

  color: #2a2a2a;

  line-height: 1.5;

}



/* Responsive */

@media (max-width: 900px) {

  .fi-wrap {

    grid-template-columns: 1fr;

  }



  .fi-left {

    padding: 42px 26px;

  }



  .fi-right {

    padding: 26px;

  }



  .fi-left h2 {

    font-size: 32px;

  }

}

/* Animation Keyframes */

@keyframes fadeUp {

  from {

    opacity: 0;

    transform: translateY(25px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



/* Apply animation */

.fi-left h2 {

  animation: fadeUp 0.9s ease-out forwards;

}



.fi-left p {

  animation: fadeUp 1.1s ease-out forwards;

  animation-delay: 0.2s;

}

@keyframes softGlow {

  0% {

    text-shadow: 0 0 0 rgba(245, 197, 66, 0);

  }

  50% {

    text-shadow: 0 0 18px rgba(245, 197, 66, 0.6);

  }

  100% {

    text-shadow: 0 0 0 rgba(245, 197, 66, 0);

  }

}



.fi-left h2 span {

  animation: softGlow 3s ease-in-out infinite;

}

.fi-left p {

  overflow: hidden;

  position: relative;

}



.fi-left p::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(90deg, transparent, #114c37, #114c37);

  animation: reveal 1.3s ease forwards;

}



@keyframes reveal {

  0% {

    left: 0;

  }

  100% {

    left: 100%;

  }

}

.fi-mini-item i,

.fi-card-top i {

  transition: transform 0.3s ease;

}



.fi-mini-item:hover i,

.fi-card:hover i {

  transform: scale(1.15) rotate(-3deg);

}

.focus-areas {

  padding: 70px 18px;

  background: #fbf7ef;
  /* wheat light */

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

}



.fa-wrap {

  max-width: 1200px;

  margin: 0 auto;

}



.fa-head {

  text-align: center;

  margin-bottom: 28px;

}



.fa-head h2 {

  margin: 0 0 10px;

  font-size: 36px;

  color: #153428;

  letter-spacing: 0.2px;

}



.fa-head p {

  margin: 0;

  font-size: 16px;

  color: #4a4a4a;

}



/* Grid */

.fa-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 16px;

}



/* Item Card */

.fa-item {

  position: relative;

  background: rgba(255, 255, 255, 0.85);

  border: 1px solid rgba(0, 0, 0, 0.06);

  border-radius: 14px;

  padding: 22px 18px 20px;

  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);

  transition: transform 0.25s ease, box-shadow 0.25s ease;

  overflow: hidden;

}



/* Accent strip */

.fa-item::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 5px;

  background: linear-gradient(180deg, #4caf50, #f5c542);

}



/* Soft highlight blob */

.fa-item::after {

  content: "";

  position: absolute;

  right: -60px;

  top: -60px;

  width: 150px;

  height: 150px;

  background: radial-gradient(circle,

      rgba(245, 197, 66, 0.22),

      transparent 60%);

}



/* Number */

.fa-num {

  display: inline-block;

  font-weight: 800;

  font-size: 22px;

  color: #2e7d32;
  /* green */

  background: rgba(76, 175, 80, 0.1);

  border: 1px solid rgba(76, 175, 80, 0.18);

  padding: 6px 10px;

  border-radius: 10px;

  margin-bottom: 12px;

}



/* Title */

.fa-item h4 {

  margin: 0;

  font-size: 16px;

  line-height: 1.45;

  color: #1f1f1f;

}



/* Hover */

.fa-item:hover {

  transform: translateY(-5px);

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);

}



/* Responsive */

@media (max-width: 980px) {

  .fa-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 600px) {

  .fa-head h2 {

    font-size: 28px;

  }

  .fa-grid {

    grid-template-columns: 1fr;

  }

}

.fi-section {

  padding: 70px 18px;

  background: #fbf7ef;
  /* wheat light */

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

}



.fi-container {

  max-width: 1200px;

  margin: 0 auto;

}



.fi-header {

  text-align: center;

  margin-bottom: 26px;

}

.fi-header h2 {

  margin: 0 0 10px;

  font-size: 36px;

  color: #153428;

}

.fi-header p {

  margin: 0;

  color: #4a4a4a;

  font-size: 16px;

}



/* Split layout */

.fi-split {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 18px;

}



.fi-panel {

  background: rgba(255, 255, 255, 0.85);

  border: 1px solid rgba(0, 0, 0, 0.06);

  border-radius: 16px;

  padding: 22px 22px;

  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);

}



/* Slight different feel for right panel */

.fi-panel-alt {

  background: linear-gradient(180deg,

      rgba(255, 255, 255, 0.9),

      rgba(255, 255, 255, 0.78));

}



/* Pills */

.fi-pill {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  padding: 8px 12px;

  border-radius: 999px;

  font-weight: 700;

  font-size: 14px;

  color: #1f3d2b;

  background: rgba(76, 175, 80, 0.12);

  border: 1px solid rgba(76, 175, 80, 0.18);

}



.fi-pill.wheat {

  background: rgba(245, 197, 66, 0.2);

  border: 1px solid rgba(245, 197, 66, 0.28);

  color: #3a2b00;

}



.fi-panel-title {

  margin-bottom: 14px;

}



.fi-small {

  margin: 0 0 14px;

  color: #555;

  line-height: 1.6;

}



/* Checklist */

.fi-checklist {

  list-style: none;

  margin: 0;

  padding: 0;

  display: grid;

  gap: 10px;

}



.fi-checklist li {

  display: flex;

  gap: 10px;

  align-items: flex-start;

  padding: 10px 12px;

  border-radius: 12px;

  background: rgba(0, 0, 0, 0.02);

  border: 1px solid rgba(0, 0, 0, 0.04);

  color: #222;

  line-height: 1.5;

  transition: transform 0.2s ease, background 0.2s ease;

}



.fi-checklist li i {

  margin-top: 3px;

  color: #2e7d32;

}



.fi-checklist li:hover {

  transform: translateX(4px);

  background: rgba(76, 175, 80, 0.06);

}



/* Highlights features */

.fi-features {

  display: grid;

  gap: 12px;

}



.fi-feature {

  display: grid;

  grid-template-columns: 36px 1fr;

  gap: 12px;

  align-items: start;

  padding: 12px 12px;

  border-radius: 14px;

  border: 1px solid rgba(0, 0, 0, 0.05);

  background: rgba(255, 255, 255, 0.7);

  transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.fi-feature i {

  font-size: 18px;

  color: #8a6a00;
  /* wheat accent */

  background: rgba(245, 197, 66, 0.22);

  border: 1px solid rgba(245, 197, 66, 0.22);

  width: 36px;

  height: 36px;

  display: grid;

  place-items: center;

  border-radius: 10px;

}



.fi-feature h4 {

  margin: 0 0 4px;

  font-size: 16px;

  color: #1f1f1f;

}



.fi-feature p {

  margin: 0;

  font-size: 14.5px;

  color: #555;

  line-height: 1.5;

}



.fi-feature:hover {

  transform: translateY(-3px);

  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);

}



/* Responsive */

@media (max-width: 980px) {

  .fi-split {

    grid-template-columns: 1fr;

  }

  .fi-header h2 {

    font-size: 30px;

  }

}



.fiexpo-badge {

  background: #198754;

  color: #fff;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  font-size: 0.75rem;

}

.fiexpo-title {

  color: #0f172a;

}

.fiexpo-subtitle {

  max-width: 820px;

  line-height: 1.8;

}



.fiexpo-card {

  border-radius: 18px;

}

.fiexpo-card-alt {

  background: linear-gradient(135deg, rgba(25, 135, 84, 0.07), #ffffff);

}



.fiexpo-item {

  margin-bottom: 20px;

  height: 90px;

  background: #1a618d;

  /* background: #fff; */

  border: 1px solid #e9ecef;

  border-radius: 14px;

  padding: 12px 12px;

  font-weight: 700;

  color: #ffffff;

  /* color: #0f172a; */

  display: flex;

  gap: 10px;



  align-items: center;

  transition: 0.2s ease;

}

.fiexpo-item:hover {

  transform: translateY(-2px);

  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.1);

  border-color: rgba(25, 135, 84, 0.45);

}

.fiexpo-ico {

  flex: 0 0 auto;

  width: 30px;

  height: 30px;

  border-radius: 10px;

  background: rgba(25, 135, 84, 0.12);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 16px;

  margin-top: 1px;

}



.fiexpo-hi {

  display: flex;

  gap: 12px;

  padding: 12px;

  border: 1px solid #e9ecef;

  border-radius: 14px;

  background: #fff;

  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);

  margin-bottom: 12px;

  transition: 0.2s ease;

}

.fiexpo-hi:hover {

  border-color: rgba(25, 135, 84, 0.45);

  transform: translateY(-2px);

  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);

}

.fiexpo-hi-ico {

  width: 42px;

  height: 42px;

  border-radius: 14px;

  background: #198754;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 18px;

  flex: 0 0 auto;

}



.fiexpo-callout {

  background: rgba(25, 135, 84, 0.1);

  border-left: 4px solid #198754;

  padding: 12px 12px;

  border-radius: 14px;

  color: #0f172a;

  font-weight: 600;

}



.expo-stats-section {

  background: linear-gradient(180deg, #f6fbf7 0%, #ffffff 100%);

}



/* Heading */

.stats-chip {

  display: inline-block;

  background: rgba(216, 156, 58, 0.18);

  color: #297739;

  border: 1px solid rgba(216, 156, 58, 0.45);

  font-size: 13px;

  font-weight: 800;

  letter-spacing: 1px;

  padding: 6px 16px;

  border-radius: 30px;

  margin-bottom: 10px;

}

.stats-title {

  font-size: 36px;

  font-weight: 900;

  color: #297739;

  margin-bottom: 6px;

}

.stats-subtitle {

  font-size: 16px;

  font-weight: 600;

  color: #865825;

}



/* Stat cards */

.stat-card {

  background: #fff;

  border-radius: 16px;

  padding: 22px 18px;

  text-align: center;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

  border: 1px solid rgba(41, 119, 57, 0.16);

  position: relative;

  overflow: hidden;

  transition: all 0.3s ease;

}

.stat-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 5px;

  background: linear-gradient(90deg, #297739, #d89c3a);

}

.stat-card:hover {

  transform: translateY(-6px);

}

.stat-icon {

  font-size: 26px;

  margin-bottom: 8px;

}

.stat-number {

  font-size: 34px;

  font-weight: 900;

  color: #297739;

  line-height: 1.1;

}

.plus {

  color: #d89c3a;

  font-weight: 900;

  margin-left: 2px;

}

.stat-label {

  margin-top: 6px;

  font-size: 15px;

  font-weight: 800;

  color: #222;

}



/* Days Left */

.days-left-box {

  background: #297739;

  border-radius: 18px;

  padding: 26px 18px;

  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);

  border: 2px solid rgba(216, 156, 58, 0.45);

}

.days-left-title {

  color: #ffffff;

  font-weight: 900;

  letter-spacing: 1px;

  text-transform: uppercase;

  font-size: 14px;

  margin-bottom: 6px;

}

.days-left-number {

  font-size: 56px;

  font-weight: 900;

  color: #d89c3a;

  line-height: 1;

}

.days-left-note {

  margin-top: 6px;

  color: #f3e6c8;

  font-weight: 700;

  font-size: 14.5px;

}



@media (max-width: 768px) {

  .stats-title {

    font-size: 26px;

  }

  .days-left-number {

    font-size: 46px;

  }

}

.why-section {

  background: linear-gradient(180deg, #f6fbf7 0%, #ffffff 100%);

}



/* Heading */

.ws-chip {

  display: inline-block;

  background: rgba(216, 156, 58, 0.18);

  color: #297739;

  border: 1px solid rgba(216, 156, 58, 0.45);

  font-size: 13px;

  font-weight: 800;

  letter-spacing: 1px;

  padding: 6px 16px;

  border-radius: 30px;

  margin-bottom: 10px;

}

.ws-title {

  font-size: 34px;

  font-weight: 900;

  color: #297739;

  margin-bottom: 6px;

}

.ws-subtitle {
text-align: center;
  font-size: 16px;

  font-weight: 600;

  color: #865825;

}



/* Cards */

.ws-card {

  background: #fff;

  border-radius: 16px;

  overflow: hidden;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

  border: 1px solid rgba(41, 119, 57, 0.16);

  height: 100%;

}



.ws-card-head {

  background: #1f5f33;

  padding: 16px 18px;

  position: relative;

}

.ws-card-head::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 4px;

  background: #d89c3a;

}



.ws-card-title {

  margin: 0;

  color: #fff;

  font-size: 20px;

  font-weight: 900;

}



.ws-card-body {

  padding: 18px 18px 10px;

}



/* Variants */

.ws-card-gold .ws-card-head {

  background: #865825;

}

.ws-card-green .ws-card-head {

  background: #297739;

}



/* List with check marks (no squares) */

.ws-list {

  list-style: none;

  padding-left: 0;

  margin: 0;

}

.ws-list li {

  position: relative;

  padding-left: 28px;

  margin-bottom: 12px;

  font-size: 15.5px;

  font-weight: 700;

  color: #1f2b22;

  line-height: 1.45;

}

.ws-list li::before {

  content: "✓";

  position: absolute;

  left: 0;

  top: 0;

  width: 20px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  border-radius: 6px;

  background: rgba(216, 156, 58, 0.22);

  color: #297739;

  font-weight: 900;

}



/* Buttons */

.ws-btn {
  font-size: 18px;
  background: #297739;

  color: #fff;

  font-weight: 900;
  padding: 16px 72px;

  border-radius: 10px;

  border: 2px solid #297739;

}

.ws-btn:hover {

  background: #1f5f33;

  color: #fff;

}



.ws-btn-outline {
  font-size: 18px;

  background: transparent;

  color: #297739;

  font-weight: 900;

  padding: 16px 72px;

  border-radius: 10px;

  border: 2px solid #d89c3a;

}

.ws-btn-outline:hover {

  background: #d89c3a;

  color: #1f3b28;

}



/* Responsive */

@media (max-width: 768px) {

  .ws-title {

    font-size: 26px;

  }

}

.pro-info-section {

  background: #ffffff;

}



/* Heading */

.pro-kicker {

  display: inline-block;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1.2px;

  color: #297739;

  background: rgba(41, 119, 57, 0.08);

  border: 1px solid rgba(41, 119, 57, 0.18);

  padding: 6px 14px;

  border-radius: 999px;

  margin-bottom: 10px;

}

.pro-title {

  font-size: 34px;

  font-weight: 900;

  color: #123b25;

  margin-bottom: 6px;

}

.pro-subtitle {

  font-size: 16px;

  font-weight: 600;

  color: #5a5a5a;

}



/* Cards */

.pro-card {

  background: #fff;

  border-radius: 14px;

  border: 1px solid rgba(0, 0, 0, 0.08);

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);

  height: 100%;

  overflow: hidden;

}



.pro-card-head {

  padding: 16px 18px;

  background: #f7fbf8;

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

  position: relative;

}

.pro-card-head::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 4px;

  background: linear-gradient(90deg, #297739 0%, #d89c3a 100%);

}



.pro-card-title {

  margin: 0;

  font-size: 18px;

  font-weight: 900;

  color: #123b25;

}



.pro-card-body {

  padding: 16px 18px 10px;

}



/* Featured middle card (subtle highlight) */

.pro-card-feature {

  border-color: rgba(41, 119, 57, 0.22);

  box-shadow: 0 14px 30px rgba(41, 119, 57, 0.1);

}



/* List */

.pro-list {

  list-style: none;

  padding: 0;

  margin: 0;

}

.pro-list li {

  position: relative;

  padding-left: 26px;

  margin-bottom: 12px;

  font-size: 15.5px;

  line-height: 1.5;

  color: #2b2b2b;

  font-weight: 600;

}



/* Minimal tick (no emoji) */

.pro-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 6px;

  width: 14px;

  height: 14px;

  border-radius: 4px;

  border: 1px solid rgba(41, 119, 57, 0.35);

  background: rgba(216, 156, 58, 0.12);

}

.pro-list li::after {

  content: "";

  position: absolute;

  left: 4px;

  top: 10px;

  width: 6px;

  height: 3px;

  border-left: 2px solid #297739;

  border-bottom: 2px solid #297739;

  transform: rotate(-45deg);

}



/* Buttons */

.pro-btn {

  background: #297739;

  color: #fff;

  font-weight: 800;

  padding: 10px 16px;

  border-radius: 10px;

  border: 2px solid #297739;

}

.pro-btn:hover {

  background: #1f5f33;

  color: #fff;

}



.pro-btn-outline {

  background: transparent;

  color: #297739;

  font-weight: 800;

  padding: 10px 16px;

  border-radius: 10px;

  border: 2px solid #d89c3a;

}

.pro-btn-outline:hover {

  background: #d89c3a;

  color: #123b25;

}



@media (max-width: 768px) {

  .pro-title {

    font-size: 26px;

  }

}

.mix-section {

  background: #fff;

}



/* Heading */

.mix-kicker {

  display: inline-block;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1.2px;

  color: #297739;

  background: rgba(41, 119, 57, 0.08);

  border: 1px solid rgba(41, 119, 57, 0.18);

  padding: 6px 14px;

  border-radius: 999px;

  margin-bottom: 10px;

}

.mix-title {

  font-size: 34px;

  font-weight: 900;

  color: #123b25;

  margin-bottom: 6px;

}

.mix-subtitle {

  font-size: 16px;

  font-weight: 600;

  color: #5a5a5a;

}



/* Shared */

.panel-title {

  font-size: 18px;

  font-weight: 900;

  margin: 0;

}

.panel-note {

  margin: 6px 0 0;

  font-size: 13.5px;

  font-weight: 600;

  color: #6b6b6b;

}



/* =======================

   1) Benefits (Style A)

======================= */

.benefit-panel {

  height: 100%;

  background: #ffffff;

  border-radius: 14px;

  border: 1px solid rgba(0, 0, 0, 0.08);

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);

  overflow: hidden;

  position: relative;

}

.benefit-panel::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 6px;

  height: 100%;

  background: linear-gradient(180deg, #297739 0%, #d89c3a 100%);

}

.benefit-head {

  padding: 16px 18px 10px 22px;

}

.benefit-list {

  list-style: none;

  padding: 0 18px 16px 22px;

  margin: 0;

}

.benefit-list li {

  position: relative;

  padding-left: 22px;

  margin-bottom: 10px;

  font-size: 15px;

  color: #2b2b2b;

  font-weight: 600;

  line-height: 1.5;

}

.benefit-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 7px;

  width: 10px;

  height: 10px;

  border-radius: 3px;

  background: rgba(216, 156, 58, 0.28);

  border: 1px solid rgba(41, 119, 57, 0.35);

}



/* =======================

   2) Why Attend (Style B)

======================= */

.attend-panel {

  height: 100%;

  border-radius: 16px;

  overflow: hidden;

  background: linear-gradient(180deg, #1d4d33 0%, #0f2b1e 100%);

  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);

  border: 1px solid rgba(216, 156, 58, 0.28);

}

.attend-head {

  padding: 16px 18px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.attend-facts {

  padding: 14px 18px 0;

  display: flex;

  gap: 10px;

}

.fact {

  flex: 1;

  background: rgba(255, 255, 255, 0.06);

  border: 1px solid rgba(216, 156, 58, 0.22);

  border-radius: 12px;

  padding: 12px 10px;

  text-align: center;

}

.fact-num {

  color: #d89c3a;

  font-size: 22px;

  font-weight: 900;

  line-height: 1.1;

}

.fact-label {

  color: #e9f3ed;

  font-size: 12.5px;

  font-weight: 700;

}

.attend-list {

  list-style: none;

  padding: 12px 18px 0;

  margin: 0;

}

.attend-list li {

  position: relative;

  padding-left: 18px;

  margin-bottom: 10px;

  color: #f3f7f4;

  font-size: 14.8px;

  font-weight: 600;

  line-height: 1.5;

}

.attend-list li::before {

  content: "•";

  position: absolute;

  left: 0;

  top: 0;

  color: #d89c3a;

  font-weight: 900;

}

.attend-cta {

  padding: 0 18px 18px;

}

.attend-btn {

  background: #d89c3a;

  color: #1a2f23;

  font-weight: 900;

  border-radius: 10px;

  padding: 10px 16px;

  border: 2px solid #d89c3a;

}

.attend-btn:hover {

  background: #c98b2d;

  color: #1a2f23;

}



/* =======================

   3) Attractions (Style C)

======================= */

.attraction-panel {

  height: 100%;

  background: #fbfcfb;

  border-radius: 14px;

  border: 1px solid rgba(41, 119, 57, 0.18);

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);

  padding: 16px 18px 18px;

}

.attraction-head {

  padding-bottom: 10px;

  border-bottom: 1px dashed rgba(41, 119, 57, 0.25);

  margin-bottom: 14px;

}

.pill-wrap {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

}

.pill {

  display: inline-block;

  padding: 8px 12px;

  border-radius: 999px;

  background: #ffffff;

  border: 1px solid rgba(216, 156, 58, 0.45);

  color: #297739;

  font-size: 13.5px;

  font-weight: 800;

}

.attraction-btn {

  background: transparent;

  color: #297739;

  border: 2px solid rgba(41, 119, 57, 0.35);

  font-weight: 900;

  border-radius: 10px;

  padding: 10px 14px;

}

.attraction-btn:hover {

  background: rgba(41, 119, 57, 0.08);

  color: #297739;

}



/* Responsive */

@media (max-width: 768px) {

  .mix-title {

    font-size: 26px;

  }

  .attend-facts {

    flex-direction: column;

  }

}



.fie-section {

  position: relative;

  padding: clamp(36px, 5vw, 70px) 16px;

  background: radial-gradient(900px 450px at 10% 10%,

      rgba(34, 197, 94, 0.18),

      transparent 55%),

    radial-gradient(900px 450px at 90% 0%,

      rgba(56, 189, 248, 0.14),

      transparent 55%),

    linear-gradient(180deg, #0b1220 0%, #0a0f1a 100%);

  color: #eaf0ff;

  overflow: hidden;

}

.fie-wrap {

  max-width: 1180px;

  margin: 0 auto;

}

.fie-head {

  max-width: 860px;

  margin: 0 auto 26px auto;

  text-align: center;

}

.fie-badge {

  display: inline-flex;

  gap: 10px;

  align-items: center;

  padding: 8px 12px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 999px;

  background: rgba(255, 255, 255, 0.06);

  backdrop-filter: blur(8px);

  font-weight: 600;

  letter-spacing: 0.2px;

}

.fie-badge .dot {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background: rgba(34, 197, 94, 0.95);

  box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.18);

}

.fie-title {

  margin: 14px 0 8px;

  font-size: clamp(26px, 3.2vw, 44px);

  line-height: 1.12;

  letter-spacing: -0.6px;

}

.fie-sub {

  margin: 0 auto;

  color: rgba(234, 240, 255, 0.78);

  font-size: 1.05rem;

  line-height: 1.6;

}



.fie-grid {

  display: grid;

  grid-template-columns: 1.02fr 0.98fr;

  gap: 18px;

  margin-top: 22px;

}



.fie-card {

  border-radius: 22px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  background: rgba(255, 255, 255, 0.06);

  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);

  backdrop-filter: blur(10px);

  padding: 20px;

  position: relative;

  overflow: hidden;

}



.fie-card:before {

  content: "";

  position: absolute;

  inset: -2px;

  background: radial-gradient(600px 220px at 20% 0%,

      rgba(34, 197, 94, 0.15),

      transparent 55%);

  pointer-events: none;

}



.fie-cardAlt:before {

  background: radial-gradient(600px 220px at 80% 0%,

      rgba(56, 189, 248, 0.16),

      transparent 55%);

}



.fie-cardTop {

  position: relative;

  display: flex;

  gap: 14px;

  align-items: center;

  margin-bottom: 12px;

}



.fie-ico {

  width: 46px;

  height: 46px;

  border-radius: 16px;

  display: grid;

  place-items: center;

  border: 1px solid rgba(255, 255, 255, 0.14);

  background: rgba(34, 197, 94, 0.14);

}

.fie-ico.alt {

  background: rgba(56, 189, 248, 0.14);

}

.fie-ico svg {

  width: 26px;

  height: 26px;

  color: #eaf0ff;

}



.fie-cardTitle {

  margin: 0;

  font-size: 1.3rem;

  letter-spacing: -0.2px;

}

.fie-cardSub {

  margin: 4px 0 0 0;

  color: rgba(234, 240, 255, 0.74);

  line-height: 1.45;

  font-size: 0.98rem;

}



.fie-chipRow {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin: 14px 0 10px;

}

.fie-chip {

  font-size: 0.86rem;

  padding: 7px 10px;

  border-radius: 999px;

  border: 1px solid rgba(255, 255, 255, 0.12);

  background: rgba(255, 255, 255, 0.05);

  color: rgba(234, 240, 255, 0.85);

}



.fie-list {

  position: relative;

  list-style: none;

  margin: 0;

  padding: 0;

  display: grid;

  gap: 10px;

}



.fie-list li {

  display: flex;

  gap: 10px;

  align-items: flex-start;

  padding: 10px 12px;

  border-radius: 14px;

  border: 1px solid rgba(255, 255, 255, 0.09);

  background: rgba(0, 0, 0, 0.12);

  color: rgba(234, 240, 255, 0.92);

  line-height: 1.45;

}



.tick {

  width: 18px;

  height: 18px;

  margin-top: 2px;

  border-radius: 6px;

  border: 1px solid rgba(255, 255, 255, 0.14);

  background: radial-gradient(12px 12px at 30% 30%,

      rgba(34, 197, 94, 0.9),

      rgba(34, 197, 94, 0.2));

  position: relative;

  flex: 0 0 18px;

}

.tick:after {

  content: "";

  position: absolute;

  left: 5px;

  top: 3px;

  width: 6px;

  height: 10px;

  border-right: 2px solid rgba(255, 255, 255, 0.95);

  border-bottom: 2px solid rgba(255, 255, 255, 0.95);

  transform: rotate(40deg);

}



.fie-highlights {

  position: relative;

  display: grid;

  gap: 12px;

  margin-top: 8px;

}



.fie-hItem {

  display: grid;

  grid-template-columns: 42px 1fr;

  gap: 12px;

  align-items: start;

  padding: 14px 14px;

  border-radius: 16px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  background: rgba(0, 0, 0, 0.12);

}

.fie-hIcon {

  width: 42px;

  height: 42px;

  border-radius: 14px;

  display: grid;

  place-items: center;

  border: 1px solid rgba(255, 255, 255, 0.14);

  background: rgba(255, 255, 255, 0.06);

}

.fie-hIcon svg {

  width: 22px;

  height: 22px;

  color: rgba(234, 240, 255, 0.95);

}

.fie-hItem h4 {

  margin: 0 0 4px 0;

  font-size: 1.06rem;

  letter-spacing: -0.2px;

}

.fie-hItem p {

  margin: 0;

  color: rgba(234, 240, 255, 0.75);

  line-height: 1.55;

  font-size: 0.96rem;

}



.fie-ctaRow {

  position: relative;

  display: flex;

  gap: 10px;

  flex-wrap: wrap;

  margin-top: 16px;

}

.fie-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 12px 14px;

  border-radius: 14px;

  border: 1px solid rgba(255, 255, 255, 0.14);

  background: rgba(255, 255, 255, 0.06);

  color: rgba(234, 240, 255, 0.92);

  text-decoration: none;

  font-weight: 700;

  letter-spacing: 0.2px;

  transition: transform 0.15s ease, background 0.15s ease,

    border-color 0.15s ease;

}

.fie-btn:hover {

  transform: translateY(-1px);

  border-color: rgba(255, 255, 255, 0.22);

  background: rgba(255, 255, 255, 0.09);

}

.fie-btn.primary {

  border-color: rgba(34, 197, 94, 0.25);

  background: linear-gradient(90deg,

      rgba(34, 197, 94, 0.95),

      rgba(16, 185, 129, 0.92));

  color: #081217;

}



/* Responsive */

@media (max-width: 980px) {

  .fie-grid {

    grid-template-columns: 1fr;

  }

  .fie-card {

    padding: 18px;

  }

}



/* Optional: Light background version (add class "light" on body) */

body.light .fie-section {

  background: radial-gradient(900px 450px at 10% 10%,

      rgba(34, 197, 94, 0.12),

      transparent 55%),

    radial-gradient(900px 450px at 90% 0%,

      rgba(56, 189, 248, 0.1),

      transparent 55%),

    linear-gradient(180deg, #f6f8ff 0%, #f2f6ff 100%);

  color: #0c1528;

}

body.light .fie-card,

body.light .fie-badge {

  background: rgba(255, 255, 255, 0.75);

  border-color: rgba(15, 23, 42, 0.12);

}

body.light .fie-sub,

body.light .fie-cardSub,

body.light .fie-hItem p {

  color: rgba(12, 21, 40, 0.72);

}

body.light .fie-list li,

body.light .fie-hItem {

  background: rgba(255, 255, 255, 0.65);

  border-color: rgba(15, 23, 42, 0.1);

}

body.light .fie-btn {

  background: rgba(255, 255, 255, 0.8);

  border-color: rgba(15, 23, 42, 0.12);

  color: rgba(12, 21, 40, 0.9);

}

.countdown-section {

  background: linear-gradient(180deg, #f6fbf7 0%, #ffffff 100%);

}



.cd-chip {

  display: inline-block;

  background: rgba(216, 156, 58, 0.18);

  color: #297739;

  border: 1px solid rgba(216, 156, 58, 0.45);

  font-size: 13px;

  font-weight: 800;

  letter-spacing: 1px;

  padding: 6px 16px;

  border-radius: 30px;

  margin-bottom: 10px;

}



.cd-title {

  font-size: 38px;

  font-weight: 900;

  color: #123b25;

  margin-bottom: 6px;

}



.cd-subtitle {

  font-size: 16px;

  font-weight: 600;

  color: #5a5a5a;

}



/* Countdown Card */

.cd-card {

  background: #ffffff;

  border-radius: 18px;

  overflow: hidden;

  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);

  border: 1px solid rgba(41, 119, 57, 0.18);

  position: relative;

}



.cd-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 5px;

  background: linear-gradient(90deg, #297739 0%, #d89c3a 100%);

}



/* Items */

.cd-item {

  padding: 22px 10px;

  border-right: 1px solid rgba(0, 0, 0, 0.06);

}

.cd-item-last {

  border-right: 0;

}



.cd-value {

  font-size: 40px;

  font-weight: 900;

  color: #297739;

  line-height: 1;

}



.cd-label {

  margin-top: 8px;

  font-size: 13px;

  font-weight: 800;

  letter-spacing: 0.6px;

  color: #865825;

  text-transform: uppercase;

}



/* Foot note */

.cd-foot {

  background: rgba(41, 119, 57, 0.06);

  padding: 10px 12px;

  font-size: 13.5px;

  font-weight: 700;

  color: #297739;

  border-top: 1px solid rgba(0, 0, 0, 0.06);

}



.cd-foot-dot {

  display: inline-block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #d89c3a;

  margin-right: 8px;

  position: relative;

  top: -1px;

}



/* Responsive */

@media (max-width: 768px) {

  .cd-title {

    font-size: 28px;

  }

  .cd-value {

    font-size: 34px;

  }

}

.countdown-only-section {

  background: linear-gradient(180deg, #f6fbf7 0%, #ffffff 100%);

}



.cd-only-card {

  background: #ffffff;

  border-radius: 20px;

  overflow: hidden;

  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.1);

  border: 1px solid rgba(41, 119, 57, 0.18);

  position: relative;

  max-width: 980px;

  margin: 0 auto;

}



.cd-only-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 6px;

  background: linear-gradient(90deg, #297739 0%, #d89c3a 100%);

}



.cd-only-top {

  padding: 14px 10px;

  font-size: 13px;

  font-weight: 900;

  letter-spacing: 1.6px;

  color: #297739;

  background: rgba(41, 119, 57, 0.06);

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

}



.cd-only-grid {

  padding: 10px 0;

}



.cd-only-item {

  padding: 22px 10px;

  border-right: 1px solid rgba(0, 0, 0, 0.06);

}

.cd-only-item-last {

  border-right: 0;

}



.cd-only-value {

  font-size: 48px;

  font-weight: 900;

  color: #297739;

  line-height: 1;

}



.cd-only-label {

  margin-top: 8px;

  font-size: 13px;

  font-weight: 900;

  letter-spacing: 0.7px;

  color: #865825;

  text-transform: uppercase;

}



.cd-only-msg {

  padding: 14px 12px;

  background: rgba(216, 156, 58, 0.1);

  border-top: 1px solid rgba(0, 0, 0, 0.06);

  font-size: 15px;

  font-weight: 700;

  color: #123b25;

}



.pulse-dot {

  display: inline-block;

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: #d89c3a;

  margin-right: 10px;

  position: relative;

  top: -1px;

  animation: pulse 1.4s infinite;

}



@keyframes pulse {

  0% {

    transform: scale(1);

    opacity: 1;

  }

  50% {

    transform: scale(1.6);

    opacity: 0.45;

  }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}



@media (max-width: 768px) {

  .cd-only-value {

    font-size: 38px;

  }

}

/* Section */

.expo-theme-countdown {

  background: linear-gradient(180deg, #f6fbf7 0%, #ffffff 100%);

}



/* ---------- THEME BOX (LEFT) ---------- */

.expo-theme-box {

  background: #ffffff;

  border-left: 6px solid #297739;

  padding: 30px 30px;

  border-radius: 14px;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

}



.theme-tag {

  display: inline-block;

  background: #297739;

  color: #ffffff;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1px;

  padding: 6px 14px;

  border-radius: 30px;

  margin-bottom: 12px;

}



.theme-title {

  color: #297739;

  font-size: 26px;

  font-weight: 900;

  line-height: 1.35;

  margin-bottom: 10px;

}



.theme-quote {

  display: block;

  font-size: 18px;

  font-weight: 700;

  color: #865825;

  margin-top: 6px;

}



.theme-subtitle {

  color: #444;

  font-size: 15.5px;

  font-weight: 600;

  margin-bottom: 0;

}



/* ---------- COUNTDOWN (RIGHT) ---------- */

.cd-only-card {

  background: #ffffff;

  border-radius: 18px;

  overflow: hidden;

  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.1);

  border: 1px solid rgba(41, 119, 57, 0.18);

  position: relative;

}



.cd-only-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 6px;

  background: linear-gradient(90deg, #297739 0%, #d89c3a 100%);

}



.cd-only-item {

  padding: 22px 10px;

  border-right: 1px solid rgba(0, 0, 0, 0.06);

}

.cd-only-item-last {

  border-right: 0;

}



.cd-only-value {

  font-size: 44px;

  font-weight: 900;

  color: #297739;

  line-height: 1;

}



.cd-only-label {

  margin-top: 8px;

  font-size: 13px;

  font-weight: 900;

  letter-spacing: 0.6px;

  color: #865825;

  text-transform: uppercase;

}



.cd-only-msg {

  padding: 14px 12px;

  background: rgba(216, 156, 58, 0.12);

  border-top: 1px solid rgba(0, 0, 0, 0.06);

  font-size: 15px;

  font-weight: 700;

  color: #123b25;

}



.pulse-dot {

  display: inline-block;

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: #d89c3a;

  margin-right: 10px;

  animation: pulse 1.4s infinite;

}



@keyframes pulse {

  0% {

    transform: scale(1);

    opacity: 1;

  }

  50% {

    transform: scale(1.6);

    opacity: 0.4;

  }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}



/* Responsive */

@media (max-width: 768px) {

  .theme-title {

    font-size: 22px;

  }

  .theme-quote {

    font-size: 16px;

  }

  .cd-only-value {

    font-size: 36px;

  }

}



/* ONE unified card */

.unified-card {

  background: #ffffff;

  border-radius: 18px;

  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.1);

  border: 1px solid rgba(41, 119, 57, 0.18);

  overflow: hidden;

  position: relative;

}



/* top accent line */

.unified-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 6px;

  background: linear-gradient(90deg, #297739 0%, #d89c3a 100%);

}



/* both panes same padding */

.unified-pane {

  padding: 28px 28px;

  height: 100%;

}



/* divider between two halves */

.unified-left {

  border-right: 1px solid rgba(0, 0, 0, 0.06);

  display: flex;

  flex-direction: column;

  justify-content: center;

}

@media (max-width: 991px) {

  .unified-left {

    border-right: 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.06);

    text-align: center;

  }

}



/* left typography */

.unified-badge {

  display: inline-block;

  background: #297739;

  color: #fff;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 1px;

  padding: 7px 16px;

  border-radius: 999px;

  margin-bottom: 14px;

}



.unified-title {

  color: #297739;

  font-size: 26px;

  font-weight: 900;

  line-height: 1.3;

}

.unified-title-h2 {

  color: #242424;

  font-size: 30px;

  font-weight: 900;



}



.unified-quote {

  color: #865825;

  font-size: 16px;

  font-weight: 700;

  line-height: 1.6;

  margin: 0;

}



.unified-sub {

  color: #252525;

  font-size: 20px;

  font-weight: 600;

  padding: 0 40px;

}



/* countdown styling matches same card */

.unified-right {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.ucd-item {

  padding: 20px 10px;

  border-right: 1px solid rgba(0, 0, 0, 0.06);

}

.ucd-item-last {

  border-right: 0;

}



.ucd-value {

  font-size: 44px;

  font-weight: 900;

  color: #297739;

  line-height: 1;

}



.ucd-label {

  margin-top: 8px;

  font-size: 12.5px;

  font-weight: 900;

  letter-spacing: 0.7px;

  color: #865825;

  text-transform: uppercase;

}



/* bottom message bar same family */

.ucd-msg {

  padding: 14px 12px;

  background: rgba(216, 156, 58, 0.1);

  border-top: 1px solid rgba(0, 0, 0, 0.06);

  font-size: 14.5px;

  font-weight: 700;

  color: #123b25;

}



/* pulse dot */

.pulse-dot {

  display: inline-block;

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: #d89c3a;

  margin-right: 10px;

  animation: pulse 1.4s infinite;

}

@keyframes pulse {

  0% {

    transform: scale(1);

    opacity: 1;

  }

  50% {

    transform: scale(1.6);

    opacity: 0.4;

  }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}



/* responsive */

@media (max-width: 768px) {

  .unified-pane {

    padding: 22px 18px;

  }

  .unified-title {

    font-size: 22px;

  }

  .ucd-value {

    font-size: 36px;

  }

}



.focus-highlights-section {

  background: linear-gradient(180deg, #f6fbf7 0%, #ffffff 100%);

}



/* Shared heading */

.sec-chip {

  display: inline-block;

  background: rgba(216, 156, 58, 0.18);

  color: #297739;

  border: 1px solid rgba(216, 156, 58, 0.45);

  font-size: 12px;

  font-weight: 900;

  letter-spacing: 1px;

  padding: 6px 14px;

  border-radius: 999px;

  margin-bottom: 10px;

}

.sec-title {

  font-size: 30px;

  font-weight: 900;

  color: #123b25;

  margin-bottom: 6px;

}

.sec-subtitle {

  font-size: 15.5px;

  font-weight: 600;

  color: #5a5a5a;

  margin-bottom: 0;

}



/* LEFT BOX */

.kfa-box {

  background: #fff;

  border-radius: 16px;

  border: 1px solid rgba(41, 119, 57, 0.18);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

  padding: 22px 22px;

  height: 100%;

}

.kfa-head {

  padding-bottom: 4px;

  border-bottom: 1px dashed rgba(41, 119, 57, 0.25);

  margin-bottom: 16px;

}

.kfa-list {

  margin: 0;

  padding-left: 0;

  list-style: none;

}

.kfa-list li {

  position: relative;

  padding-left: 22px;

  margin-top: 30px;

  margin-bottom: 20px;

  font-size: 16px;

  font-weight: 600;

  color: #2b2b2b;

  line-height: 1.45;

}

.kfa-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 7px;

  width: 10px;

  height: 10px;

  border-radius: 3px;

  background: rgba(216, 156, 58, 0.22);

  border: 1px solid rgba(41, 119, 57, 0.35);

}



/* RIGHT BOX */

.hl-box {

  background: #fff;

  border-radius: 16px;

  border: 1px solid rgba(41, 119, 57, 0.18);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

  padding: 22px 22px;

  height: 100%;

}

.hl-head {

  padding-bottom: 14px;

  border-bottom: 1px dashed rgba(41, 119, 57, 0.25);

  margin-bottom: 16px;

}



/* Timeline */

.hl-timeline {

  position: relative;

  padding-left: 18px;

}

.hl-timeline .focus-highlights-section {

  background: linear-gradient(180deg, #f6fbf7 0%, #ffffff 100%);

}



/* Shared heading */

.sec-chip {

  display: inline-block;

  background: rgba(216, 156, 58, 0.18);

  color: #297739;

  border: 1px solid rgba(216, 156, 58, 0.45);

  font-size: 12px;

  font-weight: 900;

  letter-spacing: 1px;

  padding: 6px 14px;

  border-radius: 999px;

  margin-bottom: 10px;

}

.sec-title {

  font-size: 30px;

  font-weight: 900;

  color: #123b25;

  margin-bottom: 6px;

}

.sec-title-2 {

  font-size: 20px;

  font-weight: 900;

  color: #123b25;

  margin-bottom: 6px;

}

.sec-subtitle {

  font-size: 15.5px;

  font-weight: 600;

  color: #5a5a5a;

  margin-bottom: 0;

}



/* LEFT BOX */

.kfa-box {

  background: #fff;

  border-radius: 16px;

  border: 1px solid rgba(41, 119, 57, 0.18);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

  padding: 22px 22px;

  height: 100%;

}

.kfa-head {

  padding-bottom: 4px;

  border-bottom: 1px dashed rgba(41, 119, 57, 0.25);

  margin-bottom: 16px;

}

.kfa-list {

  margin: 0;

  padding-left: 0;

  list-style: none;

}

.kfa-list li {

  position: relative;

  padding-left: 22px;

  margin-bottom: 10px;

  font-size: 15.2px;

  font-weight: 600;

  color: #2b2b2b;

  line-height: 1.45;

}

.kfa-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 7px;

  width: 10px;

  height: 10px;

  border-radius: 3px;

  background: rgba(216, 156, 58, 0.22);

  border: 1px solid rgba(41, 119, 57, 0.35);

}



/* RIGHT BOX */

.hl-box {

  background: #fff;

  border-radius: 16px;

  border: 1px solid rgba(41, 119, 57, 0.18);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

  padding: 22px 22px;

  height: 100%;

}

.hl-head {

  padding-bottom: 14px;

  border-bottom: 1px dashed rgba(41, 119, 57, 0.25);

  margin-bottom: 16px;

}



/* Timeline */

.hl-timeline {

  position: relative;

  padding-left: 18px;

}

.hl-timeline::before {

  content: "";

  position: absolute;

  left: 6px;

  top: 4px;

  bottom: 4px;

  width: 2px;

  background: rgba(41, 119, 57, 0.22);

}



.hl-item {

  position: relative;

  padding-left: 22px;

  margin-bottom: 18px;

}

.hl-dot {

  position: absolute;

  left: -1px;

  top: 56px;

  width: 14px;

  height: 14px;

  border-radius: 50%;

  background: #297739;

  box-shadow: 0 0 0 5px rgba(41, 119, 57, 0.12);

}

.hl-dot-gold {

  background: #d89c3a;

  box-shadow: 0 0 0 5px rgba(216, 156, 58, 0.18);

}



.hl-content {

  background: rgba(41, 119, 57, 0.05);

  border: 1px solid rgba(41, 119, 57, 0.12);

  border-radius: 14px;

  padding: 14px 14px;

}

.hl-content h4 {

  margin: 0 0 6px 0;

  font-size: 17px;

  font-weight: 900;

  color: #297739;

}

.hl-content p {

  margin: 0;

  font-size: 15px;

  line-height: 1.6;

  color: #2b2b2b;

  font-weight: 600;

}



/* Responsive */

@media (max-width: 768px) {

  .sec-title {

    font-size: 24px;

  }

}



.mainSeparatorHeading {

  position: relative;

  display: inline-block;

  margin-top: 0;

  font-family: lato, sans-serif;

  font-weight: 500;

  font-size: 18px;

  text-align: center;

  margin-bottom: 30px;

  -webkit-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

  -ms-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.mainSeparatorHeading::before {

  left: -60px;

}



.mainSeparatorHeading::before,

.mainSeparatorHeading::after {

  top: 12px;

  width: 50px;

}

.mainSeparatorHeading::after {

  right: -60px;

}

.mainSeparatorHeading::before,

.mainSeparatorHeading::after,

.mainSeparatorHeading .sepline::before,

.mainSeparatorHeading .sepline::after {

  content: "";

  position: absolute;

  background-color: #f37e21;

  height: 2px;

  -moz-transition: width 0.3s ease-in-out;

  -o-transition: width 0.3s ease-in-out;

  -webkit-transition: width 0.3s ease-in-out;

  transition: width 0.3s ease-in-out;

  -ms-transition: width 0.3s ease-in-out;

}

.mainSeparatorHeading h2 {

  position: relative;

  /* color: #2e132f; */

  color: #000;

  text-transform: uppercase;

  margin-bottom: 0;

  padding-bottom: 0;

  font-weight: 600;

  font-size: 30px;

  line-height: 36px;

}

.text-red {

  color: #f37e21 !important;

}

.mainSeparatorHeading .sepline::after {

  width: 30px;

  right: -40px;

  top: 22px;

}

.l-bg-cherry {

  background-image: linear-gradient(to right bottom,

      #f37e21,

      #c59100,

      #959d18,

      #66a140,

      #2fa165);

  color: #fff;

}

.card {

  background-color: #fff;

  border-radius: 10px;

  border: none;

  position: relative;

  margin-bottom: 30px;

  box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1),

    0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1),

    0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12),

    0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);

  height: 100%;

  padding: 20px 10px;

}

.card {

  /* margin-bottom: 10px; */

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: border-box;

  border: 1px solid rgba(0, 0, 0, 0.125);

  border-radius: 30px;

}

.card-statistic-3 {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

  width: 100%;

}

.card .card-statistic-3 .card-icon {

  text-align: center;

  line-height: 50px;

  margin-left: 15px;

  color: #000;

  position: absolute;

  right: -5px;

  top: 20px;

  opacity: 0.1;

}

.card .card-statistic-3 .card-icon-large .fas {

  font-size: 110px;

}

.card-title-w {

  font-weight: 600;

  color: white;

  font-size: 22px;

}

.card-statistic-3 h2 {

  color: white;

}

.progress {

  border-bottom: 1px solid #c92127;

  width: 100%;

  border-radius: 4px;

  box-shadow: 0 0 3px #b0b0;

  backdrop-filter: blur(2px) brightness(101%);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

}

.progress-bar {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-pack: center;

  justify-content: center;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  background-color: #2a2f35;

  transition: width 0.6s ease;

  animation-name: animateBar;

  animation-iteration-count: 1;

  animation-timing-function: ease-in;

  animation-duration: 0.4s;

}

.l-bg-cyan {

  background: #f37e21 !important;

  color: #fff;

}

.progress-bar {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-pack: center;

  justify-content: center;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  background-color: #007bff;

  transition: width 0.6s ease;

}

.mainSeparatorHeading .sepline::before {

  left: -40px;

}



.benefits-section {

  background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);

  padding: 60px 20px;

}



.benefits-title {

  text-align: center;

  color: #fff;

  font-size: 32px;

  font-weight: 700;

  margin-bottom: 40px;

}



.benefits-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

  gap: 20px;

}



.benefit-card {

  background: rgba(255, 255, 255, 0.12);

  backdrop-filter: blur(8px);

  border-radius: 16px;

  padding: 24px;

  color: #fff;

  transition: 0.3s;

}



.benefit-card:hover {

  transform: translateY(-6px);

  background: rgba(255, 255, 255, 0.2);

}



.fiexpoB-wrap {

  background: radial-gradient(circle at top left,

      rgba(25, 135, 84, 0.12),

      #f8fafc 45%,

      #ffffff 100%);

}

.fiexpoB-badge {

  background: #198754;

  color: #fff;

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  font-size: 0.75rem;

}

.fiexpoB-subtitle {

  max-width: 820px;

  line-height: 1.8;

}



.fiexpoB-stat {

  background: #fff;

  border: 1px solid #e9ecef;

  border-radius: 16px;

  padding: 16px 16px;

  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

}

.fiexpoB-stat-num {

  font-weight: 900;

  font-size: 28px;

  color: #198754;

  line-height: 1;

}

.fiexpoB-stat-text {

  color: #334155;

  font-weight: 700;

  text-align: right;

}



.fiexpoB-card {

  border-radius: 18px;

  transition: 0.2s ease;

}

.fiexpoB-card:hover {

  transform: translateY(-3px);

  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.14);

}

.fiexpoB-card-mid {

  background: linear-gradient(135deg, rgba(25, 135, 84, 0.08), #ffffff);

}



.fiexpoB-icon {

  width: 46px;

  height: 46px;

  border-radius: 16px;

  background: #198754;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);

  flex: 0 0 auto;

}

.fiexpoB-icon-mid {

  background: #0d6efd;

}

.fiexpoB-icon-last {

  background: #ffc107;

  color: #1f2933;

}



.fiexpoB-list {

  display: flex;

  flex-direction: column;

  gap: 10px;

}

.fiexpoB-li {

  display: flex;

  gap: 10px;

  align-items: flex-start;

  padding: 10px 12px;

  border: 1px solid #e9ecef;

  border-radius: 14px;

  background: #fff;

  line-height: 1.45;

  font-weight: 600;

  color: #0f172a;

  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);

}



.fiexpoB-bullet {

  width: 28px;

  height: 28px;

  border-radius: 10px;

  background: rgba(25, 135, 84, 0.12);

  display: flex;

  align-items: center;

  justify-content: center;

  color: #198754;

  font-weight: 900;

  flex: 0 0 auto;

  margin-top: 1px;

}



.fiexpoB-callout {

  background: rgba(13, 110, 253, 0.1);

  border-left: 4px solid #0d6efd;

  padding: 12px;

  border-radius: 14px;

  font-weight: 600;

  color: #0f172a;

}



.fiexpoB-bottom .badge {

  padding: 0.55rem 0.8rem;

  font-weight: 700;

}



@media (max-width: 576px) {

  .fiexpoB-stat {

    flex-direction: column;

    align-items: flex-start;

  }

  .fiexpoB-stat-text {

    text-align: left;

  }

}

/* Contact Section */

.expo-contact-section {

  padding: 80px 0;

  background-image: url("../images/contact/farma.png");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

}



/* Section Title */

.expo-section-title {

  font-size: 28px;

  font-weight: 700;

  margin-bottom: 20px;

  color: #ffffff;

}



/* Map Box */

.expo-map-box iframe {

  width: 100%;

  height: 560px;

  border-radius: 12px;

  border: 0;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

}



/* Contact Box */

.expo-contact-box {

  min-height: 680px;

  background: #ffffff;

  padding: 45px 40px;

  border-radius: 14px;

  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);

}



/* Subtitle */

.expo-sub-title {
  text-align: center ;


  display: inline-block;

  font-size: 14px;

  font-weight: 600;

  color: #f9b233;

  text-transform: uppercase;

  margin-bottom: 25px;

}
.expo-sub-title p {
  text-align: center ;



}



/* Form */

.expo-contact-form .expo-form-group {

  margin-bottom: 18px;

}



.expo-contact-form input,

.expo-contact-form textarea {

  width: 100%;

  padding: 14px 16px;

  border-radius: 8px;

  border: 1px solid #ddd;

  font-size: 14px;

  outline: none;

  transition: all 0.3s ease;

}



.expo-contact-form textarea {

  height: 120px;

  resize: none;

}



.expo-contact-form input:focus,

.expo-contact-form textarea:focus {

  border-color: #f9b233;

  box-shadow: 0 0 0 2px rgba(249, 178, 51, 0.2);

}



/* Button */

.expo-btn {

  background: #f9b233;

  color: #000;

  padding: 14px 35px;

  border: none;

  border-radius: 30px;

  font-weight: 600;

  font-size: 14px;

  cursor: pointer;

  transition: all 0.3s ease;

}



.expo-btn:hover {

  background: #e5a420;

}



/* Responsive */

@media (max-width: 991px) {

  .expo-map-box {

    margin-bottom: 40px;

  }

}

.why-participate-section {

  background: url("../images/bg/bg-light-1.png") no-repeat center center;

  background-size: cover;

  padding: 80px 0;

}



.section-title {

  text-align: center;

  font-size: 36px;

  margin-bottom: 50px;

  font-weight: 700;

}



.why-box-wrap {

  display: flex;

  gap: 30px;

  flex-wrap: wrap;

  justify-content: center;

}



.why-box {

  margin: 20px;

  background: #ffffff;

  padding: 35px 30px;

  border-radius: 10px;

  width: 100%;

  max-width: 500px;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

  text-align: center;

}



.why-box .icon img {

  width: 160px;

  margin-bottom: 20px;

  border-radius: 20px;

}



.why-box h3 {

  font-size: 22px;

  margin-bottom: 15px;

  color: #1b1b1b;

}



/* .why-box p {

  font-size: 16px;

  line-height: 1.7;

  color: #555;

} */



.highlight-box {

  margin-top: 50px;

  background: #0b5c2d;

  color: #fff;

  padding: 25px 40px;

  border-radius: 8px;

  text-align: center;

  font-size: 18px;

  font-weight: 500;

}

.icon i {

  font-size: 52px;

  color: #1f4e3d;

  margin-bottom: 15px;

}

.organizer-box {

  display: flex;

  background: #ffffff;

  padding: 35px 30px;

  border-radius: 10px;

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);

  height: 100%;

  transition: all 0.3s ease;

}



.organizer-box:hover {

  transform: translateY(-5px);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);

}



.org-logo {

  max-width: 180px;

  margin-bottom: 20px;

}



.org-title {

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 10px;

}



/* .org-desc {

  font-size: 16px;

  color: #555;

  line-height: 1.7;

} */



.btn-success {

  background-color: #1f4e3d;

  border-color: #1f4e3d;

}

.organizer-age {
  margin: auto;
  /* margin: 10px !important; */

  border: 1px solid #00689b;

  padding: 50px !important;

  background-color: rgba(68, 255, 0, 0.03) !important;

  /* background-color: rgb(68, 255, 0) !important; */

  border-radius: 35px !important;

}

/* Responsive – Tablet */

@media (max-width: 991px) {

  .organizer-box {

    flex-direction: column;

    align-items: center;

    text-align: center;

  }



  .organizer-box .org-logo {

    margin-bottom: 20px;

  }



  .org-title {

    font-size: 22px;

  }

}



/* Mobile */

@media (max-width: 576px) {

  .unified-card {

    /* padding: 20px; */

  }



  .org-desc {

    font-size: 15px;

    text-align: justify;

  }

}

.eventss iframe {

  width: 100%;

  height: 100vh;

  border: none;

}

.venue-section {

  background: #f9fafb;

}



.section-title h2 {

  font-size: 34px;

  font-weight: 700;

}



.section-title .subtitle {

  color: #666;

  font-size: 17px;

  margin-top: 8px;

}



.venue-content h3 {

  font-size: 26px;

  margin-bottom: 15px;

}



.venue-content p {

  font-size: 16px;

  line-height: 1.7;

  color: #555;

}



.venue-image img {

  width: 100%;

  border-radius: 10px;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);

}



.venue-video iframe {

  width: 100%;

  height: 260px;

  border-radius: 10px;

  margin-top: 15px;

}



/* Responsive */

@media (max-width: 768px) {

  .venue-video iframe {

    height: 220px;

  }

}

.video-hero {

  position: relative;

  width: 100%;

  height: 100vh;

  overflow: hidden;

}



.video-hero iframe {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100vw;

  height: 56.25vw;
  /* 16:9 */

  min-height: 100vh;

  min-width: 177.77vh;

  transform: translate(-50%, -50%);

  pointer-events: none;
  /* disable clicks */

}



.video-content {

  position: relative;

  z-index: 2;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  color: #fff;

  background: rgba(0, 0, 0, 0.4);
  /* dark overlay */

  padding: 20px;

}



.video-content h1 {

  font-size: 48px;

  margin-bottom: 15px;

}



.video-content p {

  font-size: 20px;

  margin-bottom: 25px;

}



.video-content .btn {

  background: #4caf50;

  color: #fff;

  padding: 12px 30px;

  text-decoration: none;

  border-radius: 5px;

  font-weight: 600;

}

.sponsor-premium-section {

  padding: 90px 0;

  background: linear-gradient(135deg, #f4f8fb, #eef2f7);

}



.section-heading .main-title {

  font-size: 38px;

  font-weight: 700;

  color: #0f2b3d;

}



.section-heading .subtitle {

  max-width: 720px;

  margin: 10px auto 0;

  color: #555;

  font-size: 17px;

}



.glass-card {

  background: rgba(255, 255, 255, 0.85);

  backdrop-filter: blur(8px);

  border-radius: 18px;

  padding: 40px;

  height: 100%;

  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);

  transition: all 0.4s ease;

}



.glass-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);

}



.card-title {

  font-size: 22px;

  font-weight: 700;

  margin-bottom: 25px;

  color: #1c3d2b;

}



.premium-list {

  list-style: none;

  padding: 0;

}



.premium-list li {

  font-size: 18px;

  padding: 1px 0;

  display: flex;

  align-items: center;

  gap: 12px;

  border-bottom: 1px dashed #ddd;

}



.premium-list li i {

  width: 20px;

  text-align: center;

  font-size: 18px;

  color: #1b8f5a;

}



.premium-input {

  padding: 13px 15px;

  border-radius: 10px;

  border: 1px solid #ddd;

}



.premium-input:focus {

  border-color: #1b8f5a;

  box-shadow: 0 0 0 2px rgba(27, 143, 90, 0.2);

}



.premium-btn {

  background: linear-gradient(135deg, #1b8f5a, #147a4c);

  color: #fff;

  padding: 14px 40px;

  border-radius: 50px;

  border: none;

  font-weight: 600;

  transition: 0.3s ease;

}



.premium-btn:hover {

  background: linear-gradient(135deg, #147a4c, #0f6b42);

  transform: translateY(-2px);

}

.exhibitor-section {

  padding: 60px 0;

  background: #f9fafb;

}



.section-title {

  text-align: center;

  font-size: 32px;

  font-weight: 700;

  margin-bottom: 10px;

}



.section-subtitle {

  text-align: center;

  color: #666;

  margin-bottom: 40px;

}



.exhibitor-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

  gap: 25px;

}



.exhibitor-box {

  background: #ffffff;

  padding: 25px;

  border-radius: 10px;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);

}



.exhibitor-box h4 {

  color: #1a7f3c;

  margin-bottom: 12px;

}



.exhibitor-box ul {

  padding-left: 18px;

}



.exhibitor-box ul li {

  font-size: 15px;

  margin-bottom: 6px;

}

.visual-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

  gap: 30px;

}



.visual-card {

  padding: 0 20px;

  background: #ffffff;

  border-radius: 12px;

  overflow: hidden;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);

  transition: 0.3s;

}



.visual-card:hover {

  transform: translateY(-6px);

}



.visual-card img {

  width: 100%;

  height: 220px;

  object-fit: cover;

}



.visual-card h4 {

  font-size: 24px;

  margin-top: 15px;

  color: #1b7a3f;

}



.visual-card p {

  margin: 0 15px 20px;

  font-size: 14px;

  color: #555;

}

.category-tags {

  list-style: none;

  padding: 0;

  margin-top: 12px;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 8px;

}



.category-tags li {

  line-height: 20px;

  background: #f4f9f4;

  width: 100%;

  color: #1e7c40;

  font-size: 15px;

  font-weight: 600;

  padding: 14px 14px;

  border-radius: 10px;

  border: 1px solid #cfe7d8;

  display: flex;

  /* align-items: center; */

  gap: 6px;

  transition: all 0.3s ease;

}



/* small icon before text */

.category-tags li::before {

  content: "✔";

  font-size: 12px;

  color: #2e8b57;

}



/* hover effect */

.category-tags li:hover {

  background: #2e8b57;

  color: #fff;

  border-color: #2e8b57;

}



.category-tags li:hover::before {

  color: #fff;

}

.contact-section {

  padding: 40px 15px;

  display: flex;

  justify-content: center;

}



.contact-box {

  background: #ffffff;
  /* box-shadow: -4px 0px 13px 5px #b3b3b3; */
  /* max-width: 650px; */

  width: 100%;

  padding: 35px;

  border-radius: 12px;

  box-shadow: 0 10px 35px rgba(0, 128, 0, 0.15);

}



.contact-box h2 {
  line-height: 40px;

  text-align: center;

  color: #1f5e3b;

  font-weight: 700;

  margin-bottom: 5px;

}



.contact-box p {

  text-align: center;

  color: #666;

  margin-bottom: 30px;

}





.input-group {

  position: relative;

  width: 100%;

  margin-bottom: 18px;

}



/* .row .input-group {

    width: 48%;

} */



.input-group i {

  position: absolute;

  left: 14px;

  top: 50%;

  transform: translateY(-50%);

  color: #1b7f3b;

  font-size: 15px;

}



.input-group input,

.input-group textarea {

  width: 100%;

  padding: 13px 15px 13px 42px;

  border: 1px solid #cce3d1;

  border-radius: 6px;

  font-size: 14px;

  outline: none;

  transition: 0.3s;

}



.input-group input:focus,

.input-group textarea:focus {

  border-color: #1b7f3b;

  box-shadow: 0 0 0 2px rgba(27, 127, 59, 0.15);

}



textarea {

  resize: none;

  height: 100px;

}



.submit-btn {

  width: 30%;

  margin: auto;

  background: #1b7f3b;

  color: #fff;

  border: none;

  padding: 14px;

  font-size: 16px;

  border-radius: 6px;

  cursor: pointer;

  transition: 0.3s;

}



.submit-btn:hover {

  background: #146b31;

}



/* Mobile Responsive */

@media (max-width: 768px) {

  .row {

    flex-direction: column;

  }



  .row .input-group {

    width: 100%;

  }

}

.expo-box {

  /* min-height: 405px; */

  background: #ffffff;

  border-left: 6px solid #2e7d32;

  padding: 22px 25px;

  margin-bottom: 25px;

  box-shadow: -1px 0px 20px rgb(0 0 0 / 18%);

  transition: all 0.3s ease;

  border-radius: 6px;

}



.expo-box:hover {

  transform: translateY(-5px);

  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);

}



.expo-box h3 {

  line-height: 32px;

  font-size: 22px;

  font-weight: 600;

  color: #746833;

  margin-bottom: 12px;

}



.expo-box ul {

  padding-left: 18px;

  margin: 0;

}



.expo-box ul li {

  font-size: 18px;

  color: #444;

  line-height: 1.8;

  position: relative;

}



.expo-box ul li::before {

  content: "✓";

  color: #2e7d32;

  font-weight: bold;

  margin-right: 8px;

}

.expo-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.expo-list li {

  font-size: 15px;

  color: #333;

  padding: 8px 0;

  display: flex;

  align-items: center;

  gap: 10px;

}



.expo-list li i {

  color: #2e7d32;

  font-size: 16px;

}

.footer-top-img {

  background: #ffffff;

  border-radius: 20px;

  padding: 10px 50px;

  width: 70%;

  display: block;

  margin: auto;

  margin-bottom: 20px;

}

.footer-top-img img {

  width: 100%;

}

.award-list li {

  list-style: disc;

}

h5.accommodation_restaurant.mt-2 {

  color: green;

  margin-bottom: 10px;

  font-size: 22px;

}

.content-group.text-center p {

  margin-bottom: 20px;

  line-height: 20px;

  font-weight: 500;

}

.accom img {

  height: 250px;

}

.asso-media tr .three {

  width: 200px;

}

.asso-media tr .one {

  width: 150px;

}

.asso-media tr td {

  padding: 20px;

}



.popup-overlay {

  display: none;

  position: fixed;

  top: 0;
  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

  z-index: 9999;

}



.popup-box {

  background: #fff;

  width: 90%;

  max-width: 420px;

  margin: 80px auto;

  padding: 25px;

  border-radius: 8px;

  position: relative;

}



.popup-box h3 {

  text-align: center;

  margin-bottom: 20px;

}



.popup-box input,

.popup-box select {

  width: 100%;

  padding: 10px;

  margin-bottom: 12px;

  border: 1px solid #ccc;

  border-radius: 4px;

}



.close-btn {

  position: absolute;

  top: 10px;

  right: 15px;

  font-size: 22px;

  cursor: pointer;

}

.contact-card {

  display: flex;

  flex-wrap: wrap;

  gap: 20px;

  /* max-width: 700px; */

  margin: 20px auto;

  font-family: Arial, sans-serif;

}



.contact-box {

  flex: 1 1 47%;
  box-shadow: -4px 0px 13px 5px #b3b3b3;
  background: #ffffff;

  border-radius: 8px;

  padding: 60px;

  border-left: 5px solid #908c3e;

  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); */

}





.contact-box h4 {

  margin: 0 0 10px;

  font-size: 18px;

  color: #000000;

}



.contact-info {

  display: flex;

  align-items: center;

  margin-bottom: 8px;

  font-size: 15px;

  color: #333;

}



.contact-info i {

  color: #908c3e;

  margin-right: 10px;

  font-size: 16px;

}



.contact-info a {

  font-size: 16px;

  color: #333;

  text-decoration: none;

}



.contact-info a:hover {

  text-decoration: underline;

}

/* .team-member_one {

  

    height: 100%;

    display: flex;

    flex-direction: column;

} */



/* .team-member_one .member-img {

    flex-shrink: 0;

} */



.team-member_one .member-info {

  flex-grow: 1;

  display: flex;

  align-items: center;

  justify-content: center;

}



.team-member_one .title {

  /* min-height: 50px;  */



}

.team-member_one .member-img {

  overflow: hidden;

  border-radius: 10px;

}



.team-member_one .member-img img {

  width: 100%;

  transition: transform 0.4s ease;

}



/* Hover effect */

.team-member_one:hover .member-img img {

  transform: scale(1.14) rotate(3deg);

}

.team-member_one .member-img img {

  object-fit: cover;

  height: 180px;
}

.about-title-under {

  position: relative;

  display: inline-block;

  font-weight: 800;

  padding-bottom: 15px;

}



.about-title-under::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 6px;

  width: 70px;

  height: 3px;

  background: #2f7d32;

  transform: translateX(-50%);

}



.about-title-under::before {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 14px;

  height: 3px;

  background: #2f7d32;

  transform: translateX(-50%);

}

.captcha-wrapper {

  display: flex;

  align-items: center;

  gap: 10px;

  border: 1px solid #ddd;

  padding: 10px 12px;

  border-radius: 6px;

  background: #f9fbff;

}



.captcha-text {

  font-size: 18px;

  font-weight: 700;


  padding: 6px 12px;

  border-radius: 4px;

  min-width: 90px;

  text-align: center;

}



.captcha-wrapper input {

  width: 90px;

  height: 38px;

  border: 1px solid #ccc;

  border-radius: 4px;

  text-align: center;

  font-size: 15px;

}



.captcha-refresh {

  border: none;

  background: #2a7cff;

  color: #fff;

  padding: 8px 10px;

  border-radius: 4px;

  cursor: pointer;

}



.captcha-refresh i {

  font-size: 14px;

}

.expo-section {
  padding: 80px 20px;
  background: linear-gradient(90deg, rgba(3, 84, 43, 0.92), rgba(16, 120, 69, 0.85), rgba(3, 84, 43, 0.92));
  /* background: url("../images/greenbg.jpg") no-repeat center center; */
  /* bacground: url(./greenbg.jpg); */
  /* background:linear-gradient(135deg,#0f5132,#198754); */
  color: #fff;
  text-align: center;
}

.expo-heading {
  color: white;
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 10px;
}

.expo-heading span {
  color: #ffd966;
}

.expo-sub {
  text-align: center;
  color: white;
  font-size: 30px;
  /* font-size:16px; */
  margin-bottom: 50px;
  opacity: 0.9;
}

/* 5 cards in one row */
.expo-grid.five-column {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
}

.expo-card {
  background: #fff;
  color: #1e1e1e;
  padding: 30px 18px;
  border-radius: 16px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.expo-card:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

.expo-icon {
  font-size: 36px;
  display: block;
  margin-bottom: 12px;
}

.expo-card h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

/* Responsive */
@media(max-width:1200px) {
  .expo-grid.five-column {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(max-width:768px) {
  .expo-grid.five-column {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:480px) {
  .expo-grid.five-column {
    grid-template-columns: 1fr;
  }
}

.expo-stats-strong {
  background: url(../images/greenbg.jpg) no-repeat center center;
  background-size: cover;
  padding: 100px 20px;
  position: relative;
}

/* gradient overlay – powerful look */
.expo-stats-strong::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      rgba(3, 84, 43, 0.92),
      rgba(16, 120, 69, 0.85),
      rgba(3, 84, 43, 0.92));
}

.expo-stats-strong .container {
  position: relative;
  z-index: 2;
}

.stats-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  text-align: center;
}

.stat-item {
  flex: 1;
  position: relative;
}

.stat-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 20%;
  width: 1px;
  height: 60%;
  background: rgba(255, 255, 255, 0.35);
}

.stat-no {
  font-size: 70px;
  font-weight: 900;
  color: #ffd966;
  line-height: 1;
  /* text-shadow:
    0 0 15px rgba(255,217,102,0.7),
    0 0 30px rgba(255,217,102,0.4); */
  margin-bottom: 12px;
}

.stat-no span {
  font-size: 30px;
}

.stat-label {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Hover punch */
.stat-item:hover .stat-no {
  transform: scale(1.08);
  transition: 0.3s ease;
}

/* Responsive */
@media(max-width:992px) {
  .stats-row {
    flex-wrap: wrap;
  }

  .stat-item {
    width: 50%;
  }

  .stat-item::after {
    display: none;
  }
}

@media(max-width:576px) {
  .stat-item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.agri-stats {
  background: linear-gradient(90deg, rgba(3, 84, 43, 0.92), rgba(16, 120, 69, 0.85), rgba(3, 84, 43, 0.92));
  /* background: url(../images/greenbg.jpg) no-repeat center center; */
  /* background:#f3f7f1; */
  padding: 80px 20px;
}

.agri-stats-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.agri-stat {
  display: flex;
  align-items: center;
  gap: 18px;
}

.icon-box {
  width: 78px;
  height: 78px;
  border: 2px dashed #ffeebb;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5c8f5c;
  font-size: 30px;
}

.stat-content h3 {
  font-size: 60px;
  font-weight: 800;
  color: #ffd966;
  margin: 0;
  line-height: 1;
}

.stat-content h3 span {
  font-size: 42px;
  margin-left: 4px;
}

.icon-box i {
  color: white;
}

.stat-content p {
  margin: 6px 0 0;
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
}

/* Responsive */
@media(max-width:992px) {
  .agri-stats-row {
    flex-wrap: wrap;
  }

  .agri-stat {
    width: 50%;
  }
}

@media(max-width:576px) {
  .agri-stat {
    width: 100%;
  }
}

/* ------popup button------- */
#overlay1 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .icon {
  padding: 10px;
  height: 38px;
  line-height: 21px;
  text-align: center;
}

/* Popup Box */
#popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 25px;
  width: 350px;
  z-index: 1000;
  border-radius: 8px;
}

/* Close Button */
.close-btn {
  float: right;
  cursor: pointer;
  font-size: 18px;
  border: none;
  background: none;
}

.book-space {
  background: #28a745;
  color: white;
}

.visitor-reg {
  background: #dc3545;
  color: white;
}

#btn {
  width: 100%;
  padding: 9px;
  margin: 4px 0px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
}

#popup h3 {
  text-align: center;
  margin: 19px 0px;
}

/* -------popup-Done-------- */
.importance-section {
  padding: 70px 20px;
  /* background: #f6f9f6; */
  font-family: 'Arial', sans-serif;
}

.container {
  max-width: 1200px;
  margin: auto;
}

.section-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #1f5e3b;
  margin-bottom: 40px;
  position: relative;
}

.section-title::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #3cb371;
  display: block;
  margin: 10px auto 0;
  border-radius: 2px;
}

.mt {
  margin-top: 70px;
}

/* Importance Cards */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
}

.card {
  background: #ffffff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

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

.card h3 {
  color: #2e8b57;
  font-size: 25px;
  margin-bottom: 10px;
}
.card h4 {
  color: #2e8b57;
  font-size: 20px;
  margin-bottom: 10px;
}

.card p {
     color: #000000;
    font-size: 16px;
    line-height: 1.6;
}

/* Sub-sector Cards */
.subsector-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.sub-card {
  background: linear-gradient(135deg, #2e8b57, #3cb371);
  color: #ffffff;
  padding: 25px;
  border-radius: 14px;
  text-align: center;
  font-size: 18px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.sub-card span {
  display: block;
  font-weight: 600;
  margin-top: 10px;
}

.sub-card small {
  display: block;
  font-size: 14px;
  opacity: 0.9;
  margin-top: 6px;
}

.subsector-section {
  background: linear-gradient(90deg, rgba(3, 84, 43, 0.92), rgba(16, 120, 69, 0.85), rgba(3, 84, 43, 0.92));
  padding: 50px 20px;
  /* background: #f5f8f6; */

}

.container {
  max-width: 1200px;
  margin: auto;
}

.section-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #1f5e3b;
  margin-bottom: 45px;
  position: relative;
}

.section-title::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #3cb371;
  display: block;
  margin: 10px auto 0;
  border-radius: 2px;
}

.subsector-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 25px;
}

.subsector-card {
  background: #ffffff;
  padding: 30px 20px;
  border-radius: 14px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

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

.subsector-card img {
  width: 60px;
  margin-bottom: 15px;
}

.subsector-card h4 {
  font-size: 20px;
  color: #2e8b57;
  margin-bottom: 4px;
}

.subsector-card p {
  font-size: 16px;
  color: #555;
}

.imp-section-wrap {
  padding: 50px 20px;
  /* background: #ffffff; */
  font-family: Arial, sans-serif;
}

.imp-inner-container {
  max-width: 1000px;
  margin: auto;
}

.imp-heading-main {
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  color: #1f5e3b;
  margin-bottom: 50px;
  position: relative;
}

.imp-heading-main::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #3cb371;
  display: block;
  margin: 10px auto 0;
  border-radius: 2px;
}

.imp-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.imp-item-row {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #cfe5d6;
}

.imp-item-row:last-child {
  border-bottom: none;
}

.imp-check-icon {
  min-width: 34px;
  height: 34px;
  background: #2e8b57;
  color: #ffffff;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.imp-text-content h4 {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  margin-bottom: 6px;
}

.imp-text-content p {
  font-size: 16px;
  color: #555555;
  line-height: 22px;
}

.about_section_food {
  background: url(../img/fandtbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  position: relative;
}

.main-sidebar2 .single-sidebar-widget {
  padding: 20px 30px;
  background-color: var(--white);
  margin-bottom: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.main-sidebar2 .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E6E5E5;
}

.main-sidebar2 .single-sidebar-widget .recent-post-area .recent-items {
  display: flex;
  align-items: center;
  gap: 20px;
}

.main-sidebar2 .single-sidebar-widget .recent-post-area .recent-items .recent-thumb img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 20% 0;
}

.main-sidebar2 .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 {
  text-align: left;
  font-weight: 700;
  margin-bottom: 0;
}

.about_section_food {
  background: url(../images/bg/fandtbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  position: relative;
}

.contact-form.style2 {
  margin-top: 20px;
  padding: 46px 42px 46px 38px;
  border-radius: 16px;
  background: var(--white);
  box-shadow: -4px 0px 13px 5px #b3b3b3;
}

.contact-form.style2 input,
.contact-form.style2 textarea {
  width: 100%;
  padding: 15px 20px;
  margin-bottom: 25px;
  border-radius: 8px;
  border: 1px solid #D4DCFF;
  color: var(--text);
  font-family: var(--body-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

label.main-label {
  font-size: 16px;
  color: black;
  font-weight: 500;
}

.contact-form.style2 .single-select {
  width: 100%;
  height: 60px;
  padding: 15px 20px;
  margin-bottom: 25px;
  border-radius: 8px;
  border: 1px solid #D4DCFF;
  color: var(--text);
  font-family: var(--body-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.single-choose-item p {
  font-size: 15px;
}










.exhibit-glass {
  
  padding: 70px 20px;
  background: linear-gradient(135deg, #e8f5e9, #f1f8e9);
  font-family: 'Segoe UI', sans-serif;
}

.glass-heading {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: #1f5e3b;
  margin-bottom: 50px;
}

.glass-grid {
  
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* Glass Card */
.glass-card {
  

  position: relative;
  padding: 45px 25px 30px;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
}

.glass-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
}

/* Icon Badge */
.icon-badge {
  position: absolute;
  top: -25px;
  left: 25px;
  width: 55px;
  height: 55px;
  background: linear-gradient(135deg, #1f5e3b, #66bb6a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  box-shadow: 0 10px 25px rgba(76, 175, 80, 0.4);
}

.glass-card h3 {
  font-size: 20px;
  color: #1b5e20;
  margin-bottom: 15px;
  margin-top: 10px;
}

.glass-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.glass-card ul li {
     font-size: 18px;
  color: #444;
  margin-bottom: 8px;
  padding-left: 26px;
  position: relative;
}

.glass-card ul li::before {
  content: "➜";
  position: absolute;
  left: 0;
  color: #43a047;
}

/* Responsive */
@media (max-width: 991px) {
  .glass-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .glass-grid {
    grid-template-columns: 1fr;
  }
}
.life-fru-ve-exhib-section {
    padding: 60px 0;
    /* background: #f4f9f4; */
}

.life-fru-ve-exhib-heading {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
    position: relative;
    color: #1b5e20;
}

.life-fru-ve-exhib-heading::after {
    content: "";
    width: 90px;
    height: 4px;
    background: #43a047;
    display: block;
    margin: 12px auto 0;
    border-radius: 2px;
}

.life-fru-ve-exhib-grid {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 25px;
}

.life-fru-ve-exhib-card {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
    transition: all 0.35s ease;
}

.life-fru-ve-exhib-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.life-fru-ve-exhib-card h4 {
  text-transform: uppercase;
    padding: 16px 14px;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    min-height: 55px;
}

.life-fru-ve-exhib-card:hover {
    transform: translateY(-10px);
}

.life-fru-ve-exhib-card:hover img {
    transform: scale(1.12);
}
.conf-agenda-wrap {
  /* background: linear-gradient(180deg,#f4fbf5,#ffffff); */
  padding: 80px 15px;
  
}

.conf-container {
  max-width: 1200px;
  margin: auto;
}

.conf-header {
  text-align: center;
  margin-top: 40px;
}

.conf-tag {
  background: #e8f5e9;
  color: #1b5e20;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 15px;
}

.conf-header h1 {
  font-size: 42px;
  color: #1b5e20;
  margin-bottom: 10px;
}

.conf-header p {
  max-width: 850px;
  margin: auto;
  color: #444;
  font-size: 16px;
}

.conf-meta {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.conf-meta div {
  background: #fff;
  padding: 14px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  font-size: 14px;
}

.conf-day h2 {
    text-align: center;
  font-size: 26px;
  color: #2e7d32;
  margin-bottom: 35px;
}

.conf-day h2 span {

  display: block;
  line-height: 20px;
  font-size: 17px;
  font-weight: normal;
  color: #555;
  margin-top: 6px;
}

.timeline {
  border-left: 3px solid #c8e6c9;
  padding-left: 30px;
}

.session {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
}

.time {
     font-size: 22px;
     margin-top: 28px;
    min-width: 140px;
    font-weight: 600;
    color: #1b5e20;
}

.card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  width: 100%;
}

.card h3 {
  margin-bottom: 6px;
  color: #2e7d32;
}

.card ul {
  padding-left: 18px;
}

.highlight .card {
  border-left: 5px solid #2e7d32;
}

.panel .card {
  border-left: 5px solid #ff9800;
}

.startup .card {
  border-left: 5px solid #2196f3;
}

.break, .end {
     background: #2e7d32;
    padding: 12px;
    font-size: 22px;
    border-radius: 6px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: center;
    color: white;
}

.conf-cta {
  text-align: center;
  margin-top: 70px;
}

.conf-cta a {
  background: linear-gradient(135deg, #eece38, #c5a200);
    color: #fff;
    padding: 16px 40px;
    border-radius: 10px;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}
.conf-day-title {
  margin-bottom: 45px;
}

.conf-day-title strong {
  display: block;
  font-size: 42px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #1b5e20;
}

.conf-day-title span {
  display: block;
  font-size: 20px !important;
  font-weight: 600;
  color: #000000;
  margin-top: 8px;

  /* max-width: 700px; */
}
.timeline ul li{
      list-style: disc;
}
.green-color{
  color: #28783b;
}
p {
    text-align: justify;
}