body {
      padding-top: 56px; /* Space for fixed navbar */
      background: linear-gradient(135deg, #f9f9f9, #e8f5e9);
      min-height: 100vh;
}
    
.navbar {
      background: linear-gradient(to right, #2c3e50, #4a6491) !important;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.navbar-brand,.nav-link{
   color:#e0f7fa !important;
   transition: all 0.5s ease;
}
.navbar-brand:hover,.nav-link:hover{
   color:#80deea !important;
   transform: translateY(-2px);
}
.nav-link.active{
   color:#80deea !important;
   font-weight: 600;
   border-bottom: 2px solid #80deea ;
}
.image-container{
   overflow: hidden;
   border-radius: 10px;
   box-shadow: 0 5px 15px rgba(0,0,0,0.1);
   height: 500px;
}
.home-img{
   height:100%;
   width:100%;
   object-fit:cover;
   transition:transform 0.5s ease;
}
.home-img:hover{
   transform: scale(1.05);
}
.parent{
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.head{
   color:#2c3e50;
   font-weight: 700;
   margin-bottom: 20px;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.bar{
   background-color: white;
   padding:20px;
   border-radius: 10px;
   box-shadow:0px 2px 2px rgba(0,0,0,0.1);
}
section {
      padding: 80px 0;
    }
    
    #about, #services, #contact {
      min-height: 100vh;
      display: flex;
      align-items: center;
    }
    
    .section-title {
      color: #2c3e50;
      font-weight: 700;
      margin-bottom: 30px;
      position: relative;
    }
    
    .section-title::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 80px;
      height: 4px;
      background: linear-gradient(to right, #4a6491, #80deea);
      border-radius: 2px;
    }
    
    .footer {
      background: linear-gradient(to right, #2c3e50, #4a6491);
      color: white;
      padding: 30px 0;
    }