.process-grid-section {
     background-color: #ffffff;
 }

 .section-main-title {
     font-size: 2.2rem;
     font-weight: 700;
     color: #111111;
 }

 /* মেইন কার্ড */
 .process-block-card {
     background: #ffffff;
     border-radius: 12px;
     overflow: hidden;
     transition: all 0.3s ease;
 }

 /* ইমেজ বক্স এবং ব্যাজ */
 .process-img-box {
     position: relative;
     overflow: hidden;
     border-radius: 12px;
     /* ইমেজ এরিয়া রাউন্ডেড করার জন্য */
 }

 .process-img-box img {
     width: 100%;
     height: 300px;
     object-fit: cover;
     transition: transform 0.5s ease;
     border-radius: 20px;
 }

 /* হোভার করলে ইমেজ জুম ইফেক্ট */
 .process-block-card:hover .process-img-box img {
     transform: scale(1.06);
 }

 /* ইমেজের ওপর সিরিয়াল নাম্বার ব্যাজ */
 .process-count-badge {
     position: absolute;
     top: 15px;
     left: 15px;
     background-color: #2222226b;
     color: #ffffff;
     font-size: 30px;
     font-weight: 400;
     padding: 15px 10px;
     border-radius: 20px;
     z-index: 2;
 }

 /* কন্টেন্ট বা নিচের টেক্সট এরিয়া */
 .process-content-box {
     padding: 15px 15px 10px 15px;
 }

 .process-card-title {
     font-size: 20px;
     font-weight: 500;
     color: #1a1a1a;
     margin-bottom: 12px;
 }

 .process-card-desc {
     font-size: 18px;
     color: #222222;
     margin-bottom: 15px;
 }


 @media (max-width: 768px) {
     .process-img-box img {
         height: 250px;
     }
 }

 .is-invalid,
 .error-input {
     border: 1px solid #dc3545 !important;
     background-color: #fff8f8;
 }

 .is-invalid:focus,
 .error-input:focus {
     border-color: #dc3545 !important;
     box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15) !important;
 }

 .text-danger,
 .error-text {
     display: block;
     color: #dc3545 !important;
     line-height: 1.4;
     font-size: 13px;
 }

 label {
     font-size: 14px;
 }

 .gap-y-16 {
     row-gap: 16px;
 }