diff --git a/resources/views/apply.blade.php b/resources/views/apply.blade.php index ae4b282..62765c9 100644 --- a/resources/views/apply.blade.php +++ b/resources/views/apply.blade.php @@ -17,7 +17,7 @@ } .hero { - height: 350px; + height: 220px; /* Hero එකේ උස තවත් අඩු කළා */ background: linear-gradient(rgba(20,20,20,.55),rgba(20,20,20,.55)), url('https://images.unsplash.com/photo-1517520287167-4bbf64a00d66?auto=format&fit=crop&w=1600&q=80'); background-size: cover; @@ -29,51 +29,63 @@ } .hero h1 { - font-size: 55px; + font-size: 32px; font-weight: bold; + margin: 0; } .apply-area { - margin-top: -70px; - margin-bottom: 70px; + margin-top: -40px; + margin-bottom: 40px; + } + + + .form-container-sm { + max-width: 820px; + margin: 0 auto; } .form-card { background: white; - border-radius: 15px; + border-radius: 10px; overflow: hidden; - box-shadow: 0 20px 50px rgba(0,0,0,.15); + box-shadow: 0 10px 30px rgba(0,0,0,.08); } .form-header { - background: #887582; + background: var(--primary); color: white; - padding: 25px 40px; + padding: 15px 25px; } .form-header h2 { margin: 0; + font-size: 20px; font-weight: bold; } .section-title { - background: #887582; + background: var(--primary); color: white; - padding: 14px 20px; - margin-top: 40px; - margin-bottom: 30px; - font-size: 20px; - border-radius: 8px; + padding: 8px 12px; + margin-top: 22px; + margin-bottom: 15px; + font-size: 14px; + border-radius: 5px; + font-weight: 600; } .form-label { font-weight: 600; + font-size: 13px; + margin-bottom: 4px; } .form-control, .form-select { - border-radius: 8px; - padding: 12px; + border-radius: 5px; + padding: 6px 10px; + font-size: 13px; } .required { @@ -84,272 +96,234 @@ background: var(--primary); color: white; border: none; - padding: 12px 30px; - font-size: 18px; + padding: 8px 20px; + font-size: 15px; font-weight: bold; - /* border-radius: 8px; */ + border-radius: 30px; cursor: pointer; width: 100%; + transition: 0.3s ease; + } + + .submit-btn:hover { + background: var(--secondary); + transform: translateY(-1px); + } + + + .mb-3-custom { + margin-bottom: 0.75rem !important; }
Automobile Engineering Academy
+Automobile Engineering Academy