/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 13 May 2025, 10:01:41 pm
    Author     : raghvendrapratapsingh
*/

.about-banner {
  background: linear-gradient(135deg, #3f214d 0%, #16213e 50%, #041427 100%) !important;
  padding-top: 80px;
  padding-bottom: 80px;
}

.about-content h2 {
  color: #333;
}

.about-content ul li {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 8px;
}

.feature-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
  background-color: #fff;
}
.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}

.icon-box {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

/* Responsive Images */
.about-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 1rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .about-image {
        height: 200px;
        margin-bottom: 2rem;
    }
    
    .order-lg-2 {
        order: 1;
    }
}

@media (min-width: 992px) {
    .about-image {
        height: 400px;
    }
}