/*
Theme Name: Edutech 2026
Theme URI: https://edutech2026.guardianone.com/
Author: Sujith Balan
Description: Custom lightweight WordPress theme for Edutech 2026.
Version: 1.0
License: GPL v2 or later
Text Domain: edutech-2026
*/

/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
font-family: 'Inter', sans-serif;
}

h1,h2,h3,h4,h5,h6{
font-family:'Poppins',sans-serif;
}
/* ================= GLOBAL ================= */

html, body {
    overflow-x: hidden;
}

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

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.edutech-logo img{
    height:50px;
    width:auto;
    display:block;
}
.primary-btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}
/* ================= HEADER ================= */
/* ================= HEADER ================= */

.edutech-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: rgba(0,0,0,0.6);
    z-index: 999;
}

.edutech-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ================= LOGO ================= */

.edutech-logo img {
    max-height: 45px;
}

.site-title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

/* ================= DESKTOP MENU ================= */

.edutech-nav {
    display: flex;
    align-items: center;
}

.edutech-menu {
    list-style: none;
    display: flex;
    gap: 30px;
    margin: 0;
    padding: 0;
}

.edutech-menu li {
    position: relative;
}

.edutech-menu li a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s ease;
}

.edutech-menu li a:hover {
    color: #7ed321;
}

/* ================= DROPDOWN (DESKTOP) ================= */

.edutech-menu li ul {
    position: absolute;
    top: 120%;
    left: 0;
    min-width: 220px;
    background: #111;
    padding: 15px 0;
    border-radius: 8px;
    list-style: none;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s ease;
}

.edutech-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.edutech-menu li ul li {
    padding: 8px 20px;
}

.edutech-menu li ul li a {
    font-size: 14px;
}

/* ================= CTA BUTTON ================= */

.edutech-cta {
    margin-left: 30px;
}

.header-cta-btn {
    background: #7ed321;
    color: #000;
    padding: 12px 26px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
}

.header-cta-btn:hover {
    background: #65b915;
    transform: translateY(-2px);
}

/* ================= HAMBURGER ================= */

.edutech-toggle {
    display: none;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
    z-index: 1001;
}

.edutech-toggle span {
    width: 25px;
    height: 2px;
    background: #fff;
    transition: 0.3s ease;
}

/* Hamburger Animation */

.edutech-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.edutech-toggle.active span:nth-child(2) {
    opacity: 0;
}

.edutech-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* ================= OVERLAY ================= */

.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 998;
}

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* ================= MOBILE ================= */

@media (max-width: 992px) {

    .edutech-nav {
        position: fixed;
        top: 0;
        right: 0;
        width: 280px;
        height: 100vh;
        background: #111;
        padding-top: 100px;

        transform: translateX(100%);
        transition: transform 0.4s ease;

        z-index: 1000;
    }

    .edutech-nav.active {
        transform: translateX(0);
    }

    .edutech-menu {
        flex-direction: column;
        gap: 20px;
        padding-left: 30px;
    }

    .edutech-cta {
        display: none;
    }

    .edutech-toggle {
        display: flex;
    }

    /* Mobile Dropdown */

    .edutech-menu li ul {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        background: transparent;
        padding-left: 15px;
    }

    .edutech-menu li.submenu-open > ul {
        display: block;
    }

}


/* ================= HERO V2 ================= */

.edutech-hero {
    position: relative;
    min-height: 100vh;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 160px 20px 120px;
    overflow: hidden;
    color: #fff;
}
.hero-bg-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.25);
    z-index:1;
}

.hero-inner{
    position:relative;
    z-index:2;
}
.hero-divider {
    width: 100px;   /* change to 10px if you literally want very tiny */
    height: 2px;
    background: white;
    margin: 25px auto;
}


#particles-js {
    position: absolute;
    inset: 0;
    z-index: 0;
}

/*.hero-overlay {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: rgba(0,0,0,0.75);*/
/*    z-index: 1;*/
/*}*/

.hero-inner {
    position: relative;
    z-index: 2;
    max-width: 950px;
}

/* Badge */

.hero-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 25px;
}

.badge-avatars {
    display: flex;
}

.badge-avatars img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #000;
    margin-left: -10px;
}

.hero-badge span {
    font-size: 14px;
    opacity: 0.8;
}

/* Title */

.hero-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 25px;
}

/* Description */

.hero-description {
    font-size: 18px;
    opacity: 0.85;
    margin-bottom: 35px;
}

/* Buttons */

.hero-buttons {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-bottom: 50px;
}

.btn-primary {
    background: #7cc242;
    padding: 14px 35px;
    border-radius: 40px;
    color: #000;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-3px);
}
/* play button */

.video-btn{
display:flex;
align-items:center;
gap:12px;
color:#fff;
font-weight:500;
text-decoration:none;
}

/* main circle */

.play-circle{
position:relative;
width:46px;
height:46px;
background:#68BD46;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

/* ripple animation */

.play-circle::before,
.play-circle::after{
content:"";
position:absolute;
width:46px;
height:46px;
border-radius:50%;
border:2px solid #68BD46;
opacity:0.7;
animation:playRipple 2s infinite;
}

.play-circle::after{
animation-delay:1s;
}

/* triangle icon */

.play-icon{
width:0;
height:0;
border-left:11px solid white;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
margin-left:3px;
}

/* smaller ripple */

@keyframes playRipple{

0%{
transform:scale(1);
opacity:.7;
}

100%{
transform:scale(1.6);
opacity:0;
}

}
/* Divider */

/*.hero-divider {*/
/*    width: 120px;*/
/*    height: 1px;*/
/*    background: rgba(255,255,255,0.2);*/
/*    margin: 40px auto;*/
/*}*/

/* Subheading */

.hero-subheading {
    font-size: 20px;
    margin-bottom: 40px;
}

/* Countdown */

.hero-countdown {
    display: flex;
    justify-content: center;
    gap: 25px;
}

.count-item {
    background: rgba(255,255,255,0.08);
    padding: 25px;
    border-radius: 18px;
    width: 120px;
}

.count-item h2 {
    font-size: 36px;
    margin-bottom: 5px;
}

.count-item span {
    font-size: 14px;
    opacity: 0.8;
}
/* Countdown Flip Animation */

.count-item h2 {
    transition: 0.3s ease;
}

.flip {
    animation: flipEffect 0.4s ease;
}

@keyframes flipEffect {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Responsive */

@media (max-width: 768px) {
    .hero-title {
        font-size: 36px;
    }

    .hero-countdown {
        flex-wrap: wrap;
    }
}

/* =========================================
   SUBSCRIBE SECTION
========================================= */

.subscribe-section {
    background: #f4f4f4;
    padding: 100px 5%;
}

.subscribe-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.sub-label {
    color: #7ed321;
    font-weight: 600;
}

.subscribe-left h2 {
    font-size: 36px;
    margin-top: 15px;
}

.subscribe-right p {
    font-size: 14px;
    margin-bottom: 15px;
}

.subscribe-form {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 30px;
    overflow: hidden;
}

.subscribe-form input {
    border: none;
    padding: 12px 18px;
    width: 250px;
    outline: none;
}

.subscribe-form button {
    background: #7ed321;
    color: #fff;
    border: none;
    padding: 0 20px;
    cursor: pointer;
}


/* =========================================
   MAIN FOOTER
========================================= */

.main-footer {
    background: linear-gradient(to right, #0b1c02, #203d05);
    color: #fff;
    padding: 100px 5% 0;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
}

.footer-logo {
    font-size: 22px;
    margin-bottom: 15px;
}

.footer-col h4 {
    margin-bottom: 20px;
}

.footer-col p,
.footer-col li {
    font-size: 14px;
    margin-bottom: 10px;
    color: #ddd;
}

.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-col a {
    color: #ddd;
    text-decoration: none;
    transition: 0.3s;
}

.footer-col a:hover {
    color: #7ed321;
}

 Social 

.social-icons {
    margin-top: 20px;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    transition: 0.3s;
}

.social-icons a:hover {
    background: #7ed321;
    border-color: #7ed321;
}

 Bottom 

.footer-bottom {
    margin-top: 60px;
    padding: 25px 0;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.1);
    font-size: 14px;
}


 Responsive 

@media(max-width: 992px){
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .subscribe-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media(max-width: 600px){
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .subscribe-left h2 {
        font-size: 26px;
    }
}


/* ── Ticker Banner ── */
.ticker-wrap {
  background: #68BD46;
  overflow: hidden;
  padding: 10px 0;
}
.ticker-track {
  display: flex;
  width: max-content;
  animation: ticker 30s linear infinite;
}
.ticker-item {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 0 28px;
}
.ticker-item .star {
  color: #fff;
  font-size: 11px;
}
@keyframes ticker {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── About Section ── */
/* ============================
ABOUT SECTION - UNIQUE
============================ */

.about-section{
max-width:1180px;
margin:auto;
padding:100px 24px;

display:grid;

/* Increase spacing */
grid-template-columns:560px 1fr;
gap:120px;

align-items:center;
}


/* LEFT SIDE */

.about-left{
position:relative;
}

.about-img-wrapper{
position:relative;
}

.about-main-img{
width:520px;
height:320px;
object-fit:cover;
border-radius:14px;
display:block;
}


/* STATS CARD */

.about-stats-card{

position:absolute;
top:120px;
right:-80px;

background:#efefef;
border-radius:14px;

padding:22px;
width:230px;

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

}

.about-stat-row{
display:flex;
align-items:center;
gap:8px;
padding:10px 0;
}

.about-stat-number{
color:#68BD46;
font-weight:700;
font-size:18px;
}

.about-stat-text{
font-weight:600;
color:#333;
}

.about-stat-divider{
border:none;
border-top:1px solid #ddd;
margin:6px 0;
}

.about-stat-footer{
padding-top:10px;
font-weight:700;
color:#333;
}

.btn-primary {
   color:#fff;
}
/* BADGE */
/*.about-badge{*/

/*position:absolute;*/

/* Move lower */
/*bottom:-130px;*/

/* Center relative to image */
/*left:50%;*/
/*transform:translateX(-50%);*/

/*width:110px;*/
/*height:110px;*/

/*}*/

/*.about-badge svg{*/
/*width:100%;*/
/*height:100%;*/
/*}*/

/*.rotate-circle{*/
/*transform-origin:center;*/
/*animation:aboutRotate 25s linear infinite;*/
/*}*/

/*@keyframes aboutRotate{*/

/*from{transform:rotate(0deg);}*/
/*to{transform:rotate(360deg);}*/



/*}*/
/* =========================
NEW ABOUT BADGE
========================= */

.about-badge{
position:absolute;
bottom:-165px;
left:50%;
transform:translateX(-50%);
width:140px;
height:140px;
}

.about-badge svg{
width:100%;
height:100%;
}

/* rotating text ring */

.badge-rotate{
transform-origin:80px 80px;
animation:badgeSpin 18s linear infinite;
}

@keyframes badgeSpin{

0%{
transform:rotate(0deg);
}

100%{
transform:rotate(360deg);
}

}

/* RIGHT SIDE */

.about-right{
max-width:520px;
}


/* EYEBROW */

.about-eyebrow{

display:flex;
align-items:center;
gap:6px;

font-size:13px;
font-weight:600;

color:#68BD46;

margin-bottom:14px;

}

.about-eyebrow .dot{

width:7px;
height:7px;

background:#68BD46;
border-radius:50%;

}


/* HEADING */

.about-heading{

font-size:40px;
font-weight:800;

line-height:1.2;

margin-bottom:18px;

}


/* DESCRIPTION */

.about-desc{

font-size:15px;
line-height:1.7;

color:#666;

margin-bottom:28px;

max-width:480px;

}


/* TABS */

.about-tabs{

display:flex;

background:#ededed;

border-radius:12px;

padding:6px;

gap:6px;

margin-bottom:25px;

}

.about-tab{

flex:1;

padding:12px;

border-radius:8px;

border:none;

font-size:14px;

font-weight:600;

cursor:pointer;

background:transparent;

}

.about-tab.active{

background:white;

}


/* DATE */

.about-tab-content{

font-size:22px;

font-weight:700;

margin-bottom:20px;

}


/* FEATURES */

.about-features{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

margin-bottom:25px;

}

.about-feature{
display:flex;
gap:10px;
align-items:flex-start;
}

.about-feature-icon{

width:40px;
height:40px;

background:#68BD46;

border-radius:10px;

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

}

.about-feature-icon svg{

width:20px;
height:20px;

stroke:white;

}

.about-feature-text{

font-size:14px;
font-weight:600;

color:#111;

}


/* DIVIDER */

.about-divider{

border:none;

border-top:1px solid #ddd;

margin:20px 0 25px;

}


/* CTA */

.about-cta{

display:flex;
gap:18px;
align-items:center;

}

.about-call-icon{

width:42px;
height:42px;

background:#68BD46;

border-radius:50%;

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

}

.about-call-icon svg{

width:20px;
height:20px;
fill:white;

}


/* RESPONSIVE */

@media(max-width:900px){

.about-section{

grid-template-columns:1fr;
gap:50px;

}

.about-main-img{

width:100%;

}

.about-stats-card{

position:relative;
right:0;
top:0;
margin-top:20px;

}

.about-badge{

position:relative;
bottom:0;
left:0;
margin-top:20px;

}

}

/* SECTION */
.opportunities {
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
  padding: 80px 24px 90px;
  text-align: center;
  color: #fff;
}

/* Header */
.section-eyebrow {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.section-heading {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 60px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* Cards */
.cards-container {
  max-width: 1240px;
  margin: 0 auto 40px;
}

.cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.adv-card:nth-child(4){
grid-column:2 / span 1;
justify-self:center;
}
.feature-card {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 32px 24px 28px;
  text-align: left;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  min-height: 320px;
}
.opp-card-divider{

border:none;

height:1px;

/* soft white line */
background:rgba(255,255,255,0.2);

margin:20px 0;

}
.feature-card:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(168,209,79,0.3);
  transform: translateY(-4px);
}

/* Icon */
.card-icon {
  width: 54px;
  height: 54px;
  background: #a8d14f;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}
.card-icon svg {
  width: 26px;
  height: 26px;
  stroke: #1a1a1a;
  stroke-width: 2;
  fill: none;
}

/* Text */
.card-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.card-desc {
  font-size: 13.5px;
  color: rgba(255,255,255,0.55);
  line-height: 1.7;
  margin-bottom: auto;
  font-weight: 500;
}

.card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  margin-top: 24px;
  transition: 0.2s;
}
.card-link:hover {
  color: #a8d14f;
  gap: 12px;
}
.card-link svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

/* Dots */
.dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 50px;
}
.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.25);
  cursor: pointer;
  transition: 0.2s;
}
.dot.active {
  background: #a8d14f;
  transform: scale(1.15);
}

/* Footer */
.footer-text,
.footer-text-alt {
  max-width: 900px;
  margin: 0 auto 32px;
  font-size: 14.5px;
  color: rgba(255,255,255,0.65);
  line-height: 1.75;
  font-weight: 500;
}

.divider-line {
  width: 60px;
  height: 2px;
  background: rgba(255,255,255,0.2);
  margin: 0 auto 32px;
  border: none;
}

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





/* SECTION */
.bargain-section {
  width: 100%;
  background: #fff;
  padding: 90px 0;
}

.bargain-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* LEFT */
.eyebrow {
  font-size: 14px;
  font-weight: 700;
  color: #68BD46;
  margin-bottom: 18px;
}

.main-heading {
  font-size: 48px;
  font-weight: 800;
  color: #1a1a1a;
  line-height: 1.15;
  margin-bottom: 24px;
}

.opp-divider-line {
  width: 80px;
  height: 3px;
  background: #fff;
  border: none;
  margin-bottom: 32px;
      margin: 0 auto 32px;

}

.description {
  font-size: 15px;
  color: #333;
  line-height: 1.75;
  margin-bottom: 20px;
  font-weight: 500;
}

.description-block {
  margin-bottom: 24px;
}

.tagline {
  font-size: 15px;
  color: #333;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 42px;
}

/* CTA */
.cta-row {
  display: flex;
  align-items: center;
  gap: 20px;
}

.btn-explore {
  background: #68BD46;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 14px 36px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s;
}
.btn-explore:hover {
  background: #5cad3e;
  transform: translateY(-2px);
}

.inquiry-box {
  display: flex;
  align-items: center;
  gap: 12px;
}

.phone-icon {
  width: 46px;
  height: 46px;
  background: #68BD46;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.phone-icon svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}

.inquiry-label {
  font-size: 13px;
  font-weight: 700;
  color: #1a1a1a;
}
.inquiry-number {
  font-size: 13px;
  color: #666;
}

/* RIGHT */
/* RIGHT SIDE IMAGES */

.right-col{
position:relative;
}

.booth-images{

position:relative;

width:100%;

height:380px;

}


/* TOP SMALL IMAGE */

.booth-main{

position:absolute;

top:0;
left:0;

width:360px;
height:240px;

border-radius:16px;

object-fit:cover;

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

z-index:2;

}


/* BIG BOTTOM IMAGE */

.booth-setup{

position:absolute;

bottom:0;
right:0;

width:460px;
height:300px;

border-radius:16px;

object-fit:cover;

box-shadow:0 20px 50px rgba(0,0,0,0.18);

z-index:3;

}
/* Responsive */
@media (max-width: 900px) {
  .bargain-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .booth-images {
    justify-content: center;
  }
  .booth-setup {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 20px;
  }
}
/*=======================*/


/* ===============================
SCHEDULE SECTION - FINAL VERSION
No Conflicts (sche- prefix)
=============================== */

.sche-section{

width:100%;

/* EXACT gradient */
background:linear-gradient(90deg,#3b5f17 0%, #000 100%);

color:white;

padding:100px 0;

}


.sche-inner{

max-width:1100px;

margin:auto;

padding:0 24px;

}



/* HEADER */

.sche-eyebrow{

display:flex;

align-items:center;

justify-content:center;

gap:8px;

font-size:13px;

font-weight:600;

margin-bottom:15px;

opacity:.9;

}


.sche-dot{

width:6px;

height:6px;

background:white;

border-radius:50%;

}



.sche-title{

text-align:center;

font-size:44px;

font-weight:800;

margin-bottom:55px;

line-height:1.2;

}



/* =================
TABS
================= */

.sche-tabs{

display:flex;

justify-content:center;

margin-bottom:60px;

}


.sche-tabs-inner{

display:flex;

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

border-radius:50px;

padding:6px;

gap:6px;

backdrop-filter:blur(6px);

}



/* Keep JS Working */

.sche-day-tab.day-tab{

padding:13px 44px;

border-radius:40px;

border:none;

font-weight:700;

font-size:14px;

cursor:pointer;

background:transparent;

color:white;

transition:.3s;

}


.sche-day-tab.day-tab:hover{

opacity:.9;

}


.sche-day-tab.active{

background:white;

color:#3b5f17;

box-shadow:0 4px 15px rgba(0,0,0,0.15);

}



/* =================
LIST
================= */

.sche-list{

display:flex;

flex-direction:column;

}



/* =================
ITEM
================= */

.sche-item{

display:grid;

grid-template-columns:80px 1fr 220px;

align-items:center;

gap:25px;

padding:28px 0;

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

}


.sche-item:first-child{

border-top:1px solid rgba(255,255,255,0.25);

}



/* =================
IMAGE
================= */

.sche-img{

width:70px;

height:70px;

border-radius:50%;

object-fit:cover;

box-shadow:0 6px 20px rgba(0,0,0,0.3);

}



/* =================
TEXT
================= */

.sche-body{

max-width:600px;

}


.sche-item-title{

font-weight:700;

font-size:15px;

margin-bottom:8px;

letter-spacing:.2px;

}



.sche-desc{

font-size:14px;

line-height:1.6;

color:rgba(255,255,255,0.9);

}



/* =================
RIGHT TEXT
================= */

.sche-right{

text-align:right;

font-size:14px;

font-weight:600;

opacity:.95;

}



/* =================
PANELS
================= */

.sche-panel{

display:none;

}


.sche-panel.active{

display:block;

animation:scheFade .4s ease;

}



/* Smooth Panel Animation */

@keyframes scheFade{

from{

opacity:0;

transform:translateY(10px);

}

to{

opacity:1;

transform:translateY(0);

}

}



/* =================
MOBILE
================= */

@media(max-width:900px){

.sche-title{

font-size:32px;

}


.sche-item{

grid-template-columns:60px 1fr;

grid-template-rows:auto auto;

gap:14px;

padding:22px 0;

}


.sche-img{

width:55px;

height:55px;

}


.sche-right{

grid-column:span 2;

text-align:left;

font-size:13px;

margin-top:5px;

}


.sche-day-tab.day-tab{

padding:10px 20px;

font-size:13px;

}

}/* ISLAND PANEL FIX */

#panel-3 .sche-item{

grid-template-columns:1fr;

}

#panel-3 .sche-body{

max-width:800px;

}
/*===========================*/




.event-navigation-section {
    padding: 70px 20px;
    text-align: center;
}

/* Small Top Text */
.event-navigation-top {
    color: #7aa63f;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
}

/* Main Title */
.event-navigation-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #333;
}

/* Cards Layout */

.event-navigation-grid {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Card */

.event-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    width: 320px;
    text-align: left;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: 0.3s;
}

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

/* Image */

.event-card img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
}

/* Card Content */

.event-card-content {
    padding: 18px 20px 22px;
    background:#f6f6f6;
}

.event-card-title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}

.event-card-text {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* Bottom Text */

.event-navigation-bottom {
    margin-top: 35px;
    color: #666;
    font-size: 14px;
}

/* Button */

.event-navigation-btn {
    margin-top: 20px;
}

.event-navigation-btn a {
    display: inline-block;
    background: #7aa63f;
    color: white;
    padding: 12px 28px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.event-navigation-btn a:hover {
    background: #6a9237;
}

/* Mobile */

@media(max-width:768px){

.event-navigation-title{
font-size:28px;
}

.event-card{
width:100%;
max-width:400px;
}

}



.partners-section {
    padding: 60px 20px;
    background: #f4f4f4;
    text-align: center;
}

/* Small Heading */

.partners-top {
    color: #7aa63f;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
}

/* Main Heading */

.partners-title {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: 40px;
}

/* Logos Row */

.partners-logos {
    display: flex;
    justify-content: center;
    gap: 70px;
    flex-wrap: wrap;
    align-items: center;
}

/* Logos */

.partners-logos img {
    height: 40px;
    opacity: 0.6;
    transition: 0.3s;
}

.partners-logos img:hover {
    opacity: 1;
}

/* Mobile */

@media(max-width:768px){

.partners-title{
font-size:24px;
}

.partners-logos{
gap:30px;
}

.partners-logos img{
height:32px;
}

}



.minds-section {
    padding: 90px 20px;
    background: linear-gradient(180deg,#3b5f17 0%, #000 90%);
    text-align: center;
}

/* Top Small Text */

.minds-top {
    color: #d6e7c5;
    font-size: 14px;
    margin-bottom: 10px;
}

/* Title */

.minds-title {
    font-size: 36px;
    font-weight: 700;
    color: white;
    margin-bottom: 50px;
}

/* Grid */

.minds-grid {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

/* Card */

.mind-card {
    width: 340px;
    background: rgba(255,255,255,0.08);
    border-radius: 14px;
    overflow: hidden;
    backdrop-filter: blur(5px);
    text-align: left;
}

/* Image */

.mind-card img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display:block;
}

/* Bottom Content */

.mind-info {
    padding: 18px 20px;
    color: white;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

/* Name + Designation */

.mind-text h4{
margin:0;
font-size:16px;
}

.mind-text p{
margin:5px 0 0;
font-size:13px;
color:#ccc;
}

/* LinkedIn */

.linkedin-icon {

width:40px;
height:40px;
border-radius:50%;
background:white;
color:#333;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
text-decoration:none;
}

.linkedin-icon:hover{
background:#e5e5e5;
}


/* Mobile */

@media(max-width:768px){

.minds-title{
font-size:28px;
}

.mind-card{
width:100%;
max-width:400px;
}

}



.sponsor-section{
padding:80px 20px;
background:#f4f4f4;
text-align:center;
}

.sponsor-title{
font-size:36px;
font-weight:700;
margin-bottom:50px;
color:#333;
}

/* GRID */




/* CARD */
/* =================================
SPONSOR SECTION – CARD GRID STYLE
================================= */
/* =================================
SPONSOR SECTION – CLEAN GRID
================================= */

.sponsor-section{

padding:90px 20px;

background:#f4f4f4;

text-align:center;

}


/* TITLE */

.sponsor-title{

font-size:38px;

font-weight:700;

margin-bottom:60px;

color:#333;

}


/* GRID */

.sponsor-grid{

max-width:1300px;

margin:auto;

display:grid;

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

gap:50px;

}


/* CARD */

.sponsor-card{

background:#e9e9e9;

border-radius:16px;

padding:30px;

text-align:left;

box-shadow:0 8px 20px rgba(0,0,0,0.06);

display:flex;

flex-direction:column;

justify-content:space-between;

min-height:520px;

}


/* HEADER */

.sponsor-head{

display:flex;

align-items:center;

gap:12px;

margin-bottom:18px;

font-weight:600;

font-size:18px;

}


/* ICON */

.sponsor-icon{

width:36px;

height:36px;

background:#79a832;

border-radius:6px;

display:flex;

align-items:center;

justify-content:center;

color:white;

}


/* PRICE */

.sponsor-price{

font-size:32px;

font-weight:700;

margin-bottom:6px;

}


.one-time{

font-size:13px;

color:#777;

margin-left:6px;

}


/* ADDON */

.addon{

font-size:14px;

color:#888;

margin-bottom:18px;

}


/* INCLUDED BOX */

.included-box{

background:white;

padding:20px;

border-radius:12px;

margin-bottom:25px;

flex-grow:1;

}


.included-title{

font-weight:600;

margin-bottom:12px;

border-bottom:1px solid #ddd;

padding-bottom:10px;

}


/* LIST */

.included-list{

list-style:none;

padding:0;

margin:0;

}


.included-list li{

margin-bottom:10px;

font-size:14px;

color:#555;

}


/* CHECK */

.included-list li:before{

content:"✓";

color:#79a832;

margin-right:8px;

}


/* BUTTON */

.sponsor-btn{

display:block;

text-align:center;

background:#79a832;

color:white;

padding:14px;

border-radius:30px;

text-decoration:none;

font-size:14px;

margin-top:10px;

transition:.3s;

}


.sponsor-btn:hover{

background:#6a962b;

}


/* =====================
RESPONSIVE
===================== */

@media(max-width:900px){

.sponsor-grid{

grid-template-columns:1fr;

}

}


.video-demo-section{

position:relative;
height:450px;
display:flex;
align-items:center;
justify-content:center;

}
.video-demo-section video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
}

/* Dark Overlay */
.ed-video-section{
position:relative;
width:100%;
height:450px;
overflow:hidden;
}

.ed-video-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* Play Button */



/* Popup */



/* Close */




/* Mobile */

@media(max-width:768px){

.video-demo-section{
height:300px;
}

.video-popup iframe{
width:90%;
height:250px;
}

}


.faq-section{
padding:90px 20px;
background:#f4f4f4;
}
.faq-main-title{
text-align:center;
font-size:38px;
font-weight:700;
margin-bottom:50px;
color:#222;
}

.faq-container{

max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:1fr 1.2fr;
gap:60px;
align-items:center;

}



/* LEFT IMAGE */

.faq-image-box{
position:relative;
}

.faq-image-box img{

width:100%;
border-radius:20px;
display:block;

}



/* FLOATING CARD */

.faq-contact{

position:absolute;
bottom:-30px;
right:-20px;

background:#79a832;

color:white;

padding:25px;

border-radius:14px;

width:220px;

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

}

.faq-contact-title{

font-weight:600;
margin-bottom:20px;

}

.faq-phone{

display:flex;
align-items:center;
gap:10px;
font-size:14px;

}



/* RIGHT SIDE */

.faq-small{

color:#79a832;
font-size:14px;
margin-bottom:10px;

}


.faq-title{

font-size:36px;
font-weight:700;
margin-bottom:30px;
color:#222;

}


/* FAQ ITEMS */

.faq-item{

background:#e9e9e9;
border-radius:14px;
margin-bottom:15px;
overflow:hidden;

}


.faq-question{

padding:18px 20px;

cursor:pointer;

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

font-weight:600;

font-size:15px;

}


.faq-icon{

width:26px;
height:26px;

border-radius:50%;

border:2px solid #79a832;

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

color:#79a832;

font-weight:bold;

}


.faq-answer{

padding:18px 20px;
font-size:14px;
color:#555;
display:none;
background:#f7f7f7;

}



/* ACTIVE */

.faq-item.active .faq-answer{
display:block;
}



/* MOBILE */

@media(max-width:900px){

.faq-container{
grid-template-columns:1fr;
}

.faq-contact{
position:relative;
right:0;
bottom:0;
margin-top:20px;
}

}

.testimonial-section{
padding:100px 20px;
background:linear-gradient(135deg,#0f1f16,#162b20);
color:white;
}


.testimonial-header{
text-align:center;
margin-bottom:60px;
}

.testimonial-small{
color:#6ddf9c;
font-size:14px;
margin-bottom:10px;
}

.testimonial-header h2{
font-size:38px;
max-width:700px;
margin:auto;
}



.testimonial-wrapper{
display:flex;
gap:30px;
max-width:1100px;
margin:auto;
flex-wrap:wrap;
}


/* LEFT CARD */

.testimonial-left{

background:linear-gradient(135deg,#18a058,#2ecc71);
padding:35px;
border-radius:20px;
width:260px;
}

.avatars img{
width:40px;
height:40px;
border-radius:50%;
margin-right:-10px;
border:2px solid white;
}

.connected{
margin-top:15px;
font-size:14px;
opacity:.9;
}

.testimonial-left h3{
margin:25px 0;
font-size:20px;
}

.review-btn{
display:inline-block;
background:white;
color:#18a058;
padding:10px 20px;
border-radius:25px;
text-decoration:none;
font-weight:bold;
}



/* SLIDER */

.testimonial-slider{
flex:1;
overflow:hidden;
position:relative;
}


.slides{
display:flex;
transition:.5s;
}

.slide{

background:#1d3327;
padding:35px;
border-radius:20px;
min-width:100%;
}

.stars{
color:#6ddf9c;
font-size:20px;
margin-bottom:15px;
}

.slide p{
line-height:1.6;
opacity:.9;
margin-bottom:30px;
}


.author{
display:flex;
align-items:center;
gap:10px;
}

.author img{
width:45px;
height:45px;
border-radius:50%;
}

.author span{
font-size:13px;
opacity:.8;
}



/* DOTS */

.dots{
text-align:center;
margin-top:20px;
}

.dot{
height:8px;
width:8px;
background:#555;
display:inline-block;
margin:5px;
border-radius:50%;
cursor:pointer;
}

.dot.active{
background:#2ecc71;
}
/*================================================= end of front page*/

/*start of  why exhibit*//*===============================*/

/* ====================================
WHY EXHIBIT VIDEO HERO
==================================== */

.exhibit-video-hero{

position:relative;

height:420px;

overflow:hidden;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

color:white;

}


/* VIDEO */

.exhibit-bg-video{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

object-fit:cover;

z-index:1;

}


/* DARK OVERLAY */

.exhibit-video-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

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

z-index:2;

}


/* CONTENT */

.exhibit-video-content{

position:relative;

z-index:3;

}


.exhibit-video-content h1{

font-size:46px;

font-weight:800;

margin-bottom:8px;

}


.exhibit-breadcrumb{

font-size:14px;

opacity:0.9;

}



/* MOBILE */

@media(max-width:768px){

.exhibit-video-content h1{

font-size:32px;

}

.exhibit-video-hero{

height:260px;

}

}
/* =====================================
WHY EXHIBIT HERO SECTION
===================================== */

.exhibit-hero-sec{

background:#f3f3f3;

padding:90px 0;

}

.exhibit-hero-wrap{

max-width:1200px;

margin:auto;

padding:0 24px;

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}


/* IMAGE */

.exhibit-hero-img img{

width:100%;

height:360px;

object-fit:cover;

border-radius:16px;

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

}


/* CONTENT */

.exhibit-small{

color:#68BD46;

font-weight:700;

font-size:14px;

margin-bottom:12px;

}


.exhibit-title{

font-size:38px;

font-weight:800;

line-height:1.25;

margin-bottom:20px;

color:#222;

max-width:520px;

}


.exhibit-text{

font-size:15px;

color:#555;

line-height:1.7;

margin-bottom:16px;

max-width:520px;

}


.exhibit-highlight{

font-weight:700;

margin-top:18px;

font-size:15px;

color:#222;

}



/* RESPONSIVE */

@media(max-width:900px){

.exhibit-hero-wrap{

grid-template-columns:1fr;

gap:40px;

}

.exhibit-title{

font-size:28px;

}

.exhibit-hero-img img{

height:280px;

}

}

/* ===============================
STRATEGIC SECTION
=============================== */

.exhibit-strategic-section{

padding:100px 20px;

background:linear-gradient(135deg,#3b5f17 0%, #000 90%);

color:white;

text-align:center;

}


.exhibit-strategic-container{

max-width:1200px;

margin:auto;

}



/* HEADER */

.exhibit-small-title{

font-size:14px;

margin-bottom:10px;

opacity:0.8;

}


.exhibit-strategic-header h2{

font-size:38px;

font-weight:800;

margin-bottom:20px;

}


.exhibit-strategic-header p{

max-width:750px;

margin:0 auto 15px;

opacity:0.9;

font-size:15px;

line-height:1.7;

}


.exhibit-sub-text{

margin-bottom:40px;

}



/* SLIDER */

.exhibit-slider-wrapper{

overflow:hidden;

position:relative;

}


.exhibit-slider-track{

display:flex;

gap:30px;

transition:0.5s ease;

}



/* CARD */

.exhibit-slide{

min-width:33.33%;

position:relative;

border-radius:16px;

overflow:hidden;

}


.exhibit-slide img{

width:100%;

height:320px;

object-fit:cover;

display:block;

}



/* OVERLAY */

.exhibit-slide-overlay{

position:absolute;

bottom:0;

left:0;

width:100%;

padding:20px;

background:linear-gradient(transparent,rgba(0,0,0,0.9));

font-weight:700;

font-size:14px;

letter-spacing:1px;

text-transform:uppercase;

}



/* DOTS */

.exhibit-slider-dots{

margin:30px 0;

}


.exhibit-dot{

width:10px;

height:10px;

background:#666;

border-radius:50%;

display:inline-block;

margin:6px;

cursor:pointer;

transition:.3s;

}


.exhibit-dot.active{

background:#7ed321;

transform:scale(1.3);

}



/* FOOTER TEXT */

.exhibit-bottom-text{

max-width:700px;

margin:auto;

opacity:0.85;

font-size:14px;

}



/* MOBILE */

@media(max-width:900px){

.exhibit-slide{

min-width:100%;

}

}

/* =========================
EXHIBIT AUDIENCE SECTION
========================= */

.exhibit-audience-section{

background:#f4f4f4;

padding:100px 0;

}


.exhibit-audience-container{

max-width:1200px;

margin:auto;

padding:0 24px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}


/* LEFT */

.exhibit-audience-eyebrow{

color:#68BD46;

font-weight:700;

font-size:14px;

margin-bottom:14px;

}


.exhibit-audience-title{

font-size:42px;

font-weight:800;

line-height:1.2;

margin-bottom:25px;

color:#222;

}


.exhibit-audience-divider{

border:none;

height:1px;

background:#ddd;

margin:20px 0 25px;

}


.exhibit-audience-desc{

font-size:15px;

line-height:1.7;

color:#555;

margin-bottom:25px;

}


/* LIST */

.exhibit-audience-list{

margin-bottom:25px;

}


.exhibit-audience-item{

display:flex;

align-items:center;

gap:10px;

margin-bottom:12px;

font-weight:600;

color:#333;

}


.exhibit-audience-check{

width:22px;

height:22px;

background:#68BD46;

color:white;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:13px;

}


/* CTA */

.exhibit-audience-cta{

display:flex;

gap:20px;

align-items:center;

}


.exhibit-audience-btn{

background:#68BD46;

color:white;

border:none;

padding:14px 32px;

border-radius:40px;

font-weight:700;

cursor:pointer;

}


.exhibit-audience-contact{

display:flex;

align-items:center;

gap:10px;

}


.exhibit-audience-phone{

width:44px;

height:44px;

background:#68BD46;

border-radius:10px;

display:flex;

align-items:center;

justify-content:center;

color:white;

font-size:18px;

}


.exhibit-audience-label{

font-size:13px;

font-weight:700;

}


.exhibit-audience-number{

font-size:13px;

color:#666;

}



/* RIGHT IMAGES */

.exhibit-audience-right{

position:relative;

}

.exhibit-audience-images{
    position:relative;
    height:420px;
}

/* TOP IMAGE → move LEFT */
.exhibit-audience-img-top{
    position:absolute;
    top:0;
    left:40px;   /* 👈 CHANGE: move to left */

    width:380px;
    height:260px;

    border-radius:18px;
    object-fit:cover;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
    z-index:2;
}

/* BOTTOM IMAGE → move RIGHT */
.exhibit-audience-img-bottom{
    position:absolute;
    bottom:0;
    right:-80px;   /* stays right */

    width:380px;
    height:260px;

    border-radius:18px;
    object-fit:cover;
    box-shadow:0 20px 50px rgba(0,0,0,0.18);
    z-index:3;
}



/* MOBILE */

@media(max-width:900px){

.exhibit-audience-container{

grid-template-columns:1fr;

gap:50px;

}

.exhibit-audience-images{

height:auto;

}

.exhibit-audience-img-top,
.exhibit-audience-img-bottom{

position:relative;

width:100%;

height:auto;

margin-bottom:20px;

}

}

/* ==============================
EXHIBIT TRAFFIC SECTION
============================== */

.exhibit-traffic-section{

padding:100px 0;

/* Dark gradient like screenshot */
background:linear-gradient(
90deg,
#213b07 0%,
#0f1f03 40%,
#000 100%
);

color:white;

}


.exhibit-traffic-container{

max-width:1200px;

margin:auto;

padding:0 24px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}



/* LEFT IMAGES */

.exhibit-traffic-left{

position:relative;

}





/* COMMON */

.exhibit-traffic-img{

position:absolute;

width:380px;

height:160px;

object-fit:cover;

border-radius:14px;

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

}

.exhibit-traffic-images{
    position:relative;
    height:460px; /* increased for breathing space */
}

/* TOP IMAGE */
.img-top{
    position:absolute;
    top:0;
    left:40px;

    width:365px;
    height:140px;

    border-radius:16px;
    object-fit:cover;
    z-index:2;
}

/* MIDDLE IMAGE (MAIN FOCUS) */
.img-middle{
    position:absolute;
    top:154px;
    left:31px; /* push right more */

    width:360px;
    height:160px;

    border-radius:16px;
    object-fit:cover;
    z-index:4; /* above all */
}

/* BOTTOM IMAGE */
.img-bottom{
    position:absolute;
    bottom:-80px;
    left:0;

    width:380px;
    height:190px;

    border-radius:16px;
    object-fit:cover;
    z-index:1;
}


/* RIGHT CONTENT */

.exhibit-traffic-eyebrow{

color:#9bd34a;

font-weight:600;

font-size:14px;

margin-bottom:10px;

}


.exhibit-traffic-title{

font-size:42px;

font-weight:800;

margin-bottom:30px;

}



/* LIST */

.exhibit-traffic-list{

margin-bottom:25px;

}


.exhibit-traffic-item{

display:flex;

align-items:center;

gap:12px;

margin-bottom:18px;

font-size:16px;

}



/* ICON */

.exhibit-traffic-icon{

width:30px;

height:30px;

background:#7cc242;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:black;

font-size:14px;

font-weight:700;

}



/* NOTE */

.exhibit-traffic-note{

margin-top:25px;

color:#ddd;

font-size:14px;

}



/* MOBILE */

@media(max-width:900px){

.exhibit-traffic-container{

grid-template-columns:1fr;

gap:50px;

}

.exhibit-traffic-images{

height:auto;

}

.exhibit-traffic-img{

position:relative;

width:100%;

height:auto;

margin-bottom:15px;

}

}

/* ===============================
ADVISORY BOARD SECTION
=============================== */

.advisory-section{

background:#f5f5f5;

padding:100px 0;

}


.advisory-container{

max-width:1200px;

margin:auto;

padding:0 24px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}



/* LEFT */

.advisory-left{

position:relative;

}


.advisory-collage{
position:relative;
width:650px;
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
margin:auto;
}

/* IMAGE WRAPPER */

.photo-wrap{
overflow:hidden;
border-radius:22px;
box-shadow:0 20px 60px rgba(0,0,0,0.18);
}

.photo-wrap img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* CLIPPED SHAPES */

.pw1{
width:300px;
height:250px;
clip-path:url(#clip-tl);
}

.pw2{
width:320px;
height:285px;
clip-path:url(#clip-tr);
}

.pw3{
width:320px;
height:260px;
clip-path:url(#clip-bl);
}

.pw4{
width:295px;
height:248px;
clip-path:url(#clip-br);
}

/* CENTER BADGE */

.advisory-badge{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:170px;
height:170px;
z-index:10;
}

.advisory-badge svg{
width:100%;
height:100%;
animation:rotateBadge 18s linear infinite;
}

@keyframes rotateBadge{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}


/* RIGHT */

.advisory-right{

max-width:520px;

}



.advisory-eyebrow{

color:#68BD46;

font-weight:600;

font-size:14px;

margin-bottom:10px;

}



.advisory-title{

font-size:40px;

font-weight:800;

margin-bottom:20px;

line-height:1.2;

}



.advisory-text{

color:#555;

line-height:1.7;

margin-bottom:18px;

font-size:15px;

}



/* MOBILE */

@media(max-width:900px){

.advisory-container{

grid-template-columns:1fr;

gap:50px;

}


/*.advisory-images{*/

/*height:auto;*/

/*}*/

.adv-badge-rotate{
transform-origin:80px 80px;
animation:advBadgeSpin 18s linear infinite;
}

@keyframes advBadgeSpin{

0%{
transform:rotate(0deg);
}

100%{
transform:rotate(360deg);
}

}
.adv-img{

position:relative;

width:100%;

height:auto;

margin-bottom:15px;

}


.advisory-badge{

position:relative;

transform:none;

margin:20px auto;

}

}
/* ==========================
ADVISORY TEAM SECTION
========================== */

.advisory-team-section{

padding:100px 20px;

background:linear-gradient(180deg,#3b5f17 0%, #000 90%);

text-align:center;

color:white;

}


.advisory-team-container{

max-width:1200px;

margin:auto;

}



/* HEADER */

.adv-top{

color:#cde6a7;

font-size:14px;

margin-bottom:10px;

}


.adv-main-title{

font-size:38px;

font-weight:700;

margin-bottom:12px;

}


.adv-subtext{

max-width:600px;

margin:0 auto 50px;

font-size:15px;

opacity:.9;

}



/* GRID */

.adv-team-grid{

display:grid;

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

gap:30px;

}



/* CARD */

.adv-card{

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

border-radius:16px;

overflow:hidden;

text-align:left;

backdrop-filter:blur(6px);

transition:.3s;

}


.adv-card:hover{

transform:translateY(-6px);

}



.adv-card img{

width:100%;

height:300px;

object-fit:cover;

display:block;

}



/* CONTENT */

.adv-card-content{

padding:20px;

}



.adv-name-row{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:10px;

}


.adv-name-row h4{

margin:0;

font-size:16px;

}


.adv-name-row p{

margin:4px 0 0;

font-size:13px;

color:#ddd;

}



/* LINKEDIN */

.adv-linkedin{

width:38px;
height:38px;

border-radius:50%;

background:white;

color:#333;

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

font-weight:bold;

cursor:pointer;

}



.adv-desc{

font-size:14px;

color:#ddd;

line-height:1.6;

margin-top:15px;

}



/* MOBILE */

@media(max-width:900px){

.adv-team-grid{

grid-template-columns:1fr;

}

}

/* =========================
STRATEGIC ADVANTAGE SECTION
========================= */

.advantage-section{

padding:100px 20px;

background:#f6f6f6;

}


.advantage-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}



/* LEFT */

.advantage-img{

width:100%;

height:360px;

object-fit:cover;

border-radius:18px;

display:block;

}



/* RIGHT */

.advantage-eyebrow{

color:#68BD46;

font-size:14px;

font-weight:600;

margin-bottom:10px;

}


.advantage-title{

font-size:40px;

font-weight:800;

margin-bottom:30px;

color:#222;

}



/* LIST */

.advantage-list{

display:flex;

flex-direction:column;

gap:18px;

margin-bottom:30px;

}


.advantage-item{

display:flex;

gap:12px;

align-items:flex-start;

font-size:15px;

color:#444;

font-weight:500;

}



.advantage-check{

width:20px;
height:20px;

border-radius:50%;

background:#68BD46;

color:white;

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

font-size:12px;

margin-top:3px;

}



.advantage-footer{

font-size:15px;

color:#555;

margin-top:20px;

}



/* MOBILE */

@media(max-width:900px){

.advantage-container{

grid-template-columns:1fr;

gap:40px;

}

.advantage-title{

font-size:30px;

}

}

/* ==========================
WHY EXHIBIT FINAL SECTION
========================== */

.whyex-final-section{

padding:110px 20px;

background:linear-gradient(
90deg,
#2d4f12 0%,
#162a08 40%,
#000000 100%
);

color:white;

}


.whyex-final-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}



/* LEFT */

.whyex-final-eyebrow{

font-size:14px;

opacity:0.8;

margin-bottom:10px;

}


.whyex-final-title{

font-size:42px;

font-weight:800;

line-height:1.2;

margin-bottom:20px;

}



.whyex-final-desc{

font-size:15px;

opacity:0.85;

margin-bottom:25px;

max-width:520px;

line-height:1.7;

}



.whyex-final-points{

margin-bottom:35px;

font-weight:600;

line-height:1.9;

}



.whyex-final-btn{

display:inline-block;

background:#68BD46;

color:white;

padding:14px 32px;

border-radius:30px;

text-decoration:none;

font-weight:600;

transition:.3s;

}


.whyex-final-btn:hover{

background:#5aaa38;

transform:translateY(-2px);

}



/* RIGHT IMAGE */

.whyex-final-img{

width:100%;

height:360px;

object-fit:cover;

border-radius:18px;

display:block;

}



/* MOBILE */

@media(max-width:900px){

.whyex-final-container{

grid-template-columns:1fr;

gap:40px;

}

.whyex-final-title{

font-size:30px;

}

}

/* =========================
SPONSOR HERO SECTION
========================= */

.sponsor-hero-section{

position:relative;

height:440px;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

color:white;

overflow:hidden;

}



/* Background Image */
.sponsor-hero-section{
position:relative;
height:420px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
}

.sponsor-hero-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

.sponsor-hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
z-index:2;
}

.sponsor-hero-content{
position:relative;
z-index:3;
}



/* Overlay */

.sponsor-hero-overlay{

position:absolute;

width:100%;
height:100%;

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

z-index:2;

}



/* Content */

.sponsor-hero-content{

position:relative;

z-index:3;

}



.sponsor-hero-title{

font-size:46px;

font-weight:800;

margin-bottom:10px;

}



.sponsor-hero-breadcrumb{

font-size:14px;

opacity:0.9;

}



/* Mobile */

@media(max-width:768px){

.sponsor-hero-section{

height:260px;

}

.sponsor-hero-title{

font-size:32px;

}

}
/* =========================
SPONSOR INTRO SECTION
========================= */

.sponsor-intro-section{

background:#f4f4f4;

padding:90px 0;

}



.sponsor-intro-container{

max-width:1200px;

margin:auto;

padding:0 24px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}



/* LEFT IMAGE */

.sponsor-intro-image{

width:100%;

height:320px;

object-fit:cover;

border-radius:16px;

}



/* RIGHT CONTENT */

.sponsor-intro-eyebrow{

color:#68BD46;

font-size:14px;

font-weight:700;

margin-bottom:14px;

}



.sponsor-intro-title{

font-size:38px;

font-weight:800;

line-height:1.2;

margin-bottom:18px;

color:#222;

}



.sponsor-intro-divider{

width:80px;

height:2px;

background:#ddd;

margin-bottom:22px;

}



.sponsor-intro-text{

font-size:15px;

line-height:1.7;

color:#444;

margin-bottom:16px;

max-width:520px;

}



.sponsor-intro-highlight{

font-size:16px;

font-weight:700;

color:#222;

margin-top:10px;

}
.faq-phone a{
color:inherit;
text-decoration:none;
}

.faq-phone a:hover{
color:#fff;
}


/* Responsive */

@media(max-width:900px){

.sponsor-intro-container{

grid-template-columns:1fr;

gap:40px;

}

}

/* ==========================
WHY SPONSOR SECTION
========================== */

.why-sponsor-section{

background:linear-gradient(90deg,#3b5f17 0%, #000 100%);

padding:100px 0;

color:#fff;

text-align:center;

overflow:hidden;

}



.why-sponsor-container{

max-width:1200px;

margin:auto;

padding:0 24px;

}



/* HEADER */

.why-sponsor-eyebrow{

font-size:14px;

opacity:.8;

margin-bottom:10px;

}



.why-sponsor-title{

font-size:42px;

font-weight:800;

margin-bottom:18px;

}



.why-sponsor-desc{

max-width:800px;

margin:auto;

font-size:15px;

line-height:1.7;

opacity:.9;

margin-bottom:15px;

}



.why-sponsor-sub{

font-size:15px;

margin-bottom:50px;

opacity:.9;

}



/* SLIDER */

.why-sponsor-slider{

overflow:hidden;

}



.why-sponsor-track{

display:flex;

gap:30px;

transition:.6s;

}



/* CARDS */

.why-sponsor-card{

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

padding:20px;

border-radius:16px;

min-width:260px;

backdrop-filter:blur(10px);

}



.why-sponsor-card img{

width:100%;

height:170px;

object-fit:cover;

border-radius:12px;

margin-bottom:15px;

}



.why-sponsor-card-title{

font-size:14px;

font-weight:600;

margin-bottom:10px;

}



.why-sponsor-card-line{

height:1px;

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

margin-top:10px;

}



/* DOTS */

.why-sponsor-dots{

margin-top:30px;

}



.why-dot{

width:10px;

height:10px;

border-radius:50%;

background:rgba(255,255,255,.3);

display:inline-block;

margin:6px;

cursor:pointer;

}



.why-dot.active{

background:#68BD46;

transform:scale(1.2);

}



/* FOOTER */

.why-sponsor-footer{

margin-top:30px;

font-size:14px;

opacity:.9;

}



/* MOBILE */

@media(max-width:900px){

.why-sponsor-track{

gap:20px;

}

.why-sponsor-card{

/*min-width:80%;*/
min-width:calc((100% - 90px) / 4);
}

}

/* ====================================
EXTENDED ROI SECTION
==================================== */

.roi-section{

background:#f4f4f4;

padding:100px 0;

}

.roi-container{

max-width:1200px;

margin:auto;

padding:0 24px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}


/* LEFT */

.roi-eyebrow{

color:#68BD46;

font-weight:700;

font-size:14px;

margin-bottom:18px;

}


.roi-heading{

font-size:44px;

font-weight:800;

margin-bottom:18px;

color:#222;

}


.roi-divider{

border:none;

border-top:1px solid #ddd;

margin:22px 0;

width:100%;

}


.roi-desc{

font-size:15px;

line-height:1.7;

color:#444;

margin-bottom:16px;

}


.roi-last{

margin-bottom:18px;

}


/* LIST */

.roi-list{

margin:20px 0;

}


.roi-item{

display:flex;

align-items:center;

gap:10px;

margin-bottom:12px;

font-size:15px;

color:#333;

}


.roi-check{

width:20px;

height:20px;

border-radius:50%;

background:#68BD46;

display:flex;

align-items:center;

justify-content:center;

color:white;

font-size:12px;

font-weight:700;

}


/* CTA */

.roi-cta{

display:flex;

gap:20px;

align-items:center;

margin-top:20px;

}


.roi-btn{

background:#68BD46;

color:white;

padding:14px 34px;

border-radius:40px;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.roi-btn:hover{

background:#58a43a;

transform:translateY(-2px);

}


.roi-inquiry{

display:flex;

align-items:center;

gap:12px;

}


.roi-phone{

width:46px;

height:46px;

background:#68BD46;

border-radius:10px;

display:flex;

align-items:center;

justify-content:center;

}

.roi-phone svg{

width:20px;

height:20px;

fill:white;

}


.roi-label{

font-size:13px;

font-weight:700;

}


.roi-number{

font-size:13px;

color:#666;

}


/* IMAGE */

.roi-right{

text-align:right;

}

.roi-image{

width:480px;

height:480px;

object-fit:cover;

border-radius:22px;

box-shadow:0 20px 50px rgba(0,0,0,0.1);

}


/* RESPONSIVE */

@media(max-width:900px){

.roi-container{

grid-template-columns:1fr;

gap:40px;

}

.roi-right{

text-align:center;

}

.roi-image{

width:100%;

height:auto;

}

}

/* ====================================
SECURE SPONSORSHIP SECTION
==================================== */

.secure-sponsor-section{

padding:100px 0;

background:linear-gradient(
90deg,
#3c5d15 0%,
#1a2d08 40%,
#000 100%
);

color:white;

}


.secure-sponsor-container{

max-width:1200px;

margin:auto;

padding:0 24px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}


/* LEFT */

.secure-eyebrow{

font-size:14px;

color:#d5e8bf;

margin-bottom:16px;

font-weight:600;

}


.secure-heading{

font-size:42px;

font-weight:800;

line-height:1.2;

margin-bottom:20px;

}


.secure-desc{

font-size:15px;

line-height:1.7;

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

margin-bottom:24px;

max-width:520px;

}


.secure-highlight{

font-size:15px;

line-height:1.7;

font-weight:600;

margin-bottom:28px;

}


/* BUTTON */

.secure-btn{

display:inline-block;

background:#68BD46;

color:white;

padding:14px 34px;

border-radius:40px;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.secure-btn:hover{

background:#58a43a;

transform:translateY(-2px);

}



/* RIGHT IMAGE */

.secure-right{

text-align:right;

}

.secure-image{

width:520px;

height:350px;

object-fit:cover;

border-radius:20px;

box-shadow:0 25px 60px rgba(0,0,0,0.3);

}


/* RESPONSIVE */

@media(max-width:900px){

.secure-sponsor-container{

grid-template-columns:1fr;

gap:40px;

}

.secure-right{

text-align:center;

}

.secure-image{

width:100%;

height:auto;

}

}

/*===================================== enf of become a sponsor*/

/*start of event page*/

/* =====================================
EVENT HERO SECTION
===================================== */

.event-hero-section{

position:relative;

height:420px;

overflow:hidden;

display:flex;

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

text-align:center;

color:white;

}


/* Background Video */

.event-hero-video{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

object-fit:cover;

z-index:1;

}


/* Overlay */

.event-hero-overlay{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

/* Dark overlay */
background:rgba(0,0,0,0.55);

z-index:2;

}


/* Content */

.event-hero-content{

position:relative;

z-index:3;

}


/* Title */

.event-hero-title{

font-size:46px;

font-weight:800;

margin-bottom:10px;

}


/* Breadcrumb */

.event-hero-breadcrumb{

font-size:14px;

opacity:0.9;

}


/* Mobile */

@media(max-width:768px){

.event-hero-section{

height:260px;

}

.event-hero-title{

font-size:34px;

}

}

/* ===========================
EVENT AGENDA
=========================== */

.event-agenda-section{

padding:100px 20px;

background:#f5f5f5;

}


.event-agenda-wrapper{

max-width:1100px;

margin:auto;

background:white;

border-radius:40px;

overflow:hidden;

}


/* HEADER */

.event-agenda-header{

background:#7bb32e;

color:white;

text-align:center;

padding:30px;

}


.event-agenda-header h2{

font-size:36px;

margin-bottom:10px;

}


.event-agenda-header p{

font-size:16px;

}



/* TABS */

.event-tabs-wrap{

display:flex;

justify-content:center;

padding:40px 0;

}


.event-tabs{

background:#7bb32e;

padding:6px;

border-radius:50px;

display:flex;

gap:5px;

}


.event-tab{

padding:12px 40px;

border-radius:50px;

border:none;

font-weight:700;

cursor:pointer;

background:transparent;

color:white;

transition:.3s;

}


.event-tab.active{

background:white;

color:#333;

}



/* PANEL */

.event-panel{

display:none;

padding:20px 60px 40px;

}


.event-panel.active{

display:block;

}



/* ROW */

.event-row{

display:grid;

grid-template-columns:80px 1fr 200px;

align-items:center;

gap:25px;

padding:30px 0;

border-bottom:1px solid #ddd;

}



/* IMAGE */

.event-row img{

width:70px;

height:70px;

border-radius:50%;

object-fit:cover;

}



/* TITLE */

.event-title{

font-size:18px;

font-weight:600;

color:#333;

}



/* TIME */

.event-time{

text-align:right;

font-weight:700;

color:#444;

}



/* MOBILE */

@media(max-width:768px){

.event-row{

grid-template-columns:70px 1fr;

grid-template-rows:auto auto;

}


.event-time{

grid-column:2;

text-align:left;

margin-top:5px;

}

}

/*event style end*/

/*island canvas start*/

/* ===================================
ISLAND CANVAS HERO
Unique CSS — No Conflict
=================================== */

.islandcanvas-hero{

position:relative;

height:420px;

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

text-align:center;

overflow:hidden;

color:white;

}


/* VIDEO */

.islandcanvas-video{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

object-fit:cover;

z-index:1;

}


/* OVERLAY */

.islandcanvas-overlay{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

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

z-index:2;

}


/* CONTENT */

.islandcanvas-inner{

position:relative;

z-index:3;

}


/* TITLE */

.islandcanvas-title{

font-size:54px;

font-weight:800;

margin-bottom:12px;

font-family:'Poppins',sans-serif;

}


/* BREADCRUMB */

.islandcanvas-breadcrumb{

font-size:14px;

opacity:.9;

font-family:'Inter',sans-serif;

}


/* RESPONSIVE */

@media(max-width:768px){

.islandcanvas-title{

font-size:36px;

}

.islandcanvas-hero{

height:300px;

}

}

/* ======================================
ISLAND INTRO SECTION
Unique CSS - No Conflict
====================================== */

.island-intro-section{

background:#f3f3f3;

padding:90px 20px;

}


.island-intro-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}


/* LEFT IMAGE */

.island-intro-image{

width:100%;

height:420px;

object-fit:cover;

border-radius:18px;

display:block;

}


/* RIGHT CONTENT */

.island-intro-eyebrow{

color:#79a832;

font-size:14px;

font-weight:600;

margin-bottom:14px;

}


.island-intro-title{

font-size:44px;

font-weight:800;

margin-bottom:14px;

}


.island-intro-sub{

font-size:16px;

color:#444;

margin-bottom:18px;

}


.island-intro-desc{

font-size:15px;

line-height:1.8;

color:#555;

max-width:520px;

}


/* RESPONSIVE */

@media(max-width:900px){

.island-intro-container{

grid-template-columns:1fr;

gap:40px;

}

.island-intro-image{

height:300px;

}

.island-intro-title{

font-size:32px;

}

}
/* ======================================
AL MARJAN ISLAND SECTION
Unique CSS
====================================== */

.island-marjan-section{

padding:100px 20px;

/* Same gradient style as exhibit pages */

background:linear-gradient(
90deg,
#3c5f17 0%,
#1f330a 50%,
#000000 100%
);

color:white;

}


.island-marjan-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}


/* LEFT CONTENT */

.island-marjan-eyebrow{

font-size:14px;

color:#d8e7c0;

margin-bottom:14px;

}


.island-marjan-title{

font-size:46px;

font-weight:800;

margin-bottom:14px;

}


.island-marjan-sub{

font-size:18px;

margin-bottom:20px;

opacity:.9;

}


.island-marjan-desc{

font-size:15px;

line-height:1.8;

margin-bottom:18px;

max-width:540px;

opacity:.95;

}


/* RIGHT IMAGE */

.island-marjan-image{

width:100%;

height:420px;

object-fit:cover;

border-radius:22px;

display:block;

box-shadow:0 20px 60px rgba(0,0,0,.4);

}


/* RESPONSIVE */

@media(max-width:900px){

.island-marjan-container{

grid-template-columns:1fr;

gap:40px;

}

.island-marjan-title{

font-size:34px;

}

.island-marjan-image{

height:300px;

}

}

/* ======================================
DOUBLETREE HOTEL SECTION
Unique CSS
====================================== */

.island-hotel-section{

padding:110px 20px;

background:#f3f3f3;

}


.island-hotel-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:90px;

align-items:center;

}



/* LEFT COLLAGE */

/*.hotel-images{*/

/*position:relative;*/

/*height:480px;*/

/*}*/


/*.hotel-img{*/

/*position:absolute;*/

/*object-fit:cover;*/

/*border-radius:20px;*/

/*box-shadow:0 15px 40px rgba(0,0,0,.15);*/

/*}*/


/* TOP LEFT */

/*.hotel-img1{*/

/*width:260px;*/
/*height:200px;*/

/*top:0;*/
/*left:0;*/

/*}*/


/* TOP RIGHT */

/*.hotel-img2{*/

/*width:300px;*/
/*height:220px;*/

/*top:0;*/
/*right:0;*/

/*}*/


/* BOTTOM LEFT */

/*.hotel-img3{*/

/*width:260px;*/
/*height:230px;*/

/*bottom:0;*/
/*left:40px;*/

/*}*/


/* BOTTOM RIGHT */

/*.hotel-img4{*/

/*width:240px;*/
/*height:190px;*/

/*bottom:0;*/
/*right:0;*/

/*}*/
.hotel-images{
position:relative;
width:650px;
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
margin:auto;
}

.hotel-wrap{
overflow:hidden;
border-radius:22px;
box-shadow:0 20px 60px rgba(0,0,0,0.18);
}

.hotel-wrap img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* curved shapes */

.hw1{
width:300px;
height:250px;
clip-path:url(#hotel-clip-tl);
}

.hw2{
width:320px;
height:285px;
clip-path:url(#hotel-clip-tr);
}

.hw3{
width:320px;
height:260px;
clip-path:url(#hotel-clip-bl);
}

.hw4{
width:295px;
height:248px;
clip-path:url(#hotel-clip-br);
}


/* ROTATING BADGE */

.hotel-badge{

position:absolute;

left:50%;
top:50%;

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

width:150px;
height:150px;

animation:hotelRotate 25s linear infinite;

}


.hotel-badge svg{

width:100%;
height:100%;

}


@keyframes hotelRotate{

from{transform:translate(-50%,-50%) rotate(0deg);}
to{transform:translate(-50%,-50%) rotate(360deg);}

}



/* RIGHT TEXT */

.hotel-eyebrow{

color:#68BD46;

font-size:14px;

font-weight:600;

margin-bottom:10px;

}


.hotel-title{

font-size:42px;

font-weight:800;

margin-bottom:20px;

color:#222;

line-height:1.2;

}


.hotel-desc{

font-size:15px;

line-height:1.8;

color:#444;

margin-bottom:16px;

max-width:500px;

}



/* BULLETS */

.hotel-list{

list-style:none;

padding:0;

margin:20px 0;

}


.hotel-list li{

position:relative;

padding-left:28px;

margin-bottom:12px;

font-size:15px;

color:#333;

}


.hotel-list li:before{

content:"✓";

position:absolute;

left:0;
top:0;

color:#68BD46;

font-weight:700;

}



/* RESPONSIVE */

@media(max-width:900px){

.island-hotel-container{

grid-template-columns:1fr;

gap:50px;

}


.hotel-images{

height:420px;

}

.hotel-title{

font-size:32px;

}

}
/* ======================================
EVENT NAVIGATION GUIDE
Island Canvas
====================================== */

.island-nav-section{

padding:110px 20px;

background:linear-gradient(
135deg,
#162b06 0%,
#000 100%
);

color:white;

}


.island-nav-container{

max-width:1200px;

margin:auto;

}



/* HEADER */

.island-nav-header{

text-align:center;

margin-bottom:60px;

}


.island-nav-eyebrow{

font-size:14px;

color:#cfe6b7;

margin-bottom:10px;

}


.island-nav-title{

font-size:42px;

font-weight:800;

}



/* GRID */

.island-nav-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

}



/* CARD */

.island-nav-card{

background:linear-gradient(
180deg,
rgba(255,255,255,0.05),
rgba(255,255,255,0.02)
);

border-radius:18px;

overflow:hidden;

border:1px solid rgba(150,200,80,.25);

transition:.3s;

}


.island-nav-card:hover{

transform:translateY(-6px);

border-color:#68BD46;

}



/* IMAGE */

.island-nav-card img{

width:100%;

height:280px;

object-fit:cover;

display:block;

}



/* CONTENT */

.nav-card-content{

padding:24px;

text-align:center;

}


.nav-card-content h3{

font-size:18px;

margin-bottom:20px;

}



/* BUTTON */

.nav-btn{

display:inline-block;

background:#68BD46;

color:white;

padding:12px 34px;

border-radius:40px;

text-decoration:none;

font-weight:600;

transition:.3s;

}


.nav-btn:hover{

background:#5cad3e;

}



/* MOBILE */

@media(max-width:900px){

.island-nav-grid{

grid-template-columns:1fr;

}

.island-nav-title{

font-size:32px;

}

}

/* ======================================
ACTIVITY ZONE SECTION
Island Canvas
====================================== */

.island-activity-section{

padding:100px 20px;
background:#f4f4f4;

}

.island-activity-container{

max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:80px;

align-items:center;

}



/* LEFT */

.activity-eyebrow{

color:#68BD46;
font-size:14px;
font-weight:600;

margin-bottom:12px;

}

.activity-title{

font-size:42px;
font-weight:800;

margin-bottom:15px;

color:#222;

}

.activity-sub{

font-size:16px;
margin-bottom:18px;
color:#444;

}

.activity-desc{

font-size:15px;
line-height:1.8;
margin-bottom:16px;

color:#555;
max-width:540px;

}



/* BULLET LIST */

.activity-list{

list-style:none;
padding:0;
margin:20px 0;

}

.activity-list li{

position:relative;
padding-left:28px;
margin-bottom:12px;

font-size:15px;
color:#333;

}

.activity-list li:before{

content:"✓";

position:absolute;
left:0;
top:0;

color:#68BD46;
font-weight:700;

}



/* RIGHT IMAGE */

.activity-image{

width:100%;
height:460px;

object-fit:cover;

border-radius:22px;

box-shadow:0 20px 60px rgba(0,0,0,.15);

}



/* RESPONSIVE */

@media(max-width:900px){

.island-activity-container{

grid-template-columns:1fr;
gap:50px;

}

.activity-title{

font-size:32px;

}

.activity-image{

height:320px;

}

}
/* ======================================
EXECUTIVE NETWORKING EXPERIENCE
Island Canvas
====================================== */

.island-network-section{

padding:120px 20px;

background:linear-gradient(
135deg,
#233c0f 0%,
#0b1404 60%,
#000000 100%
);

color:white;

}


.island-network-container{

max-width:1250px;
margin:auto;

}



/* HEADER */

.network-header{

text-align:center;
margin-bottom:70px;

}

.network-title{

font-size:42px;
font-weight:800;

margin-bottom:15px;

}

.network-sub{

font-size:15px;
opacity:.85;

margin-bottom:10px;

}



/* GRID */

.network-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;

}



/* CARD */

.network-card{

background:linear-gradient(
180deg,
rgba(255,255,255,0.06),
rgba(255,255,255,0.02)
);

border-radius:18px;

padding:18px;

border:1px solid rgba(150,200,80,.2);

transition:.3s;

text-align:center;

}


.network-card:hover{

transform:translateY(-6px);

border-color:#68BD46;

}



/* IMAGE */

.network-image{

width:100%;
height:200px;

object-fit:cover;

border-radius:14px;

margin-bottom:15px;

}



/* CAPTION */

.network-caption{

font-size:14px;

padding-top:10px;

border-top:1px solid rgba(255,255,255,.1);

opacity:.95;

}



/* FOOTER */

.network-footer{

text-align:center;

margin-top:60px;

font-size:14px;

opacity:.7;

}



/* RESPONSIVE */

@media(max-width:1100px){

.network-grid{

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

}

}

@media(max-width:600px){

.network-grid{

grid-template-columns:1fr;

}

.network-title{

font-size:30px;

}

}
/* ======================================
WHY THE SETTING MATTERS
Island Canvas
====================================== */

.island-setting-section{

padding:110px 20px;
background:#f5f5f5;

}

.island-setting-container{

max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:80px;

align-items:center;

}



/* IMAGE */

.setting-image{

width:100%;
height:480px;

object-fit:cover;

border-radius:24px;

box-shadow:0 25px 70px rgba(0,0,0,.15);

}



/* CONTENT */

.setting-eyebrow{

color:#68BD46;
font-size:14px;
font-weight:600;

margin-bottom:14px;

}

.setting-title{

font-size:40px;
font-weight:800;

margin-bottom:15px;

color:#222;

}

.setting-sub{

font-size:16px;
margin-bottom:18px;

color:#444;

}

.setting-desc{

font-size:15px;
line-height:1.8;

margin-bottom:18px;

color:#555;

max-width:520px;

}



/* LIST */

.setting-list{

list-style:none;
padding:0;
margin:20px 0;

}

.setting-list li{

position:relative;
padding-left:28px;
margin-bottom:12px;

font-size:15px;
color:#333;

}

.setting-list li:before{

content:"✓";

position:absolute;
left:0;
top:0;

color:#68BD46;
font-weight:700;

}



/* RESPONSIVE */

@media(max-width:900px){

.island-setting-container{

grid-template-columns:1fr;
gap:50px;

}

.setting-title{

font-size:30px;

}

.setting-image{

height:320px;

}

}

/* ======================================
CINEMATIC STRATEGIC VIDEO SECTION
Island Canvas
====================================== */
.island-strategic-video{
    position:relative;
    padding:140px 20px;
    color:white;

    background:linear-gradient(
        90deg,
        #233c0f 0%,
        #0b1404 60%,
        #000000 100%
    );
}

/* REMOVE VIDEO RULES */
.strategic-bg-video{
    display:none;
}

/* REMOVE OLD OVERLAY IF NOT NEEDED */
.strategic-overlay{
    display:none;
}

/* RIGHT IMAGE BOX */
.strategic-image-box{
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(0,0,0,.5);
}

.strategic-image-box img{
    width:100%;
    height:340px;
    object-fit:cover;
    border-radius:18px;
}


/* CONTAINER */

.strategic-container{

max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:60px;

align-items:center;

}



/* LEFT CONTENT */

.strategic-eyebrow{

color:#8ED24F;
font-size:14px;
font-weight:600;
margin-bottom:15px;

}

.strategic-title{

font-size:48px;
font-weight:800;
line-height:1.2;
margin-bottom:20px;

}

.strategic-desc{

font-size:16px;
line-height:1.8;
opacity:.9;
margin-bottom:16px;

max-width:520px;

}



/* RIGHT VIDEO BOX */

.strategic-video-box{

background:linear-gradient(
135deg,
rgba(255,150,0,.6),
rgba(255,0,120,.4)
);

padding:8px;
border-radius:18px;

box-shadow:0 30px 80px rgba(0,0,0,.6);

}

.strategic-video-box video{

width:100%;
height:340px;
object-fit:cover;
border-radius:14px;

}



/* RESPONSIVE */

@media(max-width:900px){

.strategic-container{

grid-template-columns:1fr;
gap:40px;

}

.strategic-title{

font-size:34px;

}

.strategic-video-box video{

height:260px;

}

}

/*Gallery page style start=================================================*/
/*=====================================================*/

/* ======================================
GALLERY HERO SECTION
====================================== */
.gallery-hero{
position:relative;
height:420px;
width:100%;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
}

/* VIDEO */

.gallery-hero-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

/* OVERLAY */

.gallery-hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
z-index:2;
}

/* CONTENT */

.gallery-hero-content{
position:relative;
z-index:3;
}

.gallery-hero-title{
font-size:56px;
font-weight:800;
margin-bottom:10px;
}

.gallery-breadcrumb{
font-size:14px;
opacity:.9;
}

/* MOBILE */

@media(max-width:768px){

.gallery-hero{
height:260px;
}

.gallery-hero-title{
font-size:36px;
}

}


/* Dark Overlay */

.gallery-hero-overlay{

position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background:linear-gradient(
135deg,
rgba(0,0,0,.65),
rgba(0,0,0,.55)
);

z-index:-1;

}


/* Content */

.gallery-hero-title{

font-size:56px;
font-weight:800;
margin-bottom:15px;

}

.gallery-breadcrumb{

font-size:14px;
opacity:.85;

}


/* Responsive */

@media(max-width:768px){

.gallery-hero{
height:300px;
}

.gallery-hero-title{
font-size:36px;
}

}

/* ======================================
GALLERY GRID SECTION
====================================== */

.gallery-grid-section{

padding:100px 20px;
background:#f4f4f4;

}

.gallery-grid-container{

max-width:1300px;
margin:auto;

display:grid;
grid-template-columns:repeat(3, 1fr);
gap:40px;

}



/* ITEM */

.gallery-item{

position:relative;
overflow:hidden;

border-radius:22px;

background:#ddd;

height:260px;

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

transition:.4s ease;

}



/* IMAGE */

.gallery-item img{

width:100%;
height:100%;
object-fit:cover;

transition:.5s ease;

}



/* HOVER EFFECT */

.gallery-item:hover img{

transform:scale(1.08);

}

.gallery-item:hover{

transform:translateY(-6px);

}



/* RESPONSIVE */

@media(max-width:992px){

.gallery-grid-container{
grid-template-columns:repeat(2, 1fr);
}

}

@media(max-width:600px){

.gallery-grid-container{
grid-template-columns:1fr;
}

.gallery-item{
height:220px;
}

}

/*book a stand*/
/* =====================================================
FORM WRAPPER
===================================================== */
/* FORM SECTION BACKGROUND */

.bookstand-form{
padding:100px 20px;
background:linear-gradient(135deg,#0f1720,#1a1a1a);
position:relative;
overflow:hidden;
}


/* LIGHT GLOW EFFECT */

.bookstand-form:before{
content:"";
position:absolute;
top:-200px;
left:-200px;
width:500px;
height:500px;
background:radial-gradient(circle,#68BD46 0%,transparent 70%);
opacity:0.15;
filter:blur(80px);
}


/* FORM CARD */

.bookstand-form-wrapper{
max-width:950px;
margin:auto;
background:#ffffff;
padding:60px 50px;
border-radius:16px;
box-shadow:0 30px 80px rgba(0,0,0,0.2);
animation:formFade 0.8s ease;
}


/* ENTRY ANIMATION */

@keyframes formFade{
0%{
opacity:0;
transform:translateY(40px);
}
100%{
opacity:1;
transform:translateY(0);
}
}


/* OPTIONAL SECTION TITLE */

.bookstand-form-wrapper h3{
font-size:26px;
margin-bottom:20px;
}


/* MOBILE */

@media (max-width:768px){

.bookstand-form-wrapper{
padding:35px 25px;
}

}

/* ======================================
GLOBAL SCROLL ANIMATION
====================================== */

.reveal{
opacity:0;
transform:translateY(50px);
transition:all 1.2s cubic-bezier(.2,.6,.2,1);
}

.reveal.show{
opacity:1;
transform:translateY(0);
}


/* LEFT */
.reveal-left{
opacity:0;
transform:translateX(-60px);
transition:all 1.2s cubic-bezier(.2,.6,.2,1);
}
.reveal-left.show{
opacity:1;
transform:translateX(0);
}


/* RIGHT */.reveal-left{
opacity:0;
transform:translateX(-60px);
transition:all 1.2s cubic-bezier(.2,.6,.2,1);
}

.reveal-right.show{
opacity:1;
transform:translateX(0);
}


/* SCALE */
.reveal-right{
opacity:0;
transform:translateX(60px);
transition:all 1.2s cubic-bezier(.2,.6,.2,1);
}


.reveal-scale.show{
opacity:1;
transform:scale(1);
}