@font-face {
    font-family: 'Lyon Arabic Display';
    src: local('Lyon Arabic Display Light'), local('LyonArabicDisplay-Light'),
        url('../fonts/LyonArabicDisplay-Light.woff2') format('woff2'),
        url('../fonts/LyonArabicDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lyon Arabic Display';
    src: local('Lyon Arabic Display Bold'), local('LyonArabicDisplay-Bold'),
        url('../fonts/LyonArabicDisplay-Bold.woff2') format('woff2'),
        url('../fonts/LyonArabicDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lyon Arabic Display';
    src: local('Lyon Arabic Display Black'), local('LyonArabicDisplay-Black'),
        url('../fonts/LyonArabicDisplay-Black.woff2') format('woff2'),
        url('../fonts/LyonArabicDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lyon Arabic Display';
    src: local('Lyon Arabic Display Medium'), local('LyonArabicDisplay-Medium'),
        url('../fonts/LyonArabicDisplay-Medium.woff2') format('woff2'),
        url('../fonts/LyonArabicDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lyon Arabic Display';
    src: local('Lyon Arabic Display Regular'), local('LyonArabicDisplay-Regular'),
        url('../fonts/LyonArabicDisplay-Regular.woff2') format('woff2'),
        url('../fonts/LyonArabicDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body, h1,h2,h3,h4,h5,h6,p,a {
    font-family: 'Lyon Arabic Display', sans-serif !important;
    letter-spacing: 0.5px;
}
body{
    color: #000000;
    font-size: 18px;
}
.theme-btn{
    font-size: 16px;
}
.main-menu .navigation>li>ul>li>a{
    font-size: 18px;
}
.cause-block-four .info-box a {
    font-size: 15px;
}
.chicklet-list input[type="number"]{
    height: 50px;
}
.chicklet-list :checked+label {
    color: var(--theme-color-two);
}
.errorInput{
    border: 1px solid red !important;
}
/*.header_sticky_buttons{
    padding: 6px 35px !important;
}*/
:root {
    --theme-color: #10437c;
    --theme-color-two: #7ce0db;
    --theme-color-three: #fcbf51;
    --dark-color: #10437c;
    --dark-color-two: #7ce0db;
}
.contact-info li {
    border-left: 1px solid var(--theme-color-two);
}
.top-bar .language-switcher:before {
    background: var(--theme-color-two);
}
.main-header .header-upper .nav-outer:before {
    background: var(--theme-color-two);
}
.fa-search:before {
    content: "\f002";
    color: var(--theme-color-two);
}
.main-header .cart-btn .item-count {
    background: var(--theme-color-two);
}
.banner-section .banner-slider-pagination .swiper-pagination-bullet {
    background: var(--theme-color-two);
}
.btn-style-two {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(124, 224, 219, 0.2);
    box-shadow: 0px 5px 10px 0px rgba(124, 224, 219, 0.2);
}
.cause-block-four .inner-box {
    border-radius: 10px;
    overflow: hidden;
}

.cause-block-four .image .overlay:before{
    background: var(--theme-color);
}
.link-widget ul li a:before{
    top: 0 !important;
}
.about-widget ul li a:before{
    top: 0 !important;
}
.main-footer{
    background-color: #10437c;
}
.main-footer .widget-wrapper {
    padding: 50px 0 20px;
    border-bottom: 1px solid var(--theme-color-two);
}
.office-location-widget .location-point {
    background: var(--theme-color-three);
}
.office-location-widget .location-point:after {
    content: ' ';
}
.main-footer .footer-widget .widget-title {
    margin-bottom: 20px;
}
.contact-widget ul li, .contact-widget ul li a, .about-widget ul li a, .link-widget ul li a {
    color: #ffffff;
}
.social-icon-three {
    margin-top: 15px;
}
.contact-widget .social-icon-three li a {
    position: relative;
    color: #7ce0db;
    border: 1px solid #7ce0db;
    height: 30px;
    line-height: 30px;
    width: 30px;
}
.contact-widget img {
    filter: brightness(300%);
    margin-top: -15px;
}
.about-widget ul li a:before, .link-widget ul li a:before {
    color: var(--theme-color-two);
}
.about-widget ul li a:hover, .link-widget ul li a:hover {
    color: var(--theme-color-two);
}
/*table, th, td {
    border: 1px solid black !important;
    border-collapse: collapse !important;
    padding: 10px;
}*/

/*tr:nth-child(even) {
    background-color: rgba(150, 212, 212, 0.4) !important;
}

th:nth-child(even),td:nth-child(even) {
    background-color: rgba(150, 212, 212, 0.4) !important;
}*/

/*.posts-pagination ul li:first-child a{
    transform: rotate(0deg);
}
.posts-pagination ul li:last-child a{
    transform: rotate(180deg);
}*/
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}
.cart-area .cart-table thead tr th.prod-column{
    text-align: right;
}
.banner-section.style-three .link-box a {
    margin-left: 0;
}
.btn-style-ten {
    line-height: 30px;
    color: var(--theme-color-two);
    font-size: 26px;
    padding: 16px 60px;
    border-radius: 5px;
}
.btn-style-ten:before, .btn-style-ten:after {
    background-color: var(--theme-color-two);
}
.cause-block-four .image img, .cause-block-four .image .overlay:before {
    border-radius: 10px;
}
.cause-block-four .inner-box:before{
    content: unset;
}
.cause-block-four .inner-box {
    padding-top: 0;
}
.cause-block-four .image:hover .overlay:before {
    content: 'تفاصيل المشروع';
    color: #fff;
    padding-top: 20%;
}
.progress-wrapper {
    height: 10px;
    width: 94%;
    border-radius: 5px;
    z-index: 9;
    position: absolute;
    bottom: 5%;
    left: 3%;
    border: 1px solid #7ce0db;
    padding: 1px;
    background-color: rgba(255,255,255,0.2);
    overflow: hidden;
}
.progressbar {
    background: #10437c;
    height: 6px;
    border-radius: 5px;
}
.office-location-widget .wrapper-box:before {
    background: url('https://ala3mal.org/web/images/resource/Kuwait_governorates_blank.png') center center no-repeat;
    -webkit-transform: translate(65%, -50%);
    -ms-transform: translate(65%, -50%);
    transform: translate(65%, -50%);
    background-size: contain;
}
.other-amount .input-container {
    font-size: 15px;
    border: 1px solid #fff;
    color: #858585;
    padding: 5px;
    -webkit-box-shadow: inset 0px 0px 7.2px 0.8px rgba(0, 0, 0, 0.18);
    box-shadow: inset 0px 0px 7.2px 0.8px rgba(0, 0, 0, 0.18);
    max-width: 190px;
    border-radius: 6px;
}
.other-amount .input-container input{
    -webkit-box-shadow: unset;
    box-shadow: unset;
    height: 40px;
    padding: 0 10px;
    max-width: 150px;
}
.page-title {
    background-position: right;
    background-attachment: unset;
}
.page-title:before {
    background: rgba(124, 224, 219, 0.9);
}
.loader-wrap .layer .overlay {
    background: rgba(16,67,124,0.5);
    /*-webkit-backdrop-filter: brightness(0.3);
    backdrop-filter: brightness(0.3);*/
}
.preloader.style-three {
    background-image: url('https://ala3mal.org/thumbnail/100/100/80/storage/settings/HnJyGPAsCJtcxVrS4gKvpsfymYtVBCLuQVeURtkp.png');
    filter: brightness(300%);
}

@media (max-width: 767px){
    br {
        display: block !important;
    }
    .banner-section .swiper-slide {
        height: 200px !important;
    }
    .banner-section.style-three .content-box{
        min-height: 190px !important;
    }
    .banner-section.style-three .content-box h1{
        font-size: 26px !important;
    }
    .btn-style-ten{
        padding: 5px 18px !important;
    }
}