/* ---- Tab Navigation Styles ---- */
.nav-tabs {
    border: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
   
    padding: 10px;
    border-radius: 10px;
}

.nav-tabs .nav-item {
    margin-bottom: 0;
}

.nav-tabs .nav-link {
    background-color: #F07D02;
    color: white;
    font-weight: 600;
    padding: 10px 25px;
    border-radius: 25px;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.nav-tabs .nav-link:hover {
    background-color: #d86f02;
    transform: translateY(-1px);
}

.nav-tabs .nav-link.active {
    background-color: #273272; /* Navy Blue */
    color: #fff;
    border: none;
}

/* ---- Main Container ---- */
.container {
    max-width:830px;
    margin: auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    padding: 40px 30px;
    padding-top: 5px !important;
    
}

/* ---- Form Labels ---- */
.col-form-label {
    font-weight: 600;
    color: #273272;
    text-align: left;
}
.btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-check:focus+.btn, .btn:focus {
    /* outline: 0; */
    /* box-shadow: 0 0 0 .25rem #ffc107; */
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
}

/* ---- Inputs ---- */
input.form-control {
    width: 100%;
    padding: 10px 15px;
    border-radius: 6px;
    /* border: 1px solid #ccc; */
/*    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);*/
}
form {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    /*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);*/
    max-width: 650px;
    margin: 30px auto;
    /*border: 1px solid #eee;*/
}

/* ---- Buttons ---- */
.btn-primary {
    background-color: #273272;
    border-color: #273272;
}

.btn-primary:hover {
    background-color: #1b2453;
    border-color: #1b2453;
}

.btn-info {
    background-color: #F07D02;
    border-color: #F07D02;
    color: white;
}

.btn-info:hover {
    background-color: #d86f02;
    border-color: #d86f02;
    color: white;
}

/* ---- Section Headings ---- */
h2 {
    color: #273272;
    font-weight: 700;
    margin-bottom: 25px;
}

/* ---- Responsive Adjustments ---- */
@media (max-width: 767.98px) {
    .container {
        padding: 25px 15px;
    }

    .nav-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .nav-tabs .nav-link {
        flex-shrink: 0;
        white-space: nowrap;
    }

    .row .col-md-4,
    .row .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .text-end,
    .text-start {
        text-align: center !important;
    }

    .btn {
        width: 100% !important;
        margin-bottom: 10px;
    }
}
.border {
    border: none !important;
}
div#calculatorTabsContent {
    padding: 0px !important;
}
.container.mt-4 {
    padding-top: 0px !important;
}