@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
@font-face { font-family: 'sst'; src: url('fonts/sst.woff2') format('woff2'); font-style: normal;font-display: swap;}
body,h1,h2,h3,h4,h5,h6{font-family: 'sst';}
.top_menu_icon{padding:0;font-size:35px;}
header{gap:5px;}
.page_view ul { display: flex; list-style: none; gap: 10px; flex-wrap: wrap;margin: 10px 0 5px !important; padding: 0; justify-content: stretch;}
.page_view ul li { background: var(--cats_color); border-radius: 8px; padding: 8px; text-align: center;flex-grow: 1; }
.report .fa { display: block; font-size: 38px; margin: 8px 0;color: var(--btn_color); }
.splide__progress__bar{ height: 3px;background: var(--btn_color); }
.page_view ul li .animate_counter { font-size: 30px; color: var(--imp_btn_color); }
.page_view img{height:auto;}
footer .payways { background: #fff; border-radius: 8px; padding: 4px 5px; box-shadow: 0 2px 3px rgba(0,0,0,.2); float: none; display: inline-block;}
.title { text-align: center; background: linear-gradient(45deg, #007F9D, #253771); color: #fff; font-weight: normal; }
footer { background: linear-gradient(45deg, #007F9D, #253771); color: #fff; --imp_btn_color: #fff; --link_color: #fff;--imp_btn_txt_color:#ef2945; }
.splide__pagination li,.homelink,header supermemu{display:none !important;}
.donatebtn { animation: flashing 2s infinite; background: var(--imp_btn_color) !important; color: var(--imp_btn_txt_color) !important; font-size: 15px; width: 50px; white-space: normal; font-weight: bold; z-index: 3 !important;}
.donatebtn i {color: rgba(255,255,255,.6);}
.donatebtn i::after { font-size:30px; }
socials { color: var(--nav_txt_color); background-color: var(--nav_color); }
socials warp::before { display: inline; content: 'للتواصل'; float: right; }
.inner .title { top: auto; }
product goal{background:#fff;}
#quick_donate flex {
    flex-wrap: wrap;
    white-space: normal;
}
box, .box{background:#fff;}
product sold { background: var(--imp_btn_color); color: var(--imp_btn_txt_color); padding: 4px 9px 10px !important; height: auto; }
figure.image-style-side{margin: 8px !important;}
@media (max-width: 901px) {/*M*/
  figure.image {
    min-width: 50%;
  }
}