/* Reset & Base */
* {margin:0; padding:0; box-sizing:border-box; font-family:'Roboto', sans-serif;}
body {background-color:#fff; color:#333; line-height:1.6;}

/* Top News Bar */
.top-news {background-color:#50dec8; color:#fff; padding:8px 0; font-weight:500; text-align:center;}

/* Header */
.sticky-header {background:#fff; color:#333; padding:15px 0; box-shadow:0 2px 8px rgba(0,0,0,0.1); position:sticky; top:0; z-index:1000;}
header .container {width:90%; max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:space-between;}
header .logo img {height:60px;}
nav ul.menu {list-style:none; display:flex; gap:25px;}
nav ul.menu li {position:relative;}
nav ul.menu li a {color:#333; text-decoration:none; font-weight:500; padding:5px 0;}
nav ul.menu li:hover > a {color:#50dec8;}
nav ul.menu li ul.dropdown {position:absolute; top:35px; left:0; background:#fff; display:none; min-width:220px; border-radius:5px; box-shadow:0 5px 15px rgba(0,0,0,0.1); z-index:999;}
nav ul.menu li:hover ul.dropdown {display:block;}
nav ul.menu li ul.dropdown li {padding:10px;}
nav ul.menu li ul.dropdown li a {color:#333;}
nav ul.menu li ul.dropdown li a:hover {color:#50dec8;}

/* Hero Section */
.hero {background:#50dec8; color:#fff; padding:120px 0;}
.hero .hero-content {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:50px;}
.hero-text h1 {font-size:48px; margin-bottom:20px;}
.hero-text p {font-size:20px; margin-bottom:30px;}
.btn-primary {background:#4c545b; color:#fff; padding:15px 30px; border-radius:5px; text-decoration:none; font-weight:500; transition:0.3s;}
.btn-primary:hover {background:#333;}
.hero-image img {max-width:100%; border-radius:10px;}

/* Services Section */
.services {padding:80px 0; text-align:center;}
.services h2 {font-size:36px; color:#4c545b; margin-bottom:50px;}
.service-cards {display:flex; flex-wrap:wrap; gap:30px; justify-content:center;}
.service-cards .card {background:#fff; border-radius:10px; padding:30px; width:250px; box-shadow:0 5px 25px rgba(0,0,0,0.1); transition:all 0.3s;}
.service-cards .card:hover {transform:translateY(-10px); box-shadow:0 15px 30px rgba(0,0,0,0.15);}
.service-cards .card h3 {color:#50dec8; margin-bottom:15px;}
.service-cards .card p {font-size:14px; color:#333;}

/* Why Choose Us Section */
.why-choose-us {padding:80px 0; background:#f9f9f9; text-align:center;}
.why-choose-us h2 {font-size:36px; color:#4c545b; margin-bottom:50px;}
.why-choose-us .features {display:flex; flex-wrap:wrap; gap:30px; justify-content:center;}
.why-choose-us .feature {background:#fff; padding:25px; border-radius:10px; width:250px; box-shadow:0 5px 25px rgba(0,0,0,0.1); transition:0.3s;}
.why-choose-us .feature:hover {transform:translateY(-10px);}
.why-choose-us .feature h3 {color:#50dec8; margin-bottom:15px;}
.why-choose-us .feature p {font-size:14px; color:#333;}

/* Footer */
footer {background:#4c545b; color:#fff; padding:60px 0 20px;}
footer .container {width:90%; max-width:1200px; margin:auto; display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between;}
footer .footer-col {flex:1 1 220px;}
footer .footer-logo {height:50px; margin-bottom:15px;}
footer h4 {color:#50dec8; margin-bottom:15px;}
footer p, footer ul li {color:#fff; font-size:14px;}
footer ul {list-style:none;}
footer ul li a {color:#fff; text-decoration:none;}
footer ul li a:hover {color:#50dec8;}
footer .social-icons a img {height:25px; margin-right:10px;}
footer .footer-bottom {text-align:center; padding-top:20px; border-top:1px solid rgba(255,255,255,0.2); margin-top:20px;}