/* almarai-regular - arabic */

@font-face {
    font-family: "Almarai";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/almarai-v5-arabic-regular.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/almarai-v5-arabic-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/almarai-v5-arabic-regular.woff2") format("woff2"), /* Super Modern Browsers */
    url("../fonts/almarai-v5-arabic-regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/almarai-v5-arabic-regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/almarai-v5-arabic-regular.svg#Almarai") format("svg");
    /* Legacy iOS */
}

* {
    font-family: "Almarai";
}


/* ------------btn's ------------- */

.page-wrapper {
    min-height: 77vh;
    height: auto !important;
    height: 100%;
}






.btn-red {
    padding: 6px 20px;
    border: 1px solid #c30734;
    border-radius: 4px;
    background: #c30734;
    color: #fff;
    transition: 0.3s;
    display: inline-block;
}

.btn-red:hover {
    background-color: #04408b;
    color: #fff;
    border: 1px solid #04408b;
    text-decoration: none;
}

.btn-red-outline {
    padding: 6px 20px;
    border: 1px solid #c30734;
    border-radius: 4px;
    color: #000;
    background-color: #fff;
    transition: 0.3s;
    display: inline-block;
}

.btn-red-outline:hover {
    background-color: #c30734;
    color: #fff;
    border: 1px solid #c30734;
    text-decoration: none;
}


/* start content */

.content {
    /*margin: 5px 30px;*/
}

.GRD_Header {
   color: #fff !important;
    background-color: #263131!important;
    border-color: none !important;
    text-align-last: center;
}
.box {
    margin: 30px 0;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 10px 20px;
    font-family: "Almarai", sans-serif;
}

.box-head {
    border-bottom: 1px solid #00000042;
    text-transform: uppercase;
    margin-bottom: 18px;
    padding-bottom: 7px;
}


/* custome Styles */

.org-name {
    text-align: left;
}

@media (max-width: 768px) {
    .org-name {
        text-align: right;
    }
}

.rtl .form-check-input,
[dir="rtl"] .form-check-input {
    margin-right: 0;
}

.rtl .form-check-label,
[dir="rtl"] .form-check-label {
    padding-right: 1.7rem;
}