:root {
    --main-color-bg-1: #FBFFFB;
    --main-color-bg-2: #E1FCE1;
    --main-color-bg-3: #F0FDF1;
    --main-color-bg4: #ffffff;
    --main-color-bg5: #EEF2EE;
    --main-color-bg6: #000000;
    --main-color-gradient-1: linear-gradient(180deg, rgb(240, 253, 240) 45%, rgba(240, 253, 241, 0) 100%);
    --main-color-gradient-2: linear-gradient(180deg, rgba(240, 253, 240, 0) 0%, rgb(240, 253, 240) 50%);
    --main-color-primary: #05A50F;
    --main-color-second: #099304;
    --main-color-third: #12390F;
    --main-color-text-1: #A5A5A5;
    --main-color-hr: #C2D3BF;
    --bs-nav-link-color: #0F3910;
    --bs-navbar-active-color: #5CFF3A;
    --bs-body-font-family: tajawal;
    --main-opacity: 0.5;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0B7807;
    --bs-btn-border-color: #0B7807;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1ABC15;
    --bs-btn-hover-border-color: #40FF3A;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #022507;
    --bs-btn-active-bg: #3AFF59;
    --bs-btn-active-border-color: #3AFF46;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(8, 101, 9, 0.58);
    --bs-btn-disabled-bg: #F5FFF3;
    --bs-btn-disabled-border-color: #F3FFF3;
}

.btn-outline-primary {
    --bs-btn-color: #0B7807;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #0B7807;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0B7807;
    --bs-btn-hover-border-color: #0B7807;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0B7807;
    --bs-btn-active-border-color: #0B7807;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0B7807;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0B7807;
    --bs-gradient: none;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: var(--main-color-primary);
    color: var(--bs-body-bg);
}
.bg-light .carousel-control-next-icon, .bg-light .carousel-control-prev-icon {
    background-image: none;
}


.offer-img {
    border-radius: 0 !important;
    background-image: url("../images/saudi_day.svg");
    height: 50px;
    width: 120px;
    background-size: cover;
    background-color: #013034;
    padding: 5px;
    display: block;
    top: -46px;
}


.offer-img img {
    display: none !important;
}



@media (990px >= width) {
    .offer-img {
        width: 74px;
        height: 34px;
        top: -28px;
    }
}