*{
    font-family:'Segoe UI',sans-serif;
}

body{
    background:#eef3f8;
}

.navbar{
    background:#0B5ED7;
}

.navbar-brand{
    color:#fff !important;
    font-weight:600;
}

.nav-link{
    color:#fff !important;
}

.page-header{

    background:linear-gradient(135deg,#0B5ED7,#1E3A8A);

    color:#fff;

    padding:50px 0;

    margin-bottom:40px;

}

.page-header h2{

    font-weight:700;

}

.page-header p{

    opacity:.9;

}

.form-card{

    background:#fff;

    border-radius:20px;

    border:none;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    overflow:hidden;

}

.card-header-custom{

    background:#f8fafc;

    padding:25px;

    border-bottom:1px solid #eee;

}

.card-header-custom h4{

    margin:0;

    color:#1E3A8A;

    font-weight:600;

}

.card-body{

    padding:35px;

}

.stepper{

    display:flex;

    justify-content:space-between;

    margin-bottom:40px;

}

.step{

    text-align:center;

    flex:1;

    position:relative;

}

.step:after{

    content:"";

    position:absolute;

    top:18px;

    left:55%;

    width:90%;

    height:4px;

    background:#d6d6d6;

}

.step:last-child:after{

    display:none;

}

.step-circle{

    width:40px;

    height:40px;

    border-radius:50%;

    background:#0B5ED7;

    color:white;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:bold;

    position:relative;

    z-index:2;

}

.step-title{

    margin-top:10px;

    font-size:14px;

    font-weight:600;

}


.step-content{
    display:none;
    animation:fade .3s ease;
}

.step-content.active{
    display:block;
}

.step.active .step-circle{
    background:#0d6efd;
    color:#fff;
}

.step.active .step-title{
    color:#0d6efd;
    font-weight:600;
}

@keyframes fade{

    from{
        opacity:0;
        transform:translateX(30px);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }

}

.form-label{

    font-weight:600;

}

.form-control{

    border-radius:10px;

    height:48px;

}

.form-select{

    border-radius:10px;

    height:48px;

}

textarea.form-control{

    height:auto;

}

.required{

    color:red;

}

.section-title{

    margin-top:30px;

    margin-bottom:20px;

    color:#0B5ED7;

    font-weight:600;

    border-left:5px solid #0B5ED7;

    padding-left:10px;

}

.radio-card{

    border:2px solid #dee2e6;

    border-radius:15px;

    padding:20px;

    cursor:pointer;

    transition:.3s;

}

.radio-card:hover{

    border-color:#0B5ED7;

    background:#f8fbff;

}

.radio-card input{

    transform:scale(1.3);

}

.radio-card.active{

    border-color:#0B5ED7;

    background:#eef6ff;

}

.upload-box{

    border:2px dashed #0B5ED7;

    border-radius:15px;

    padding:40px;

    text-align:center;

    cursor:pointer;

    transition:.3s;

}

.upload-box:hover{

    background:#f8fbff;

}

.upload-box i{

    font-size:45px;

    color:#0B5ED7;

}

small{

    color:#777;

}

.btn-next{

    background:#0B5ED7;

    color:white;

    border-radius:30px;

    padding:12px 30px;

}

.btn-next:hover{

    background:#084fb4;

    color:white;

}

.btn-back{

    border-radius:30px;

}

.is-invalid{

    border:2px solid #dc3545 !important;

    box-shadow:none;

}

footer{

    margin-top:60px;

    background:#1E293B;

    color:white;

    padding:25px;

}