.wapper{
    position: relative;
}

.linear-gradient-section{
    width: 100% !important;
    height: 700px !important;
    position: absolute;
    z-index: -1;
    bottom: 0;
    background: linear-gradient(to bottom, #EBC6B2, #BC483A) !important;
}

.country-select {
    width: 70px !important;
    margin-right: 10px !important;
    font-size: 15px !important;
    padding: 10px !important;
    border-right: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
}

.otp-inputs {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.otp-inputs input {
    width: 60px;
    height: 60px;
    font-size: 20px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 5px;
    outline: none;
    transition: all 0.2s;
}

.otp-inputs input:focus {
    background-color: var(--orange-51) !important;
    border: 1px solid var(--orange-601) !important;
    outline: none !important;
    box-shadow: none !important;
}

.otp-inputs input:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.iti {
    width: 94% !important;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

.iti__country-list{
    width: 100px !important;
}

.iti__country, .iti__selected-flag{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-evenly !important;
    padding: 0 !important;
}

.iti__country-name{
    display: none;
}

.nav-tabs .nav-item{
    border-bottom: 3px solid  var(--orange-51) !important;
}

.nav-tabs .nav-item:has(.nav-link.active) {
    border-bottom: 3px solid var(--orange-500) !important;
}

.nav-tabs .nav-link{
    color: var(--black) !important;
    font-size: 18px;
}

.nav-tabs .nav-link.active {
    color: var(--orange-500) !important;
    background-color: var(--orange-51) !important;
    border-bottom: 1px solid var(--orange-51) !important;
}

.form-select{
    background-position: left .75rem center;
}

.form-select option:hover,
.form-select option:checked
{
    background-color: var(--orange-51) !important;
    color: var(--orange-500) !important;
}


.form-check-input {
    border:2px solid var(--orange-500) !important;
}

.form-check-input:checked {
    background-color: var(--orange-500) !important;
}

table thead th, table tbody td, table tfoot td{
    border: 1px solid var(--orange-101) !important;
    text-align: center;
    padding: 10px !important;
}

table thead th{
    background-color: var(--orange-500) !important;
    color: #fff !important;
}

table tbody td, table tfoot td{
    background-color: var(--orange-51) !important;
    color: #000 !important;
}