.expo-section{


background:#F7F7F7;

padding:80px 30px;


}





.expo-container{


max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:45% 55%;

gap:40px;


}





/* LEFT */


.expo-left{


position:relative;


}



.expo-sticky{


position:sticky;

top:100px;


}





.expo-sticky h1{


font-size:48px;

line-height:1.1;

font-weight:800;

color:#222;

margin:0 0 40px;


}







.expo-meta{


display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

margin-bottom:25px;


}




.expo-meta div{


background:#555;

padding:18px;

color:white;

text-align:center;


}



.expo-meta strong{


font-size:14px;


}




.expo-meta p{


margin:8px 0 0;

font-size:18px;

font-weight:600;


}







.expo-address{


font-size:18px;

font-weight:600;

color:#555;

margin:30px 0;


}







.expo-btn{


display:inline-block;

background:#004297;

color:white;

padding:16px 40px;

border-radius:8px;

font-size:17px;

font-weight:700;

text-decoration:none;


}



.expo-btn:hover{


opacity:.85;


}








/* RIGHT */


.expo-right{


display:flex;

justify-content:center;


}



.expo-right img{


width:100%;

max-width:600px;

height:auto;

border-radius:15px;

object-fit:contain;


}









/* MOBILE */


@media(max-width:900px){



.expo-container{


grid-template-columns:1fr;


}



.expo-sticky{


position:relative;

top:auto;


}




.expo-sticky h1{


font-size:34px;


}



.expo-right{


order:-1;


}



.expo-meta{


grid-template-columns:1fr;


}



}