/* ================= GLOBAL RESET ================= */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{overflow-x:hidden;font-family:"Poppins",sans-serif;}
a{text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;height:auto;}

/* ================= CONTACT CARDS ================= */
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:60px 20px;}
.contact-card{background:#fff;border-radius:18px;padding:40px 20px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,0.12);transition:0.3s;}
.contact-card img{width:45px;margin-bottom:12px;}
.contact-card p{font-size:16px;font-weight:500;color:#000;}
.contact-card:hover{transform:translateY(-10px);}
@media(max-width:992px){.contact-cards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:576px){.contact-cards{gap:15px;}.contact-card{padding:25px 10px;}}

/* ================= SOCIAL SECTION ================= */
.contact-social-section{padding:70px 20px;text-align:center;}
.social-cards{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;}
.social-card{width:90px;height:90px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,0.15);transition:0.3s;}
.social-card:hover{transform:translateY(-8px);}
.social-card img{width:40px;}

/* ================= SLIDER 
.banner{width:100%;overflow:hidden;}
.slide-bg{height:calc(var(--vh,1vh)*100);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative;}
.slide-bg::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.45);}
.slide-content{position:relative;color:#fff;text-align:center;z-index:2;}
.slide-content h2{font-size:2.8rem;margin-bottom:10px;}
.slide-content p{margin-bottom:20px;} ================= */

/* ================= BUTTON ================= */
.btn-Know{display:inline-block;padding:12px 30px;border-radius:30px;font-weight:700;background:#111;color:#fff;transition:0.3s;}
.btn-Know:hover{transform:translateY(-3px);background:#333;}
.btn-slide{display:inline-block;padding:10px 25px;background:#fff;color:#000;border-radius:25px;font-weight:600;}

/* ================= POSTER ANIMATION ================= */
.poster-animate{opacity:0;transform:translateY(40px);transition:0.8s ease;}
.poster-animate.active{opacity:1;transform:translateY(0);}

/* ================= RESPONSIVE ================= */
@media(max-width:992px){.slide-content h2{font-size:2rem;}}
@media(max-width:576px){.slide-content h2{font-size:1.5rem;}}