*{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI' , sans-serif; } .padding { padding: 0; } .custom-navbar{ background-color:#e5d696; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04); padding: 8px 40px; } /* LOGO */ .logo { display: flex; align-items: center; font-weight: bold; margin-left: 0; } .logo-icon { background: rgb(105, 99, 222); color: white; padding: 8px 12px; border-radius: 8px; margin-right: 8px; font-weight : bold; } /* Search */ .search-area { width: 350px; position: relative; margin: 0 auto; } .search-box { width: 100%; padding: 8px 15px 8px 40px; border-radius: 20px; border: 1px solid #ccc; background-color: #fffbe9; } .search-icon { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); color: #999; font-size: 15px; } /* Navbar links */ .nav-links { display: flex; align-items: center; gap: 15px; } .profile { width:36px; height:36px; background: violet; color: white; border-radius: 50%; display:flex; align-items:center; justify-content:center; } /* Responsive */ @media (max-width: 992px) { .search-area { display: none; } } /* FORM AREA */ .form-container{ display: flex; justify-content: center; margin-top: 60px; } .card{ background: #fff; width: 70%; padding: 30px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); } .card h5{ font-weight: 600; } .card label{ font-weight: 500; margin-bottom: 6px; } .form-control { background: #f8f9fa; border: 1px solid #e0e0e0; } .form-control:focus{ box-shadow: none; border-color: #000; } .form-action{ display:flex; justify-content: flex-end; gap: 15px; } .form-action .btn{ min-width:130px; height: 42px; font-size: 14px; font-weight: 500; }