body {
    font-family: var(--bs-font-english);
}

.arabic-text {
    font-family: var(--bs--font-arabic);
}

.accordion-button {
    font-size: var(--font-size-36px);
    color: #000;
}

.navbar-container .container-xxl {
    padding-left: 0rem;
    padding-right: 0rem;
}

.header-navbar .navbar-nav svg {
    height: 1.8rem;
    width: 1.8rem;
}

.card {
    margin-bottom: 2rem;
    box-shadow: none;
    transition: all 0.3s ease-in-out, background 0s, color 0s, border-color 0s;
}

.accordion-button:not(.collapsed) {
    color: #005AB6;
    font-size: large;
    font-weight: 700;
    background-color: transparent;
    box-shadow: inset 0 0 0 rgba(34, 41, 47, 0.125);
}

.accordion-button {
    color: #000;
    font-size: large;
    font-weight: 700;
    background-color: transparent;
    box-shadow: inset 0 0 0 rgba(34, 41, 47, 0.125);
}

.error {
    color: #EB4A46;
}

.nav-link {
    font-family: var(--bs-font-english);
    font-size: var(--font-size-l);
    color: #000;
}


/* portrait phones */

@media (max-width: 575.99px) {
    .title-text {
        font-size: 3rem;
        line-height: 3.5rem;
        font-weight: 900;
        color: #005AB6;
    }
    .sub-title-text {
        font-size: 1.2rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: #000;
    }
}


/* landscape phones */

@media(min-width:576px) and (max-width: 767.98px) {
    .title-text {
        font-size: 3rem;
        line-height: 3.5rem;
        font-weight: 900;
        color: #005AB6;
    }
    .sub-title-text {
        font-size: 1.2rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: #000;
    }
}


/* tablets */

@media(min-width:768px) and (max-width: 991.98px) {
    .title-text {
        font-size: 3rem;
        line-height: 3.5rem;
        font-weight: 900;
        color: #005AB6;
    }
    .sub-title-text {
        font-size: 1.2rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: #000;
    }
}


/* smaller desktops */

@media(min-width:992px) and (max-width: 1198.98px) {}

@media (min-width: 1199px) {
    .title-text {
        font-size: 5rem;
        line-height: 6.5rem;
        font-weight: 900;
        color: #005AB6;
    }
    .sub-title-text {
        font-size: 1.2rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: #000;
    }
    .horizontal-menu .navbar.header-navbar .navbar-container {
        padding-left: 0rem;
    }
}

.card.dealcard {
    /*  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(218%2c 231%2c 245%2c 0.23)'%3e%3c/rect%3e%3cpath d='M0%2c494.091C111.187%2c508.841%2c230.76%2c566.01%2c329.17%2c512.199C427.814%2c458.26%2c443.849%2c326.277%2c492.375%2c224.86C541.901%2c121.353%2c643.393%2c22.926%2c616.671%2c-88.664C589.762%2c-201.038%2c454.827%2c-244.323%2c363.173%2c-314.691C290.288%2c-370.649%2c217.207%2c-418.281%2c134.688%2c-458.707C35.306%2c-507.394%2c-63.015%2c-607.404%2c-168.946%2c-575.377C-275.019%2c-543.307%2c-281.271%2c-390.198%2c-357.606%2c-309.867C-439.508%2c-223.678%2c-588.608%2c-202.114%2c-629.672%2c-90.533C-671.39%2c22.823%2c-634.467%2c158.765%2c-566.929%2c258.908C-502.794%2c354.005%2c-383.401%2c387.775%2c-277.453%2c431.726C-188.086%2c468.799%2c-95.912%2c481.368%2c0%2c494.091' fill='rgba(200%2c 219%2c 240%2c 0.23)'%3e%3c/path%3e%3cpath d='M1440 1092.02C1563.873 1100.723 1698.026 1191.159 1803.4470000000001 1125.534 1908.643 1060.049 1888.776 900.896 1932.982 785.137 1973.705 678.499 2061.888 585.6610000000001 2053.073 471.853 2044.0929999999998 355.906 1970.8400000000001 253.00400000000002 1885.637 173.85399999999998 1805.469 99.382 1700.188 57.70800000000003 1591.723 43.278999999999996 1493.009 30.147000000000048 1402.116 80.05799999999999 1303.893 96.464 1188.716 115.702 1060.6979999999999 81.743 964.566 148.034 860.843 219.55900000000003 785.921 338.71000000000004 771.151 463.834 756.491 588.026 825.842 703.376 886.073 812.97 942.546 915.726 1003.241 1023.919 1107.9560000000001 1076.671 1208.954 1127.551 1327.188 1084.094 1440 1092.02' fill='rgba(236%2c 243%2c 250%2c 0.23)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");*/
    background: linear-gradient(9.0deg, #fff 1.74%, rgba(0, 0, 0, 0.1) 100%, #fff 05.38%), url('/assets/images/deals/bg_2.png');
    background-size: cover;
    border: 0px solid #005AB6;
    min-height: 18rem;
    background-position-y: 20%;
}

.deal-text {
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
}

.deal-sub-title-text {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
}

.card.redeemcard {
    background: linear-gradient(19.0deg, #fff 1.74%, rgba(0, 0, 0, 0.1) 100%, #fff 01.38%), url('/assets/images/redeem/bg_3.png');
    background-size: cover;
    border: 0px solid #005AB6;
    min-height: 18rem;
    opacity: 0.9;
    background-position-y: 15%;
}

.reward-text {
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
}

.reward-sub-title-text {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
}

.btn-viewall {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0;
    text-decoration: none;
    text-align: center;
    font-family: var(--bs--font-english);
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    font-weight: 200;
    color: #000;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: rgba(0, 0, 0, 0.15);
    -moz-background-clip: padding;
    /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 6px;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.horizontal-layout.navbar-floating:not(.blank-page) .app-content {
    padding: calc( 2.45rem* 2 + 1.3rem) 2rem 10rem 2rem;
}

.header-navbar .navbar-container ul.navbar-nav li>a.nav-link {
    color: #000;
}

.main-menu .navbar-header {
    width: 100% !important;
    height: 10.45rem;
    position: relative;
    padding: 0.35rem 1rem 0.3rem 1.64rem;
    transition: 300ms ease all, background 0s;
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
    max-width: 200px !important;
}

.header-arabic {
    font-family: var(--bs--font-arabic);
    font-size: var(--font-size-20px);
    font-weight: 700;
    font-weight: bold;
}

h4 {
    font-family: var(--bs--font-english);
}