:root {
    --dropdown-icon: url(../images/caret-down.png);
    --bank-image: url("../images/bank-img.png");
    --btn-bg-img: url("../images/blue-small.png");
    --tamheed-img: url("../img/Tamheed.png");
    --prev-hadith-btn: url("../images/prev.png");
    --next-hadith-btn: url("../images/next.png");
    --first-page-btn: url("../img/first.png");
    --prev-page-btn: url("../img/previous.png");
    --next-page-btn: url("../img/next.png");
    --last-page-btn: url("../img/last.png");
    --close-btn-filter: none;
    --fb-comment-filter: none;
    /* BGs & borders */
    --header-banner-bg: #17202f;
    --header-borders: #0a993c;
    --content-area-bg: #dbe3f1;
    --footer-bg: #fff;
    --header-menu-bg: #ffffff29;
    --main-card-bg: #fff;
    --inner-card-bg: #fff;
    --card-shadow: 0 5px 16px -1px #00000030;
    --card-borders-color: #000;
    --card-low-visible-border: rgba(0, 0, 0, 0.2);
    --header-field-card-bg: #ffffff1a;
    --field-card-bg: #ffffff1a;
    --fields-bg: #fff;
    --field-borders-color: #ced4da;
    --button-bg: #078f36;
    --success-color: #0a993c;
    --yellow-color: yellow;
    --bg-info: #007BFF;
    --readonly-bg: #e9ecef;
    /* Text Colors */
    --default-title: #000;
    --default-text: #000;
    --text-white: #fff;
    --title-success: #0a993c;
    --text-label: #0a993c;
    --link-text: #0a993c;
    --hover-color: #0a993c;
    --header-menu-color: #fff;
    --button-text: #fff;
    --input-text: #000;
    --placeholder-text: #b9b9b9;
    --footer-title: #0a993c;
    --footer-text: #000;
    --iron-grey: #666666;
    --text-info: #297088;
    --rich-glod: #a85400;
    --text-success: #0a993c;
    --text-danger: red;
    --text-blue: DarkBlue;
    --text-black: #000;
}