@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Open+Sans:wght@400;600;700&display=swap');

:root{
  --purple:#9a5cad;
  --purple-dark:#742b85;
  --blue:#55b6dc;
  --ink:#3e4248;
  --muted:#777f87;
  --light:#f4f8fb;
  --footer:#68727c;
  --footer-dark:#555e66;
  --white:#fff;
  --border:#e5e8eb;
  --container:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"Open Sans",Arial,sans-serif;font-size:14px;line-height:1.65;background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(var(--container),calc(100% - 36px));margin:auto}
.topbar{height:34px;background:var(--purple);color:#fff;font-size:11px}
.topbar .container{height:100%;display:flex;align-items:center;gap:24px}
.topbar span{opacity:.95}
.header{height:86px;background:#fff;border-bottom:1px solid #edf0f2}
.header .container{height:100%;display:flex;align-items:center;justify-content:space-between}
.logo{width:205px}
.nav{display:flex;align-items:center;gap:29px;font-family:Nunito,sans-serif;font-weight:700;color:#4e5257}
.nav a{padding:31px 0;transition:.2s}
.nav a:hover,.nav a.active{color:#45a9d4}
.nav .services:after{content:"";font-size:12px;margin-left:5px;color:#45a9d4}
.ndis-logo{width:92px}
.mobile-menu{display:none}
.page-title{background:#f4f8fb;padding:48px 0 42px}
.page-title h1{margin:0 0 4px;font:800 36px/1.2 Nunito,sans-serif;color:#3c4147}
.page-title p{margin:0;color:#9aa1a7}
.breadcrumb{border-bottom:1px solid #edf0f2;padding:14px 0;color:#c0c5c9;font-size:12px}
.breadcrumb b{color:var(--purple)}
.inner-banner{height:205px;background:center/cover no-repeat url("images/inner-banner.png");display:flex;align-items:center}
.inner-banner h1{font:800 38px/1.2 Nunito,sans-serif;margin:0;color:#3d4146}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:42px}
.content{min-width:0}
.sidebar h3{font:700 18px Nunito;margin:0 0 14px}
.services-menu{background:var(--purple);color:#fff;border-radius:0 0 30px 30px;padding:20px 22px}
.services-menu a{display:block;font:700 12px/1.45 Nunito;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.services-menu a:before{content:"›";margin-right:8px}
.services-menu a.active{color:#fff}
.hours{background:#f4f8fb;padding:18px 20px;margin-top:22px}
.hours h3{margin-top:0}
.hours-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e3e9ed;font-size:11px;color:#9ca4aa}
.hours-row.today{color:#49a9d3;font-weight:700}
.closed{background:#51b4d9;color:#fff;padding:2px 13px;font-weight:700}
.service-main{padding:42px 0 52px}
.service-intro{display:grid;grid-template-columns:48% 1fr;gap:28px;align-items:start;margin-bottom:24px}
.service-intro img{width:100%;aspect-ratio:1.5;object-fit:cover}
.service-intro h2{font:800 17px Nunito;margin:0 0 10px}
.service-main p{margin:0 0 25px;color:#71777d;text-align:justify}
.cta{border:2px dashed #aaa;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:18px}
.cta h3{font:800 24px Nunito;margin:0 0 3px}
.cta p{margin:0;text-align:left;font-size:13px}
.btn{display:inline-block;border:0;border-radius:25px;background:var(--purple);color:#fff;padding:11px 26px;font:700 12px Nunito;white-space:nowrap}
.footer{background:var(--footer);color:#fff}
.ack{padding:48px 0;background:var(--footer)}
.ack-grid{display:grid;grid-template-columns:34% 66%;align-items:center;gap:40px}
.footer-logo{width:245px;filter:brightness(0) invert(1);opacity:.95}
.ack p{font-size:12px;line-height:2;margin:0}
.footer-main{background:linear-gradient(rgba(104,114,124,.97),rgba(104,114,124,.97)),url("images/footer_pattern.png");background-size:294px 235px;padding:45px 0 55px}
.contact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 0 34px;border-bottom:1px solid rgba(255,255,255,.12)}
.contact-item{text-align:center;font-size:11px}
.contact-item strong{display:block;font:700 12px Nunito}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.25fr 1fr;gap:45px;padding-top:38px}
.footer h4{font:800 14px Nunito;margin:0 0 15px}
.footer p,.footer li{font-size:11px;line-height:1.8;color:#eef1f3}
.footer ul{list-style:none;padding:0;margin:0}
.footer li:before{content:"›";margin-right:8px;color:#dbe1e5}
.footer-bottom{background:var(--footer-dark);padding:14px 0;font-size:10px;color:#aeb5ba}
.footer-bottom .container{display:flex;justify-content:space-between}
.home-hero{height:430px;background:center/cover no-repeat url("images/bannar-latest-1920x715.jpg")}
.hero-overlay{height:100%;display:flex;align-items:center}
.hero-copy{width:430px;margin-left:5%}
.hero-copy small{letter-spacing:5px;font-weight:700}
.hero-copy h1{font:800 31px/1.05 Nunito;color:var(--purple-dark);margin:10px 0 18px}
.home-services{padding:45px 0}
.service-grid{display:grid;grid-template-columns:220px repeat(3,1fr);gap:18px}
.service-card{border:1px solid #e8eaec;background:#fff}
.service-card img{height:125px;width:100%;object-fit:cover}
.service-card .pad{padding:13px}
.service-card h3{font:700 13px/1.35 Nunito;margin:0 0 8px}
.service-card p{font-size:10px;color:#7c8389;line-height:1.6;margin:0 0 9px}
.service-card a{color:#47a9d2;font-size:10px;font-weight:700}
.home-intro h2,.section-title{font:800 24px Nunito;margin:0 0 8px}
.home-intro p{font-size:12px;color:#71777d}
.home-about{background:#f4f8fb;padding:45px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.about-mini{display:grid;grid-template-columns:145px 1fr;gap:15px;margin-top:18px}
.about-mini img{height:130px;object-fit:cover}
.about-mini h4{font:800 13px Nunito;margin:0 0 6px}
.advantages{padding:45px 0}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.adv{border:1px solid #e8eaec;padding:20px}
.adv h4{font:700 12px Nunito;margin:0 0 6px}
.adv p{font-size:10px;color:#80878d;margin:0}
.team{padding:0 0 45px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.team-card{border:1px solid #e5e7e9;padding-bottom:15px}
.team-card img{height:135px;width:100%;object-fit:cover;background:#e9edf0}
.team-card .pad{padding:12px}
.team-card h4{font:800 12px Nunito;margin:0}
.team-card span{font-size:10px;color:var(--purple)}
.team-card p{font-size:10px;color:#7e858a}
.promo{background:var(--purple);color:#fff;padding:35px;text-align:center}
.promo h3{font:800 20px Nunito;margin:0 0 8px}
.contact-page{padding:38px 0 70px}
.contact-layout{display:grid;grid-template-columns:180px 1fr;gap:30px}
.contact-box{background:var(--purple);color:#fff;padding:18px;border-radius:2px}
.contact-box h4{font:800 12px Nunito;margin:0 0 5px}
.contact-box p{font-size:10px;margin:0 0 18px}
.map{height:300px;border:0;width:100%}
.form-wrap{background:#f4f8fb;padding:28px;margin-top:25px}
.form{background:#fff;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form input,.form select,.form textarea{width:100%;border:1px solid #eee;background:#fafafa;padding:13px;font:13px "Open Sans";outline:0}
.form textarea{min-height:120px;grid-column:1/-1}
.form select{grid-column:1/-1}
.form .btn{justify-self:center;grid-column:1/-1}
.careers-box{background:#f4f4f4;padding:38px;margin:45px 0}
.job-filters{display:grid;grid-template-columns:1fr 180px 180px;gap:15px}
.job-filters input,.job-filters select{padding:13px;border:1px solid #ddd;background:#fff}
.job{background:#fff;border:1px solid #ddd;padding:17px;width:250px;margin-top:18px}
.job h3{font:800 14px Nunito;margin:0 0 8px}
.job p{font-size:11px;margin:0 0 3px}
.job a{font-size:11px;color:#4aaed6}
.careers-intro{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:center;padding:0 0 50px}
.careers-intro img{width:100%}
@media(max-width:900px){
  .nav{gap:14px;font-size:12px}
  .two-col{grid-template-columns:1fr}
  .sidebar{order:-1}
  .services-menu{border-radius:0 0 18px 18px}
  .service-intro{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .service-grid{grid-template-columns:1fr 1fr}
  .service-grid .home-intro{grid-column:1/-1}
  .ack-grid{grid-template-columns:1fr}
  .contact-layout{grid-template-columns:1fr}
}
@media(max-width:650px){
  body{font-size:13px}
  .topbar{height:auto;padding:8px 0}
  .topbar .container{flex-wrap:wrap;gap:8px 15px}
  .header{height:auto;padding:14px 0}
  .header .container{flex-wrap:wrap;gap:15px}
  .logo{width:175px}
  .ndis-logo{width:75px}
  .nav{width:100%;overflow:auto;gap:18px;order:3}
  .nav a{padding:8px 0;white-space:nowrap}
  .page-title{padding:35px 0}
  .page-title h1,.inner-banner h1{font-size:29px}
  .inner-banner{height:145px}
  .home-hero{height:320px}
  .hero-copy{width:60%;margin-left:4%}
  .hero-copy h1{font-size:24px}
  .service-grid,.about-grid,.adv-grid,.team-grid,.footer-grid,.contact-strip,.careers-intro{grid-template-columns:1fr}
  .about-mini{grid-template-columns:120px 1fr}
  .cta{align-items:flex-start;flex-direction:column}
  .job-filters{grid-template-columns:1fr}
  .form{grid-template-columns:1fr}
  .form textarea,.form select,.form .btn{grid-column:auto}
  .footer-bottom .container{display:block;text-align:center}
}

/* Hide dropdown by default */
.dropdown-menu {
    display: none;
    position: absolute;
    /* Add your styling here (background, shadow, z-index) */
}

/* Show dropdown when active */
.dropdown-menu.show {
    display: block;
}