:root{
         --primary:#0f172a;
         --secondary:#2563eb;
         --accent:#f59e0b;
         --light:#f8fafc;
         }
         html{
         scroll-behavior:smooth;
         }
         body{
         font-family:'Segoe UI',sans-serif;
         overflow-x:hidden;
         }
         section{
         padding:90px 0;
         }
         .navbar{
         background:#fff;
         box-shadow:0 5px 20px rgba(0,0,0,.08);
         }
         .navbar-brand{
         font-weight:700;
         }
         .navbar-brand img{
         /* width:55px; */
         height:84px;
         /* border-radius:50%; */
         }
         .nav-link{
         font-weight:600;
         color:#111!important;
         margin-left:15px;
         }
         .nav-link:hover{
         color:var(--secondary)!important;
         }
         .hero{
         min-height:100vh;
         background:
         linear-gradient(rgba(15,23,42,.78),rgba(15,23,42,.78)),
         url('../assets/img/banner11.avif');
         background-size:cover;
         background-position:center;
         display:flex;
         align-items:center;
         color:#fff;
         }
         .hero h1{
         font-size:62px;
         font-weight:800;
         }
         .hero p{
         font-size:18px;
         margin:20px 0;
         }
         .btn-main{
         background:var(--accent);
         color:#fff;
         padding:14px 35px;
         border-radius:50px;
         font-weight:600;
         text-decoration:none;
         display:inline-block;
         }
         .btn-main:hover{
         background:#d88b00;
         color:#fff;
         }
         .section-title{
         text-align:center;
         margin-bottom:60px;
         }
         .section-title h2{
         font-size:40px;
         font-weight:800;
         }
         .section-title p{
         color:#666;
         }
         .about-img{
         border-radius:20px;
         overflow:hidden;
         }
         .about-img img{
         width:100%;
         }
         .service-card{
         background:#fff;
         padding:35px;
         border-radius:20px;
         box-shadow:0 10px 25px rgba(0,0,0,.08);
         height:100%;
         transition:.4s;
         }
         .service-card:hover{
         transform:translateY(-10px);
         }
         .service-card i{
         font-size:45px;
         color:var(--secondary);
         margin-bottom:20px;
         }
         .gallery-card{
         overflow:hidden;
         border-radius:15px;
         }
         .gallery-card img{
         width:100%;
         height:280px;
         object-fit:cover;
         transition:.5s;
         }
         .gallery-card:hover img{
         transform:scale(1.08);
         }
         .contact-box{
         padding:35px;
         background:#fff;
         border-radius:20px;
         box-shadow:0 10px 30px rgba(0,0,0,.08);
         }
         .form-control{
         padding:14px;
         border-radius:10px;
         }
         footer{
         background:#0f172a;
         color:#fff;
         }
         footer h5{
         margin-bottom:20px;
         }
         footer ul{
         padding:0;
         list-style:none;
         }
         footer ul li{
         margin-bottom:10px;
         }
         footer ul li a{
         color:#fff;
         text-decoration:none;
         }
         .social-icons a{
         width:45px;
         height:45px;
         display:inline-flex;
         align-items:center;
         justify-content:center;
         background:#fff;
         color:#0f172a;
         border-radius:50%;
         margin-right:10px;
         text-decoration:none;
         }
         .stats-box{
         background:rgba(255,255,255,.08);
         padding:20px;
         border-radius:15px;
         text-align:center;
         }
         .stats-box h3{
         font-weight:800;
         }
         .map-frame{
         border-radius:20px;
         overflow:hidden;
         }
         @media(max-width:768px){
         .hero{
         padding-top:120px;
         text-align:center;
         }
         .hero h1{
         font-size:38px;
         }
         .navbar-brand span{
         font-size:14px;
         }
         }

         #about ul{
    list-style:none;
    padding:0;
}

#about .fa-circle-check{
    color:#2563eb;
}

#about .btn-primary{
    background:#2563eb;
    border:none;
    transition:.3s;
}

#about .btn-primary:hover{
    background:#0f172a;
}

#about h2{
    color:#0f172a;
}

#about p{
    line-height:1.9;
}