/*====================================================
                EXHIBIT PAGE
====================================================*/

:root{

--primary:#0b6b34;
--secondary:#f4a300;
--dark:#1c1c1c;
--light:#ffffff;
--gray:#f7f8fa;
--text:#666;
--shadow:0 12px 35px rgba(0,0,0,.08);
--radius:18px;

}


.exhibit-hero{

padding:120px 0;
background:
/*linear-gradient(*/
/*90deg,*/
/*rgba(0,100,0,.9),*/
/*rgba(0,0,0,.45)*/
/*),*/
url("../images/exhbiting.jpeg") center/cover no-repeat;
text-align:center;
color:green;

}

.exhibit-hero .section-tag{

display:inline-block;
background:rgba(255,255,255,.18);
padding:10px 22px;
border-radius:30px;
font-size:.9rem;
letter-spacing:1px;
margin-bottom:20px;

}


.hero-texts{
    background:white;
    padding:15px;
 
}
.exhibit-hero h1{
font-size:clamp(1rem,2vw,2rem);
line-height:1.2;
margin-bottom:25px;

}


.exhibit-hero p{

max-width:760px;
margin:auto;
font-size:1.1rem;
line-height:1.8;
opacity:.95;

}

.hero-buttons{

display:flex;
justify-content:center;
gap:18px;
margin-top:40px;
flex-wrap:wrap;

}

.btn-primary,
.btn-outline{

padding:15px 35px;
border-radius:50px;
font-weight:600;
text-decoration:none;
transition:.35s;

}

.btn-primary{

background:var(--secondary);
color:#fff;

}

.btn-primary:hover{

background:#e38d00;
transform:translateY(-4px);

}

.btn-outline{

border:2px solid #fff;
color:#fff;

}

.btn-outline:hover{

background:#fff;
color:var(--primary);

}

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

.section-title{

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

}

.section-title span{

color:var(--secondary);
font-weight:700;
letter-spacing:2px;
font-size:.9rem;

}

.section-title h2{

font-size:2.4rem;
margin-top:10px;
color:var(--dark);

}

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

.why-exhibit,
.exhibitor-profile,
.stand-section,
.registration-process{

padding:100px 0;

}

.why-exhibit{

background:var(--gray);

}

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

.benefits-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;

}

.benefit-card{

background:#fff;
padding:40px 30px;
border-radius:var(--radius);
box-shadow:var(--shadow);
transition:.35s;
text-align:center;

}

.benefit-card:hover{

transform:translateY(-10px);

}

.benefit-card i{

width:80px;
height:80px;
background:rgba(11,107,52,.1);
color:var(--primary);
display:flex;
justify-content:center;
align-items:center;
margin:auto;
border-radius:50%;
font-size:2rem;
margin-bottom:25px;

}

.benefit-card h3{

margin-bottom:15px;
font-size:1.35rem;
color:var(--dark);

}

.benefit-card p{

color:var(--text);
line-height:1.8;

}

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

.profile-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;

}

.profile-grid div{

background:#fff;
padding:25px;
border-left:5px solid var(--primary);
border-radius:10px;
box-shadow:var(--shadow);
font-weight:600;
transition:.3s;

}

.profile-grid div:hover{

background:var(--primary);
color:#fff;
transform:translateY(-6px);

}


.profile-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
}

.profile-grid div{
    background:#fff;
    padding:25px;
    border-left:5px solid var(--primary);
    border-radius:10px;
    box-shadow:var(--shadow);
    font-weight:600;
    transition:.3s;
}

.profile-grid div:hover{
    background:var(--primary);
    color:#fff;
    transform:translateY(-6px);
}

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

.stand-section{

background:var(--gray);

}

.stand-grid{

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

}

.stand-card{

background:#fff;
border-radius:20px;
padding:45px 35px;
position:relative;
box-shadow:var(--shadow);
transition:.35s;

}

.stand-card:hover{

transform:translateY(-10px);

}

.stand-card h3{

font-size:1.8rem;
margin-bottom:20px;
color:var(--primary);

}

.stand-card p{

line-height:1.8;
color:var(--text);
margin-bottom:25px;

}

.stand-card ul{

list-style:none;
padding:0;
margin-bottom:35px;

}

.stand-card li{

padding:10px 0;
border-bottom:1px solid #eee;

}

.stand-btn{

display:inline-block;
padding:14px 35px;
background:var(--primary);
color:#fff;
text-decoration:none;
border-radius:50px;
transition:.3s;

}

.stand-btn:hover{

background:var(--secondary);

}

.featured{

border:3px solid var(--secondary);
transform:scale(1.03);

}

.popular{

position:absolute;
top:-15px;
left:50%;
transform:translateX(-50%);
background:var(--secondary);
color:#fff;
padding:8px 20px;
border-radius:30px;
font-size:.85rem;
font-weight:600;

}

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

.steps{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;

}

.step{

background:#fff;
text-align:center;
padding:45px 25px;
border-radius:18px;
box-shadow:var(--shadow);
transition:.3s;

}

.step:hover{

transform:translateY(-8px);

}

.step span{

display:flex;
justify-content:center;
align-items:center;
width:75px;
height:75px;
background:var(--primary);
color:#fff;
font-size:1.6rem;
font-weight:bold;
border-radius:50%;
margin:auto auto 25px;

}

.step h4{

font-size:1.25rem;
color:var(--dark);

}

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

.exhibit-cta{

padding:110px 0;
background:linear-gradient(135deg,var(--primary),#0d8b45);
color:#fff;
text-align:center;

}

.exhibit-cta h2{

font-size:clamp(2rem,4vw,3rem);
margin-bottom:20px;

}

.exhibit-cta p{

max-width:700px;
margin:auto;
line-height:1.8;
margin-bottom:40px;
opacity:.95;

}

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

@media(max-width:768px){

.exhibit-hero{

padding:90px 20px;

}

.section-title h2{

font-size:2rem;

}

.hero-buttons{

flex-direction:column;

}

.btn-primary,
.btn-outline{

width:100%;
text-align:center;

}

.featured{

transform:none;

}

}

/* =====================================
   CENTER ALL EXHIBIT PAGE CONTENT
===================================== */

.section-title,
.benefits-grid,
.profile-grid,
.stand-grid,
.steps,
.exhibit-cta > *,
.exhibit-hero > *{
    width:90%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}