:root {
    --primary: #004367;
    --secondary: #fa9bfd;
    --text-white:#fff;
    --text-black:#000;
}

.text-primary{
    color: var(--primary) !important;
}
.text-secondary{
    color: var(--secondary) !important;
}

.button{
    border: 1px solid var(--primary) !important;
    color: var(--primary) !important;
    background: var(--text-white) !important;
}
.button:hover{
    background: var(--primary) !important;
    color: var(--text-white) !important;
}
.fill{
    background: var(--primary) !important;
    color: var(--text-white) !important;
}
.button-sec{
    border: 1px solid var(--secondary) !important;
    color: var(--secondary) !important;
    background: var(--text-white) !important;
}
.button-sec:hover{
    background: var(--secondary) !important;
    color: var(--text-white) !important;
}
.button-sec-fill{
    background: var(--secondary) !important;
    color: var(--text-white) !important;
}
a:hover {
    color: var(--primary) !important;
}
.menu-item.current > .menu-link {
    color: var(--primary) !important;
}
.bg-color-primary{
    background: var(--primary) !important;
    color: var(--text-white) !important;
}
.color-primary{
    color: var(--primary) !important;
}
.bg-color-secondary{
    background: var(--secondary) !important;
}
.color-secondary{
    color: var(--secondary) !important;
}
#page-title, .page-title{
 padding: 3rem !important;
}
.btn:hover {
    color: var(--primary) !important;
    /* background-color: var(--primary) !important; */
    border-color: var(--primary) !important;
}
.btn-outline{
    border: 1px solid var(--primary) !important;
    color: var(--primary) !important;
}
.btn-outline-dark{
    border: 1px solid var(--primary) !important;
    color: var(--primary) !important;
}
#validate_phone_div .btn-outline-dark:hover{
    color: var(--text-white) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn:focus-visible{
    color: var(--text-white) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    outline: 0;
    box-shadow: none !important;
}
.btn-check:checked + .btn{
    color: var(--text-white) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.form-control:focus {
    box-shadow: unset !important;
}
.form-control.error {
    border-color: var(--cnvs-form-label-error) !important;
}
.w-75{
    width: 75%;
}
.button-danger{
    background-color: #dc3545!important;
    color: #fff !important;
    border: 1px solid #dc3545!important;
}
.button-danger:hover{
    background-color: #dc3545!important;
    color: #fff !important;
    border: 1px solid #dc3545!important;
}
.button-danger-outline{
    background-color: #fff!important;
    color: #dc3545 !important;
    border: 1px solid #dc3545!important;
}
.button-danger-outline:hover{
    background-color: #dc3545!important;
    color: #fff !important;
    border: 1px solid #dc3545!important;
}








.otp-input-div input{
    height:60px !important;
}
#form-otp-submit:hover{
    color: var(--text-white) !important;
}
.ans_no{
    margin-left: 10px;
    font-weight: 700;
}
.ans_yes{
    margin-right: 10px;
    font-weight: 700;
}
.iti__country-list{
    /* text-align: right;
    left: 0;
    direction: ltr; */
}
.iti__flag-container{
    direction: ltr;
}