#about {
   background: linear-gradient(rgba(17, 36, 90, 0.5), rgba(17, 36, 90, 0.5)), url("/img/hero_img.jpg") center/cover no-repeat;
   background-attachment: fixed;
   min-height: 100vh;
}

#feature {
   background: linear-gradient(rgba(17, 36, 90, 0.5), rgba(17, 36, 90, 0.5)), url("/img/p5.jpg") center/cover no-repeat;
   background-attachment: fixed;
   min-height: 75vh;
}

.section-title {
   position: relative;
   padding-bottom: 15px;
   margin-bottom: 30px;
}

.section-title:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 80px;
   height: 3px;
   background: #ffffff;
}

.feature-card {
   border-radius: 15px;
   padding: 30px;
   height: 100%;
   transition: all 0.3s ease;
}

.feature-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}