:root {
    /*    --green: #00ab67;*/
    /* --green: #1c5a2c;*/
    /*--golden: #d1ae5c;*/
    /* --golden: #cb9005;*/
    --blue: #4a64ae;
    --light-blue: #45a1d9;
}

@font-face {
    font-family: 'Tajawal-Regular';
    src: url('../fonts/Tajawal/Tajawal-Regular.ttf') format('truetype');
}

body {
    font-family: 'Tajawal-Regular'
}

.hidden {
    display: none;
}

.txt-primary-ithraa {
    color: var(--blue);
}

.btn-primary-ithraa {
    background-color: var(--blue);
    border-color: var(--blue);
    color: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

.btn-outline-primary-ithraa {
    color: var(--blue);
    background-color: #fff;
    background-color: transparent;
    transition: all .3s;
}

    .btn-outline-primary-ithraa:not(:disabled):not(.disabled).active,
    .btn-outline-primary-ithraa:not(:disabled):not(.disabled):active,
    .show > .btn-outline-primary-ithraa.dropdown-toggle {
        color: #fff;
        background-color: var(--blue);
        border-color: var(--blue);
    }

.btn-primary-ithraa:hover {
    color: #ffffff;
    background-color: var(--light-blue);
    border-color: var(--light-blue);
}


.btn-secondary-ithraa {
    background-color: var(--green);
    border-color: var(--green);
    color: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

    .btn-secondary-ithraa:hover {
        color: #ffffff;
        background-color: var(--green);
        border-color: var(--green);
    }


.checkbox-fade.fade-in-primary-ithraa .cr, .checkbox-fade.zoom-primary-ithraa .cr,
.checkbox-zoom.fade-in-primary-ithraa .cr, .checkbox-zoom.zoom-primary-ithraa .cr {
    border: 2px solid var(--blue);
}

    .checkbox-fade.fade-in-primary-ithraa .cr .cr-icon,
    .checkbox-fade.zoom-primary-ithraa .cr .cr-icon,
    .checkbox-zoom.fade-in-primary-ithraa .cr .cr-icon,
    .checkbox-zoom.zoom-primary-ithraa .cr .cr-icon {
        color: var(--blue);
    }



.form-material .form-primary-ithraa .form-control:focus ~ label {
    color: var(--blue);
}

.form-material .form-primary-ithraa
.form-control:focus ~ .form-bar:after,
.form-material .form-primary-ithraa
.form-control:focus ~ .form-bar:before {
    background: var(--blue);
}

.form-control-primary-ithraa {
    border-color: var(--blue);
    color: var(--blue);
}




.checkbox-fade.fade-in-secondary-ithraa .cr, .checkbox-fade.zoom-primary-ithraa .cr,
.checkbox-zoom.fade-in-secondary-ithraa .cr, .checkbox-zoom.zoom-primary-ithraa .cr {
    border: 2px solid var(--green);
}

    .checkbox-fade.fade-in-secondary-ithraa .cr .cr-icon,
    .checkbox-fade.zoom-secondary-ithraa .cr .cr-icon,
    .checkbox-zoom.fade-in-secondary-ithraa .cr .cr-icon,
    .checkbox-zoom.zoom-secondary-ithraa .cr .cr-icon {
        color: var(--green);
    }



.form-material .form-secondary-ithraa .form-control:focus ~ label {
    color: var(--green);
}

.form-material .form-secondary-ithraa
.form-control:focus ~ .form-bar:after,
.form-material .form-secondary-ithraa
.form-control:focus ~ .form-bar:before {
    background: var(--green);
}

.form-control-secondary-ithraa {
    border-color: var(--green);
    color: var(--green);
}

.checkbox-fade .cr, .checkbox-zoom .cr {
    float: right;
    margin-left: 1rem;
    margin-right: unset;
}

.text-c-green-ithraa {
    color: var(--green);
}