*{
    box-sizing:border-box;
    font-family:'Roboto',sans-serif;
}

body{
    margin:0;
    background:#f2f4f7;
    color:#000;
}

/* Logo */
.logo-area{
    background:#fff;
    text-align:center;
    padding:15px;
    border-bottom:3px solid #0b2d62;
}

.logo-area img{
    max-width:260px;
}

/* Header */
.header{
    background:#0b2d62;
    color:#fff;
    padding:15px 10px;
    text-align:center;
}

.header h1{
    margin:0;
    font-size:22px;
    font-weight:700;
}

.header p{
    margin-top:5px;
    font-size:14px;
}

/* Container */
.container{
    max-width:900px;
    margin:25px auto;
    background:#fff;
    border:1px solid #ccc;
}

/* Title */
.form-title{
    background:#e9eef6;
    border-bottom:1px solid #ccc;
    padding:12px;
    font-weight:700;
    font-size:16px;
    text-align:center;
    color:#0b2d62;
}

/* Form */
.form-body{
    padding:25px;
}

.form-row{
    display:flex;
    margin-bottom:15px;
}

.form-row label{
    width:35%;
    font-weight:500;
    padding-right:15px;
}

.form-row input,
.form-row select{
    width:65%;
    padding:8px 10px;
    border:1px solid #aaa;
    font-size:14px;
}

.form-row input:focus,
.form-row select:focus{
    outline:none;
    border-color:#0b2d62;
}

/* Fee Box */
.fee-box{
    background:#f9f9f9;
    border:2px solid #0b2d62;
    font-size:18px;
    font-weight:700;
    text-align:center;
}

/* Button */
.submit-row{
    text-align:center;
    margin-top:25px;
}

.submit-btn{
    background:#0b2d62;
    color:#fff;
    border:none;
    padding:10px 40px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}

.submit-btn:hover{
    background:#08214a;
}

/* Footer */
.footer{
    text-align:center;
    font-size:12px;
    color:#333;
    padding:15px;
}

/* Mobile */
@media(max-width:768px){
    .form-row{
        flex-direction:column;
    }
    .form-row label,
    .form-row input,
    .form-row select{
        width:100%;
    }
    .form-row label{
        margin-bottom:6px;
    }
}