.elementor-226 .elementor-element.elementor-element-778ec7d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4922fbd */.mbbs-countries{ padding:50px 30px; } .section-head{ text-align:center; margin-bottom:50px; } .section-head h2{ font-size:42px; font-weight:800; margin-bottom:10px; } .section-head span{ color:#4c2dc2; } .section-head p{ color:#666; font-size:18px; } .country-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px; } .country-card{ position:relative; display:block; border-radius:12px; overflow:hidden; height:380px; color:#fff; text-decoration:none; box-shadow:0 10px 30px rgba(0,0,0,.1); transition:.4s; } .country-card img{ width:100%; height:100%; object-fit:cover; transition:.6s; } .country-overlay{ position:absolute; bottom:0; left:0; width:100%; height:100%; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.1)); } .country-card h3{ position:absolute; bottom:25px; color:#fff; left:25px; font-size:22px; font-weight:700; z-index:2; } .flag{ position:absolute; top:18px; right:18px; background:white; color:#000; width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; z-index:2; } /* ⭐ HOVER EFFECT */ .country-card:hover img{ transform:scale(1.12); } .country-card:hover{ transform:translateY(-10px); box-shadow:0 25px 50px rgba(0,0,0,.2); } /* MOBILE */ @media(max-width:992px){ .country-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:600px){ .country-grid{ grid-template-columns:1fr; } .section-head h2{ font-size:30px; } }/* End custom CSS */