/*==============================
WHY VISIT
==============================*/

.visit-hero{

padding:120px 0;
background:
linear-gradient(rgba(11,107,52,.30),rgba(11,107,52,.40)),
url("../images/international conference center2.jpeg") center/cover;
text-align:center;
color:#fff;

}

.visit-hero h1{

font-size:clamp(2.5rem,5vw,4rem);
margin:20px 0;

}

.visit-hero p{

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

}

.visit-benefits{

padding:100px 0;
background:#f8f9fa;

}

.visit-grid{

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

}

.visit-card{

background:#fff;
padding:40px 30px;
text-align:center;
border-radius:15px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;

}

.visit-card:hover{

transform:translateY(-10px);

}

.visit-card i{

font-size:2.5rem;
color:#0b6b34;
margin-bottom:20px;

}

.visit-card h3{

margin-bottom:15px;

}

.visit-card p{

line-height:1.8;
color:#666;

}

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

.visitor-profile{

padding:100px 0;

}

.profile-grid{

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

}

.profile-grid div{

background:#fff;
padding:25px;
text-align:center;
font-weight:600;
border-radius:10px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
border-top:4px solid #0b6b34;
transition:.3s;

}

.profile-grid div:hover{

background:#0b6b34;
color:#fff;

}

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

.visitor-register{

padding:100px 0;
background:#f8f9fa;

}

.register-box{

max-width:900px;
margin:auto;
background:#fff;
padding:60px;
border-radius:20px;
text-align:center;
box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.register-box h2{

margin-bottom:20px;

}

.register-box p{

margin-bottom:35px;
line-height:1.8;
color:#666;

}

.register-features{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
margin-bottom:40px;

}

.register-features div{

padding:18px;
background:#f5f5f5;
border-radius:10px;
font-weight:600;

}

.register-features i{

color:#0b6b34;
margin-right:8px;

}

@media(max-width:768px){

.visit-hero{

padding:80px 20px;

}

.register-box{

padding:35px 25px;

}

}