body {
    text-align: start !important;
}

@font-face {
    font-family: "Droid Arabic Kufi";
    src: local("Droid Arabic Kufi"), url(../fonts/DroidKufi-Regular.ttf) format("opentype");
}

@font-face {
    font-family: "Droid Arabic Kufi Bold";
    src: local("Droid Arabic Kufi Bold"), url(../fonts/DroidKufi-Bold.ttf) format("opentype");
}

@font-face {
    font-family: IttihadHead;
    src: local("IttihadHead"), url(../fonts/IttihadHead.otf) format("opentype");
}

@font-face {
    font-family: IttihadHeadSub;
    src: local("IttihadHeadSub"), url(../fonts/IttihadSubhead.otf) format("opentype");
}

img {
    max-width: 100%;
}

._time a {
    display: unset;
}

a,
abbr,
acronym,
address,
b,
big,
blockquote,
center,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
ins,
kbd,
li,
ol,
p,
pre,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
}

.footer-stores img {
    height: 30px;
}

.bbar {
    margin-top: 8px;
}

.dark div#menumain {
    border-color: #3e3e3e;
}

.ltr {
    direction: ltr !important;
}

.rtl {
    direction: rtl !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.adscont,
.madda,
.videocontainer {
    cursor: pointer;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.close2 img {
    margin-top: 8px;
}

.m-l-5 {
    margin-left: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.m-t-14 {
    margin-top: 14px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-b-23 {
    margin-bottom: 23px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.m-l-35 {
    margin-left: 35px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.m-r-35 {
    margin-right: 35px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.m-b-45 {
    margin-bottom: 45px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.m-l-45 {
    margin-left: 45px !important;
}

.p-l-45 {
    padding-left: 45px !important;
}

.m-r-45 {
    margin-right: 45px !important;
}

.p-r-45 {
    padding-right: 45px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.m-r-50 {
    margin-right: 50px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

.m-t-55 {
    margin-top: 55px !important;
}

.p-t-55 {
    padding-top: 55px !important;
}

.m-b-55 {
    margin-bottom: 55px !important;
}

.p-b-55 {
    padding-bottom: 55px !important;
}

.m-l-55 {
    margin-left: 55px !important;
}

.p-l-55 {
    padding-left: 55px !important;
}

.m-r-55 {
    margin-right: 55px !important;
}

.p-r-55 {
    padding-right: 55px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.m-b-66 {
    margin-bottom: 66px !important;
}

.p-b-60 {
    padding-bottom: 60px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.p-l-60 {
    padding-left: 60px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.p-r-60 {
    padding-right: 60px !important;
}

.m-t-65 {
    margin-top: 65px !important;
}

.p-t-65 {
    padding-top: 65px !important;
}

.m-b-65 {
    margin-bottom: 65px !important;
}

.p-b-65 {
    padding-bottom: 65px !important;
}

.m-l-65 {
    margin-left: 65px !important;
}

.p-l-65 {
    padding-left: 65px !important;
}

.m-r-65 {
    margin-right: 65px !important;
}

.p-r-65 {
    padding-right: 65px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

.p-t-70 {
    padding-top: 70px !important;
}

.m-b-70 {
    margin-bottom: 70px !important;
}

.p-b-70 {
    padding-bottom: 70px !important;
}

.m-l-70 {
    margin-left: 70px !important;
}

.p-l-70 {
    padding-left: 70px !important;
}

.m-r-70 {
    margin-right: 70px !important;
}

.p-r-70 {
    padding-right: 70px !important;
}

.m-t-75 {
    margin-top: 75px !important;
}

.p-t-75 {
    padding-top: 75px !important;
}

.m-b-75 {
    margin-bottom: 75px !important;
}

.p-b-75 {
    padding-bottom: 75px !important;
}

.m-l-75 {
    margin-left: 75px !important;
}

.p-l-75 {
    padding-left: 75px !important;
}

.m-r-75 {
    margin-right: 75px !important;
}

.p-r-75 {
    padding-right: 75px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.m-b-100 {
    margin-bottom: 100px !important;
}

.p-b-100 {
    padding-bottom: 100px !important;
}

.m-l-100 {
    margin-left: 100px !important;
}

.p-l-100 {
    padding-left: 100px !important;
}

.m-r-100 {
    margin-right: 100px !important;
}

.p-r-100 {
    padding-right: 100px !important;
}

.lastsep0 .sep2 {
    display: none;
}

.mb0 {
    margin-bottom: 0 !important;
}

.itihadhead {
    font-family: IttihadHead, sans-serif !important;
}

.itihadheadsub {
    font-family: IttihadHeadSub, sans-serif !important;
}

body {
    font-family: "Droid Arabic Kufi", sans-serif;
}

a {
    text-decoration: none !important;
}

.dark {
    background: #0c0c0c;
}

.light {
    background: #ffffff;
}

.darkhome {
    display: none;
}

.dark .darkhome {
    display: block;
}

.darkhome2 {
    display: none;
}

.mazidcon {
    padding: 6px 20px;
    background: #fdfdfd;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .07);
    text-align: center;
    text-indent: 534px;
}

    .mazidcon a {
        display: unset;
    }

.mazidcon2 {
    padding: 6px 20px;
    background: #fdfdfd;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .07);
    text-align: center;
    text-indent: 534px;
}

.dark .mazidcon {
    background: #242424;
}

.dark .mazidcon2 {
    background: #242424;
}

.mazidcon a {
    color: #5f5f5f;
    font-size: 17px;
    position: relative;
    margin-inline-end: 35px;
    font-family: IttihadHeadSub, sans-serif !important;
}

.dark .mazidcon a {
    color: #8d8d8d;
}

.mazidcon a:after {
    content: "";
    position: absolute;
    height: 14px;
    width: 2px;
    background: #ececec;
    left: -18px;
    top: 3px;
    cursor: default;
}

.dark .mazidcon a::after {
    background: #353535;
}

.mazidcon2 a {
    color: #5f5f5f;
    font-size: 17px;
    position: relative;
    margin-inline-end: 35px;
    font-family: IttihadHeadSub, sans-serif !important;
    display: unset;
}

.dark .mazidcon2 a {
    color: #8d8d8d;
}

.mazidcon2 a:after {
    content: "";
    position: absolute;
    height: 14px;
    width: 2px;
    background: #ececec;
    left: -18px;
    top: 3px;
    cursor: default;
}

.title-with-border.itihadhead.blue a {
    display: unset;
}

.dark .mazidcon a::after {
    background: #353535;
}

.rotated {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.mazid_drop {
    display: none;
}

.mazid_drop2 {
    display: none;
}

.mazid_drop_economics {
    display: none;
}

.mazid_drop_economics2 {
    display: none;
}

.mazidcon a:last-child::after {
    content: none;
}

.mazidcon2 a:last-child::after {
    content: none;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.notfix {
    position: initial !important;
    margin: 20px 0;
}

.titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-inline-start: 20px;
    line-height: 1;
    border-inline-start: 5px solid #d02d2e;
    text-align: start;
}

.time {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 10.36px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: start;
    color: #d02d2e;
}

.standard-padding {
    padding: 60px 0;
}

.pt50 {
    padding-top: 50px;
}

.dark .mininewsdesc {
    color: #b4b4b4 !important;
}

.dark .ticker-wrap {
    background: #202b36 !important;
}

.dark .ticker-wrap {
    border-color: #28333f;
}

    .dark .ticker-wrap .ticker__item {
        color: silver !important;
    }

.dark .hrvideo {
    border-top: 1px solid #242424 !important;
}

.dark .descprogram-small {
    background: #191919 !important;
}

.dark .desctextprgoram {
    color: #b4b4b4 !important;
}

.dark .video-time {
    color: #6e6e6e;
}

.dark .con {
    background: #000 !important;
}

.dark .load-more {
    color: #c4c4c4 !important;
}

.dark .footer {
    background: #202020 !important;
}

.dark .footer {
    background: #202020 !important;
}

.dark .ft-item a {
    color: #ababab !important;
}

.dark .brdcol::before {
    background: #323232 !important;
}

.descvideo {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
}

.gradient-bg4 {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1330px !important;
    }
}

@media (max-width:992px) {
    .article-caric-page .intro-caricature {
        margin: 0;
        padding: 0;
    }

    .dark .con {
        background: #0c0c0c !important;
    }

    .mb-53 {
        margin-bottom: 53px;
    }
}

.dark .description {
    background-color: #191919 !important;
}

.top-header-container {
    height: 30px;
    display: flex;
    justify-content: space-between;
}

.light-brd {
    border-bottom: 1px solid #f2f2f2;
}

.light-brdtop {
    border-top: 1px solid #f2f2f2;
}

.dark .light-brdtop {
    border-top: 1px solid #323232;
}

.dark-brd {
    border-bottom: 1px solid #323232;
}

.dark .light-brd {
    border-bottom: 1px solid #323232;
}

.right {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
}

.left {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
}

.ml10 {
    margin-inline-end: 10px;
}

.vertical-divider {
    width: 1px;
    height: 26px;
    background-color: #ebebeb;
}

.dark .vertical-divider {
    background-color: #323232;
}

.light .city {
    color: #000000;
}

.dark .city {
    color: #ababab;
}

.date {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
}

.mode {
    font-size: 12px;
    cursor: pointer;
    margin-inline-end: 17px;
}

.m-l-7 {
    margin-inline-end: 7px;
}

.ml15 {
    margin-inline-end: 15px;
}

.ml9 {
    margin-inline-end: 9px;
}

.arr10 {
    width: 14px;
    margin-top: -4px;
    margin-inline-start: 10px;
    margin-inline-end: 20px;
}

.arr6 {
    width: 14px;
    margin-top: 4px;
    margin-inline-start: 6px;
}

.datetime {
    font-size: 10px;
    position: relative;
    cursor: pointer;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    display: flex;
    align-items: center;
    color: #696158;
}

.bar2 {
    width: 1px;
    height: 14px;
    background-color: #c4c4c4;
    margin: 0 6px 0 8px;
}

.dark .home {
    display: none;
}

.dark .darkhome2 {
    display: block !important;
}

.prayer {
    font-style: normal;
    font-size: 10px;
    text-align: right;
}

.light .prayer {
    color: #000000;
}

.dark .prayer {
    color: #ababab;
}

.prayer-time {
    font-style: normal;
    font-size: 10px;
}

.light .prayer-time {
    color: #696158;
}

.dark .prayer-time {
    color: #ababab;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
}

.dark .sticky {
    background: #202020;
}

.light .sticky {
    background: #fff;
}

.header {
    justify-content: space-between;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 29px;
}

    .header div {
        display: flex;
    }

.brd2-light {
    border-bottom: 1px solid #323232;
}

.brd-2-dark {
    border-bottom: 1px solid #c4c4c4;
}

.logo {
    width: 180px;
    cursor: pointer;
}

.avatar,
.search {
    width: 28px;
    cursor: pointer;
    height: auto;
    margin-inline-start: 20px;
}

.avatarNew,
.searchNew {
    width: 20px !important;
    float: left;
    margin-top: -38px;
}

.searchNew {
    margin-left: 40px;
}

.mode-toogle {
    display: flex !important;
    width: 67px;
    height: 28px;
}

.search-profile-toogle {
    display: none !important;
}

.mainnav {
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 5px 0;
    overflow-y: hidden;
}

.ml7 {
    margin-right: 7px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mainnav li:first-child {
    margin-left: 44px;
}

.mainnav li {
    float: right;
    margin-left: 32px;
    position: relative;
}

    .mainnav li a {
        font-family: IttihadHeadSub, sans-serif !important;
        font-size: 18px;
    }

    .mainnav li a {
        color: #000000 !important;
    }

        .mainnav li a.dark {
            color: #ababab !important;
        }

.belt {
    cursor: pointer;
    color: #d02d2e;
    font-size: 21px;
    position: relative;
    top: 3px;
    margin-right: 40px;
}

.creator {
    float: left;
    margin-top: -38px;
}

.whitebg {
    background: #fff;
}

.dark.mainnav li.selected::before,
.mainnav li.selected::before {
    content: "";
    width: 100%;
    height: 4px;
    left: 0;
    bottom: -6px;
    background: #d02d2e !important;
    position: absolute;
}

.mainnav li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
}

    .mainnav li::before {
        content: "";
        width: 100%;
        height: 4px;
        left: 0;
        bottom: -6px;
        background: 0 0;
        position: absolute;
    }

.dark .mainnav li.selected.homelink::before {
    bottom: -18px;
}

.social-media {
    margin-top: 24px;
    display: flex;
    width: 124px;
    justify-content: space-between;
}

.txt-center-webkit {
    text-align: -webkit-center !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.creator,
.creator2 {
    width: 60px;
}

.social-media img {
    height: 17px;
    margin: 0;
    margin-inline-end: 15px;
}

.darkhome {
    width: 16px;
    margin-inline-end: 12px !important;
}

.footer .logo {
    width: 124px;
}

.subscribe {
    background-image: url(../img/footer-bg.png);
    background-position: center center;
    width: 100%;
    background-repeat: no-repeat;
    padding: 60px 0;
    background-size: cover;
}

.sticky .homelink {
    display: none;
}

.logomheader {
    display: none !important;
    margin-top: -5px;
}

.sticky .logomheader {
    display: block !important;
}

.brdcol {
    position: relative;
    border: 0;
}

.ft-item:last-child {
    margin-bottom: 0;
}

.subscribe-btn {
    background: #000000;
    border-radius: 2px 0 0 2px !important;
    width: 150px;
    height: 50px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: right;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.input-subscribe {
    width: 492px !important;
    height: 50px;
    background: #f7f7f7;
    border-radius: 0 2px 2px 0 !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    color: #696158;
    flex: none !important;
}

.label {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    text-align: right;
    color: #fff;
    margin: 20px;
}

.input-group {
    align-items: center !important;
    justify-content: center;
}

.ft-item a {
    text-align: start;
    font-family: IttihadHead, sans-serif !important;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 1;
    display: inline-block;
    color: #000000;
}

.footer {
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.dark .footer {
    border-bottom: 1px solid #323232;
}

.bgwhite {
    background: #fff;
}

.mobile-layout {
    display: none;
}

.desktop-layout {
    display: block;
}

.customcolwriters2.flex-1 {
    flex-grow: 1;
}

@media (max-width:992px) {
    .mobile-layout {
        display: block;
    }

    .desktop-layout {
        display: none !important;
    }

    .input-subscribe {
        width: 230px !important;
    }

    .subscribe-btn {
        width: auto;
    }

    .label {
        font-size: 20px;
        margin: 0 0 20px 0;
    }

    .ft-item a {
        font-size: 16px;
    }

    .scroll-container {
        padding: 20px 0;
        text-align: center;
    }

    .scrolltop {
        position: initial;
    }
}

.dark .madda {
    background: #080808;
}

.madda {
    margin: 0 auto !important;
}

    .madda span {
        display: none !important;
    }

.dark .full-height-adscont {
    background: #080808;
}

.dark .ft-item a {
    color: #ababab;
}

.dark .ft-item a {
    color: #424242;
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.close2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    background: #e2e2e2;
    width: 35px;
    text-align: center;
    z-index: 999;
    line-height: 28px;
    cursor: pointer;
}

.dark .close2 {
    background: #202b36;
}

.ticker-wrap {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 9999;
    padding-left: 50px;
    background: #e2e2e2;
    display: flex;
}

    .ticker-wrap .ticker {
        display: inline-block;
    }

.ticker:hover {
    animation-play-state: paused;
}

.ticker-wrap .ticker__item {
    display: inline-block;
    font-size: 12px;
    color: #424242;
    vertical-align: bottom;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.ticker-wrap .ticker__item-label {
    display: block;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 4px 10px;
    font-size: 16px;
    background-color: #d02d2e;
    color: #fff;
    width: fit-content;
    white-space: nowrap;
    z-index: 1;
}

.newstlogo {
    margin: 0 12px;
}

.ticker-wrap .ticker__item-label a {
    color: #fff;
    font-weight: 400;
    font-family: var(--default-font-family);
}

.ticker-wrap .ticker__item-label i {
    margin-left: .75rem;
}

.ticker-wrap .ticker__item span {
    margin-left: 3px;
}

.mt-23 {
    margin-top: 23px !important;
}

.dark .ticker__item {
    color: #424242;
}

.title-with-border {
    font-size: 28px;
    color: #000000;
    padding-inline-start: 7px;
    line-height: 1;
    border-inline-start: 5px solid #d02d2e;
    text-align: start;
    color: #000000 !important;
    display: inline-block;
}

    .title-with-border > span {
        background-color: transparent !important;
    }

    .title-with-border > a {
        background-color: transparent !important;
    }

    .title-with-border.green-dark {
        border-inline-start: 5px solid #2f9c81;
    }

    .title-with-border.green {
        border-inline-start: 5px solid #57a858;
    }

    .title-with-border.orange {
        border-inline-start: 5px solid #ea5c18;
    }

    .title-with-border.yellow {
        border-inline-start: 5px solid #fdc300;
    }

    .title-with-border.blue {
        border-color: #5194ce;
    }

.green-dark {
    color: #2f9c81;
}

.green {
    color: #57a858;
}

.orange {
    color: #ea5c18;
}

.yellow {
    color: #fdc300;
}

.blue {
    color: #5194ce;
}

.blue-dark {
    color: #103e8a;
}

.icon {
    font-size: 22px;
    margin-inline-start: 10px;
}

.white {
    color: #fff !important;
}

.grey2 {
    color: #c4c4c4 !important;
}

.adscont {
    display: inline-block;
}

.adscont,
.adscontl {
    background: 0 0 !important;
    padding: 0 !important;
}

.madda {
    background: 0 0 !important;
    padding: 0 !important;
}

.adscontl span {
    display: none !important;
}

.devo-sticky-box {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    margin-bottom: 40px !important;
}

.adscont span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    display: none !important;
    margin-bottom: 6px;
    text-align: start;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.load-more {
    font-style: normal;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    cursor: pointer;
}

.dark fa-icon {
    color: #5194ce;
}

.ads2l {
    max-width: 300px;
    width: 100%;
}

.adscontl {
    padding: 8px 5px 5px;
    background: #e2e2e2;
    display: table;
    margin: auto;
}

.dark .adscontl {
    background: #080808;
}

.adscontl span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
    text-align: start;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.creator2 {
    display: none;
    float: left;
    margin-top: -38px;
}

.dark .creator2 {
    display: initial;
}

.menucreator2 {
    display: none;
}

.dark .menucreator2 {
    display: block;
}

.dark .menucreator {
    display: none;
}

.dark .creator {
    display: none;
}

.videocontainer {
    position: relative;
}

.videothumb {
    width: 100%;
}

.w95 {
    width: 95px !important;
}

.innerthumbdesc11 {
    background: #fff;
    padding: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.dark .desctext {
    color: #b4b4b4 !important;
}

.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.dark .bluetitle,
.dark .title-with-border {
    color: #ffffff !important;
}

.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.dark .header-container {
    background-color: #202020;
}

.light .header-container {
    background: #fff;
}

.dark .mainnav li a {
    color: #ababab !important;
}

.dark .titleh1 {
    color: #ababab !important;
}

.dark .bgww .description11 {
    background: #191919;
}

.adscont {
    display: inline-block;
    background: #eaeaea;
}

.dark .scroll-container {
    background: 0 0;
}

.adscont span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    padding: 6px;
    display: block;
    margin-bottom: 0;
    text-align: start;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.share-buttons {
    width: auto;
}

.dropdown-menu.weatherdrop {
    border-radius: 0;
    width: 175px;
    text-align: right;
    padding: 10px;
    border-color: #f8f8f8;
    margin-top: 7px;
}

.dark .dropdown-menu.weatherdrop {
    background-color: #0c0c0c;
    border-color: #323232;
}

.dark .header-container .left .weathertext span {
    color: #ababab;
}

.weathertext {
    color: #000000;
    font-size: 14px;
    line-height: 1;
}

.dark .weathertext {
    color: #ababab;
}

.weathertext span {
    float: left;
    font-size: 14px;
    color: #696158;
}

.dark .weathertext span {
    color: #d02d2e;
}

span.weatherdpsep {
    display: block;
    border: 1px solid #f2f2f2;
    margin: 8px 0;
}

.dark span.weatherdpsep {
    border: 1px solid #323232;
}

.selectp,
.selectp span {
    color: #d02d2e !important;
}

.mainnav li:nth-child(4):hover::before {
    background: #ac6357 !important;
}

.mainnav li.selected:nth-child(4)::before {
    background: #ac6357 !important;
}

.mainnav li:nth-child(5):hover::before {
    background: #a73423 !important;
}

.mainnav li.selected:nth-child(5)::before {
    background: #a73423 !important;
}

.mainnav li:nth-child(6):hover::before {
    background: #7cb6bd !important;
}

.mainnav li.selected:nth-child(6)::before {
    background: #7cb6bd !important;
}

.mainnav li:nth-child(7):hover::before {
    background: #3e9281 !important;
}

.mainnav li.selected:nth-child(7)::before {
    background: #3e9281 !important;
}

.mainnav li:nth-child(8):hover::before {
    background: #2f9c81 !important;
}

.mainnav li.selected:nth-child(8)::before {
    background: #2f9c81 !important;
}

.mainnav li:nth-child(9):hover::before {
    background: #6f5a84 !important;
}

.mainnav li.selected:nth-child(9)::before {
    background: #6f5a84 !important;
}

.mainnav li:nth-child(10):hover::before {
    background: #7cb6bd !important;
}

.mainnav li.selected:nth-child(10)::before {
    background: #7cb6bd !important;
}

.mainnav li:nth-child(12):hover::before {
    background: #e83438 !important;
}

.mainnav li.selected:nth-child(12)::before {
    background: #e83438 !important;
}

.mainnav li:nth-child(13):hover::before {
    background: #5194ce !important;
}

.mainnav li.selected:nth-child(13)::before {
    background: #5194ce !important;
}

.mainnav li:nth-child(14):hover::before {
    background: #5194ce !important;
}

.selectp,
.selectp span {
    color: #d02d2e !important;
}

.clickable {
    cursor: pointer;
}

.mainnav li.selected:nth-child(14)::before {
    background: #5194ce !important;
}

.cookies-container {
    width: 100%;
    background: #d02d2e;
    padding: 25px 70px;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    text-align: right;
}

.cookies-txt {
    font-family: IttihadHeadSub, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    color: #fff;
    display: inline-block;
}

    .cookies-txt a {
        display: unset;
    }

.cookies-container .accept {
    background: #f6f6f6;
    padding: 7px 15px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #d02d2e;
    margin-right: 22px;
    margin-left: 17px;
    cursor: pointer;
}

.cookies-container .reject {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    color: #fff;
    cursor: pointer;
}

a {
    display: block;
}

.footer-menu-container {
    width: 380px;
    position: fixed;
    top: 0;
    right: 0;
    transition: all 0footer-5s;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    z-index: 2000000;
}

.mbawab {
    height: 28px;
}

.mbawab2 {
    height: 28px;
}

.sepmob {
    height: 26px;
    width: 1px;
    display: inline-block;
    background: #dbdbdb;
    margin: 0 27px;
}

.footer-list-item > a,
.footer-text {
    color: #000000;
    font-family: IttihadHeadSub, sans-serif;
}

.dark .footer-list-item > a,
.dark .footer-text {
    color: #fff;
}

.footer-menu-container.footer-hide {
    right: -380px;
}

.footer-login-block {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 13px;
    align-items: center;
    font-size: 24px;
}

.footer-divider {
    border: 2px solid #e2e2e2;
    width: 156px;
    margin: 22px 0;
}

.footer-list-item > .footer-sub-list {
    margin: 10px 23px;
    display: none;
}

    .footer-list-item > .footer-sub-list > a {
        font-style: normal;
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 10px;
        text-align: start;
        font-family: IttihadHeadSub, sans-serif;
        display: block;
    }

.footer-list-item > a {
    margin-right: 5px;
}

.dark .footer-divider {
    border-color: #3e3e3e;
}

.footer-vertical-line {
    width: 26px;
    height: 0;
    border: 1px solid #dbdbdb;
    transform: rotate(90deg);
}

.footer-list-footer {
    text-align: center;
    padding: 30px 0;
}

.footer-logo > img {
    width: 70px;
}

.footer-social-media {
    margin-top: 24px;
}

.footer-social-icon > img {
    height: 20px;
    margin: 0 10px;
}

.footer-stores {
    margin-top: 24px;
    text-align: center;
    margin-top: 24px;
}

    .footer-stores > img {
        height: 28px;
        margin: 0 10px;
    }

#style-1 {
    width: 0;
}

    #style-1::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        border-radius: 10px;
        background-color: #f5f5f5;
    }

    #style-1::-webkit-scrollbar {
        width: 12px;
        background-color: #f5f5f5;
    }

    #style-1::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #d02d2e;
    }

.white-menu-item {
    display: none;
}

.dark .white-menu-item {
    display: flex;
}

.dark .dark-menu-item {
    display: none;
}

.coverage-page .title-with-border {
    padding-inline-start: 10px;
    line-height: 33px;
    margin-bottom: 30px;
}

.coverage-page .intro-title {
    line-height: 44px !important;
    font-size: 40px;
}

.coverage-page .title-with-border > span {
    background-color: transparent !important;
}

.coverage-page.dark .title-with-border {
    color: #ababab !important;
}

.coverage-page .intro-box {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/coverBg.svg);
    padding: 66px 95px;
    margin-bottom: 20px;
}

    .coverage-page .intro-box .box-h {
        font-family: Droid Arabic Kufi, sans-serif;
        font-size: 60px;
        font-weight: 700;
        line-height: 60px;
        color: #fff;
    }

.coverage-page .newsgrid1 {
    width: 100%;
}

.coverage-page .tag-span {
    position: absolute;
    bottom: 0;
    padding: 1.5px 8px;
    right: 0;
    border-right: 4px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    line-height: 17px;
    z-index: 3;
}

.coverage-page .whitetitle {
    color: #ababab !important;
}

.coverage-page .main-intro-box {
    position: relative;
    margin-bottom: 20px;
}

    .coverage-page .main-intro-box .intro-text {
        background: rgba(0, 0, 0, .6);
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 10px 20px;
        height: 50px;
    }

    .coverage-page .main-intro-box .box-p {
        font-family: Droid Arabic Kufi, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #fff;
        height: 31px;
        overflow: hidden;
    }

    .coverage-page .main-intro-box .tag-span {
        top: -20px;
        bottom: unset;
    }

    .coverage-page .main-intro-box.mini-box .box-p {
        font-size: 12.62px;
        line-height: 17px;
        max-width: 225px;
        height: 35px;
        overflow: hidden;
    }

    .coverage-page .main-intro-box.mini-box .intro-text {
        padding: 5px 20px;
    }

.coverage-page .adscont {
    background: 0 0 !important;
}

.coverage-page .pb-53 {
    padding-bottom: 53px;
    margin-bottom: 53px;
    border-bottom: 1px solid;
}

.coverage-page.light .latest-news:hover,
.coverage-page.light .latest-news:hover div {
    background: #000000;
    color: #fff !important;
}

.coverage-page.dark .latest-news:hover,
.coverage-page.dark .latest-news:hover div {
    background: #191919;
    color: #fff !important;
}

    .coverage-page.dark .latest-news:hover span {
        background: 0 0;
    }

.coverage-page.light .pb-53 {
    border-color: #d9d9d9;
}

.coverage-page.dark .pb-53 {
    border-color: #262626;
}

.coverage-page .ads2 {
    width: 300px;
    max-width: 100%;
}

.coverage-page .latest-news {
    margin-bottom: 45px;
}

.coverage-page.light .latest-news {
    background-color: #fff;
}

.coverage-page.dark .latest-news {
    background-color: #191919;
}

.coverage-page .latest-news .text-box {
    padding: 12px 20px 7px;
}

.coverage-page .latest-news .box-h {
    font-family: Droid Arabic Kufi, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    height: 36px;
    overflow: hidden;
}

.coverage-page .latest-news .img-box {
    position: relative;
}

.img-box {
    position: relative;
}

.coverage-page.light .latest-news .box-h {
    color: #000000;
}

.coverage-page.dark .latest-news .box-h {
    color: #ffffff;
}

.coverage-page .latest-news .news-time {
    font-weight: 700;
    font-size: 10.36px;
    line-height: 19.74px;
    margin-bottom: 0;
}

.coverage-page.light .latest-news .news-time {
    color: #696158;
}

.coverage-page.dark .latest-news .news-time {
    color: #6e6e6e;
}

.coverage-page .madda span {
    padding: 6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.coverage-page .madda {
    padding: 0 5px 7px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

    .coverage-page .madda.m-20 {
        margin-top: -26px;
    }

.coverage-page .sec-madda {
    margin-top: 40px;
}

    .coverage-page .sec-madda span {
        text-align: start;
    }

.coverage-page .main-img {
    width: 100%;
}

.coverage-page .load-more-box {
    text-align: center;
}

.coverage-page .load-more {
    color: #000000;
    font-weight: 700;
    font-family: Droid Arabic Kufi, sans-serif;
}

.coverage-page .latest-news-section {
    padding: 20px 0 40px;
}

.coverage-page .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: inline-block !important;
    width: 65px !important;
    cursor: pointer;
}

.main-video-container {
    border: 1px solid #333;
    line-height: 0;
}

.coverage-page .main-video-container .img-box {
    position: relative;
}

    .coverage-page .main-video-container .img-box::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6));
    }

.coverage-page .main-video-container .text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 35px;
    z-index: 3;
}

.coverage-page .main-video-container .video-tag {
    border-right: 6px solid #5194ce;
    font-family: IttihadHead, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 33px;
    margin-bottom: 5px;
    color: #fff;
    padding-right: 10px;
}

.coverage-page .main-video-container .box-h {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 5px;
    color: #fff;
    height: 52px;
    overflow: hidden;
    text-align: left;
}

.coverage-page .main-video-container .video-time {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 23px;
    color: #d02d2e;
    margin: 0;
}

.coverage-page .slider-video {
    background-color: #000;
    padding: 40px 0;
}

.coverage-page .title-with-border.red {
    border-color: #e83438;
}

.coverage-page .fa-caret-left.red {
    color: #e83438;
}

.coverage-page .fa-caret-right.red {
    color: #e83438;
}

.coverage-page .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 50px;
}

.coverage-page .owl-theme .owl-dots .owl-dot span {
    background: #303030 !important;
    width: 12px;
    height: 12px;
    margin: 0 7.5px;
}

.coverage-page .owl-theme .owl-dots .owl-dot.active span,
.coverage-page .owl-theme .owl-dots .owl-dot:hover span {
    background: #ef3f3f !important;
}

.coverage-page .sec-latest-news {
    margin-bottom: 50px;
}

.coverage-page .latest-news.info-box .box-h {
    font-size: 12.62px;
}

.coverage-page .latest-news.info-box .news-time {
    color: #d02d2e;
}

.coverage-page .article-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 27px;
    padding-bottom: 27px;
    border-bottom: 1px solid;
}

.coverage-page .border-col {
    border-left: 1px solid;
}

.coverage-page .name-link {
    color: #727272;
}

.dark.coverage-page .name-link {
    color: #8d8d8d;
}

.clickable-card {
    padding: 20px 0;
}

.top-border {
    border-top: 1px solid #d9d9d9;
}

.dark .top-border {
    border-top: 1px solid #2e2e2e;
}

.coverage-page.light .article-box,
.coverage-page.light .border-col {
    border-color: #d9d9d9;
}

.coverage-page.dark .article-box .dark .border-col {
    border-color: #262626;
}

.coverage-page .article-box .img-box img {
    width: 103.22px;
}

.coverage-page .article-box .text-box {
    margin-left: 10px;
}

.coverage-page .article-box .box-p {
    font-family: IttihadHead, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
    color: #d02d2e;
    margin-bottom: 10px;
}

.coverage-page .article-box .box-h {
    font-family: Droid Arabic Kufi, sans-serif;
    font-weight: 700;
    font-size: 16.7382px;
    line-height: 25px;
    margin-bottom: 10px;
    height: 25px;
    overflow: hidden;
}

.coverage-page.light .article-box .box-h {
    color: #000000;
}

.coverage-page.dark .article-box .box-h {
    color: #b4b4b4;
}

.coverage-page .article-box .box-date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0;
    text-align: right;
    margin-bottom: 0;
    display: flex;
    gap: 5px;
}

.coverage-page.light .article-box .box-date {
    color: #727272;
}

.coverage-page.dark .article-box .box-date {
    color: #8d8d8d;
}

.coverage-page .intro-coverage {
    padding-top: 30px;
}

@media (min-width:992px) {
    .coverage-page .row2 {
        margin-right: -18px;
        margin-left: -18px;
    }

        .coverage-page .row2 .col-lg-3 {
            padding-left: 18px;
            padding-right: 18px;
        }

    .coverage-page .row3 {
        margin-right: -20px;
        margin-left: -20px;
    }

        .coverage-page .row3 .col-12,
        .coverage-page .row3 .col-lg-4 {
            padding-left: 20px;
            padding-right: 20px;
        }
}

@media (min-width:992px) {
    .coverage-page .article-box:last-of-type {
        margin-bottom: unset;
        padding-bottom: unset;
        border-bottom: unset;
    }
}

@media (max-width:992px) {
    .coverage-page .title-with-border {
        line-height: 28px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .coverage-page .madda.m-20 {
        margin-top: 20px;
    }

    .coverage-page .madda {
        margin-bottom: 20px;
    }
}

.coverage-page .article-section {
    padding: 49px 0 84px;
}

.coverage-page .info-section {
    padding: 55px 0 15px;
}

.coverage-page .most-common-section {
    padding: 60px 0 20px;
}

.coverage-page .border-section {
    border-bottom: 1px solid;
}

.coverage-page.light .border-section {
    border-color: #d9d9d9;
}

.coverage-page.dark .border-section {
    border-color: #262626;
}

@media (max-width:992px) {
    .coverage-page .border-col {
        border: unset;
    }

    .coverage-page .article-box {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .coverage-page .last-article {
        border-bottom: unset;
    }
}

@media (max-width:992px) {
    .coverage-page .intro-coverage {
        padding-top: 20px;
    }

    .coverage-page .respon-h {
        border-bottom: 1px solid #5194ce;
        margin-bottom: 20px;
    }

    .coverage-page .intro-box {
        padding: 53.5px 37px;
    }

        .coverage-page .intro-box .box-h {
            font-size: 35px;
            line-height: 35px;
        }

    .coverage-page .main-intro-box .box-p {
        font-size: 12.62px;
        line-height: 16px;
        max-width: 100%;
    }

    .coverage-page .latest-news .box-h {
        font-size: 12.62px;
        line-height: 16px;
        height: 36px;
        overflow: hidden;
    }

    .coverage-page .main-video-container .text-box {
        padding: 30px 30px 13px;
    }

    .coverage-page .main-video-container .box-h {
        font-size: 15px;
        line-height: 22px;
    }

    .coverage-page .article-box .box-p {
        font-size: 16px;
        line-height: 16px;
    }

    .coverage-page .article-box .box-h {
        font-size: 14px;
        line-height: 13px;
    }

    .coverage-page .article-box .box-date {
        font-size: 10px;
        line-height: 12px;
    }

    .coverage-page .article-box .img-box img {
        width: 74px;
    }

    .coverage-page .border-section {
        border: unset;
    }

    .coverage-page .pb-53 {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .coverage-page .latest-news {
        margin-bottom: 20px;
    }

    .coverage-page .slider-video {
        padding: 20px 0;
    }

    .coverage-page .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 20px;
    }

    .coverage-page .article-section {
        padding: 40px 0 0;
    }

    .coverage-page .info-section {
        padding: 20px 0 0;
    }

    .coverage-page .most-common-section {
        padding: 20px 0 0;
    }
}

.edit-profile-section {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.edit-profile .aside-box {
    padding: 45px 0 45px 66px;
    width: 344px;
}

.edit-profile.light .aside-box {
    background-color: #e9e9e9;
    position: absolute;
    height: 100%;
    z-index: 1;
    bottom: 0;
    top: 0;
}

.edit-profile.dark .aside-box {
    background-color: #171717;
}

.edit-content {
    flex-grow: 1;
    position: relative;
}

.edit-profile .aside-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .edit-profile .aside-list li {
        padding: 15px 0 9px;
        border-bottom: 1px solid;
    }

.edit-profile.light .aside-list li {
    border-color: #cacaca;
}

.edit-profile.dark .aside-list li {
    border-color: #272727;
}

.edit-profile .aside-list li a {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    display: flex;
    align-items: center;
}

.edit-profile.light .aside-list li a {
    color: #000000;
}

.edit-profile.dark .aside-list li a {
    color: #fff;
}

    .edit-profile.dark .aside-list li a svg path {
        stroke: #fff;
    }

.edit-profile .aside-list li a,
.edit-profile .aside-list li a svg path {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .edit-profile .aside-list li a svg {
        margin-left: 15px;
    }

    .edit-profile .aside-list li a:hover {
        color: #d02d2e;
    }

        .edit-profile .aside-list li a:hover svg path {
            stroke: #d02d2e;
        }

.edit-profile .aside-list li.li-active a {
    color: #d02d2e;
    font-weight: 700;
}

    .edit-profile .aside-list li.li-active a svg path {
        stroke: #d02d2e;
    }

.edit-profile .form-box {
    max-width: 369px;
    padding: 59px 0 233px;
    text-align: center;
}

.edit-profile .form-group {
    margin-bottom: 12px;
}

.edit-profile .custom-input {
    border: 1px solid;
    box-sizing: border-box;
    box-shadow: 0 0 4px rgba(0, 0, 0, .05);
    border-radius: 4px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    width: 100%;
    height: 45px;
    padding: 0 15px;
}

.edit-profile.light .custom-input {
    background: #fff;
    border-color: #ebebeb;
    color: #999;
}

.edit-profile .date-input {
    flex-direction: row-reverse;
    text-align-last: end;
    padding-left: 0;
}

.edit-profile.light .custom-input::placeholder {
    color: #999;
}

.edit-profile.dark .custom-input {
    background: #2e2e2e;
    border-color: #484848;
    color: #a3a3a3;
}

    .edit-profile.dark .custom-input::placeholder {
        color: #a3a3a3;
    }

.edit-profile .custom-input:focus {
    outline: unset;
    border-color: #d02d2e;
}

.edit-profile .custom-btn {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    background: #d02d2e;
    border-radius: 4px;
    padding: 16.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #d02d2e;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .edit-profile .custom-btn svg {
        margin-right: 5px;
    }

        .edit-profile .custom-btn svg path {
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

    .edit-profile .custom-btn:hover {
        color: #d02d2e;
        background-color: transparent;
    }

        .edit-profile .custom-btn:hover svg path {
            stroke: #d02d2e;
        }

.edit-profile input[type=date]::-webkit-calendar-picker-indicator {
    color: #d02d2e;
    opacity: 1;
    display: block;
    background: url(../img/date-picker-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
}

.select-after {
    position: relative;
}

    .select-after select,
    .reg-country {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        background: transparent !important;
        background: url(../img/arrow-select.svg) no-repeat #fff !important;
        background-repeat: no-repeat !important;
        background-position-x: 10% !important;
        background-position-y: 50% !important;
        padding: 5px 5px !important;
    }

.reg-country {
    background-position-x: 4% !important;
}

.edit-profile .select-after select {
    background-position-x: 7% !important;
}

.light .select-after:after {
    background-color: #fff;
}

.dark .select-after:after {
    background-color: #2e2e2e;
}

.weather-page.dark .select-after:after {
    background-color: #494949 !important;
}

.edit-profile .form-group-box {
    display: flex;
    align-items: center;
    margin: 25px 0;
    padding: 0 15px;
}

.edit-profile .label-p {
    margin-bottom: 0;
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    margin-left: 32px;
}

.edit-profile.light .label-p {
    color: #000000;
}

.edit-profile.dark .label-p {
    color: #a3a3a3;
}

.edit-profile .radio-box {
    margin-left: 30px;
}

.edit-profile .pretty {
    margin-right: 0;
}

    .edit-profile .pretty .state label {
        text-indent: 0;
        padding-left: 19px;
        font-family: Droid Arabic Kufi, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px;
    }

.edit-profile.light .pretty .state label {
    color: #999;
}

.edit-profile.dark .pretty .state label {
    color: #a3a3a3;
}

.edit-profile .pretty .state label:after,
.edit-profile .pretty .state label:before {
    width: 12px;
    height: 12px;
    top: 4px;
}

.edit-profile.light .pretty .state label:before {
    border-color: #d4d4d4;
    background-color: #fff;
}

.edit-profile.dark .pretty .state label:before {
    border-color: #484848;
    background-color: #2e2e2e;
}

.edit-profile .pretty.p-default input:checked ~ .state label:after {
    background-color: #d02d2e !important;
}

@media (max-width:1024px) {
    .edit-profile .form-box {
        margin: auto;
    }

    .edit-content {
        max-width: 100%;
    }
}

@media (max-width:1024px) {
    .edit-profile-section {
        flex-direction: column;
    }

    .edit-profile .aside-box {
        padding: 35px 15px;
        width: 100%;
    }

    .edit-profile .aside-list {
        max-width: 261px;
        margin: auto;
    }

    .edit-content {
        max-width: 100%;
    }

    .edit-profile .form-box {
        max-width: 292px;
        padding: 45px 0 107px;
    }

    .edit-profile .custom-input {
        font-size: 16px;
        height: 40px;
    }

    .edit-profile .form-group {
        margin-bottom: 16px;
    }

    .edit-profile .custom-btn {
        font-size: 18px;
        line-height: 14px;
    }
}

.editorial-column-page.dark .edito-left-read-title {
    color: #ffffff;
}

.editorial-column-page .edito-left-read-title {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
}

.editorial-column-page .edito-left-read-sub-title {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    align-items: center;
    text-align: right;
    margin-top: 10px;
    white-space: nowrap;
    color: #000000;
}

.editorial-column-page.dark .edito-left-read-sub-title {
    color: #b4b4b4;
}

.editorial-column-page.dark .edito-middle-row-title {
    color: #ababab;
}

.editorial-column-page .edito-left-column {
    padding: 15px 32px;
    border-radius: 0;
    background: #fff;
}

.editorial-column-page .edito-main-title {
    position: static;
    left: calc(50% - 93px / 2 - 8px);
    top: calc(50% - 30px / 2);
    font-family: IttihadHead, sans-serif;
    font-size: 40px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
}

.editorial-column-page .edito-middle-card {
    padding: 30px 20px;
    background: #fff;
    width: 100%;
}

.editorial-column-page.dark .edito-middle-card {
    background: #191919;
}

.editorial-column-page .middle-title {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 52px;
    align-items: center;
    text-align: right;
    color: #000000;
    background: #fff;
}

.editorial-column-page.dark .middle-title {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 52px;
    align-items: center;
    text-align: right;
    color: #ffffff;
    background: #191919;
}

.editorial-column-page .middle-card-content {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    text-align: right;
    background: #fff;
    color: #000000;
    margin-top: 18px;
    overflow: hidden;
    width: 100%;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.height-auto {
    height: auto !important;
}

@media screen and (max-width:992px) and (min-width:768px) {
    .editorial-column-page .middle-card-content {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 25px;
        text-align: right;
        background: #fff;
        color: #000000;
        margin-top: 20px;
        overflow: hidden;
    }
}

.editorial-column-page.dark .middle-card-content {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    text-align: right;
    margin-top: 15px;
    color: #b4b4b4;
    background: #191919;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.editorial-column-page .edito-end-card {
    position: absolute;
}

.editorial-column-page .sep {
    border-top: 1px solid #e2e2e2;
    margin: 19px 0;
}

.editorial-column-page.dark .edito-left-column {
    background: #191919 !important;
}

.editorial-column-page .edito-middle-row-title {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #000000;
}

.editorial-column-page .edito-middle-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 130px;
    width: 297px;
    left: 0;
    top: 0;
    border-radius: 0;
    background: #fff;
}

.editorial-column-page .edito-middle-box-title {
    position: absolute;
    left: 75.42%;
    right: 8.75%;
    top: 23.85%;
    bottom: 65.38%;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
}

.editorial-column-page .edito-middle-box-sub-title {
    position: absolute;
    left: 9.09%;
    right: 8.75%;
    top: 45.18%;
    bottom: 40.98%;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    color: #000000;
}

.editorial-column-page .edito-most-read-subtitle {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 7px;
    font-weight: 700;
    color: #000000;
    white-space: nowrap;
}

.editorial-column-page .edito-middle-box-title-sub-sub-title {
    position: absolute;
    left: 42.42%;
    right: 8.75%;
    top: 66.71%;
    bottom: 24.05%;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    color: #727272;
}

.editorial-column-page .left-arrow {
    margin-right: 10px;
}

.editorial-column-page .archive-divider {
    margin-top: 86px;
    margin-bottom: 20px;
}

.editorial-column-page .most-read-title {
    margin-bottom: 8px;
}

.editorial-column-page .readmorecard {
    padding: 0 !important;
}

.contact-us-page .adscont {
    display: inline-block;
}

    .contact-us-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.opinion-photo-page .pb-23 {
    padding-bottom: 20px !important;
    border-bottom: 1px solid #d9d9d9 !important;
}

.opinion-photo-page.dark .pb-23 {
    border-bottom: 1px solid #262626 !important;
}

.opinion-subscription-page .pb-23 {
    padding-bottom: 20px !important;
    border-bottom: 1px solid #d9d9d9 !important;
}

.opinion-subscription-page.dark .pb-23 {
    border-bottom: 1px solid #262626 !important;
}

.photo-albumn-page .pb-23 {
    padding-bottom: 20px !important;
    border-bottom: 1px solid #d9d9d9 !important;
}

.photo-albumn-page.dark .pb-23 {
    border-bottom: 1px solid #262626 !important;
}

.editorial-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.editorial-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.contact-us-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.contact-us-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.coverage-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.coverage-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.contact-us-page .m-b-40 {
    margin-bottom: 40px;
}

.contact-us-page .title-with-border {
    height: 40px;
    font-size: 28px;
    color: #000000;
    padding-inline-start: 7px;
    line-height: 1;
    border-inline-start: 6px solid #d02d2e;
    text-align: start;
    color: #000000 !important;
}

    .contact-us-page .title-with-border > span {
        background-color: transparent !important;
    }

    .contact-us-page .title-with-border.green-dark {
        border-inline-start: 5px solid #2f9c81;
    }

.border-green-dark {
    border-right-color: #2f9c81 !important;
}

.contact-us-page .title-with-border.green {
    border-inline-start: 5px solid #57a858;
}

.border-green {
    border-right-color: #57a858 !important;
}

.contact-us-page .title-with-border.orange {
    border-inline-start: 5px solid #ea5c18;
}

.border-orange {
    border-right-color: #ea5c18 !important;
}

.border-dark-blue {
    border-right-color: #103e8a !important;
}

.contact-us-page .title-with-border.yellow {
    border-inline-start: 5px solid #fdc300;
}

.border-yellow {
    border-right-color: #fdc300 !important;
}

.contact-us-page .title-with-border.blue {
    border-inline-start: 5px solid #5194ce;
}

.border-blue {
    border-right-color: #5194ce !important;
}

.contact-us-page .title-with-border.blue-dark {
    border-inline-start: 5px solid #103e8a;
}

.border-blue-dark {
    border-right-color: #103e8a !important;
}

.contact-us-page .green-dark {
    color: #2f9c81 !important;
}

.border-green-dark {
    border-right-color: #2f9c81;
}

.contact-us-page .green {
    color: #57a858;
}

.contact-us-page .orange {
    color: #ea5c18;
}

.contact-us-page .yellow {
    color: #fdc300;
}

.contact-us-page .blue {
    color: #5194ce;
}

.contact-us-page .blue-dark {
    color: #103e8a;
}

.contact-us-page .icon {
    font-size: 22px;
    margin-inline-start: 10px;
}

.contact-us-page.dark {
    color: #ababab;
}

.contact-us-page.light {
    color: #000000;
}

.contact-us-page .white {
    color: #fff !important;
}

.contact-us-page .#6961582 {
    color: #c4c4c4 !important;
}

.contact-us-page #square-switcher,
.contact-us-page #vertical-switcher {
    margin-top: -17px;
}

.contact-us-page .sepnews {
    width: 1px;
    height: 22px;
    background: #d9d9d9;
    margin: 0 5px;
    margin-top: -17px;
    vertical-align: middle;
    display: inline-block;
}

.contact-us-page .mt {
    margin-top: 50px;
}

.contact-us-page .hide {
    display: none !important;
}

.contact-us-page .share-buttons {
    width: auto;
}

    .contact-us-page .share-buttons > div {
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        color: #d02d2e;
        font-size: 16px;
        line-height: 27px;
        margin-inline-start: 8px;
    }

.contact-us-page .news-photo-container {
    margin-bottom: 50px;
}

.contact-us-page .news {
    cursor: pointer;
}

.contact-us-page .news-image {
    width: 100%;
}

.contact-us-page .news-title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.contact-us-page .news-desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    padding: 10px 20px;
}

.contact-us-page.light .news-desc {
    background-color: #fff;
    color: #424242;
}

.contact-us-page .big-right-container {
    border-left: 1px solid #d9d9d9;
    padding-left: 40px;
}

.contact-us-page.dark .big-right-container {
    border-left: 1px solid #383838;
}

.contact-us-page .select-section {
    padding: 0 19px !important;
    width: 296px;
    background: #fff;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -0.05em;
    color: #9d9d9d;
    margin-bottom: 16px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    background: url(../img/arrow-select.svg) no-repeat #fff !important;
    background-repeat: no-repeat !important;
    background-position-x: 10% !important;
    background-position-y: 50% !important;
}

input::placeholder {
    line-height: normal !important;
}

.contact-us-page.dark .select-section {
    color: #dfdfdf !important;
    background: #494949;
    border: 1px solid #7a7a7a;
}

.contact-us-page .big-left-container {
    padding-right: 38px;
}

.contact-us-page.dark .news-desc {
    background-color: #191919;
    color: #b4b4b4;
}

.contact-us-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 17px;
}

.contact-us-page #theFixed {
    margin-right: 2rem;
}

.contact-us-page.light .read-more {
    background: #fff;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.contact-us-page.dark .read-more {
    background: #191919;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.contact-us-page ._text {
    -webkit-margin-end: 85px;
    margin-inline-end: 85px;
}

.contact-us-page .desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    background: #fff;
    padding: 10px 20px;
}

.contact-us-page .writer {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    color: #848484;
    padding-top: .5rem;
}

.contact-us-page .star {
    color: #d02d2e;
    padding-top: .5rem;
}

.contact-us-page .desc1 .desc {
    font-size: 20px;
    max-width: 650px;
    line-height: 1.2;
    padding: 0;
}

.contact-us-page .desc1 {
    background: #fff;
    padding: 20px;
}

.contact-us-page .desc.light {
    background-color: #fff;
    color: #424242;
}

.contact-us-page .desc.dark {
    background-color: #191919;
    color: #b4b4b4;
}

.contact-us-page .title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.contact-us-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    font-size: 18px;
}

    .contact-us-page .read-more.dark {
        background: #191919;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

    .contact-us-page .read-more.light {
        background: #fff;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

.contact-us-page .title-share {
    justify-content: space-between;
    align-items: center;
}

.contact-us-page .news {
    cursor: pointer;
}

.contact-us-page ._text {
    margin-inline-end: 85px;
}

.contact-us-page .news-time {
    font-family: "Droid Arabic Kufi";
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
}

.contact-us-page .image img {
    width: 100%;
}

.contact-us-page .square {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-us-page .vertical {
    display: block;
}

.input-bg {
    background: #fff;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    border-radius: 4px;
}

.dark .input-bg {
    background: #494949 !important;
    border: 1px solid #7a7a7a !important;
    color: #dfdfdf !important;
}

.contact-us-page.dark .delivery-way {
    color: #e8e8e8 !important;
}

.contact-us-page.dark .call-us {
    color: #ababab !important;
}

.contact-us-page.dark textarea {
    background: #494949 !important;
    border: 1px solid #7a7a7a !important;
    color: #dfdfdf;
}

.contact-us-page.dark .desc {
    background: #191919;
}

.contact-us-page.dark .desc1 {
    background: #191919;
}

.contact-us-page.dark .title-with-border {
    color: #ababab !important;
}

.contact-us-page .adscont {
    background: 0 0 !important;
}

.contact-us-page .load-more {
    font-style: normal;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    cursor: pointer;
}

.contact-us-page.dark fa-icon {
    color: #5194ce;
}

.contact-us-page .blue {
    color: #5194ce;
}

.contact-us-page .map-count {
    display: flex;
    flex-direction: column;
}

    .contact-us-page .map-count .call-us {
        font-family: IttihadHead, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 28px;
        text-align: right;
        color: #000000;
        margin-bottom: 30px;
        border-right: 5px solid #d02d2e;
        padding-right: 0.8rem;
    }

    .contact-us-page .map-count .label-map {
        font-family: IttihadHead, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 28px;
        text-align: right;
        color: #d02d2e;
        padding-left: 0.8rem;
    }

.contact-us-page .label-map {
    margin-bottom: 20px;
}

.contact-us-page .map-count .map {
    overflow: hidden;
    max-height: 144px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
}

    .contact-us-page .map-count .map:hover {
        border: 1px solid #d02d2e;
    }

    .contact-us-page .map-count .map iframe {
        width: 100%;
    }

.contact-us-page .map-count .under-map {
    background: #d02d2e;
    display: flex;
    align-items: center;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-align: right;
    color: #fff;
    line-height: 1.5;
    padding: 16px 17px;
}

    .contact-us-page .map-count .under-map .adress p {
        margin-top: 5px;
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 10px;
    }

    .contact-us-page .map-count .under-map .adress {
        flex: 1 1 auto;
    }

    .contact-us-page .map-count .under-map .direction {
        background: #000000;
        border-radius: 2px;
        padding: 9px 23px 9px 25px;
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        margin-left: 5px;
        cursor: pointer;
    }

        .contact-us-page .map-count .under-map .direction ion-icon {
            padding-top: 3px;
        }

.contact-us-page hr {
    margin-top: 2.25rem;
}

.contact-us-page .form-count .express {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: right;
    color: #d02d2e;
    margin-top: 27px;
}

.contact-us-page .form-count .write-data {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    color: #5c899c;
    padding: 1rem 0;
}

.contact-us-page .form-count input::placeholder,
.contact-us-page .form-count textarea::placeholder {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-align: right;
    color: #696158;
}

.contact-us-page .form-count .inpt1,
.contact-us-page .form-count .inpt2 {
    display: flex;
    gap: 1rem;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .contact-us-page .form-count .inpt1 input,
    .contact-us-page .form-count .inpt2 input {
        width: 296px;
    }

    .contact-us-page .form-count .inpt1 input,
    .contact-us-page .form-count .inpt2 input,
    .contact-us-page .form-count .inpt3 textarea,
    .contact-us-page .form-count .title-msg input {
        background: #fff;
        border: 1px solid #dfdfdf;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 9px 20px 8px 20px;
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        text-align: right;
        letter-spacing: -.05em;
        color: #9d9d9d;
        margin-bottom: 16px;
    }

        .contact-us-page .form-count .inpt1 input:hover,
        .contact-us-page .form-count .inpt2 input:hover,
        .contact-us-page .form-count .inpt3 textarea:hover,
        .contact-us-page .form-count .title-msg input:hover {
            border: 1px solid #d02d2e;
        }

.contact-us-page .form-count .inpt3 p {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: right;
    color: #9d9d9d;
    margin-top: 1rem;
}

.contact-us-page .form-count .title-msg input {
    width: 608px;
}

.contact-us-page .form-count .inpt3 textarea {
    width: 734px;
    height: 144px;
}

.contact-us-page .inpt4 {
    padding-right: 5px;
}

.contact-us-page #wrapper-radio {
    display: flex;
}

.contact-us-page #huey {
    margin-right: 20px;
}

.contact-us-page #dewey {
    margin-right: 54px;
}

.contact-us-page .form-count .inpt4 p {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    color: #000000;
    margin-top: 20px;
}

.contact-us-page .mt33 {
    margin-top: 33px;
}

.contact-us-page .mt26 {
    margin-top: 26px;
}

.contact-us-page .form-count .inpt4 label {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #787878;
}

.contact-us-page .form-count .inpt4 .Service {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    margin-top: 40px;
}

    .contact-us-page .form-count .inpt4 .Service a {
        text-decoration: underline !important;
        color: #d02d2e;
        display: contents !important;
    }

.contact-us-page .form-count .inpt4 .robot {
    margin-top: 40px;
}

.contact-us-page .form-count .inpt4 .submit {
    margin-top: 40px;
}

.txt-sm {
    font-size: 14px !important;
    line-height: 20px !important;
}

.txt-lg {
    font-size: 20px !important;
    line-height: 35px !important;
}

.contact-us-page .form-count .inpt4 button {
    background: #d02d2e;
    border-radius: 2px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    border: 0;
    color: #fff;
    height: 50px;
    width: 196px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-us-page .h-line {
    width: 100%;
    margin-top: 33px;
    width: 100%;
    height: 1px;
}

.contact-us-page.dark .h-line {
    background: #383838;
}

.e-book-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.e-book-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.e-book-page .m-b-40 {
    margin-bottom: 40px;
}

.e-book-page .title-with-border {
    height: 40px;
    font-size: 28px;
    color: #000000;
    padding-inline-start: 7px;
    line-height: 1;
    border-inline-start: 6px solid #d02d2e;
    text-align: start;
    color: #000000 !important;
}

    .e-book-page .title-with-border > span {
        background-color: transparent !important;
    }

    .e-book-page .title-with-border.green-dark {
        border-inline-start: 5px solid #2f9c81;
    }

    .e-book-page .title-with-border.green {
        border-inline-start: 5px solid #57a858;
    }

    .e-book-page .title-with-border.orange {
        border-inline-start: 5px solid #ea5c18;
    }

    .e-book-page .title-with-border.yellow {
        border-inline-start: 5px solid #fdc300;
    }

    .e-book-page .title-with-border.blue {
        border-inline-start: 5px solid #5194ce;
    }

    .e-book-page .title-with-border.blue-dark {
        border-inline-start: 5px solid #103e8a;
    }

.e-book-page .green-dark {
    color: #2f9c81;
}

.e-book-page .green {
    color: #57a858;
}

.e-book-page .orange {
    color: #ea5c18;
}

.e-book-page .yellow {
    color: #fdc300;
}

.e-book-page .blue {
    color: #5194ce;
}

.e-book-page .blue-dark {
    color: #103e8a;
}

.e-book-page .icon {
    font-size: 22px;
    margin-inline-start: 10px;
}

.e-book-page.dark {
    color: #ababab;
}

.e-book-page.light {
    color: #000000;
}

.e-book-page .white {
    color: #fff !important;
}

.e-book-page .#6961582 {
    color: #c4c4c4 !important;
}

.e-book-page #square-switcher,
.e-book-page #vertical-switcher {
    margin-top: -17px;
}

.e-book-page .big-container {
    padding-left: 17px;
}

.e-book-page .sepnews {
    width: 1px;
    height: 22px;
    background: #d9d9d9;
    margin: 0 5px;
    margin-top: -17px;
    vertical-align: middle;
    display: inline-block;
}

.e-book-page .mt {
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 0;
    padding: 0 10px;
    flex-wrap: nowrap;
}

.e-book-page hr {
    margin-bottom: 30px;
    border-top: 1px solid #d9d9d9;
}

.e-book-page.dark hr {
    border-top: 1px solid #242424;
}

.e-book-page .hide {
    display: none !important;
}

.e-book-page .share-buttons {
    width: auto;
}

.e-book-page .top1 {
    padding-top: 1.05rem;
    padding-bottom: 1.4rem;
    padding-right: 1.2rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background-image: url(../img/e-books/img1.png);
    background-size: cover;
    border-radius: .3rem;
}

.e-book-page.dark .top1 {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) -40.46%, rgba(12, 12, 12, .8) 94.45%), url(../img/e-books/img1.png);
}

.dark .modal-content {
    background: #202020;
    border: 1px solid #3e3e3e;
    box-sizing: border-box;
    border-radius: 4px;
}

.e-book-page .picture-top {
    padding-top: .8rem;
    flex: 1 1 auto;
    text-align: center;
    max-width: 220px;
    align-self: flex-start;
}

    .e-book-page .picture-top img {
        transition: all .3s ease-in-out;
    }

        .e-book-page .picture-top img:hover {
            opacity: .5;
        }

.e-book-page .title-top {
    padding-bottom: .8rem;
    padding-left: 1.5rem;
    align-self: flex-start;
    flex: 1 1 auto;
    padding-top: 9%;
    margin-right: 50px;
}

.e-book-page #exampleModal .title-top {
    padding-top: 0px;
    margin-right: 0px;
}

.e-book-page #exampleModal .estshrak-text {
    min-height: 92px;
}

.e-book-page .media {
    display: flex;
    justify-content: flex-end;
    color: #d02d2e;
    padding-right: 2rem;
    padding-bottom: 10px;
    align-self: flex-end;
    flex: 1 1 auto;
    margin-left: 20px;
}

    .e-book-page .media ion-icon {
        padding: .4rem .4rem 0 .4rem;
        font-size: 1.5rem;
    }

.e-book-page .title-top h3 {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    text-align: right;
    color: #000000;
}

.e-book-page.dark .title-top h3 {
    color: #fff;
}

.e-book-page .title-top span {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #d02d2e;
}

.e-book-page .estshrak-text {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #1a1a1a;
    padding-top: 1.5rem;
    margin-bottom: 35px;
    min-height: 110px;
}

.minmax-W {
    max-width: 440px;
    min-width: 440px;
}

.e-book-page.dark .estshrak-text {
    color: #d2d2d2;
}

.e-book-page .menu-tob {
    display: flex;
    align-items: center;
    margin-top: 40px;
    width: 100%;
    height: 80px;
    background: #e2e2e2;
    gap: 1rem;
    display: none;
}

    .e-book-page .menu-tob .text {
        font-family: IttihadHead, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 2rem;
        line-height: 28px;
        text-align: right;
        color: #d02d2e;
        padding-right: 20px;
        flex: 0 1 auto;
    }

    .e-book-page .menu-tob .select {
        padding-right: 1rem;
        border-right: 2px solid #fff;
        padding-left: 2rem;
        flex: 1 1 auto;
    }

        .e-book-page .menu-tob .select select {
            width: 100%;
            height: 2.5rem;
            background: #f9f9f9;
            border: 1px solid #ccc;
            box-sizing: border-box;
            border-radius: 2px;
            padding: 0 5px;
        }

.e-book-page .label-most {
    height: 33px;
    padding-right: 10px;
    border-right: 6px solid #5194CE;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #000000;
}

.e-book-page.dark .label-most {
    color: #ababab;
}

.e-book-page.dark .menu-tob {
    background-color: #252525;
}

.e-book-page .categories {
    margin: 12px 0 57px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding-bottom: 1.5rem;
}

.e-book-page.dark .categories {
    background: #191919;
    border: 1px solid #343434;
}

.e-book-page .categories .hed {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    padding: 1.25rem 1.25rem .44rem;
}

    .e-book-page .categories .hed span {
        font-weight: 700;
        padding-right: .6rem;
    }

.e-book-page .categories a {
    display: block;
    padding: .44rem 3rem;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    align-items: center;
    text-align: right;
    color: #000000;
    transition: all .3s ease-in-out;
}

    .e-book-page .categories a:hover {
        color: #d02d2e !important;
    }

.e-book-page.dark .categories a {
    color: #828282;
}

.e-book-page .news {
    transition: all .3s ease-in-out;
}

    .e-book-page .news:hover .position-relative {
        opacity: .5;
    }

    .e-book-page .news:hover .writer {
        color: #d02d2e;
    }

.e-book-page .news-image {
    width: 100%;
}

.e-book-page .news-title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.e-book-page .news-desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    padding: 10px 20px;
}

.e-book-page.light .news-desc {
    background-color: #fff;
    color: #424242;
}

.e-book-page.dark .news-desc {
    background-color: #191919;
    color: #b4b4b4;
}

.e-book-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 17px;
}

.e-book-page.light .read-more {
    background: #fff;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.e-book-page.dark .read-more {
    background: #191919;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.e-book-page ._text {
    -webkit-margin-end: 85px;
    margin-inline-end: 85px;
}

.e-book-page .desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    padding: 10px 0;
}

    .e-book-page .desc span {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
        color: #000000;
    }

.e-book-page.dark .desc span {
    color: #fff;
}

.e-book-page .writer {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    color: #848484;
    padding-top: .5rem;
    transition: all .3s ease-in-out;
}

.e-book-page.dark .writer {
    color: #888;
}

.e-book-page .star {
    color: #d02d2e;
    padding-top: .5rem;
}

    .e-book-page .star ion-icon {
        font-size: 1.3rem;
    }

.e-book-page .desc1 .desc {
    font-size: 20px;
    max-width: 650px;
    line-height: 1.2;
    padding: 0;
}

.e-book-page .desc1 {
    background: #fff;
    padding: 20px;
}

.e-book-page .desc.light {
    background-color: #fff;
    color: #424242;
}

.e-book-page .desc.dark {
    background-color: #191919;
    color: #b4b4b4;
}

.e-book-page .desc .star ion-icon {
    font-size: 11.5px;
}

.e-book-page .title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.e-book-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    font-size: 18px;
}

    .e-book-page .read-more.dark {
        background: #191919;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

    .e-book-page .read-more.light {
        background: #fff;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

.e-book-page .title-share {
    justify-content: space-between;
    align-items: center;
}

.e-book-page ._text {
    margin-inline-end: 85px;
}

.e-book-page .news-time {
    font-family: "Droid Arabic Kufi";
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
}

.e-book-page .image {
    transition: all .3s ease-in-out;
}

    .e-book-page .image img {
        width: 100%;
    }

.e-book-page .square {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.e-book-page .vertical {
    display: block;
}

.editorial-page .clickable-card {
    padding: 10px 0 !important;
}

.PopUpContainer {
    display: inline-flex;
    width: 100%;
}

.picture-topWin {
    margin: 0px 25px 0px 25px;
}

.dark .releasea-page .end-border {
    border-inline-end: 1px solid #262626;
}

.releasea-page .end-border {
    padding-left: 30px;
    border-inline-end: 1px solid #d9d9d9;
    padding-right: 0;
}

.releasea-page.dark .end-border {
    border-inline-end: 1px solid #2e2e2e;
}

.e-book-page.dark .desc1 {
    background: #191919;
}

.e-book-page.dark .title-with-border {
    color: #ababab !important;
}

.e-book-page .load-more {
    font-style: normal;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    cursor: pointer;
}

.e-book-page.dark fa-icon {
    color: #5194ce;
}

.e-book-page .blue {
    color: #5194ce;
}

.e-book-page .end-border {
    padding-left: 30px;
    border-inline-end: 1px solid #d9d9d9;
    padding-right: 0;
}

.e-book-page.dark .end-border {
    border-inline-end: 1px solid #2e2e2e;
}

.editorial-page .end-border {
    padding-left: 30px;
    border-inline-end: 1px solid #d9d9d9;
    padding-right: 0;
}

.editorial-page.dark .end-border {
    border-inline-end: 1px solid #2e2e2e;
}

.editorial-page.dark .title-with-border {
    color: #ffffff !important;
}

.editorial-page .big-title {
    font-family: IttihadHead, sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #34c3ff;
    border-inline-start: 4px solid #d02d2e;
    padding-inline-start: 8px;
    top: -42px;
}

.editorial-page .brd-right {
    padding-right: 10px;
    border-right: 6px solid #d02d2e;
    width: 100%;
}

.editorial-page .authname {
    color: #727272 !important;
}

    .editorial-page .authname a {
        font-size: 12px;
        color: #727272;
        margin-top: 10px;
        font-family: "Droid Arabic Kufi", sans-serif !important;
        font-weight: 700;
    }

.editorial-page .sep {
    border-top: 1px solid #e2e2e2;
    margin: 20px 0;
}

.editorial-page .news-title {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}

.editorial-page .news-details {
    display: flex;
    margin-top: 18px;
    align-items: center;
}

.editorial-page .news-source {
    margin-right: 12px;
}

.editorial-page .news-text {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    margin-inline-end: 8px;
}

.editorial-page .minidescedit {
    padding: 4.5px 10px;
    background: #fff;
}

.editorial-page .readmorecard {
    padding: 4.5px 10px !important;
    background: 0 0 !important;
    width: 100%;
}

.editorial-page.dark .readmorecard {
    background: 0 0 !important;
}

.editorial-page .pad199 .authname {
    font-size: 10px;
    margin-top: 8px;
}

.editorial-page .bigdescedit {
    padding: 20px 24px;
    background: #fff;
    width: 100%;
}

.editorial-page.dark .most-read-title {
    color: #ffffff;
}

.editorial-page .most-read-title {
    font-family: IttihadHead, sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
}

.editorial-page .most-read-subtitle {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    white-space: nowrap;
    height: 18px;
    overflow: hidden;
    max-width: 210px;
    text-overflow: ellipsis;
}

    .editorial-page .most-read-subtitle a {
        width: 100% !important;
    }

.editorial-page .bgwhite {
    background-color: #fff;
}

.editorial-page.dark .latest-title {
    color: #ffffff;
}

.editorial-page .latest-title {
    font-family: IttihadHead, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 13px;
}

.editorial-page .latest-subtitle {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    height: 22px;
    overflow: hidden;
}

.editorial-page.dark .latest-subtitle {
    color: #b4b4b4;
}

.editorial-page.dark .most-read-subtitle {
    color: #b4b4b4;
}

.editorial-page .inner2:hover .card-text-with-border {
    color: #fff;
}

.editorial-page .card-text-with-border {
    font-family: IttihadHead, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #838383;
    border-inline-start: 4px solid #d02d2e;
    padding-inline-start: 7px;
}

.editorial-page.dark .card-text-with-border {
    color: #ababab;
}

.editorial-page .edit-video-title {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    color: #424242;
    margin-top: 20px;
    white-space: nowrap;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.editorial-page .edit-video-subtitle {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    line-height: 14px;
    font-weight: 700;
    color: #000000;
    height: 20px;
    overflow: hidden;
    margin-top: 10px;
    white-space: nowrap;
    max-width: 300px;
    text-overflow: ellipsis;
}

.editorial-page .edit-details {
    display: -webkit-inline-box;
    padding: 0;
    font-size: 13px;
    line-height: 10px;
    margin-top: 10px;
}

.editorial-page .name {
    color: #727272;
    margin: 0 5px;
    font-family: "Droid Arabic Kufi Bold";
    font-style: normal;
    font-weight: 700;
}

.bg-divier {
    background: #242424 !important;
}

.editorial-page .edit-video-author {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #d02d2e;
    margin-inline-end: 5px;
}

.editorial-page .edit-video-episode {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #696158;
    text-align: start;
    margin-inline-end: 5px;
    border-inline-start: 2px solid #d02d2e;
    padding-inline-start: 5px;
}

.editorial-page.dark .desc-video .col-md-12 {
    color: #fff;
}

.editorial-page .edit-opinion {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.editorial-page .bbg .authname {
    margin-top: 8px;
    font-size: 10px;
}

.editorial-page .opinion-title {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    margin-top: 15px;
}

.editorial-page.dark .opinion-title {
    color: #8d8d8d;
}

.editorial-page .read-also {
    font-family: IttihadHead, sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #d02d2e;
}

.editorial-page .read-more-sep {
    margin-top: 40px !important;
    margin-bottom: 60px !important;
}

.editorial-page .read-more-vertical-border:not(:nth-child(3n)) {
    padding-left: 13px;
    border-inline-end: 1px solid #d9d9d9;
}

.editorial-page.dark .read-more-vertical-border:not(:nth-child(3n)) {
    border-inline-end: 1px solid #2e2e2e;
}

.editorial-page .bgscroll {
    background: #f2f2f2;
}

.editorial-page.dark .bgscroll {
    background: #0c0c0c;
}

.editorial-page .owl-theme .owl-dots .owl-dot.active span {
    background-color: #5194ce !important;
}

.editorial-page.dark .owl-theme .owl-dots .owl-dot.active span {
    background-color: #5194ce !important;
}

.editorial-page .load-more {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    color: #424242;
    gap: 15px;
    cursor: pointer;
}

.editorial-page .cont {
    position: relative;
}

.editorial-page.dark .owl-theme .owl-dots .owl-dot span {
    background-color: #303030 !important;
}

.editorial-page .owl-theme .owl-dots .owl-dot span {
    background-color: #dcdcdc !important;
}

.editorial-page .owl-theme .owl-dots .owl-dot:hover > span {
    background-color: #5194ce !important;
}

.editorial-page .mainnav li.selected::before {
    background: #2f9c81 !important;
}

.editorial-page .mt4020 {
    margin-top: 40px;
}

.editorial-page .edito-middle-row-title,
.editorial-page.dark .col-desc > div {
    background: 0 0 !important;
    padding-right: 8px;
}

.ed-im {
    width: 206px;
}

.w-350px {
    width: 350px !important;
}

.editorial-page .edito-end-img {
    width: 100%;
}

.editorial-page .edito-end-img {
    max-width: unset;
}

.editorial-page .opinion-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    justify-items: center;
}

.editorial-page .editorial-ima {
    width: 138px;
}

.editorial-page .col-descc {
    display: flex;
    width: 100%;
}

.editorial-page .makalatPic {
    width: 100%;
}

.editorial-page .ds-flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.editorial-page .title-with-border111 {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #000000;
    border-right: 2px solid #5194ce !important;
    padding-right: 8px;
}

.editorial-page .writer-name-name {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    display: flex;
    margin-top: 10px;
    margin-bottom: 3px;
}

.editorial-page .w-date {
    border-right: 1px solid;
    padding-right: 10px;
    margin-right: 10px;
}

.editorial-page .desc11 {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #424242;
}

.editorial-page .play-button {
    position: absolute;
    width: 38px !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.editorial-page .thumbnail {
    position: relative;
}

.editorial-page ._row {
    display: flex;
    margin-bottom: 15px;
}

.editorial-page .bg {
    width: 141px;
}

.editorial-page .description11 {
    background: #fff;
    width: 100%;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    color: #b4b4b4;
    padding: 9px 13px;
}

@media (max-width:1199px) {
    .editorial-page .end-border {
        border: none;
    }
}

.editorial-page .title-with-border11 {
    border-inline-start: 3px solid #5194ce;
    padding-inline-start: 8px;
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 8px;
    font-family: IttihadHead, sans-serif !important;
}

.editorial-page .desc {
    color: #b4b4b4;
}

.editorial-page .time {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    padding-inline-start: 0;
}

.editorial-page.dark .bigdescedit {
    background-color: #000000;
}

.editorial-page.dark .authname {
    color: #8d8d8d;
}

    .editorial-page.dark .authname a {
        color: #8d8d8d;
    }

.editorial-page.dark .edit-video-subtitle {
    color: #cbcbcb !important;
}

.editorial-page.dark .ds-flx {
    background-color: transparent;
}

.editorial-page.dark .title-with-border111 {
    color: #fff !important;
}

.editorial-page.dark .desc11 {
    color: #fff !important;
}

.editorial-page .thumbnews1 {
    width: 74px !important;
}

.editorial-page .authname,
.editorial-page .card-background,
.editorial-page .middle-text,
.editorial-page .opinion-title {
    transition: all .5s ease-in-out;
}

.editorial-page .clickable-card:hover .card-background {
    background: #424242 !important;
}

.editorial-page .clickable-card:hover .middle-text {
    color: #fff;
}

.editorial-page .clickable-card:hover .authname {
    color: #d02d2e;
}

.editorial-page.dark .clickable-card:hover .card-background {
    background: #fff !important;
}

.editorial-page.dark .clickable-card:hover .middle-text {
    color: #000000;
}

.editorial-page .edit-opinion:hover .opinion-title {
    color: #d02d2e;
}

.editorial-page .more-opinions {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out;
}

.editorial-page .load-more-button img {
    transition: transform .5s ease-in-out;
}

.editorial-page .load-more-button.active img {
    transform: rotate(180deg);
}

.editorial-page .read-more,
.editorial-page .read-more-hidden {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out;
}

.forgot-password-page .form-box {
    max-width: 369px;
    padding: 83px 0 259px;
    margin: auto;
    text-align: center;
}

.forgot-password-page .form-heading {
    font-family: IttihadHead, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 55px;
}

.forgot-password-page.light .form-heading {
    color: #000000;
}

.forgot-password-page.dark .form-heading {
    color: #bcbcbc;
}

.forgot-password-page .form-heading img {
    margin-left: 12px;
}

.forgot-password-page .form-group {
    margin-bottom: 12px;
}

.forgot-password-page .custom-input {
    border: 1px solid;
    box-sizing: border-box;
    box-shadow: 0 0 4px rgba(0, 0, 0, .05);
    border-radius: 4px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    height: 45px;
    padding: 0 15px;
}

.topborder > div {
    border-top: 1px solid #d9d9d9;
}

.noBorderBottom > div {
    border-bottom: none !important;
}

.forgot-password-page.light .custom-input {
    background: #fff;
    border-color: #ebebeb;
}

    .forgot-password-page.light .custom-input::placeholder {
        color: #999;
    }

.forgot-password-page.dark .custom-input {
    background: #2e2e2e;
    border-color: #484848;
    color: #fff;
}

    .forgot-password-page.dark .custom-input::placeholder {
        color: #a3a3a3;
    }

.forgot-password-page .custom-input:focus {
    outline: unset;
    border-color: #d02d2e;
}

.forgot-password-page .custom-btn {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    background: #d02d2e;
    border-radius: 4px;
    padding: 16.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #d02d2e;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .forgot-password-page .custom-btn svg {
        margin-right: 5px;
    }

        .forgot-password-page .custom-btn svg path {
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

    .forgot-password-page .custom-btn:hover {
        color: #d02d2e;
        background-color: transparent;
    }

        .forgot-password-page .custom-btn:hover svg path {
            stroke: #d02d2e;
        }

.forgot-password-page .form-box form {
    margin-bottom: 28px;
}

.forgot-password-page .form-hint {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    color: #d02d2e;
    margin-bottom: 48px;
}

.forgot-password-page .btn-a {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .forgot-password-page .btn-a svg {
        margin-right: 3px;
    }

.forgot-password-page.light .btn-a {
    color: #000000;
}

.forgot-password-page.dark .btn-a {
    color: #bcbcbc;
}

.forgot-password-page .btn-a:hover {
    color: #d02d2e !important;
}

@media (max-width:992px) {
    .forgot-password-page .form-box {
        max-width: 250px;
        padding: 50px 0 124px;
    }

    .forgot-password-page .form-heading {
        font-size: 26.9525px;
        line-height: 10px;
        margin-bottom: 30px;
    }

        .forgot-password-page .form-heading img {
            max-height: 32px;
        }

    .forgot-password-page .custom-input {
        font-size: 16px;
        height: 40px;
    }

    .forgot-password-page .custom-btn {
        font-size: 18px;
        line-height: 14px;
    }

    .forgot-password-page .form-hint {
        font-size: 10.5px;
        line-height: 14px;
        color: #999;
        margin-bottom: 62px;
    }

    .forgot-password-page .form-box form {
        margin-bottom: 15px;
    }
}

.forgot-password-submited-page .form-box {
    max-width: 640px;
    padding: 126px 0 260px;
    margin: auto;
    text-align: center;
}

.forgot-password-submited-page .form-heading {
    font-family: IttihadHead, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 63px;
}

.forgot-password-submited-page.light .form-heading {
    color: #000000;
}

.forgot-password-submited-page.dark .form-heading {
    color: #bcbcbc;
}

.forgot-password-submited-page .form-heading img {
    margin-left: 12px;
}

.forgot-password-submited-page .form-success {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 14px;
    color: #d02d2e;
    margin-bottom: 52px;
}

    .forgot-password-submited-page .form-success span {
        display: inline-flex;
        align-items: center;
    }

        .forgot-password-submited-page .form-success span img {
            margin-left: 12px;
        }

.forgot-password-submited-page .form-hint {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    color: #999;
    margin-bottom: 59px;
}

.forgot-password-submited-page .btn-a {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
}

    .forgot-password-submited-page .btn-a::after {
        position: absolute;
        width: calc(100% - 24px);
        height: 2px;
        content: "";
        bottom: -10px;
        left: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .forgot-password-submited-page .btn-a svg {
        margin-right: 3px;
    }

.forgot-password-submited-page.light .btn-a {
    color: #000000;
}

.forgot-password-submited-page.dark .btn-a {
    color: #bcbcbc;
}

.forgot-password-submited-page.light .btn-a::after {
    background-color: #000000;
}

.forgot-password-submited-page.dark .btn-a::after {
    background-color: #bcbcbc;
}

.forgot-password-submited-page .btn-a:hover {
    color: #d02d2e !important;
}

    .forgot-password-submited-page .btn-a:hover::after {
        background-color: #d02d2e !important;
    }

@media (max-width:992px) {
    .forgot-password-submited-page .form-box {
        padding: 50px 0 100px;
    }

    .forgot-password-submited-page .form-heading {
        font-size: 26.9525px;
        line-height: 10px;
        margin-bottom: 43px;
    }

        .forgot-password-submited-page .form-heading img {
            max-height: 32px;
        }

    .forgot-password-submited-page .form-success {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 20px;
    }

        .forgot-password-submited-page .form-success span img {
            max-height: 16px;
            margin-left: 6px;
        }

    .forgot-password-submited-page .form-hint {
        font-size: 10.5px;
        line-height: 14px;
        color: #999;
        margin-bottom: 50px;
    }

    .forgot-password-submited-page .btn-a {
        font-size: 16px;
        line-height: 10px;
        margin-bottom: 7px;
    }

        .forgot-password-submited-page .btn-a svg {
            margin-right: 3px;
            max-height: 17px;
        }

        .forgot-password-submited-page .btn-a::after {
            content: "";
            bottom: -7px;
        }
}

.info-page .adscont {
    display: inline-block;
}

    .info-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.info-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.info-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.info-page .m-b-40 {
    margin-bottom: 40px;
}

.info-page .title-with-border {
    padding-inline-start: 10px;
    line-height: 46px;
    margin-bottom: 18px;
}

    .info-page .title-with-border > span {
        background-color: transparent !important;
    }

    .info-page .title-with-border.green-dark {
        border-inline-start: 5px solid #2f9c81;
    }

    .info-page .title-with-border.green {
        border-inline-start: 5px solid #57a858;
    }

    .info-page .title-with-border.orange {
        border-inline-start: 5px solid #ea5c18;
    }

    .info-page .title-with-border.yellow {
        border-inline-start: 5px solid #fdc300;
    }

    .info-page .title-with-border.blue {
        border-inline-start: 5px solid #5194ce;
    }

    .info-page .title-with-border.blue-dark {
        border-inline-start: 5px solid #103e8a;
    }

.info-page .green-dark {
    color: #2f9c81;
}

.info-page .green {
    color: #57a858;
}

.info-page .orange {
    color: #ea5c18;
}

.info-page .yellow {
    color: #fdc300;
}

.info-page .blue {
    color: #5194ce;
}

.info-page .blue-dark {
    color: #103e8a;
}

.info-page .icon {
    font-size: 22px;
    margin-inline-start: 10px;
}

.info-page.dark {
    color: #ababab;
}

.info-page.light {
    color: #000000;
}

.info-page .white {
    color: #fff !important;
}

.info-page .#6961582 {
    color: #c4c4c4 !important;
}

.info-page #square-switcher,
.info-page #vertical-switcher {
    margin-top: -17px;
}

.info-page .sepnews {
    width: 1px;
    height: 22px;
    background: #d9d9d9;
    margin: 0 5px;
    margin-top: -17px;
    vertical-align: middle;
    display: inline-block;
}

.info-page .mt {
    margin-top: 50px;
}

.info-page .hide {
    display: none !important;
}

.info-page .share-buttons {
    width: auto;
}

    .info-page .share-buttons > div {
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        color: #d02d2e;
        font-size: 16px;
        line-height: 27px;
        margin-inline-start: 8px;
    }

.info-page .news-photo-container {
    margin-bottom: 50px;
}

.info-page .news {
    cursor: pointer;
}

.info-page .news-image {
    width: 100%;
}

.info-page .news-title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.info-page .news-desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    padding: 10px 20px;
}

.info-page.light .news-desc {
    background-color: #fff;
    color: #424242;
}

.info-page.dark .news-desc {
    background-color: #191919;
    color: #b4b4b4;
}

.info-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 17px;
}

.info-page.light .read-more {
    background: #fff;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.info-page.dark .read-more {
    background: #191919;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.info-page ._text {
    -webkit-margin-end: 85px;
    margin-inline-end: 85px;
}

.info-page .desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    background: #fff;
    padding: 10px 20px;
}

.info-page .desc1 .desc {
    font-size: 20px;
    max-width: 650px;
    line-height: 1.2;
    padding: 0;
}

.info-page .desc1 {
    background: #fff;
    padding: 20px;
}

.info-page .desc.light {
    background-color: #fff;
    color: #424242;
}

.info-page .desc.dark {
    background-color: #191919;
    color: #b4b4b4;
}

.info-page .news-time {
    font-size: 10.36px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #ababab;
}

.info-page .title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.info-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    font-size: 18px;
}

    .info-page .read-more.dark {
        background: #191919;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

    .info-page .read-more.light {
        background: #fff;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

.info-page .title-share {
    justify-content: space-between;
    align-items: center;
}

.info-page .news {
    cursor: pointer;
}

.info-page ._text {
    margin-inline-end: 85px;
}

.info-page .news-time {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
}

.info-page .image img {
    width: 100%;
}

.info-page .square {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.info-page .vertical {
    display: block;
}

.info-page.dark .desc {
    background: #191919;
}

.info-page.dark .desc1 {
    background: #191919;
}

.info-page.dark .title-with-border {
    color: #ababab !important;
}

.info-page .load-more {
    color: #999;
}

.info-page .flex113 .col-4 {
    flex: 0 0 35.998%;
    max-width: 35.998%;
}

.info-page .flex113 .col-8 {
    flex: 0 0 64.002%;
    max-width: 64.002%;
}

.info-page .load-more span {
    color: #5194ce;
}

.info-page.dark .adscont {
    background: #080808;
}

.info-page .adscont {
    padding: 8px 5px 5px;
    background: 0;
}

    .info-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.info-page .row2 {
    margin-right: -16.5px;
    margin-left: -16p .5x;
}

    .info-page .row2 .col-lg-6 {
        padding-left: 16.5px;
        padding-right: 16.5px;
    }

.info-page .infog-item {
    border: #404040 solid 1px;
    color: #b4b4b4;
    margin-bottom: 30px;
}

.info-page .infog-content {
    padding: 16px 20px 9px 21px;
    font-family: "Droid Arabic Kufi Bold", sans-serif;
    position: relative;
    background-color: #191919;
}

.info-page .infog-title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 24px;
    height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.infog-title.big {
    line-height: 27px;
    height: 28px;
}

.info-page .infog-date {
    color: #696158;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
}

.info-page .infog-tag {
    position: absolute;
    top: -20px;
    padding: 1.5px 6px;
    right: 0;
    border-right: 4px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background-color: rgb(255 255 255);
    color: #000000;
    line-height: 17px;
}

.info-page.dark .end-border {
    border-inline-end: 1px solid #2e2e2e;
}

.info-page .pe-30 {
    padding-inline-end: 15px !important;
}

.info-page .madda span {
    padding: 6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.info-page .madda {
    padding: 0 5px 7px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
    margin-bottom: 30px;
}

    .info-page .madda.m-20 {
        margin-top: -26px;
    }

.info-page .p-r {
    padding-right: 24px;
}

.info-page.light .infog-content {
    background-color: #fff;
    flex-grow: 1;
}

.info-page.light .infog-item {
    border-color: #ececec;
}

.info-page.light .end-border {
    border-inline-end: 1px solid #d9d9d9;
}

.info-page .pe-30 {
    padding-inline-end: 30px !important;
}

.info-page .border-pd {
    padding-left: 34px !important;
    position: relative;
}

    .info-page .border-pd::after {
        position: absolute;
        top: 0;
        left: 15px;
        width: 1px;
        height: 100%;
        content: "";
    }

.info-page.light .border-pd::after {
    background-color: #d9d9d9;
}

.info-page.dark .border-pd::after {
    background-color: #2e2e2e;
}

.info-page .aside-infog-item {
    margin-bottom: 20px;
}

    .info-page .aside-infog-item .infog-title {
        font-size: 13px;
        margin-bottom: 2px;
    }

.info-page .infog-content {
    padding: 14px 17px 9px 17px;
}

.info-page .sec-madda span {
    text-align: start;
}

.info-page.light .infog-title {
    color: #000000;
}

.info-page.dark .infog-title {
    color: #ffffff;
}

.info-page .devo-md-display-block {
    display: block;
}

.info-page .devo-md-display-none {
    display: none;
}

@media (max-width:992px) {
    .info-page .border-pd {
        padding-left: 10px !important;
    }

        .info-page .border-pd::after {
            display: none;
        }

    .info-page .infog-item {
        margin-bottom: 20px;
    }

    .info-page .infog-title {
        font-size: 12px !important;
        margin-bottom: 8px !important;
    }

    .infog-title.big {
        line-height: 24px;
        height: auto;
    }

    .info-page .d-md-none {
        display: none;
    }

    .info-page .madda.m-20 {
        margin-top: 5px;
    }

    .info-page .madda {
        margin-bottom: 20px;
    }

    .info-page .d-md-block {
        display: block !important;
    }

    .info-page .title-with-border {
        font-size: 26px;
        line-height: 42px;
    }

    .info-page .devo-md-display-block {
        display: none;
    }

    .info-page .devo-md-display-none {
        display: block;
    }
}

.info-page .sec-ad {
    margin-bottom: 20px;
}

.info-page.light .sec-ad {
    background-color: #fff;
    border: 1px solid #dadada 26;
}

.info-page.dark .sec-ad {
    background-color: #191919;
    border: 1px solid #dadada 36;
}

.info-page .sec-ad .text-box {
    padding: 10px;
}

.info-page .sec-ad .img-box img {
    width: 100%;
}

.info-page .sec-ad .box-title {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 10px;
}

.info-page.light .sec-ad .box-title {
    color: #424242;
}

.info-page.dark .sec-ad .box-title {
    color: #b4b4b4;
}

@media screen and (min-width:577px) and (max-width:768px) {
    .info-page .border-pd {
        border: 0;
        padding-right: 10px;
        padding-left: 10px !important;
    }
}

.light-border-top-h {
    border-top: 1px solid #d9d9d9;
}

.light-border-bottom-h {
    border-bottom: 1px solid #d9d9d9;
}

.dark-border-top-h {
    border-top: 1px solid #383838;
}

.dark-border-bottom-h {
    border-bottom: 1px solid #383838;
}

.ads {
    padding: 20px;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 60px;
}

.pr-0 {
    padding-right: 0;
}

.pl-0 {
    padding-left: 0;
}

.pl-19 {
    padding-left: 19px;
}

.dark-brd {
    border-inline-end: 1px solid #383838;
}

.light .tag > div {
    background: #fff;
    border: 1px solid #ececec;
}

.dark .tags > div {
    background: #191919;
    border: 1px solid #2c2c2c;
}

.tags {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.posrel {
    position: relative;
}

.catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    right: 0;
    padding: 3px 10px;
    border-inline-start: 4px solid #fdc300;
}

.title-big {
    font-size: 28px;
    line-height: 28px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: start;
    margin-top: 35px;
}

.dark .title-big {
    color: #fff;
}

.light .title-big {
    color: #282828;
}

.share-and-time {
    margin-top: 35px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.graph-time {
    color: #d02d2e;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: start;
}

.madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
}

.infoside {
    margin-bottom: 20px;
}

.dateinfo {
    color: #d02d2e;
    font-family: Droid Arabic Kufi Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    margin-top: 5px;
    text-align: start;
}

.innerinfo {
    padding: 16px;
    background: #fff;
}

.infoside .texti {
    color: #424242;
    font-family: Droid Arabic Kufi Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    text-align: start;
}

.madda span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    padding: 6px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.divider {
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
}

.dark.divider {
    background-color: #383838 !important;
}

.dark .divider {
    background-color: #383838 !important;
}

.light .divider {
    background-color: #d9d9d9;
}

.p-r-l-30 {
    padding: 0 30px !important;
}

.brdbottom {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 23px;
}

.dark .brdbottom {
    border-bottom: 1px solid #262626;
}

.p-s-27 {
    padding: 0 32px !important;
}

.m-t-38 {
    margin-top: 38px;
}

.graph img {
    width: 100%;
}

.full-height-ads2 {
    width: 100%;
}

.ads2 {
    width: 300px;
}

.full-height-adscont {
    padding: 8px 5px 5px;
    background: #e2e2e2;
}

    .full-height-adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.landing-caricature-page .adscont {
    display: inline-block;
}

    .landing-caricature-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    }

.landing-caricature-page .adscont {
    padding: 8px 5px 5px;
    background: 0;
}

    .landing-caricature-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.landing-caricature-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.landing-caricature-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.landing-caricature-page .border-pd {
    padding-left: 47px !important;
    position: relative;
}

    .landing-caricature-page .border-pd::after {
        position: absolute;
        top: 0;
        left: 17px;
        width: 1px;
        height: 100%;
        content: "";
    }

.landing-caricature-page.light .border-pd::after {
    background-color: #d9d9d9;
}

.landing-caricature-page.dark .border-pd::after {
    background-color: #2e2e2e;
}

.landing-caricature-page .madda span {
    padding: 6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.landing-caricature-page .madda {
    padding: 0 5px 7px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
    margin-bottom: 30px;
}

    .landing-caricature-page .madda.m-20 {
        margin-top: -26px;
    }

.landing-caricature-page .sec-madda span {
    text-align: start;
}

.landing-caricature-page .title-with-border {
    padding-inline-start: 10px;
    line-height: 46px;
    margin-bottom: 22px;
    margin-top: 30px;
}

    .landing-caricature-page .title-with-border > span {
        background-color: transparent !important;
    }

.landing-caricature-page.dark .title-with-border {
    color: #ababab !important;
}

.landing-caricature-page .ads2 {
    width: 300px;
    max-width: 100%;
}

.landing-caricature-page .caricature-tag {
    position: absolute;
    bottom: 0;
    padding: 1.5px 6px;
    right: 0;
    border-right: 4px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background-color: rgb(255 255 255);
    color: #000;
    line-height: 17px;
}

.landing-caricature-page .caricature-date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 20px;
}

.landing-caricature-page.light .caricature-date {
    color: #ababab;
}

.landing-caricature-page.dark .caricature-date {
    color: #6e6e6e;
}

.landing-caricature-page .over-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.landing-caricature-page .caricature-item {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid;
}

.landing-caricature-page.light .caricature-item {
    border-color: #dadada;
}

.landing-caricature-page.dark .caricature-item {
    border-color: #2e2e2e;
}

.landing-caricature-page .caricature-item.aside-carica {
    margin-bottom: 20px;
}

.landing-caricature-page .caricature-item .box-content {
    padding: 10px 20px;
}

.landing-caricature-page.light .caricature-item .box-content {
    background-color: #fff;
}

.landing-caricature-page.dark .caricature-item .box-content {
    background-color: #191919;
}

.landing-caricature-page .img-box {
    position: relative;
}

    .landing-caricature-page .img-box .main-img {
        width: 100%;
    }

.landing-caricature-page .intro-caricature {
    border-bottom: 1px solid;
    padding-bottom: 20px;
    margin-bottom: 45px;
}

    .landing-caricature-page .intro-caricature .img-box {
        margin-bottom: 16px;
    }

.landing-caricature-page .caricature-time {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #d02d2e;
    margin-bottom: 0;
}

.landing-caricature-page.light .intro-caricature {
    border-color: #d9d9d9;
}

.landing-caricature-page.dark .intro-caricature {
    border-color: #262626;
}

.landing-caricature-page .caricature-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .landing-caricature-page .caricature-container .box-item {
        width: calc(33.33% - 13px);
    }

.landing-caricature-page.dark .load-more {
    color: #424242 !important;
}

.landing-caricature-page .load-more span {
    color: #5194ce;
}

.landing-caricature-page.light .load-more {
    color: #424242 !important;
}

.landing-caricature-page .load-more {
    font-weight: 700;
}

.landing-caricature-page .bg {
    width: 128px;
}

.landing-caricature-page .sec-caricature-box {
    border: 1px solid;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .landing-caricature-page .sec-caricature-box .box-content {
        padding: 11px;
    }

    .landing-caricature-page .sec-caricature-box .box-tag {
        font-family: IttihadHead, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding-right: 8px;
        border-right: 4px solid #5194ce;
        margin-bottom: 11px;
    }

.landing-caricature-page.dark .sec-caricature-box .box-tag {
    color: #ababab;
}

.landing-caricature-page.light .sec-caricature-box .box-tag {
    color: #838383;
}

.landing-caricature-page .sec-caricature-box .box-date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
}

.landing-caricature-page.dark .sec-caricature-box .box-date {
    color: #6e6e6e;
}

.landing-caricature-page.light .sec-caricature-box .box-date {
    color: #ababab;
}

.landing-caricature-page.light .sec-caricature-box {
    background-color: #fff;
    border-color: #dadada;
}

.landing-caricature-page.dark .sec-caricature-box {
    background-color: #191919;
    border-color: #2e2e2e;
}

.landing-caricature-page .devo-md-display-block {
    display: block;
}

.landing-caricature-page .devo-md-display-none {
    display: none;
}

@media (min-width:992px) {
    .landing-caricature-page .row2 {
        margin-right: -15.5px;
        margin-left: -15.5px;
    }

        .landing-caricature-page .row2 .col-lg-12,
        .landing-caricature-page .row2 .col-lg-6 {
            padding-left: 15.5px;
            padding-right: 15.5px;
        }
}

@media (max-width:992px) {
    .landing-caricature-page .caricature-container .box-item {
        width: calc(50% - 13px);
    }
}

@media (max-width:992px) {
    .landing-caricature-page .border-pd {
        padding-left: 10px !important;
    }

        .landing-caricature-page .border-pd::after {
            display: none;
        }

    .landing-caricature-page .madda.m-20 {
        margin-top: 5px;
    }

    .landing-caricature-page .madda {
        margin-bottom: 20px;
    }

    .landing-caricature-page .title-with-border {
        line-height: 28px;
    }

    .landing-caricature-page .m-b-40 {
        margin-bottom: 20px !important;
    }

    .landing-caricature-page .caricature-item {
        margin-bottom: 20px;
    }

    .landing-caricature-page .caricature-time {
        font-size: 10px;
        line-height: 10px;
    }

    .landing-caricature-page .intro-caricature {
        margin-bottom: 20px;
    }

    .landing-caricature-page .caricature-container .box-item {
        width: 100%;
    }

    .landing-caricature-page .devo-md-display-block {
        display: none;
    }
}

@media (max-width:992px) {
    .landing-caricature-page .border-pd {
        padding-left: 10px !important;
    }

        .landing-caricature-page .border-pd::after {
            display: none;
        }
}

.landing-caricature-page .spinner-border {
    color: #d02d2e;
    width: 20px;
    height: 20px;
    display: none;
}

.landing-caricature-page .load-more-box {
    text-align: center;
}

body {
    text-align: start !important;
}

@font-face {
    font-family: "Droid Arabic Kufi";
    src: local("Droid Arabic Kufi"), url(../fonts/DroidKufi-Regular.ttf) format("opentype");
}

@font-face {
    font-family: "Droid Arabic Kufi Bold";
    src: local("Droid Arabic Kufi Bold"), url(../fonts/DroidKufi-Regular.ttf) format("opentype");
}

@font-face {
    font-family: IttihadHead;
    src: local("IttihadHead"), url(../fonts/IttihadHead.otf) format("opentype");
}

@font-face {
    font-family: IttihadHeadSub;
    src: local("IttihadHeadSub"), url(../fonts/IttihadSubhead.otf) format("opentype");
}

img {
    max-width: 100%;
}

._time a {
    display: unset;
}

a,
abbr,
acronym,
address,
b,
big,
blockquote,
center,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
ins,
kbd,
li,
ol,
p,
pre,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
}

.footer-stores img {
    height: 30px;
}

.dark div#menumain {
    border-color: #3e3e3e;
}

.m-t-5 {
    margin-top: 5px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.adscont,
.madda,
.videocontainer {
    cursor: pointer;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.close2 img {
    margin-top: 4px;
}

.m-l-5 {
    margin-left: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-21 {
    margin-bottom: 21px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.m-l-35 {
    margin-left: 35px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.m-r-35 {
    margin-right: 35px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.m-b-45 {
    margin-bottom: 45px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.m-l-45 {
    margin-left: 45px !important;
}

.p-l-45 {
    padding-left: 45px !important;
}

.m-r-45 {
    margin-right: 45px !important;
}

.p-r-45 {
    padding-right: 45px !important;
}

.m-t-47 {
    margin-top: 47px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.m-r-50 {
    margin-right: 50px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

.m-t-55 {
    margin-top: 55px !important;
}

.p-t-55 {
    padding-top: 55px !important;
}

.m-b-55 {
    margin-bottom: 55px !important;
}

.p-b-55 {
    padding-bottom: 55px !important;
}

.m-l-55 {
    margin-left: 55px !important;
}

.p-l-55 {
    padding-left: 55px !important;
}

.m-r-55 {
    margin-right: 55px !important;
}

.p-r-55 {
    padding-right: 55px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.p-b-60 {
    padding-bottom: 60px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.p-l-60 {
    padding-left: 60px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.p-r-60 {
    padding-right: 60px !important;
}

.m-t-65 {
    margin-top: 65px !important;
}

.p-t-65 {
    padding-top: 65px !important;
}

.m-b-65 {
    margin-bottom: 65px !important;
}

.p-b-65 {
    padding-bottom: 65px !important;
}

.m-l-65 {
    margin-left: 65px !important;
}

.p-l-65 {
    padding-left: 65px !important;
}

.m-r-65 {
    margin-right: 65px !important;
}

.p-r-65 {
    padding-right: 65px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

.p-t-70 {
    padding-top: 70px !important;
}

.m-b-70 {
    margin-bottom: 70px !important;
}

.p-b-70 {
    padding-bottom: 70px !important;
}

.m-l-70 {
    margin-left: 70px !important;
}

.p-l-70 {
    padding-left: 70px !important;
}

.m-r-70 {
    margin-right: 70px !important;
}

.p-r-70 {
    padding-right: 70px !important;
}

.m-t-75 {
    margin-top: 75px !important;
}

.p-t-75 {
    padding-top: 75px !important;
}

.m-b-75 {
    margin-bottom: 75px !important;
}

.p-b-75 {
    padding-bottom: 75px !important;
}

.m-l-75 {
    margin-left: 75px !important;
}

.p-l-75 {
    padding-left: 75px !important;
}

.m-r-75 {
    margin-right: 75px !important;
}

.p-r-75 {
    padding-right: 75px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.p-t-100 {
    padding-top: 100px !important;
}

.m-b-100 {
    margin-bottom: 100px !important;
}

.p-b-100 {
    padding-bottom: 100px !important;
}

.m-l-100 {
    margin-left: 100px !important;
}

.p-l-100 {
    padding-left: 100px !important;
}

.m-r-100 {
    margin-right: 100px !important;
}

.p-r-100 {
    padding-right: 100px !important;
}

.lastsep0 .sep2 {
    display: none;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt-19 {
    margin-top: 12px;
}

.mt-9 {
    margin-top: 9px;
}

.appFont_regular {
    font-family: "Droid Arabic Kufi", sans-serif !important;
}

.appFont_bold {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

body {
    font-family: "Droid Arabic Kufi", sans-serif;
}

a {
    text-decoration: none !important;
}

.dark {
    background: #000000;
}

.darkhome {
    display: none;
}

.dark .darkhome {
    display: block;
}

.darkhome2 {
    display: none;
}

.mazidcon {
    padding: 6px 20px;
    background: #fdfdfd;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .07);
    text-align: center;
    text-indent: 534px;
}

    .mazidcon a {
        display: unset;
    }

.mazidcon2 {
    padding: 6px 20px;
    background: #fdfdfd;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .07);
    text-align: center;
    text-indent: 534px;
}

.dark .mazidcon {
    background: #242424;
}

.dark .mazidcon2 {
    background: #242424;
}

.mazidcon a {
    color: #000000;
    font-size: 17px;
    position: relative;
    margin-inline-end: 35px;
    font-family: IttihadHeadSub, sans-serif !important;
}

.dark .mazidcon a {
    color: #8d8d8d;
}

.mazidcon a:after {
    content: "";
    position: absolute;
    height: 14px;
    width: 2px;
    background: #d6d2c4;
    left: -18px;
    top: 3px;
    cursor: default;
}

.dark .mazidcon a::after {
    background: #353535;
}

.mazidcon2 a {
    color: #000000;
    font-size: 17px;
    position: relative;
    margin-inline-end: 35px;
    font-family: IttihadHeadSub, sans-serif !important;
    display: unset;
}

.dark .mazidcon2 a {
    color: #8d8d8d;
}

.mazidcon2 a:after {
    content: "";
    position: absolute;
    height: 14px;
    width: 2px;
    background: #d6d2c4;
    left: -18px;
    top: 3px;
    cursor: default;
}

.title-with-border.itihadhead.blue a {
    display: unset;
}

.dark .mazidcon a::after {
    background: #353535;
}

.rotated {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.mazid_drop {
    display: none;
}

.mazid_drop2 {
    display: none;
}

.mazidcon a:last-child::after {
    content: none;
}

.mazidcon2 a:last-child::after {
    content: none;
}

.mb20 {
    margin-bottom: 20px;
}

.scrolltop {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #d02d2e;
    margin: 20px 0 30px;
    text-align: center;
    line-height: 52px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: -90px;
}

.dark .scrolltop {
    background: #d02d2e;
}

.scrolltop img {
    width: 20px;
}

.scrolltop:hover {
    background: #000;
}

.notfix {
    position: initial !important;
    margin: 20px 0;
}

.titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-inline-start: 20px;
    line-height: 1;
    border-inline-start: 5px solid #d02d2e;
    text-align: start;
}

.time {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 10.36px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: start;
    color: #d02d2e;
}

.standard-padding {
    padding: 60px 0;
}

.pt50 {
    padding-top: 50px;
}

.dark .mininewsdesc {
    color: #b4b4b4 !important;
}

.dark .ticker-wrap {
    background: #000000 !important;
    border: 1px solid rgb(33, 37, 41);
}

    .dark .ticker-wrap .ticker__item {
        color: silver !important;
    }

.dark .hrvideo {
    border-top: 1px solid #242424 !important;
}

.dark .descprogram-small {
    background: #000000 !important;
}

.dark .desctextprgoram {
    color: #b4b4b4 !important;
}

.dark .video-time {
    color: #6e6e6e;
}

.dark .con {
    background: #000 !important;
}

.dark .load-more {
    color: #c4c4c4 !important;
}

.dark .footer {
    background: #000000 !important;
}

.dark .footer {
    background: #000000 !important;
}

.dark .ft-item a {
    color: #ababab !important;
}

.dark .brdcol::before {
    background: #323232 !important;
}

.dark .bgwhite {
    background: #202020 !important;
}

.descvideo {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
}

@media (max-width:992px) {
    .dark .con {
        background: #0c0c0c !important;
    }

    .mb-53 {
        margin-bottom: 53px;
    }
}

.dark .description {
    background-color: #191919 !important;
}

.top-header-container {
    height: 30px;
    display: flex;
    justify-content: space-between;
}

.light-brd {
    border-bottom: 1px solid #f2f2f2;
}

.light-brdtop {
    border-top: 1px solid #f2f2f2;
}

.dark .light-brdtop {
    border-top: 1px solid #323232;
}

.dark-brd {
    border-bottom: 1px solid #323232;
}

.dark .light-brd {
    border-bottom: 1px solid #323232;
}

.right {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
}

.left {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
}

.ml10 {
    margin-inline-end: 10px;
}

.vertical-divider {
    width: 1px;
    height: 26px;
    background-color: #ebebeb;
}

.dark .vertical-divider {
    background-color: #323232;
}

.temperature {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    color: #696158;
    position: relative;
    cursor: pointer;
    display: inline-flex;
}

.city {
    font-size: 10px;
    text-align: right;
}

    .city a {
        font-size: 10px;
        text-align: right;
        font-family: "Droid Arabic Kufi";
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 10px;
        text-align: right;
        color: #000000;
    }

.light .city {
    color: #000000;
}

.dark .city {
    color: #ffffff;
}

.light .city a {
    color: #000000;
}

.dark .city a {
    color: #ababab;
}

.date {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
}

.mode {
    font-size: 12px;
    cursor: pointer;
    margin-inline-end: 17px;
}

.m-l-7 {
    margin-inline-end: 7px;
}

.ml15 {
    margin-inline-end: 15px;
}

.ml9 {
    margin-inline-end: 9px;
}

.arr10 {
    width: 14px;
    margin-top: -5px;
    margin-inline-start: 10px;
    margin-inline-end: 10px;
}

.arr6 {
    width: 14px;
    /*margin-top: 4px;*/
    margin-inline-start: 6px;
}

.datetime {
    font-size: 10px;
    position: relative;
    cursor: pointer;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    display: flex;
    align-items: center;
    color: #696158;
}

.bar2 {
    width: 1px;
    height: 14px;
    background-color: #c4c4c4;
    margin: 0 6px 0 8px;
}

.dark .home {
    display: none;
}

.dark .darkhome2 {
    display: block !important;
}

.prayer {
    font-style: normal;
    font-size: 10px;
    text-align: right;
}

.light .prayer {
    color: #000000;
}

.dark .prayer {
    color: #ffffff;
}

.prayer-time {
    font-style: normal;
    font-size: 10px;
}

.light .prayer-time {
    color: #696158;
    margin-top: 4px;
}

.dark .prayer-time {
    color: #ababab;
    margin-top: 4px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000;
}

.dark .sticky {
    background: #202020;
}

.light .sticky {
    background: #fff;
}

.brd2-light {
    border-bottom: 1px solid #323232;
}

.brd-2-dark {
    border-bottom: 1px solid #c4c4c4;
}

.logo {
    width: 245px;
    cursor: pointer;
}

.avatar,
.search {
    width: 20px;
    cursor: pointer;
    height: auto;
    margin-inline-start: 0;
    margin-bottom: 3px;
}

.menu-button {
    height: 22px;
    cursor: pointer;
}

.ml7 {
    margin-right: 7px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mainnav li:first-child {
    margin-left: 44px;
}

.mainnav li {
    float: right;
    margin-left: 27px;
    position: relative;
}

    .mainnav li a {
        font-family: IttihadHeadSub, sans-serif !important;
        font-size: 18px;
    }

    .mainnav li a {
        color: #000000 !important;
    }

        .mainnav li a.dark {
            color: #ababab !important;
        }

/* .logomheader-en {
    margin-left: 0px !important;
} */

.belt {
    cursor: pointer;
    color: #d02d2e;
    font-size: 21px;
    position: relative;
    top: 3px;
    margin-right: 0px;
}

.mazidd {
    color: #999 !important;
}

.dark .mazidd {
    color: #c4c4c4 !important;
}

.footer ::placeholder {
    color: #696158 !important;
}

.creator {
    float: left;
    margin-top: -38px;
}

.whitebg {
    background: #fff;
}

.mainnav li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
}

.dark .mainnav li.selected.homelink::before {
    bottom: -12px;
}

.social-media {
    margin-top: 24px;
    display: flex;
    width: 124px;
}

.txt-center-webkit {
    text-align: -webkit-center !important;
    display: flex;
    align-items: center;
}

.creator,
.creator2 {
    width: 60px;
}

.social-media img {
    height: 17px;
    margin: 0;
    margin-inline-end: 15px;
}

.stores {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-auto-flow: row;
    gap: 10px;
    margin-top: 40px;
    height: 100%;
    flex-direction: column;
}

    .stores > img {
        width: 120px;
    }

.darkhome {
    width: 16px;
    margin-inline-end: 12px !important;
}

.footer .logo {
    width: 160px;
}

.subscribe {
    color: #ffffff;
    background-image: url(../img/footer-bg.png);
    background-position: center center;
    width: 100%;
    background-repeat: no-repeat;
    padding: 60px 0;
    background-size: cover;
}

.sticky .homelink {
    display: none;
}

.logomheader {
    display: none !important;
    margin-top: -5px;
}

.sticky .logomheader {
    display: block !important;
}

.brdcol {
    position: relative;
    border: 0;
}

.ft-item:last-child {
    margin-bottom: 0;
}

.subscribe-btn:hover {
    color: #d0d0d0 !important
}

.subscribe-btn {
    background: #000000;
    border-radius: 2px 0 0 2px !important;
    width: 150px;
    height: 50px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: right;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.input-subscribe {
    width: 492px !important;
    height: 50px;
    background: #f7f7f7;
    border-radius: 0 2px 2px 0 !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    color: #696158;
    flex: none !important;
}

.label {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    text-align: right;
    color: #fff;
    margin: 20px !important;
}

.input-group {
    align-items: center !important;
    justify-content: center;
}

.avatar1,
.avatar2,
.avatar3 {
    width: 24px;
}

.dark .hideondark {
    display: none;
}

.showondark {
    display: none;
}

.dark .showondark {
    display: block;
}

.ft-item a {
    text-align: start;
    font-family: IttihadHead, sans-serif !important;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 1;
    display: inline-block;
    color: #000000;
}

.copy-rights {
    font-style: normal;
    font-weight: 100;
    font-size: 14px;
    padding-inline-start: 90px;
    text-align: start;
    font-family: "Droid Arabic Kufi", IttihadHead, sans-serif !important;
    padding-top: 20px;
    color: #d6d2c4;
    padding-bottom: 20px;
}

.footer {
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.dark .footer {
    border-bottom: 1px solid #323232;
}

.mobile-layout {
    display: none;
}

.innerthumbdesc11.mb0 {
    width: 100%;
}

@media (max-width:992px) {
    .mobile-layout {
        display: flex !important;
    }

    .desktop-layout {
        display: none !important;
    }

    .input-subscribe {
        width: 230px !important;
    }

    .subscribe-btn {
        width: auto;
    }

    .label {
        font-size: 20px;
        margin: 0 0 20px 10px;
    }

    .ft-item a {
        font-size: 16px;
    }

    .scroll-container {
        padding: 20px 0;
        text-align: center;
    }

    .scrolltop {
        position: initial;
    }
}

.dark .madda {
    background: #080808;
}

.madda {
    margin: 0 auto !important;
}

    .madda span {
        display: none !important;
    }

.dark .full-height-adscont {
    background: #080808;
}

.dark .ft-item a {
    color: #ababab;
}

.dark .ft-item a {
    color: #424242;
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.close2 {
    position: absolute;
    left: 0;
    top: 1px;
    height: 32px;
    background: #f1f1f1;
    width: 35px;
    text-align: center;
    z-index: 999;
    line-height: 28px;
    cursor: pointer;
    border-left: 1px solid #f1f1f1;
}

.dark .close2 {
    background: #000000;
    border-left: 1px solid #000000;
}

.ticker-wrap {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 9999;
    padding-left: 50px;
    background: #f1f1f1;
    display: flex;
}

    .ticker-wrap .ticker {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        white-space: nowrap;
        box-sizing: content-box;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 50s !important;
        animation-duration: 50s !important;
    }

.ticker:hover {
    animation-play-state: paused;
}

.ticker-wrap .ticker__item {
    display: inline-block;
    font-size: 12px;
    color: #424242;
    vertical-align: bottom;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 700;
}

.ticker-wrap .ticker__item-label {
    display: block;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    padding: 4px 10px;
    font-size: 16px;
    background-color: #d02d2e;
    color: #fff;
    width: fit-content;
    white-space: nowrap;
    z-index: 1;
}

.newstlogo {
    margin: 0 12px;
}

.ticker-wrap .ticker__item-label a {
    color: #fff;
    font-weight: 400;
    font-family: var(--default-font-family);
}

.ticker-wrap .ticker__item-label i {
    margin-left: .75rem;
}

.ticker-wrap .ticker__item span {
    margin-left: 3px;
}

.mt-23 {
    margin-top: 23px !important;
}

.dark .ticker__item {
    color: #424242;
}

.title-with-border {
    font-size: 28px;
    color: #000000;
    padding-inline-start: 7px;
    line-height: 1;
    border-inline-start: 5px solid #d02d2e;
    text-align: start;
    color: #000000 !important;
    display: inline-block;
}

    .title-with-border > span {
        background-color: transparent !important;
    }

    .title-with-border.green-dark {
        border-inline-start: 5px solid #2f9c81;
    }

    .title-with-border.green {
        border-inline-start: 5px solid #57a858;
    }

    .title-with-border.orange {
        border-inline-start: 5px solid #ea5c18;
    }

    .title-with-border.yellow {
        border-inline-start: 5px solid #fdc300;
    }

    .title-with-border.blue-dark {
        border-inline-start: 5px solid #103e8a;
    }

.green-dark {
    color: #2f9c81;
}

.green {
    color: #57a858;
}

.orange {
    color: #ea5c18;
}

.yellow {
    color: #fdc300;
}

.blue {
    color: #5194ce;
}

.blue-dark {
    color: #103e8a;
}

.icon {
    font-size: 22px;
    margin-inline-start: 10px;
}

.white {
    color: #fff !important;
}

.#6961582 {
    color: #c4c4c4 !important;
}

.adscont {
    display: inline-block;
}

.adscont,
.adscontl {
    background: 0 0 !important;
    padding: 0 !important;
}

.madda {
    background: 0 0 !important;
    padding: 0 !important;
}

.adscontl span {
    display: none !important;
}

.devo-sticky-box {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

.adscont span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    display: none !important;
    margin-bottom: 6px;
    text-align: start;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.load-more {
    font-style: normal;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    cursor: pointer;
}

.dark fa-icon {
    color: #5194ce;
}

.blue {
    color: #5194ce;
}

.ads2l {
    max-width: 300px;
    width: 100%;
}

.adscontl {
    padding: 8px 5px 5px;
    background: #e2e2e2;
    display: table;
    margin: auto;
}

.dark .adscontl {
    background: #080808;
}

.adscontl span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
    text-align: start;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.creator2 {
    display: none;
    float: left;
    margin-top: -38px;
}

.dark .creator2 {
    display: initial;
}

.menucreator2 {
    display: none;
}

.dark .menucreator2 {
    display: block;
}

.dark .menucreator {
    display: none;
}

.dark .creator {
    display: none;
}

.videocontainer {
    position: relative;
}

.videothumb {
    width: 100%;
}

.w95 {
    width: 95px !important;
}

.innerthumbdesc11 {
    background: #fff;
    padding: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.dark .desctext {
    color: #b4b4b4 !important;
}

.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.dark .bluetitle,
.dark .title-with-border {
    color: #ababab;
}

.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.dark .header-container {
    background-color: #000000;
}

.light .header-container {
    background: #fff;
}

.dark .mainnav li a {
    color: #ffffff !important;
}

.dark .titleh1 {
    color: #ababab !important;
}

.dark .bgww .description11 {
    background: #191919 !important;
}

.adscont {
    display: inline-block;
    background: #eaeaea;
}

.dark .scroll-container {
    background: 0 0;
}

.adscont span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    padding: 6px;
    display: block;
    margin-bottom: 0;
    text-align: start;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.share-buttons {
    width: auto;
    margin-top: 40px;
}

    .share-buttons.dark {
        background: unset;
    }

.sharebg {
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #efefef;
    max-width: unset;
    margin-right: 8px;
}

.bgdark .sharebg {
    border: 1px solid #2c2c2c;
    background: #191919;
}

.dark .sharebg {
    border: 1px solid #2c2c2c;
    background: #191919;
}

.podcast-page .sharebg {
    background: none;
}

img.sharebg.shareButtonClicked {
    padding: 4px;
    cursor: pointer;
}

.share-btn {
    padding: 4px;
    cursor: pointer;
}

.dropdown-menu.weatherdrop {
    border-radius: 0;
    width: 175px;
    text-align: right;
    padding: 10px;
    border-color: #f8f8f8;
    margin-top: 7px;
    z-index: 10001;
}

.dark .dropdown-menu.weatherdrop {
    background-color: #0c0c0c;
    border-color: #323232;
}

.dark .header-container .left .weathertext span {
    color: #ababab;
}

.weathertext {
    color: #000000;
    font-size: 14px;
    line-height: 1;
}

.dark .weathertext {
    color: #ababab;
}

.weathertext span {
    float: left;
    font-size: 14px;
    color: #696158;
}

.dark .weathertext span {
    color: #d02d2e;
}

span.weatherdpsep {
    display: block;
    border: 1px solid #f2f2f2;
    margin: 8px 0;
}

.dark span.weatherdpsep {
    border: 1px solid #323232;
}

.selectp,
.selectp span {
    color: #d02d2e !important;
}

.clickable {
    cursor: pointer;
}

.mainnav li.selected:nth-child(14)::before {
    background: #5194ce !important;
}

.item2 {
    font-size: 12px;
    line-height: 16px;
}

.cookies-container {
    width: 100%;
    background: #d02d2e;
    padding: 25px 70px;
    position: fixed;
    z-index: 10000;
    bottom: 0;
}

.cookies-txt {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 12px;
    text-align: right;
    color: #fff;
    display: inline-block;
}

    .cookies-txt a {
        display: unset;
    }

.cookies-container .accept {
    background: #f6f6f6;
    padding: 7px 15px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #d02d2e;
    margin-right: 22px;
    margin-left: 17px;
    cursor: pointer;
}

.cookies-container .reject {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    color: #fff;
    cursor: pointer;
}

a {
    display: block;
}

.light .footer-menu-container {
    background: #f4f7f9;
    scrollbar-color: #d02d2e #e3e9ec;
    scrollbar-width: thin;
}

.dark .footer-menu-container {
    background: #222728;
    scrollbar-color: #d02d2e #2c3435;
}

.mbawab {
    height: 28px;
}

.mbawab2 {
    height: 28px;
}

.sepmob {
    height: 26px;
    width: 1px;
    display: inline-block;
    background: #dbdbdb;
    margin: 0 27px;
}

.footer-list-item > a,
.footer-text {
    color: #000000;
    font-family: IttihadHeadSub, sans-serif;
}

.ard {
    margin-top: 6px;
    color: #867a7a;
    font-size: 16px;
    position: absolute;
    right: -12px;
}

.dark .footer-list-item > a,
.dark .footer-text {
    color: #fff;
}

.footer-close {
    width: 24px;
    cursor: pointer;
    color: #339dd7;
}

.footer-menu-container.footer-hide {
    right: -380px;
}

.footer-menu-body {
    padding-top: 70px;
    padding-right: 70px;
}

.footer-login-block {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 13px;
    align-items: center;
    font-size: 24px;
}

.footer-divider {
    border: 2px solid #e2e2e2;
    width: 156px;
    margin: 22px 0;
}

.footer-menu-list {
    display: grid;
    grid-auto-flow: row;
    justify-content: start;
    margin-top: 50px;
}

    .footer-menu-list > .footer-list-item-flex > img {
        height: 29px;
    }

    .footer-menu-list > .footer-list-item-flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 24px 0;
    }

    .footer-menu-list > .footer-list-item {
        cursor: pointer;
        margin-bottom: 18px;
        align-items: center;
        justify-content: start;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 22px;
        text-align: start;
        position: relative;
    }

.footer-list-item > .footer-sub-list {
    margin: 10px 23px;
    display: none;
}

    .footer-list-item > .footer-sub-list > a {
        font-style: normal;
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 10px;
        text-align: start;
        font-family: IttihadHeadSub, sans-serif;
        display: block;
        color: #d02d2e;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 250px;
    }

.footer-list-item > a {
    margin-right: 5px;
}

.avatar2,
.home2 {
    display: none;
}

.dark .avatar2 {
    display: block;
}

.dark .home2 {
    display: block;
}

.dark .avatar1,
.dark .home1 {
    display: none;
}

.avatar3 {
    display: none;
}

.footer-home-icon {
    width: 27px;
    margin-block-start: 18px;
}

.dark .footer-divider {
    border-color: #3e3e3e;
}

.footer-vertical-line {
    width: 26px;
    height: 0;
    border: 1px solid #dbdbdb;
    transform: rotate(90deg);
}

.footer-list-footer {
    text-align: center;
    padding: 30px 0;
    max-width: 200px;
}

.footer-logo > img {
    width: 70px;
}

.footer-social-media {
    margin-top: 24px;
}

.footer-social-icon > img {
    height: 20px;
    margin: 0 10px;
}

.footer-stores {
    margin-top: 24px;
    text-align: center;
    margin-top: 24px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

    .footer-stores > img {
        height: 28px;
        margin: 0 10px;
    }

#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #e3e9ec;
}

.dark #style-1::-webkit-scrollbar-track {
    background-color: #2c3435;
}

#style-1::-webkit-scrollbar {
    width: 12px;
    background-color: #e3e9ec;
}

.dark #style-1::-webkit-scrollbar {
    background-color: #2c3435;
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #d02d2e;
}

.social-icon {
    font-size: 24px;
}

.social-media img:last-child {
    margin-inline-end: 0 !important;
}

.white-menu-item {
    display: none;
}

.dark .white-menu-item {
    display: flex;
}

.footer-menu-container .social-media {
    width: 100%;
}

.dark .dark-menu-item {
    display: none;
}

.home .viewsc span {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.home .viewsc img {
    margin-top: -5px;
}

#pdf {
    transition: all .5s;
    opacity: 1;
}

.pdfscroll {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    height: 154px;
    background: #e4e0e0;
    cursor: pointer;
    z-index: 999999;
    width: 96px;
    padding: 0 3px 0 7px;
    transition: all .5s linear;
    height: 185px;
}

.dark .pdfscroll {
    background: #535353;
}

#pdf {
    width: 100%;
    max-width: unset !important;
}

.showpdf {
    left: 0;
}

/* .newsgrid1 {
    width: 100%;
} */

.home .newsgrid2 {
    width: 100%;
}

.home.dark .grid-desc {
    color: #fff !important;
}

.home .grid-desc {
    overflow: hidden;
    color: #fff;
    padding-top: 6px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-weight: 400;
    font-size: 20px;
}

.dark .grid-desc2 {
    color: #fff !important;
}

.grid-desc2 {
    height: auto;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 400;
    line-height: 25px;
}

.home.dark .espt {
    color: #fff !important;
}

.home .espt {
    height: 37px;
    overflow: hidden;
    /* color: #B59578; */
    color: #FFFFFF;
    font-size: 18px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 400;
}

.newsstyle1 {
    position: relative;
    overflow: hidden;
}

.internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    /* height: 58px; */
}

.innerdesc {
    position: relative;
    padding: 10px;
}

.home .m-t-22 {
    margin-top: 22px !important;
}

.home .adscont {
    background: 0 0 !important;
}

.cats1 {
    padding: 4px 12px 4px 6px;
    /* background: rgba(0, 0, 0, .6); */
    color: #fff;
    font-weight: 400;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -29px;
    font-size: 14px;
    right: 10;
    border-right: 5px solid #d02d2e;
}

.dark .titlepdf {
    color: white;
}

.titlepdf {
    background: #e4e0e0;
    padding-right: 5px;
    line-height: 0.5;
    font-family: IttihadHeadSub;
    padding-top: 11px;
    padding-bottom: 6px;
    color: #696158;
    display: flex;
    justify-content: flex-start;
    gap: 3px;
    white-space: nowrap;
    font-size: 13px;
}

.closePDF {
    width: 24px;
}

.titlepdf img {
    width: 7px;
    cursor: pointer;
}

.flipImg {
    transform: rotate(180deg);
}

.darkhome2 {
    width: 23px;
}

.pdfcontainer {
    border-right: 6px solid #e4e0e0;
    border-bottom: 6px solid #e4e0e0;
    background: #e4e0e0;
}

.dark .adad-al-yawm-rotated {
    color: #ffffff;
}

.adad-al-yawm-rotated {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    text-align: right;
    color: #696158;
    transform: rotate(-90deg);
}

.dark .titlepdf {
    background: #535353;
}

.dark .pdfcontainer {
    border-color: #535353;
    background-color: #535353;
}

.home .sep {
    border-top: 1px solid #e2e2e2;
    margin: 25px 0;
}

.home .sep-vertical {
    border-left: 1px solid #e2e2e2;
    margin: 0 25px;
    height: 500px;
}

.home .sep-vertical,
.home.dark .sep,
.home.dark .sep2 {
    border-top: 1px solid #242424;
}

.home .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

.home .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.newspic {
    position: relative;
}

.thumbnews1 {
    width: 100%;
}

.catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    right: 0;
    padding: 0px 8px;
}

.innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.desctext {
    color: #424242;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
}

.home .madda.m-20 {
    margin-top: -21px;
}

.timenews {
    color: #ababab;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.inner2 {
    margin-bottom: 40px;
    cursor: pointer;
}

.home .title-with-border.navyb {
    border-color: #103e8a;
}

.home .bluetitle {
    color: #000000;
}

.home .navy {
    color: #103e8a;
}

.inner2:hover .innerthumbdesc11 {
    background: #424242;
}

.inner2:hover .desctext {
    color: #fff;
}

.inner2:hover .timenews {
    color: #d02d2e;
}

.home .ads2 {
    max-width: 100%;
}

.home .brdleft {
    border-inline-end: 1px solid #C8C7C7;
}

.home.dark .brdleft {
    border-inline-end: 1px solid #2e2e2e;
}

.home .brdright {
    position: relative;
}

    .home .brdright:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #e2e2e2;
        right: -10px;
        top: 0;
    }

.home.dark .brdright:before {
    background: #2e2e2e;
}

.home .blackhome {
    background: #000;
    padding: 30px 0;
}

.home .titleh2 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #e83438;
}

.home .videocontainer {
    position: relative;
}

.home .catvideo {
    color: #fff;
    padding-right: 15px;
    border-right: 5px solid #fdc300;
    line-height: 1;
    margin-bottom: 10px;
    font-family: IttihadHead, sans-serif !important;
    font-size: 28px;
}

    .home .catvideo.orange {
        border-color: #ea5c18;
    }

    .home .catvideo.blue {
        border-color: #d02d2e;
    }

.home .ads2l {
    max-width: 300px;
}

.home .descvideo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 35px 30px;
}

.home .desctextvideo {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    height: 54px;
    overflow: hidden;
}

.vfame {
    border: 0;
    width: 100%;
    height: 523px;
}

@media screen and (max-width:1080px) and (min-width:993px) {
    .vfame {
        height: 370px;
    }
}

.timenews2 {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #D6D2C4;
    font-size: 12px;
    margin-top: 15px;
    display: block;
}

.home .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.home .carcontainer {
    margin-top: 20px;
}

.home .playbtn,
.video-page .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: inline-block !important;
    width: 65px !important;
    cursor: pointer;
}

.home .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.home .owl-theme .owl-dots .owl-dot span {
    background: #303030;
}

.home .owl-theme .owl-dots .owl-dot.active span {
    background: #ef3f3f;
}

.home .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    color: #000000;
    font-size: 12px;
    line-height: 18px;
}

.home .mininewsdesc2 {
    padding: 4.5px 20px;
    /*background: #ededed;
    */
}

.home .editorial-author-pic a {
    width: 102px;
}

.home .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 10px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.home.dark .titleh11 i {
    color: #ffffff;
}

.home.dark .titleh11 {
    color: #d6d2c4;
    border-right: 4px solid #ffffff;
}

.home .titleh111 {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    line-height: 1;
}

.home .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.home .bgscroll {
    background: #eaeaea;
}

.home .subtitle111 {
    color: #000000;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home .bluecaret {
    font-size: 23px;
}

.home .authname {
    font-size: 12px;
    color: #ababab;
    margin-top: 7px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

    .home .authname a {
        display: unset;
    }

    .home .authname span {
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
        font-size: 10px;
        color: #ababab;
    }

.home .mrr {
    margin-top: 55px;
}

.home .mb-30 {
    margin-bottom: 30px;
}

.home .hadis {
    width: 100%;
}

.home .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    overflow: hidden;
}

.home .hadistxt {
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
    height: 67px;
    overflow: hidden;
    white-space: nowrap;
    width: 82% !important;
    text-overflow: ellipsis;
}

.home .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.home .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.home .hadiscontainer:hover .hadov {
    right: 0;
}

.home .caricature {
    padding: 70px 0 110px 0;
    background: #eaeaea;
}

.home.dark .bgscroll,
.home.dark .caricature {
    background: #060606;
}

.home .padcaricature {
    padding-inline-end: 20px;
}

.home .padcaricature2 {
    padding-inline-start: 20px;
}

.home .mt-32 {
    margin-top: 32px;
}

.home .pt1 {
    padding-top: 25px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.newsstyle1 {
    position: relative;
    overflow: hidden;
}

.newsgrid1 {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.dark .internews1 {
    /* background: rgb(0 0 0) !important; */
    color: #ffffff !important;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.internews1 {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 61.5%);
    /* color: #000000; */
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 35px 20px 10px 20px;
}

.cats1.yellow {
    border-color: #fdc300;
}

.innerdesc {
    position: relative;
    padding: 5px 0px;
    /*width: 90%;*/
}

.dark .cats1 {
    color: #ffffff;
    /* background: rgb(0 0 0); */
}

.cats1 {
    padding: 8px 12px 4px 6px;
    /* background: rgb(255 255 255); */
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -21px;
    font-size: 14px;
    right: 10;
    border-right: 5px solid #d02d2e;
}

.inner2 {
    cursor: pointer;
}

    .inner2:hover .innerthumbdesc11 {
        background: #000000;
    }

    .inner2:hover .desctext {
        color: #fff;
    }

    .inner2:hover .timenews {
        color: #d02d2e;
    }

.newspic {
    position: relative;
    height: 175px;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.home .thumbnews2 {
    width: 100%;
}

.dark .catnewsinner {
    background: rgb(0 0 0);
    color: #ffffff;
}

.catnewsinner {
    position: absolute;
    background: rgb(255 255 255);
    color: #000000;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: -1px;
    font-weight: 400;
    right: 0;
    padding: 0px 8px;
    border-inline-start: 4px solid #d02d2e;
}

    .catnewsinner.yellow {
        border-color: #fdc300;
    }

.innerthumbdesc11 {
    background: #fff;
    padding: 15px 22px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.home .mb0 {
    margin-bottom: 0;
}

.desctext {
    color: #000000;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 400;
    font-size: 18px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    padding: 2px 0;
}

.timenews {
    color: #696158;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.dark .timenews {
    color: #6e6e6e;
}

.dark .desctext {
    color: #b4b4b4 !important;
}

.home .red-arrow-down {
    color: #ef3f3f;
}

.dark.innerthumbdesc11 {
    background-color: #191919 !important;
}

@media (max-width:992px) {
    .generic-page .conn {
        padding-top: initial !important;
    }

    .thumbnews1 {
        height: 72px;
        width: auto;
    }

    .home .w100 {
        width: 100% !important;
        height: auto !important;
    }

    .innerthumbdesc11 {
        padding: 12px 8px 5px !important;
        transition: all .5s ease-in-out;
    }

    .inner2 {
        margin-bottom: 20px;
    }

    .desctext {
        font-size: 13px;
        line-height: 18px;
    }

    .desctext-mostread {
        font-size: 18px;
        line-height: 25px;
    }

    .newspic {
        position: relative;
        height: auto;
    }
}

.home .ads2 {
    max-width: 100%;
    margin: auto;
    display: block;
}

.home .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.home.dark .madda {
    background: #080808;
}

.home .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.home .hrvideo {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 40px 0 30px;
    padding: 0;
}

.home .extraheight {
    height: 40px;
}

.thumbnews1 {
    width: 100%;
}

.home .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

.color-ababab {
    color: #ababab !important;
}

@media (min-width:768px) {
    .rmbrdr::before {
        display: none;
    }

    .home .customcolnews1 {
        flex: 0 0 36%;
        max-width: 36%;
    }

    .home .customcolnews2 {
        flex: 0 0 64%;
        max-width: 64%;
    }
}

.home .mobile-layout {
    display: none;
    flex-wrap: nowrap;
}

.home .editorial-author-pic-mobile a {
    width: 95px;
}

.home a.a-thumbnews1w {
    width: max-content;
}

@media (max-width:992px) {
    .thumbnews1 {
        width: 128px;
    }

    .home .mininewsdesc {
        line-height: 18px;
    }

    .home .mininewsdesc2 {
        padding: 17.5px !important;
        padding-inline-start: 30px !important;
    }

    .home .desc-container {
        padding: 10px 8px;
    }
}

.home.dark .mininewsdesc {
    color: #ffffff !important;
}

.thumbnews1 {
    width: 100%;
}

.gridstyle2 .desctext {
    color: #000000;
}

.home .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    padding-right: 8px;
    line-height: 1;
    border-right: 4px solid #000000;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.home .leftarr {
    margin-right: 10px;
    margin-top: -8px;
}

.home.dark .subtitle11 {
    color: #ffffff;
}

.home .subtitle11 {
    color: #000000;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.home .authname {
    font-size: 10px;
    color: #ababab;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

    .home .authname a {
        color: #696158;
    }

.home.dark .authname a {
    color: #8d8d8d;
}

@media (max-width:992px) {
    .thumbnews1 {
        width: 95px;
    }

    .home .col-desc {
        padding-inline-start: 30px;
    }

    .home .mininewsdesc2 {
        padding: 12px;
    }

    .home .subtitle11 {
        font-size: 14px;
        margin-top: 5px;
    }

    .home .authname {
        font-size: 10px;
        margin-top: 5px;
    }

        .home .authname span {
            padding-inline-start: 20px;
        }
}

.thumbnews1 {
    width: 100%;
}

.m-t-20 .inner2 {
    margin-bottom: 0;
}

.home .mininewsdesc22 {
    padding: 8px 20px;
    background: #fff;
    min-height: 73px;
}

.home .titleh111 {
    font-size: 16px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    margin-bottom: 2px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home .subtitle111 {
    color: #000000;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home .authname {
    font-size: 12px;
    color: #696158;
    margin-top: 3px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (min-width:768px) {
    .home .customcolwriters1 {
        max-width: 23.23%;
    }
}

.home .authname span {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    color: #696158;
}

.home .desc111 {
    width: 100%;
}

.home.dark .mininewsdesc22 {
    background-color: transparent;
}

.home.light .mininewsdesc22 {
    /*background-color: #ededed;
    */
}

.home.light .subtitle111 {
    color: #000000;
}

.home.dark .subtitle111 {
    color: #cbcbcb;
}

@media (max-width:992px) {
    .thumbnews1 {
        width: 128px;
    }

    .home .titleh111 {
        margin-bottom: 0;
    }

    .home .col-desc.light {
        padding-inline-start: 30px;
    }

    .home .mininewsdesc22 {
        padding: 9px 12px;
        padding-inline-start: 42px;
    }

    .home .subtitle111 {
        font-size: 14px;
        margin-top: 5px;
    }

    .home .authname {
        font-size: 12px;
        margin-top: 1px;
    }

        .home .authname span {
            padding-inline-start: 0;
        }

    .home .mininewsdesc22 .authname span {
        padding-inline-start: 0;
    }
}

.home .hadis {
    width: 100%;
    border: 1px solid #333;
}

.home .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
}

.home .hadistxt {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.home .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.home .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.home .hadiscontainer:hover .hadov {
    right: 0;
}

.home .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
    text-transform: uppercase;
}

.home .leftarr {
    margin-right: 10px;
}

.home .carcontainer {
    margin-top: 20px;
    background: #eaeaea;
}

.home .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.home .videocontainer {
    position: relative;
}

.home .videothumb {
    width: 100%;
}

.home .w95 {
    width: 95px !important;
}

.innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.dark .desctext {
    color: #b4b4b4 !important;
}

.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.home.dark .bluetitle,
.home.dark .title-with-border {
    color: #ababab;
}

.home.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.home.light .header-container {
    background: #fff;
}

.home.dark .mainnav li a {
    color: #ababab !important;
}

.home.dark .titleh1 {
    color: #ababab !important;
}

.home .videocontainer {
    position: relative;
}

.home .videothumb {
    width: 100%;
}

.home .w95 {
    height: 95px !important;
}

.innerthumbdesc11 {
    background: #fff;
    padding: 0 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    gap: 5px;
}

.dark .desctext {
    color: #ffffff !important;
}

.dark .innerthumbdesc11 {
    background-color: #000000 !important;
}

.home.dark .bluetitle,
.home.dark .title-with-border {
    color: #ffffff;
}

.home.dark .col-desc > div {
    background: transparent !important;
    color: #ababab !important;
}

.home.light .header-container {
    background: #fff;
}

.home.dark .mainnav li a {
    color: #ffffff !important;
}

.home.dark .titleh1 {
    color: #ababab !important;
}

.home .blue-border {
    color: #5194ce !important;
}

.home.dark-blue-border {
    color: #103e8a !important;
}

.home .title-with-border.yellow {
    border-color: #fdc300;
}

.home .fa-caret-left.yellow {
    color: #fdc300;
}

.home .title-with-border.orange {
    border-color: #ea5c18;
}

.home .fa-caret-left.orange {
    color: #ea5c18;
}

.home .title-with-border.green {
    border-color: #57a858;
}

.home .fa-caret-left.green {
    color: #57a858;
}

.home .title-with-border.dark-green {
    border-color: #2f9c81;
}

.home .fa-caret-left.dark-green {
    color: #2f9c81;
}

.home .title-with-border.red {
    border-color: #e83438;
}

.home .fa-caret-left.red {
    color: #e83438;
}

.home .fa-caret-right.red {
    color: #e83438;
}

.home .title-#696158 {
    color: #ababab;
}

.home.light .hadis-al-suwar-title {
    color: #fff;
}

.home.dark .hadis-al-suwar-title {
    color: #ffffff !important;
}


.expostyle .cats1 {
    border-color: #b59578;
}

.home .belt {
    cursor: pointer;
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.generic-page .txt {
    height: auto;
    overflow: hidden;
    color: #ffffff;
    font-weight:400;
}

.generic-page .newstlogo {
    margin: 0 12px;
}

.generic-page .newsgrid2 {
    width: 100%;
}

.generic-page .m-t-22 {
    margin-top: 22px !important;
}

.generic-page .m-t-16 {
    margin-top: 16px !important;
}

.generic-page .sep {
    border-top: 1px solid #e2e2e2;
    margin: 25px 0;
}

.generic-page.dark .sep,
.generic-page.dark .sep2 {
    border-top: 1px solid #242424;
}

.generic-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

.generic-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.generic-page .leftarr {
    margin-right: 10px;
}

.generic-page .madda.m-20 {
    margin-top: -21px;
}

.generic-page .title-with-border.navyb {
    border-color: #103e8a;
}

.generic-page .bluetitle {
    color: #424242;
}

.generic-page .navy {
    color: #103e8a;
}

.generic-page .brdleft {
    border-inline-end: 1px solid #e2e2e2;
}

.generic-page.dark .brdleft {
    border-inline-end: 1px solid #2e2e2e;
}

.generic-page .brdright {
    position: relative;
}

    .generic-page .brdright:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #e2e2e2;
        right: -10px;
        top: 0;
    }

.generic-page.dark .brdright:before {
    background: #2e2e2e;
}

.generic-page .blackhome {
    background: #000;
    padding: 30px 0;
}

.generic-page .mt70 {
    margin-top: 70px;
}

.generic-page .titleh2 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #e83438;
}

.generic-page .videocontainer {
    position: relative;
}

.generic-page .catvideo {
    color: #fff;
    padding-right: 15px;
    border-right: 5px solid #fdc300;
    line-height: 1;
    margin-bottom: 10px;
    font-family: IttihadHead, sans-serif !important;
    font-size: 28px;
}

    .generic-page .catvideo.orange {
        border-color: #ea5c18;
    }

    .generic-page .catvideo.blue {
        border-color: #d02d2e;
    }

.generic-page .ads2l {
    width: 100%;
}

.generic-page .descvideo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 35px 30px;
}

.generic-page .desctextvideo {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    height: 54px;
    overflow: hidden;
}

.generic-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.generic-page .carcontainer {
    margin-top: 20px;
}

.generic-page .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 65px !important;
    cursor: pointer;
}

.generic-page .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.generic-page .owl-theme .owl-dots .owl-dot span {
    background: #303030 !important;
}

.generic-page .owl-theme .owl-dots .owl-dot.active span,
.generic-page .owl-theme .owl-dots .owl-dot:hover span {
    background: #ef3f3f !important;
}

.generic-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    color: #636363;
    font-size: 12px;
    line-height: 1.2;
}

.generic-page .mininewsdesc2 {
    padding: 18.5px;
    background: #fff;
}

.generic-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 10px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.generic-page.dark .titleh11 {
    color: #ababab;
}

.generic-page .titleh111 {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    line-height: 1;
}

.generic-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.generic-page .bgscroll {
    background: #eaeaea;
}

.generic-page .subtitle111 {
    color: #000000;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.generic-page .bluecaret {
    font-size: 23px;
}

.generic-page .authname {
    font-size: 12px;
    color: #ababab;
    margin-top: 7px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

    .generic-page .authname span {
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
        font-size: 10px;
        color: #ababab;
    }

.generic-page .mrr {
    margin-top: 52px;
}

.generic-page .mb-30 {
    margin-bottom: 30px;
}

.generic-page .hadis {
    width: 100%;
}

.generic-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    overflow: hidden;
}

.generic-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.generic-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.generic-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.generic-page .hadiscontainer:hover .hadov {
    right: 0;
}

.generic-page .caricature {
    padding: 30px 0;
    background: #eaeaea;
}

.generic-page.dark .bgscroll,
.generic-page.dark .caricature {
    background: #060606;
}

.generic-page .padcaricature {
    padding-inline-end: 20px;
}

.generic-page .padcaricature2 {
    padding-inline-start: 20px;
}

.generic-page .mt-32 {
    margin-top: 32px;
}

.generic-page .pt1 {
    padding-top: 25px !important;
}

.generic-page.dark .txt {
    color: #ffffff !important
}

.h-50 {
    height: 50px !important;
}

.generic-page .thumbnews2 {
    width: 100%;
}

.generic-page .mb0 {
    margin-bottom: 0;
}

.generic-page .red-arrow-down {
    color: #ef3f3f;
}

@media (max-width:992px) {
    .generic-page .w100 {
        width: 100% !important;
        height: auto !important;
    }
}

.generic-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    margin: auto;
}

.generic-page.dark .madda {
    background: #080808;
}

.generic-page .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.generic-page .onblack.madda {
    background: #080808 !important;
}

.generic-page .hrvideo {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 40px 0 30px;
    padding: 0;
}

.generic-page .extraheight {
    height: 40px;
}

.generic-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    font-size: 12px;
}

.generic-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

@media (max-width:992px) {
    .generic-page .txt {
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
    }

    .txt-lg {
        font-size: 18px !important;
        line-height: 16px !important;
        font-weight: 400;
    }

    .txt-sm {
        font-size: 14px !important;
        font-weight: 700;
    }
}

@media (min-width:768px) {
    .generic-page .customcolnews1 {
        flex: 0 0 36%;
        max-width: 36%;
    }

    .generic-page .customcolnews2 {
        flex: 0 0 64%;
        max-width: 64%;
    }
}

.generic-page .mobile-layout {
    display: none;
    flex-wrap: nowrap;
}

@media (max-width:992px) {
    .generic-page .mininewsdesc {
        line-height: 18px;
    }

    .generic-page .mininewsdesc2 {
        padding: 17.5px !important;
        padding-inline-start: 30px !important;
    }

    .generic-page .desc-container {
        padding: 10px 8px;
    }
}

.generic-page.dark .mininewsdesc {
    color: #b4b4b4 !important;
}

.generic-page .gridstyle2 .desctext {
    color: #636363;
}

.generic-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    padding-right: 8px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.generic-page .leftarr {
    margin-right: 10px;
    margin-top: -8px;
}

.generic-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.generic-page .authname {
    font-size: 10px;
    color: #ababab;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (max-width:992px) {
    .generic-page .col-desc {
        padding-inline-start: 30px;
    }

    .generic-page .mininewsdesc2 {
        padding: 12px;
    }

    .generic-page .subtitle11 {
        font-size: 14px;
        margin-top: 5px;
    }

    .generic-page .authname {
        font-size: 10px;
        margin-top: 5px;
    }

        .generic-page .authname span {
            padding-inline-start: 20px;
        }
}

.generic-page .mininewsdesc22 {
    padding: 8px 20px;
    background: #fff;
}

.generic-page .titleh111 {
    font-size: 16px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    margin-bottom: 2px;
    line-height: 1;
}

.generic-page .subtitle111 {
    color: #000000;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.generic-page .authname {
    font-size: 10px;
    color: #ababab;
    margin-top: 3px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (min-width:768px) {
    .generic-page .customcolwriters1 {
        flex: 0 0 23.23%;
        max-width: 23.23%;
    }

    .generic-page .customcolwriters2 {
        flex: 0 0 76.77%;
        max-width: 76.77%;
    }
}

.generic-page .authname span {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    color: #ababab;
}

.generic-page .desc111 {
    width: 100%;
}

.generic-page.dark .mininewsdesc22 {
    background-color: #191919;
}

.generic-page.light .mininewsdesc22 {
    background-color: #fff;
}

.generic-page.light .subtitle111 {
    color: #000000;
}

.generic-page.dark .subtitle111 {
    color: #cbcbcb;
}

@media (max-width:992px) {
    .generic-page .titleh111 {
        margin-bottom: 0;
    }

    .generic-page .col-desc.light {
        padding-inline-start: 30px;
    }

    .generic-page .mininewsdesc22 {
        padding: 7px 12px;
        padding-inline-start: 42px;
    }

    .generic-page .subtitle111 {
        font-size: 14px;
        margin-top: 5px;
    }

    .generic-page .authname {
        font-size: 10px;
        margin-top: 1px;
    }

        .generic-page .authname span {
            padding-inline-start: 20px;
        }

    .generic-page .mininewsdesc22 .authname span {
        padding-inline-start: 0;
    }
}

.generic-page .hadis {
    width: 100%;
}

.generic-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
}

.generic-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.generic-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.generic-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.generic-page .hadiscontainer:hover .hadov {
    right: 0;
}

.generic-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.generic-page .leftarr {
    margin-right: 10px;
}

.generic-page .carcontainer {
    margin-top: 20px;
    background: #eaeaea;
}

.generic-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.generic-page .videocontainer {
    position: relative;
}

.generic-page .videothumb {
    width: 100%;
}

.generic-page .w95 {
    width: 95px !important;
}

.generic-page.dark .bluetitle,
.generic-page.dark .title-with-border {
    color: #ababab;
}

.generic-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.generic-page.light .header-container {
    background: #fff;
}

.generic-page.dark .mainnav li a {
    color: #ababab !important;
}

.generic-page.dark .titleh1 {
    color: #ababab !important;
}

.generic-page .videocontainer {
    position: relative;
}

.generic-page .videothumb {
    width: 100%;
}

.generic-page .w95 {
    height: 95px !important;
}

.generic-page.dark .bluetitle,
.generic-page.dark .title-with-border {
    color: #ffffff !important;
}

.generic-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.generic-page.light .header-container {
    background: #fff;
}

.generic-page.dark .mainnav li a {
    color: #ffffff !important;
}

.generic-page.dark .titleh1 {
    color: #ababab !important;
}

.generic-page .blue-border {
    color: #5194ce !important;
}

.generic-page.dark-blue-border {
    color: #103e8a !important;
}

.generic-page .title-with-border.yellow {
    border-color: #fdc300;
}

.generic-page .fa-caret-left.yellow {
    color: #fdc300;
}

.generic-page .title-with-border.orange {
    border-color: #ea5c18;
}

.generic-page .fa-caret-left.orange {
    color: #ea5c18;
}

.generic-page .title-with-border.green {
    border-color: #57a858;
}

.generic-page .fa-caret-left.green {
    color: #57a858;
}

.generic-page .title-with-border.dark-green {
    border-color: #2f9c81;
}

.generic-page .fa-caret-left.dark-green {
    color: #2f9c81;
}

.generic-page .title-with-border.red {
    border-color: #e83438;
}

.generic-page .fa-caret-left.red {
    color: #e83438;
}

.generic-page .fa-caret-right.red {
    color: #e83438;
}

.generic-page .title-#696158 {
    color: #ababab;
}

.generic-page.light .hadis-al-suwar-title {
    color: #fff;
}

.generic-page.dark .hadis-al-suwar-title {
    color: #ababab;
}

.generic-page .cont {
    position: relative;
}

.generic-page .play-button {
    position: absolute;
    width: 25px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.generic-page .descprogram-small2 {
    padding: 14px 0;
    width: 100%;
}

    .generic-page .descprogram-small2 .desctextprgoram2 {
        font-family: Droid Arabic Kufi Bold;
        font-size: 14px;
        font-weight: 700;
        text-align: start;
    }

.generic-page .program-text {
    color: #636363;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    height: 20px;
    overflow: hidden;
    width: 237px;
}

.line-h-21 {
    line-height: 21px !important;
}

.dark.generic-page .program-text {
    color: #cbcbcb;
}

.generic-page .descprogram-small2 .details {
    display: -webkit-inline-box;
    padding-top: 7px;
}

.generic-page .descprogram-small2 .video-title {
    font-family: IttihadHead, sans-serif;
    font-size: 18px;
    line-height: 16px;
    text-align: start;
    margin-inline-end: 5px;
    font-weight: 400;
    color: #424242;
}

.generic-page.dark .video-title {
    color: #fff;
}

.generic-page .descprogram-small2 .video-episode {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    color: #d02d2e;
    text-align: start;
    margin-inline-end: 5px;
    border-inline-start: 2px solid #d02d2e;
    padding-inline-start: 5px;
}

.generic-page .w1094 {
    max-width: 1094px;
}

.generic-page ._titleee {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px !important;
    line-height: 28px !important;
    text-align: right;
    color: #000000;
    border-inline-start: 6px solid #2f9c81;
}

.generic-page .title-with-border {
    padding-inline-start: 10px;
}

.generic-page .conn {
    padding-top: 40px;
}

.generic-page .divider {
    background: #e2e2e2;
    height: 1px;
}

.generic-page.dark .divider {
    background-color: #242424;
}

.generic-page .arrow-left {
    color: #5194ce;
    margin-right: 10px;
    font-size: 22px !important;
    display: inline-block;
    position: relative;
    top: 2px;
}

.generic-page .prog-info {
    padding-right: 55px;
    position: absolute;
    bottom: 44px;
}

    .generic-page .prog-info a {
        display: unset;
    }

.generic-page .prog-desc {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 29.4951px;
    line-height: 38px;
    text-align: right;
    letter-spacing: -.03em;
    color: #e3e3e3;
    overflow: hidden;
    height: 38px;
}

.generic-page .prog-time {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: right;
    color: #fff;
    display: inline-block;
}

.generic-page .prog-episode {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    border-right: 1px solid;
    padding-right: 10px;
    margin-right: 10px;
    display: inline-block !important;
}

.generic-page ._row {
    display: flex;
    margin-bottom: 15px;
}

.generic-page ._row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.generic-page .thumbnail {
    position: relative;
}

.generic-page .bg {
    width: 141px;
    max-width: unset !important;
}

.generic-page .play-button {
    position: absolute;
    width: 25px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.generic-page ._title {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
    border-right: 5px solid #d02d2e;
    background-color: #00000060;
    position: absolute;
    right: 0;
    bottom: 0;
}

.generic-page.light .prog-small-description {
    background-color: #fff;
}

.generic-page .prog-small-description {
    width: 100%;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #b4b4b4;
    padding: 16px;
}

.generic-page .desc {
    color: #b4b4b4;
}

.generic-page.light .program-name-time {
    color: #424242;
}

.generic-page .program-name-time a span {
    color: #424242;
    font-size: 18px;
}

.generic-page.dark .program-name-time a span {
    color: #fff;
}

.generic-page .program-name-time {
    font-family: IttihadHeadSub, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #424242;
    margin-bottom: 10px;
}

.generic-page .episode {
    color: #d02d2e;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    border-inline-start: 2px solid;
    margin-inline-start: 10px;
    padding-inline-start: 10px;
}

.generic-page .mb15 {
    margin-bottom: 15px;
}

.generic-page .tit {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20.4912px;
    line-height: 20px;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    display: inline-block;
    border-right: 2px solid;
    padding-right: 10px;
    margin-right: 10px;
}

.generic-page .btitle {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    text-align: right;
    color: #9C9C9C;
}

.login-form-page .form-box {
    max-width: 369px;
    padding: 83px 0 113px;
    margin: auto;
    text-align: center;
}

.login-form-page .form-heading {
    font-family: IttihadHead, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 55px;
}

.login-form-page.light .form-heading {
    color: #000000;
}

.login-form-page.dark .form-heading {
    color: #bcbcbc;
}

.login-form-page .form-heading img {
    margin-left: 12px;
}

.login-form-page .form-group {
    margin-bottom: 12px;
}

.login-form-page .custom-input {
    border: 1px solid;
    box-sizing: border-box;
    box-shadow: 0 0 4px rgba(0, 0, 0, .05);
    border-radius: 4px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    width: 100%;
    height: 45px;
    padding: 0 15px;
}

.login-form-page.light .custom-input {
    background: #fff;
    border-color: #ebebeb;
}

    .login-form-page.light .custom-input::placeholder {
        color: #999;
    }

.login-form-page.dark .custom-input {
    background: #2e2e2e;
    border-color: #484848;
    color: #fff;
}

    .login-form-page.dark .custom-input::placeholder {
        color: #a3a3a3;
    }

.login-form-page .custom-input:focus {
    outline: unset;
    border-color: #d02d2e;
}

.login-form-page .custom-btn {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    background: #d02d2e;
    border-radius: 4px;
    padding: 16.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #d02d2e;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .login-form-page .custom-btn svg {
        margin-right: 5px;
    }

        .login-form-page .custom-btn svg path {
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

    .login-form-page .custom-btn:hover {
        color: #d02d2e;
        background-color: transparent;
    }

        .login-form-page .custom-btn:hover svg path {
            stroke: #d02d2e;
        }

.login-form-page .form-box form {
    margin-bottom: 26px;
}

.login-form-page .form-hint {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 16px;
}

    .login-form-page .form-hint a {
        color: #d02d2e;
        text-decoration: underline !important;
        display: unset;
    }

.login-form-page.light .form-hint {
    color: #000000;
}

.login-form-page.dark .form-hint {
    color: #bcbcbc;
}

.social-after {
    display: flex;
    align-items: center;
    margin: 31px 0;
}

    .social-after img {
        margin: 0 9px;
    }

    .social-after .social-line {
        flex-grow: 1;
        height: 1px;
        background-color: #7b7b7b;
    }

.social-hint {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 26px;
}

.light .social-hint {
    color: #000000;
}

.dark .social-hint {
    color: #bcbcbc;
}

.social-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

    .social-list li {
        width: calc(100% / 3);
        margin-left: 20px;
    }

        .social-list li:last-of-type {
            margin-left: 0;
        }

        .social-list li a {
            width: 100%;
            border-radius: 4px;
            padding: 5px;
            height: 50px;
            border: 2px solid transparent;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

.login-form-page .pass-box {
    position: relative;
}

    .login-form-page .pass-box .lock-pass {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        left: 16px;
    }

        .login-form-page .pass-box .lock-pass.lock-line::after {
            width: 20px;
            height: 2px;
            background-color: #aaa;
            position: absolute;
            top: 12px;
            transform: rotate(45deg);
            left: -3px;
            content: "";
        }

.login-form-page .devo-md-display-none {
    display: none;
}

.login-form-page .download-box {
    padding-top: 31px;
    margin-top: 32px;
    border-top: 1px solid;
    display: flex;
}

    .login-form-page .download-box .download-img {
        margin-left: 17px;
    }

        .login-form-page .download-box .download-img:last-of-type {
            margin-left: 0;
        }

.login-form-page.light .download-box {
    border-color: #c9c9c9;
}

.login-form-page.dark .download-box {
    border-color: #313131;
}

@media (max-width:992px) {
    .login-form-page .form-box {
        max-width: 292px;
        padding: 45px 0 107px;
    }

    .login-form-page .form-heading {
        font-size: 26px;
        line-height: 14px;
        margin-bottom: 50px;
    }

        .login-form-page .form-heading img {
            max-height: 32px;
        }

    .login-form-page .custom-input {
        font-size: 16px;
        height: 40px;
    }

    .login-form-page .form-group {
        margin-bottom: 16px;
    }

    .login-form-page .custom-btn {
        font-size: 18px;
        line-height: 14px;
    }

    .login-form-page .form-hint {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .login-form-page .form-box form {
        margin-bottom: 34px;
    }

    .login-form-page .social-after {
        margin: 34px 0;
    }

    .login-form-page .social-hint {
        margin-bottom: 39px;
    }

    .login-form-page .social-list li {
        margin-left: 15px;
    }

        .login-form-page .social-list li a {
            height: 40px;
        }

            .login-form-page .social-list li a img {
                max-height: 19px;
            }

    .login-form-page .devo-md-display-none {
        display: block;
    }
}

.landing-show-page .bg-black {
    background: #000;
}

.landing-show-page .max-850 {
    max-width: 844px;
    margin: auto;
}

.landing-show-page .gerytitle {
    color: #c4c4c4;
}

.landing-show-page.dark .show-box .text-box ._time a {
    color: #fff;
}

.landing-show-page .show-box ._time a {
    color: #424242;
}

.landing-show-page .title {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #c4c4c4;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.landing-show-page .videotext {
    font-weight: 700;
    font-size: 26px;
    font-family: Droid Arabic Kufi Bold;
    color: #fff;
    line-height: 36px;
    margin-bottom: 14px;
    min-height: 72px;
}

.landing-show-page .brdvleft {
    border-inline-end: 1px solid #242424;
}

.landing-show-page .time {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    padding-inline-start: 0;
}

.landing-show-page ._row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.landing-show-page .share-butons {
    justify-content: flex-end;
    gap: 5px;
}

    .landing-show-page .share-butons > div {
        background: #191919;
        border: 1px solid #2c2c2c;
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        text-align: center;
        cursor: pointer;
    }

.landing-show-page .video-description {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #7e7e7e;
    margin-bottom: 23px;
}

.landing-show-page.dark .title-with-border > span {
    color: #ababab;
}

.landing-show-page .pt-23 {
    padding-top: 23px;
}

.landing-show-page .border-end {
    border-inline-end: 1px solid #242424;
}

.landing-show-page.dark .desctextprgoram2 .col-md-12 {
    color: #cbcbcb;
}

.landing-show-page.dark .video-title {
    color: #fff;
}

.landing-show-page .mt20-9 {
    margin-top: 20px !important;
}

.landing-show-page .iframe-cont {
    position: relative;
    margin: 16px 0;
}

.iframe-cont .img-fluid {
    width: 100%;
}

.landing-show-page .media-control {
    background: rgba(0, 0, 0, .9);
    border-radius: 4px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px 15px;
}

.landing-show-page ._row {
    display: flex;
    margin-bottom: 15px;
}

.landing-show-page .thumbnail {
    position: relative;
}

.landing-show-page .bg {
    width: 252px;
}

.landing-show-page .play-button {
    position: absolute;
    width: 25px !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.landing-show-page .mt52 {
    margin-top: 52px;
}

.landing-show-page .mt30 {
    margin-top: 30px;
}

.landing-show-page .description11 {
    width: 100%;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #b4b4b4;
    padding: 13px;
}

.landing-show-page .time {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #6e6e6e;
}

.landing-show-page ._title {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
    border-right: 5px solid #d02d2e;
    background-color: #00000060;
    position: absolute;
    right: 0;
    bottom: 0;
}

.landing-show-page .title-with-border11 {
    border-inline-start: 3px solid #5194ce;
    padding-inline-start: 8px;
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 8px;
    font-family: IttihadHead, sans-serif !important;
}

.landing-show-page .font-size-28 {
    font-size: 28px;
}

.landing-show-page.light-color {
    color: #c4c4c4;
}

.landing-show-page ._time {
    font-family: IttihadHead, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #c4c4c4;
}

    .landing-show-page ._time a {
        font-family: Droid Arabic Kufi, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        color: #c4c4c4;
        margin-right: 4px;
    }

    .landing-show-page ._time span {
        font-family: Droid Arabic Kufi, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        color: #696158;
        margin-right: 4px;
    }

.landing-show-page .description11 ._time {
    font-size: 12px !important;
    line-height: 12px !important;
}

    .landing-show-page .description11 ._time span {
        font-size: 10px !important;
    }

.landing-show-page .ads2 {
    max-width: 100%;
    margin: auto;
    display: block;
}

.landing-show-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
}

    .landing-show-page .madda span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.landing-show-page .cont .lab {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 8px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-weight: 400;
    padding-right: 10px;
    font-size: 14px;
    border-right: 4px solid #d02d2e;
}

.landing-show-page .onblack.madda {
    background: #080808 !important;
}

.landing-show-page ._titleee {
    font-family: IttihadHead, sans-serif;
    font-weight: 400;
    line-height: 33px !important;
    border-inline-start: 6px solid #5194ce;
}

.landing-show-page .adscont {
    background: unset;
}

.landing-show-page .madda span {
    padding: 8.6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.landing-show-page .con {
    background: #eaeaea;
    padding: 40px 0;
}

.landing-show-page .mobile-layout ._row {
    display: flex;
    margin-bottom: 15px;
}

.landing-show-page .mobile-layout .thumbnail {
    position: relative;
}

.landing-show-page .mobile-layout .bg {
    height: 70px;
}

.landing-show-page .mobile-layout .play-button {
    position: absolute;
    width: 25px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.landing-show-page .mobile-layout .description {
    width: 100%;
    height: 70px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    padding: 10px;
}

.landing-show-page.dark .description {
    background-color: #191919;
}

.landing-show-page.dark .desc {
    color: #b4b4b4;
}

.landing-show-page.light .description {
    background-color: #fff;
}

.landing-show-page .desc {
    color: #ffffff;
    height: 32px;
    overflow: hidden;
}

.landing-show-page .mobile-layout .time {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #6e6e6e;
}

.landing-show-page .mobile-layout ._title {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
    border-right: 5px solid #d02d2e;
    background-color: #00000060;
    position: absolute;
    right: 0;
    bottom: 0;
}

.landing-show-page .mobile-layout .title-with-border11 {
    border-inline-start: 3px solid #5194ce;
    padding-inline-start: 8px;
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 8px;
    font-family: IttihadHead, sans-serif !important;
}

.landing-show-page .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(279px, 1fr));
    gap: 20px;
}

.landing-show-page .load-more {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    color: #424242;
    gap: 15px;
    cursor: pointer;
}

.landing-show-page.dark .load-more {
    color: #c4c4c4 !important;
}

.landing-show-page .load-more span {
    color: #5194ce;
}

.landing-show-page.light .load-more {
    color: #424242 !important;
}

.landing-show-page .md4b .col-md-4 {
    margin-bottom: 20px;
}

.landing-show-page .dl {
    display: block;
}

    .landing-show-page .dl .cont {
        width: 100%;
        position: relative;
    }

    .landing-show-page .dl .play-button {
        position: absolute;
        cursor: pointer;
    }

    .landing-show-page .dl .play-large {
        width: 110px;
        top: calc(50% - 55px);
        left: calc(50% - 55px);
    }

    .landing-show-page .dl .play-small {
        width: 34px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .landing-show-page .dl img {
        width: 100%;
    }

@media (min-width:1120px) {
    .landing-show-page .vidcl1 {
        flex: 0 0 61%;
        max-width: 61%;
        padding-left: 20px;
    }

    .landing-show-page .vidcl2 {
        flex: 0 0 39%;
        max-width: 39%;
        padding-right: 16.96px;
    }
}

.landing-show-page.light.span-title {
    color: #424242;
}

.landing-show-page.dark .span-title {
    color: #fff;
}

.landing-show-page .episode {
    color: #d02d2e;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    border-inline-start: 2px solid;
    margin-inline-start: 10px;
    padding-inline-start: 10px;
}

.landing-show-page .cont {
    position: relative;
}

@media only screen and (max-width:768px) {
    .landing-show-page .hidden-xs {
        display: none;
    }

    .landing-show-page .con {
        background: 0;
        padding: 20px 0;
    }
}

.landing-show-page .arrow-left {
    color: #5194ce !important;
    margin-right: 10px;
    font-size: 22px !important;
    display: inline-block;
    position: relative;
    top: 2px;
}

.landing-show-page .title-with-border {
    padding-inline-start: 10px;
    margin-bottom: 30px;
}

.landing-show-page .align-bottom {
    display: flex;
    align-items: flex-end;
    font-size: 16px;
}

.landing-show-page .m-t-16 {
    margin-top: 16px !important;
}

.landing-show-page .mtb3250 {
    margin-top: 32px;
}

.landing-show-page .m-t-23 {
    margin-top: 23px !important;
}

.landing-show-page .m-t-33 {
    margin-top: 33px;
}

.landing-show-page .m-b-16 {
    margin-bottom: 16px !important;
}

.landing-show-page .next-video-mt {
    margin-top: 131px;
}

.landing-show-page .row2 {
    margin-right: -3px;
    margin-left: -3px;
}

    .landing-show-page .row2 .col-3 {
        padding-right: 3px;
        padding-left: 3px;
    }

.landing-show-page .blackvideo {
    padding: 40px 0;
}

.landing-show-page .mr-60 {
    margin: 60px auto;
}

.landing-show-page .over-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.landing-show-page .show-box {
    position: relative;
    margin-bottom: 20px;
}

    .landing-show-page .show-box .img-box {
        position: relative;
    }

        .landing-show-page .show-box .img-box .main-img {
            width: 100%;
        }

    .landing-show-page .show-box .text-box {
        padding: 20px 0;
    }

        .landing-show-page .show-box .text-box .box-h {
            font-family: Droid Arabic Kufi, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 22px;
            height: 24px;
            overflow: hidden;
        }

    .landing-show-page .show-box .play-button {
        width: 40px !important;
        height: 40px;
    }

    .landing-show-page .show-box ._time {
        color: #424242;
    }

.landing-show-page.dark .show-box .text-box .box-h {
    color: #cbcbcb;
}

.landing-show-page.light .show-box .text-box .box-h {
    color: #000000;
}

.landing-show-page.dark .show-box .text-box ._time {
    color: #fff;
}

.landing-show-page .show-border {
    border-bottom: 1px solid;
    margin-bottom: 20px;
}

.landing-show-page.light .show-border {
    border-color: #e2e2e2;
}

.landing-show-page.dark .show-border {
    border-color: #242424;
}

.landing-show-page .tag-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

    .landing-show-page .tag-box .tag-button {
        margin-left: 6px;
    }

.landing-show-page .sec-show-box {
    margin-bottom: 16px;
    display: flex;
    background: #191919;
    align-items: center;
}

    .landing-show-page .sec-show-box ._time {
        color: #D6D2C4;
    }

.landing-show-page .devo-md-display-none {
    display: none;
}

.landing-show-page body:not(.dark) .sec-show-box.white-box {
    background-color: #fff;
}

    .landing-show-page body:not(.dark) .sec-show-box.white-box .desc {
        color: #636363;
    }

    .landing-show-page body:not(.dark) .sec-show-box.white-box ._time {
        color: #424242;
    }

.landing-show-page .devo-md-display-block {
    display: block;
}

.landing-show-page .mini-box.show-box .text-box {
    padding: 15px 0;
}

    .landing-show-page .mini-box.show-box .text-box .box-h {
        font-size: 14px;
    }

.landing-show-page .mini-box.show-box .play-button {
    width: 33px !important;
    height: 33px;
}

.landing-show-page .owl-theme .owl-nav {
    margin: 0;
}

.landing-show-page .owl-carousel .owl-nav button.owl-next,
.landing-show-page .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(calc(-50% - 60px));
    -moz-transform: translateY(calc(-50% - 60px));
    transform: translateY(calc(-50% - 60px));
    background: unset !important;
}

    .landing-show-page .owl-carousel .owl-nav button.owl-next:focus,
    .landing-show-page .owl-carousel .owl-nav button.owl-prev:focus {
        outline: unset;
    }

.landing-show-page .owl-carousel .owl-nav button.owl-prev {
    right: 19px;
}

.landing-show-page .owl-carousel .owl-nav button.owl-next {
    left: 19px;
}

.landing-show-page .owl-theme .owl-nav .disabled svg path,
.landing-show-page.light .owl-theme .owl-nav .disabled svg path {
    stroke: #c4c4c4;
}

.landing-show-page .owl-theme .owl-nav .disabled svg path,
.landing-show-page.dark .owl-theme .owl-nav .disabled svg path {
    stroke: #3e3e3e;
}

.landing-show-page .owl-theme .owl-nav svg {
    width: 17px;
    height: 30px;
}

.landing-show-page .owl-theme .owl-nav .disabled {
    opacity: 1;
}

.landing-show-page .owl-theme .owl-dots .owl-dot span {
    margin: 0 6px;
}

.landing-show-page.light .owl-theme .owl-dots .owl-dot span {
    background: #dcdcdc;
}

.landing-show-page.dark .owl-theme .owl-dots .owl-dot span {
    background: #303030;
}

.landing-show-page .owl-theme .owl-dots .owl-dot.active span,
.landing-show-page .owl-theme .owl-dots .owl-dot:hover span {
    background: #5194ce;
}

.landing-show-page .owl-carousel {
    margin-bottom: 20px;
}

.landing-show-page.dark .slider-header {
    color: #D6D2C4
}

.landing-show-page .slider-header {
    font-family: IttihadHead, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 28px;
    color: #696158;
    margin-bottom: 30px;
}

.landing-show-page .load-more {
    margin-top: 20px;
}

.landing-show-page .pd-85 {
    padding: 0 85px;
}

.landing-show-page .spinner-border {
    color: #d02d2e;
    width: 20px;
    height: 20px;
    display: none;
}

.landing-show-page .spinner-border {
    color: #d02d2e;
    width: 20px;
    height: 20px;
    display: none;
}

.landing-show-page .load-more-box {
    text-align: center;
}

.logout-page .row {
    width: 100%;
}

@media (max-width:1260px) {
    .logout-page .login-container {
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }

    .logout-page .logout-right-menu {
        padding-right: 56px !important;
    }
}

.logout-page .login-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 242px;
    flex: 0 0 50%;
    max-width: 50%;
}

.logout-page .login-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 56px;
}

    .logout-page .login-form input {
        padding: 16px;
    }

.logout-page .right-menu-link:hover span {
    color: #d02d2e !important;
}

.logout-page .right-menu-link:hover i {
    color: #d02d2e !important;
}

.logout-page .logout-right-menu-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #e9e9e9;
}

.logout-page .logout-right-menu {
    display: flex;
    flex-direction: column;
    padding-top: 55px;
    padding-right: 90px;
}

.logout-page .right-menu-link {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 8px;
}

.logout-page.dark .right-menu-link {
    border-bottom: 1px solid #272727;
}

.logout-page .right-menu-link i {
    font-size: 20px;
    margin-left: 25px;
    transition: all .5s ease-in-out;
    color: #adadad;
}

.logout-page.dark .right-menu-link i {
    color: #6a6a6a;
}

.logout-page .right-menu-link span {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #adadad;
    transition: all .5s ease-in-out;
}

.logout-page .right-menu-link.active {
    display: flex;
    align-items: center;
}

    .logout-page .right-menu-link.active span {
        font-size: 18px;
        font-weight: 700;
        color: #d02d2e !important;
    }

    .logout-page .right-menu-link.active i {
        color: #d02d2e !important;
    }

.logout-page.dark .right-menu-link span {
    color: #6a6a6a;
}

.logout-page.dark .logout-right-menu-container {
    background-color: #171717;
}

.logout-page .scrolltop {
    margin-right: 73px;
    margin-bottom: 24px;
}

.logout-page .success-text {
    color: #d02d2e;
    margin-bottom: 16px;
}

    .logout-page .success-text span {
        font-family: "Droid Arabic Kufi", sans-serif;
        font-size: 18px;
        font-weight: 700;
    }

.logout-page .login-subtitle {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.logout-page.dark .login-subtitle {
    color: #737373;
}

.logout-page .sep {
    width: 100%;
}

.logout-page .input-login {
    width: 100%;
    height: 45px;
    font-family: "Droid Arabic Kufi", sans-serif;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ebebeb;
    box-shadow: 0 0 4px rgba(0, 0, 0, .05);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
}

    .logout-page .input-login::placeholder {
        color: #999;
    }

.logout-page.dark .input-login {
    background: #2e2e2e;
    border: 1px solid #484848;
}

    .logout-page.dark .input-login::placeholder {
        color: #a3a3a3;
    }

.logout-page .password-input {
    width: 100%;
    display: flex;
    position: relative;
    margin-top: 12px;
}

    .logout-page .password-input i {
        position: absolute;
        left: 16px;
        top: 15px;
        font-size: 15px;
        display: flex;
        align-items: center;
        color: #aaa;
    }

.logout-page.dark .password-input i {
    color: #a2a2a2;
}

.logout-page .login-button {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 30px;
    padding: 10px;
    background-color: #d02d2e;
    border-color: #d02d2e;
    transition: all .5s ease-in-out;
}

    .logout-page .login-button:hover {
        color: #d02d2e;
        border-color: #d02d2e;
        background-color: transparent;
    }

        .logout-page .login-button:hover span {
            color: #d02d2e;
        }

    .logout-page .login-button span {
        font-family: "Droid Arabic Kufi", sans-serif;
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        transition: all .5s ease-in-out;
    }

    .logout-page .login-button i {
        font-size: 20px;
        margin-right: 5px;
        margin-top: 2px;
        vertical-align: middle;
    }

.forgot-password {
    display: flex;
}

.logout-page .forgot-password span {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.logout-page.dark .forgot-password span,
.logout-page.dark .login-using-text {
    color: #bcbcbc;
}

.logout-page .forgot-password a span {
    text-decoration: underline;
    color: #d02d2e !important;
}

.logout-page .sep-img {
    width: 100%;
    margin: 30px 0;
}

.logout-page .login-using-text {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 26px;
}

.logout-page .alternatives {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

.logout-page .alternative-img {
    cursor: pointer;
    transition: all .3s ease-in-out;
    width: 110px;
}

    .logout-page .alternative-img:hover {
        opacity: .5;
    }

.news-page .adscont {
    display: inline-block;
}

    .news-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.news-page .news:hover div {
    background: #000000;
    color: #fff !important;
}

.news-page.dark .news:hover div {
    background: #191919;
    color: #fff !important;
}

.pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.dark .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #262626;
}

.news-page .icc {
    color: #a8a8a8;
    font-size: 26px;
}

.news-page .selected.icc {
    color: #d02d2e;
}

.news-page .icc2 {
    color: #a8a8a8;
    font-size: 26px;
}

.news-page .selected.icc2 {
    color: #d02d2e;
}

.news-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.news-page .m-b-40 {
    margin-bottom: 40px;
}

.news-page .title-with-border {
    font-size: 28px;
    color: #000000;
    padding-inline-start: 7px;
    line-height: 1;
    border-inline-start: 5px solid #d02d2e;
    text-align: start;
    color: #000000 !important;
}

.news-page #listing {
    display: none;
}

.news-page .title-with-border > span {
    background-color: transparent !important;
}

.news-page .title-with-border.green-dark {
    border-inline-start: 5px solid #2f9c81;
}

.news-page .title-with-border.green {
    border-inline-start: 5px solid #57a858;
}

.news-page .title-with-border.orange {
    border-inline-start: 5px solid #ea5c18;
}

.news-page .title-with-border.yellow {
    border-inline-start: 5px solid #fdc300;
}

.news-page .title-with-border.blue {
    border-inline-start: 5px solid #5194ce;
}

.news-page .title-with-border.blue-dark {
    border-inline-start: 5px solid #103e8a;
}

.news-page .green-dark {
    color: #2f9c81;
}

.news-page .green {
    color: #57a858;
}

.news-page .orange {
    color: #ea5c18;
}

.news-page .yellow {
    color: #fdc300;
}

.news-page .blue {
    color: #5194ce;
}

.news-page .blue-dark {
    color: #103e8a;
}

.news-page .icon {
    font-size: 22px;
    margin-inline-start: 10px;
}

.news-page.dark {
    color: #ababab;
}

.news-page.light {
    color: #000000;
}

.news-page .white {
    color: #fff !important;
}

.news-page .#6961582 {
    color: #c4c4c4 !important;
}

.news-page .sepnews {
    width: 1px;
    height: 22px;
    background: #d9d9d9;
    margin: 0 5px;
    margin-top: -5px;
    vertical-align: middle;
    display: inline-block;
}

.news-page .mt {
    margin-top: 50px;
}

.news-page .hide {
    display: none !important;
}

.news-page .news-photo-container {
    margin-bottom: 50px;
}

.news-page .news {
    cursor: pointer;
}

.news-page .news-image {
    width: 100%;
}

.news-page .news-title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.news-page .news-desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    padding: 10px 20px;
}

.news-page.light .news-desc {
    background-color: #fff;
    color: #424242;
}

.news-page.dark .news-desc {
    background-color: #191919;
    color: #b4b4b4;
}

.news-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 17px;
}

.news-page.light .read-more {
    background: #fff;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.news-page.dark .read-more {
    background: #191919;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.news-page ._text {
    -webkit-margin-end: 85px;
    margin-inline-end: 85px;
}

.news-page .desc {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    background: #fff;
    padding: 10px 20px;
}

    .news-page .desc .txt {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        height: 37px;
        overflow: hidden;
        text-align: right;
        letter-spacing: -0.035em;
        color: #242424;
    }

.news-page.dark .desc span {
    color: #b4b4b4;
}

.news-page.dark .news-time {
    color: #6e6e6e;
}

.news-page .desc1 .desc {
    font-size: 20px;
    max-width: 650px;
    line-height: 1.2;
    padding: 0;
    color: #000000;
}

.news-page.dark .desc1 .desc {
    color: #fff;
}

.news-page .desc1 {
    background: #fff;
    padding: 20px;
}

.news-page .desc.light {
    background-color: #fff;
    color: #424242;
}

.news-page .desc.dark {
    background-color: #191919;
    color: #b4b4b4;
}

.news-page .news-time {
    font-size: 10.36px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #696158;
}

.news-page .title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.news-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    font-size: 18px;
}

    .news-page .read-more.dark {
        background: #191919;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

    .news-page .read-more.light {
        background: #fff;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

.news-page .title-share {
    justify-content: space-between;
    align-items: center;
}

.news-page .news {
    cursor: pointer;
}

.news-page ._text {
    margin-inline-end: 85px;
}

.news-page .news-time-listing {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    font-size: 12px;
    line-height: 23px;
}

.news-page .image img {
    width: 100%;
}

.news-page .square {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-page .vertical {
    display: block;
}

.news-page.dark .desc {
    background: #191919;
}

.news-page.dark .desc1 {
    background: #191919;
}

.news-page.dark .title-with-border {
    color: #ababab !important;
}

.news-page .ads2 {
    width: 300px;
    max-width: 100%;
}

.news-page.dark .adscont {
    background: #080808;
}

.news-page.dark .txt {
    color: #ababab;
}

.news-page .adscont {
    padding: 5px 5px;
    background: #e2e2e2;
}

    .news-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.news-page .load-more {
    font-style: normal;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    cursor: pointer;
}

.news-page.dark fa-icon {
    color: #5194ce;
}

.news-page .blue {
    color: #5194ce;
}

.news-page .switcher-button {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.news-page .switcher {
    display: flex;
    align-items: center;
}

.news-page .fa-caret-down {
    color: #5194ce;
}

.notification-page .notifications-section {
    display: flex;
}

.aside-box {
    padding: 45px 66px 45px 0;
    width: 346px;
    position: absolute;
    z-index: 1;
    height: 100%;
}

.notification-aside-box {
    padding: 45px 66px 45px 0;
    width: 346px;
}

.light .notification-aside-box {
    background-color: #e9e9e9;
}

.light .aside-box {
    background-color: #e9e9e9;
}

.notification-page.dark .aside-box {
    background-color: #171717;
}

.notification-page .notifications-content {
    flex-grow: 1;
    max-width: calc(100% - 346px);
}

.notification-page .aside-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .notification-page .aside-list li {
        padding: 15px 0 9px;
        border-bottom: 1px solid;
    }

.notification-page.light .aside-list li {
    border-color: #cacaca;
}

.notification-page.dark .aside-list li {
    border-color: #272727;
}

.notification-page .aside-list li a {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    display: flex;
    align-items: center;
}

.notification-page.light .aside-list li a {
    color: #000000;
}

.notification-page.dark .aside-list li a {
    color: #fff;
}

    .notification-page.dark .aside-list li a svg path {
        stroke: #fff;
    }

.notification-page .aside-list li a,
.notification-page .aside-list li a svg path {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .notification-page .aside-list li a svg {
        margin-left: 15px;
    }

    .notification-page .aside-list li a:hover {
        color: #d02d2e;
    }

        .notification-page .aside-list li a:hover svg path {
            stroke: #d02d2e;
        }

.notification-page .aside-list li.li-active a {
    color: #d02d2e;
    font-weight: 700;
}

    .notification-page .aside-list li.li-active a svg path {
        stroke: #d02d2e;
    }

.notification-page .notifications-box {
    max-width: 960px;
    margin: 31px auto 121px;
}

.notification-page.light .notifications-box {
    background-color: #fff;
}

.notification-page.dark .notifications-box {
    background-color: #191919;
}

.notification-page .notifications-box .box-heading {
    background-color: #d02d2e;
    padding: 15px 83px 12px;
}

    .notification-page .notifications-box .box-heading .box-h {
        font-family: Droid Arabic Kufi, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        color: #fff;
        display: flex;
        align-items: center;
        margin: 0;
    }

        .notification-page .notifications-box .box-heading .box-h img {
            margin-left: 15px;
            width: 22px;
            height: 28px;
        }

.notification-page .notifications-box .box-body {
    padding: 30px 56px 53px 69px;
}

.notification-page .all-category {
    margin-bottom: 19px;
    padding-right: 27px;
}

    .notification-page .all-category .pretty .state label:after,
    .notification-page .all-category .pretty .state label:before {
        left: unset;
        right: 0;
    }

    .notification-page .all-category .pretty .state label:after,
    .notification-page .all-category .pretty .state label:before {
        width: 24px;
        height: 24px;
        top: -3px;
    }

    .notification-page .all-category .pretty .state label {
        font-family: Droid Arabic Kufi, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-indent: 0;
        padding-right: 36px;
    }

.notification-page.light .all-category .pretty .state label {
    color: #000000;
}

.notification-page.dark .all-category .pretty .state label {
    color: #c7c7c7;
}

.notification-page .all-category .pretty.p-svg .state .svg {
    left: unset;
    right: 2px;
    top: 0;
}

.notification-page .pretty {
    margin-right: 0;
}

    .notification-page .pretty .state label:after,
    .notification-page .pretty .state label:before {
        border: 2px solid transparent;
    }

.notification-page.light .pretty .state label:before {
    border-color: #dedede;
    background-color: #fff;
}

.notification-page.dark .pretty .state label:before {
    border-color: #414141;
    background-color: #1f1f1f;
}

.notification-page .pretty input:checked ~ .state.p-success label:after,
.notification-page .pretty.p-toggle .state.p-success label:after {
    background-color: #d02d2e !important;
}

.notification-page .pretty.p-curve .state label:after,
.notification-page .pretty.p-curve .state label:before {
    border-radius: 0;
}

.notification-page .notification-item {
    margin-bottom: 11px;
}

.notification-page .notification-label {
    display: flex;
    border-radius: 2px;
    margin-bottom: 0;
    border-bottom: 2px solid;
}

.notification-page.light .notification-label {
    background-color: #f8f8f8;
    border-color: #efefef;
}

.notification-page.dark .notification-label {
    background-color: #0c0c0c;
    border-color: #282828;
}

.notification-page .notification-label .input-box {
    width: 72px;
    padding: 7px 0;
}

    .notification-page .notification-label .input-box .box {
        border-left: 1px solid;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

.notification-page.light .notification-label .input-box .box {
    border-color: #dedede;
}

.notification-page.dark .notification-label .input-box .box {
    border-color: #282828;
}

.notification-page .notification-label.notification-checked .input-box {
    background-color: #d02d2e;
}

    .notification-page .notification-label.notification-checked .input-box .box {
        border-color: #d02d2e;
    }

.notification-page .notification-label .text-box {
    padding: 6px 15px 8px 13px;
    width: calc(100% - 72px);
}

.notification-page .notification-label .pretty.p-svg .state .svg {
    font-size: 57px;
    width: 27px;
    height: 25px;
    left: -4px;
    top: -4px;
}

.notification-page .notification-label .text-box .box-h {
    font-family: IttihadHead, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 9px;
}

.notification-page .notification-label .text-box .box-p {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
}

.notification-page.light .notification-label .text-box .box-p {
    color: #9d9d9d;
}

.notification-page.dark .notification-label .text-box .box-p {
    color: #6f6f6f;
}

.notification-page .notification-label .pretty .state label:after,
.notification-page .notification-label .pretty .state label:before {
    width: 17px;
    height: 17px;
}

.notification-page .btn-box {
    margin-top: 23px;
}

.notification-page .custom-btn {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    background: #d02d2e;
    border-radius: 4px;
    padding: 16.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 369px;
    margin: auto;
    border: 1px solid #d02d2e;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .notification-page .custom-btn svg {
        margin-right: 5px;
    }

        .notification-page .custom-btn svg path {
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

    .notification-page .custom-btn:hover {
        color: #d02d2e;
        background-color: transparent;
    }

        .notification-page .custom-btn:hover svg path {
            stroke: #d02d2e;
        }

@media (min-width:992px) {
    .notification-page .row2 {
        margin-right: -5.5px;
        margin-left: -5.5px;
    }

        .notification-page .row2 .col-lg-6,
        .notification-page .row2 .col-md-12 {
            padding-left: 5.5px;
            padding-right: 5.5px;
        }
}

@media (max-width:992px) {
    .notification-page .aside-box {
        padding: 45px 95px 45px 0;
        width: 300px;
    }

    .notification-page .notifications-content {
        max-width: calc(100% - 300px);
    }
}

@media (max-width:992px) {
    .notification-page .notifications-section {
        flex-direction: column;
    }

    .notification-page .aside-box {
        padding: 35px 15px;
        width: 100%;
    }

    .notification-page .aside-list {
        max-width: 261px;
        margin: auto;
    }

    .notification-page .notifications-content {
        max-width: 100%;
    }

    .notification-page .custom-btn {
        font-size: 18px;
        line-height: 14px;
    }

    .notification-page .notifications-box .box-heading {
        padding: 15px 30px 15px;
    }

        .notification-page .notifications-box .box-heading .box-h {
            font-size: 12px;
            line-height: 16px;
        }

    .notification-page .notifications-box {
        background-color: unset !important;
        margin: 31px auto 100px;
    }

        .notification-page .notifications-box .box-body {
            padding: 30px 0 0;
        }

    .notification-page .all-category {
        margin-bottom: 24px;
        padding-right: 0;
        text-align: center;
    }

    .notification-page .notification-label .input-box {
        width: 59px;
    }

    .notification-page .notification-label .text-box {
        width: calc(100% - 59px);
    }

        .notification-page .notification-label .text-box .box-p {
            line-height: 22px;
        }
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.opinion-subscription-page .mini-desc {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-align: right;
    color: #656565;
    height: 103px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-top: 9px;
    margin-bottom: 23px;
}

.opinion-subscription-page .ticker-wrap {
    position: relative;
    overflow: hidden;
    /*background-color: #e2e2e2;*/
    box-sizing: border-box;
    z-index: 9999;
    padding-left: 50px;
    display: flex;
}

    .opinion-subscription-page .ticker-wrap .ticker {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        white-space: nowrap;
        box-sizing: content-box;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 100s;
        animation-duration: 100s;
    }

.opinion-subscription-page .ticker:hover {
    animation-play-state: paused;
}

.opinion-subscription-page .ticker-wrap .ticker__item {
    display: inline-block;
    font-size: 12px;
    color: #424242;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.opinion-subscription-page .ticker-wrap .ticker__item-label {
    display: block;
    padding: 4px 10px;
    font-size: 16px;
    background-color: #d02d2e;
    color: #fff;
    width: fit-content;
    white-space: nowrap;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    z-index: 1;
}

.opinion-subscription-page .newstlogo {
    margin: 0 12px;
}

.opinion-subscription-page .ticker-wrap .ticker__item-label a {
    color: #fff;
    font-weight: 400;
    font-family: var(--default-font-family);
}

.opinion-subscription-page .ticker-wrap .ticker__item-label i {
    margin-left: .75rem;
}

.opinion-subscription-page .ticker-wrap .ticker__item span {
    margin-left: 3px;
}

.opinion-subscription-page .newsgrid1 {
    width: 100%;
}

.opinion-subscription-page .newsgrid2 {
    width: 100%;
}

.opinion-subscription-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

    .opinion-subscription-page .newsstyle1 img {
        transform-origin: 50% 65%;
        transition: transform 1s ease-in-out;
    }

    .opinion-subscription-page .newsstyle1:hover img {
        transform: scale(1.1);
    }

.opinion-subscription-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.opinion-subscription-page .innerdesc {
    position: relative;
    padding: 10px;
}

.opinion-subscription-page .m-t-22 {
    margin-top: 22px !important;
}

.opinion-subscription-page .adscont {
    background: 0 0 !important;
}

.opinion-subscription-page .cats1 {
    padding: 4px 12px 4px 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-weight: 400;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -29px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.opinion-subscription-page .titlepdf {
    background: #cacaca;
    border-right: 3px solid #d02d2e;
    padding-right: 5px;
    line-height: 1;
    font-family: IttihadHeadSub;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff;
}

.opinion-subscription-page .sep {
    border-top: 1px solid #e2e2e2;
    margin: 25px 0;
}

.opinion-subscription-page .sep-vertical {
    border-left: 1px solid #e2e2e2;
    margin: 0 25px;
    height: 500px;
}

.opinion-subscription-page .sep-vertical,
.opinion-subscription-page.dark .sep,
.opinion-subscription-page.dark .sep2 {
    border-top: 1px solid #242424;
}

.opinion-subscription-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

.opinion-subscription-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.opinion-subscription-page .leftarr {
    margin-right: 10px;
}

.opinion-subscription-page .newspic {
    position: relative;
}

.opinion-subscription-page .thumbnews1 {
    width: 100%;
}

.opinion-subscription-page .catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
}

.opinion-subscription-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.opinion-subscription-page .desctext {
    color: #424242;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.opinion-subscription-page .madda.m-20 {
    margin-top: -21px;
}

.opinion-subscription-page .thumb-writer {
    color: #ababab;
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #727272;
    max-width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.opinion-subscription-page .inner2 {
    margin-bottom: 40px;
    cursor: pointer;
}

.opinion-subscription-page .title-with-border.navyb {
    border-color: #103e8a;
}

.opinion-subscription-page .graytitle {
    color: #424242;
}

.opinion-subscription-page .bluetitle {
    color: #d02d2e;
}

.opinion-subscription-page .navy {
    color: #103e8a;
}

.opinion-subscription-page .ads2 {
    width: 100%;
}

.opinion-subscription-page .brdleft {
    border-inline-end: 1px solid #e2e2e2;
}

.opinion-subscription-page.dark .brdleft {
    border-inline-end: 1px solid #2e2e2e;
}

.opinion-subscription-page .brdright {
    position: relative;
}

    .opinion-subscription-page .brdright:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #e2e2e2;
        right: -10px;
        top: 0;
    }

.opinion-subscription-page.dark .brdright:before {
    background: #2e2e2e;
}

.opinion-subscription-page .blackhome {
    background: #000;
    padding: 30px 0;
}

.opinion-subscription-page .titleh2 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #e83438;
}

.opinion-subscription-page .videocontainer {
    position: relative;
}

.opinion-subscription-page .catvideo {
    color: #fff;
    padding-right: 15px;
    border-right: 5px solid #fdc300;
    line-height: 1;
    margin-bottom: 10px;
    font-family: IttihadHead, sans-serif !important;
    font-size: 28px;
}

    .opinion-subscription-page .catvideo.orange {
        border-color: #ea5c18;
    }

    .opinion-subscription-page .catvideo.blue {
        border-color: #d02d2e;
    }

.opinion-subscription-page .ads2l {
    width: 100%;
}

.opinion-subscription-page .descvideo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 35px 30px;
}

.opinion-subscription-page .desctextvideo {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.opinion-subscription-page .timenews2 {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.opinion-subscription-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.opinion-subscription-page .carcontainer {
    margin-top: 20px;
}

.opinion-subscription-page .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: inline-block !important;
    width: 65px !important;
    cursor: pointer;
}

.opinion-subscription-page .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.opinion-subscription-page .owl-theme .owl-dots .owl-dot span {
    background: #303030 !important;
}

.opinion-subscription-page .owl-theme .owl-dots .owl-dot.active span,
.opinion-subscription-page .owl-theme .owl-dots .owl-dot:hover span {
    background: #ef3f3f !important;
}

.opinion-subscription-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    color: #636363;
    font-size: 12px;
    line-height: 1.2;
}

.opinion-subscription-page .mininewsdesc2 {
    padding: 18.5px;
    background: #fff;
}

.opinion-subscription-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 10px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.opinion-subscription-page.dark .titleh11 {
    color: #ababab;
}

.opinion-subscription-page .titleh111 {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    line-height: 1;
}

.opinion-subscription-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.opinion-subscription-page .bgscroll {
    background: #eaeaea;
}

.opinion-subscription-page .subtitle111 {
    color: #000000;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.opinion-subscription-page .bluecaret {
    font-size: 23px;
}

.opinion-subscription-page .authname {
    font-size: 12px;
    color: #ababab;
    margin-top: 7px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

    .opinion-subscription-page .authname span {
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
        font-size: 10px;
        color: #ababab;
    }

.opinion-subscription-page .mrr {
    margin-top: 52px;
}

.opinion-subscription-page .mb-30 {
    margin-bottom: 30px;
}

.opinion-subscription-page .hadis {
    width: 100%;
}

.opinion-subscription-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    overflow: hidden;
}

.opinion-subscription-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.opinion-subscription-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.opinion-subscription-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.opinion-subscription-page .hadiscontainer:hover .hadov {
    right: 0;
}

.opinion-subscription-page .caricature {
    padding: 30px 0;
    background: #eaeaea;
}

.opinion-subscription-page.dark .bgscroll,
.opinion-subscription-page.dark .caricature {
    background: #060606;
}

.opinion-subscription-page .padcaricature {
    padding-inline-end: 20px;
}

.opinion-subscription-page .padcaricature2 {
    padding-inline-start: 20px;
}

.opinion-subscription-page .mt-32 {
    margin-top: 32px;
}

.opinion-subscription-page .pt1 {
    padding-top: 25px !important;
}

.opinion-subscription-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

.opinion-subscription-page .newsgrid1 {
    width: 100%;
}

.opinion-subscription-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.opinion-subscription-page .cats1.yellow {
    border-color: #fdc300;
}

.opinion-subscription-page .innerdesc {
    position: relative;
    padding: 10px;
    width: 80%;
}

.opinion-subscription-page .cats1 {
    padding: 0 12px 0 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -21px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.opinion-subscription-page .inner2 {
    cursor: pointer;
}

.opinion-subscription-page .newspic {
    position: relative;
}

.opinion-subscription-page .thumbnews2 {
    width: 100%;
}

.opinion-subscription-page .catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    font-weight: 400;
    right: 0;
    padding: 3px 10px;
    border-inline-start: 4px solid #d02d2e;
}

    .opinion-subscription-page .catnewsinner.yellow {
        border-color: #fdc300;
    }

.opinion-subscription-page .innerthumbdesc11 {
    background: #fff;
    padding: 15px 22px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .opinion-subscription-page .innerthumbdesc11 a {
        display: unset;
    }

.div-opinion-subscription-page {
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

    .div-opinion-subscription-page a {
        white-space: nowrap;
    }

.opinion-subscription-page .mb0 {
    margin-bottom: 0;
}

.opinion-subscription-page .desctext {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #636363;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 46px;
}

.opinion-subscription-page.dark .thumb-writer {
    color: #b4b4b4 !important;
}

.opinion-subscription-page.dark .desctext {
    color: #b4b4b4 !important;
}

.opinion-subscription-page .red-arrow-down {
    color: #ef3f3f;
}

.opinion-subscription-page.dark.innerthumbdesc11 {
    background-color: #191919 !important;
}

@media (max-width:992px) {
    .opinion-subscription-page .thumbnews1 {
        height: 72px;
        width: auto;
    }

    .opinion-subscription-page .w100 {
        width: 100% !important;
        height: auto !important;
    }

    .opinion-subscription-page .innerthumbdesc11 {
        padding: 12px 8px 5px !important;
        transition: all .5s ease-in-out;
    }

    .opinion-subscription-page .inner2 {
        margin-bottom: 20px;
    }

    .opinion-subscription-page .desctext {
        font-size: 12px;
        line-height: 15px;
    }

    .opinion-subscription-page .newspic {
        position: relative;
    }
}

.opinion-subscription-page .ads2 {
    width: 100%;
    margin: auto;
    display: block;
}

.opinion-subscription-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.opinion-subscription-page.dark .madda {
    background: #080808;
}

.opinion-subscription-page .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.opinion-subscription-page .onblack.madda {
    background: #080808 !important;
}

.opinion-subscription-page .hrvideo {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 40px 0 30px;
    padding: 0;
}

.opinion-subscription-page .extraheight {
    height: 40px;
}

.opinion-subscription-page .thumbnews1 {
    width: 100%;
}

.opinion-subscription-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    font-size: 12px;
}

.opinion-subscription-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

@media (min-width:768px) {
    .opinion-subscription-page .customcolnews1 {
        flex: 0 0 36%;
        max-width: 36%;
    }

    .opinion-subscription-page .customcolnews2 {
        flex: 0 0 64%;
        max-width: 64%;
    }
}

.opinion-subscription-page .mobile-layout {
    display: none;
    flex-wrap: nowrap;
}

@media (max-width:992px) {
    .opinion-subscription-page .thumbnews1 {
        width: 128px;
    }

    .opinion-subscription-page .mininewsdesc {
        line-height: 18px;
    }

    .opinion-subscription-page .mininewsdesc2 {
        padding: 17.5px !important;
        padding-inline-start: 30px !important;
    }

    .opinion-subscription-page .desc-container {
        padding: 10px 8px;
    }
}

.opinion-subscription-page.dark .mininewsdesc {
    color: #b4b4b4 !important;
}

.opinion-subscription-page .thumbnews1 {
    width: 100%;
}

.opinion-subscription-page .gridstyle2 .desctext {
    color: #636363;
}

.opinion-subscription-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    padding-right: 8px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.opinion-subscription-page .leftarr {
    margin-right: 10px;
    margin-top: -8px;
}

.opinion-subscription-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.opinion-subscription-page .authname {
    font-size: 10px;
    color: #ababab;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (max-width:992px) {
    .opinion-subscription-page .thumbnews1 {
        width: 95px;
    }

    .opinion-subscription-page .col-desc {
        padding-inline-start: 30px;
    }

    .opinion-subscription-page .mininewsdesc2 {
        padding: 12px;
    }

    .opinion-subscription-page .subtitle11 {
        font-size: 14px;
        margin-top: 5px;
    }

    .opinion-subscription-page .authname {
        font-size: 10px;
        margin-top: 5px;
    }

        .opinion-subscription-page .authname span {
            padding-inline-start: 20px;
        }
}

.opinion-subscription-page .thumbnews1 {
    width: 100%;
}

.opinion-subscription-page .m-t-20 .inner2 {
    margin-bottom: 0;
}

.opinion-subscription-page .mininewsdesc22 {
    padding: 8px 20px;
    background: #fff;
}

.opinion-subscription-page .titleh111 {
    font-size: 16px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    margin-bottom: 2px;
    line-height: 1;
}

.opinion-subscription-page .subtitle111 {
    color: #000000;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.opinion-subscription-page .authname {
    font-size: 10px;
    color: #ababab;
    margin-top: 3px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (min-width:768px) {
    .opinion-subscription-page .customcolwriters1 {
        flex: 0 0 23.23%;
        max-width: 23.23%;
    }

    .opinion-subscription-page .customcolwriters2 {
        flex: 0 0 76.77%;
        max-width: 76.77%;
    }
}

.opinion-subscription-page .authname span {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    color: #ababab;
}

.opinion-subscription-page .desc111 {
    width: 100%;
}

.opinion-subscription-page.dark .mininewsdesc22 {
    background-color: #191919;
}

.opinion-subscription-page.light .mininewsdesc22 {
    background-color: #fff;
}

.opinion-subscription-page.light .subtitle111 {
    color: #000000;
}

.opinion-subscription-page.dark .subtitle111 {
    color: #cbcbcb;
}

@media (max-width:992px) {
    .opinion-subscription-page .thumbnews1 {
        width: 128px;
    }

    .opinion-subscription-page .titleh111 {
        margin-bottom: 0;
    }

    .opinion-subscription-page .col-desc.light {
        padding-inline-start: 30px;
    }

    .opinion-subscription-page .mininewsdesc22 {
        padding: 7px 12px;
        padding-inline-start: 42px;
    }

    .opinion-subscription-page .subtitle111 {
        font-size: 14px;
        margin-top: 5px;
    }

    .opinion-subscription-page .authname {
        font-size: 10px;
        margin-top: 1px;
    }

        .opinion-subscription-page .authname span {
            padding-inline-start: 20px;
        }

    .opinion-subscription-page .mininewsdesc22 .authname span {
        padding-inline-start: 0;
    }
}

.opinion-subscription-page .hadis {
    width: 100%;
}

.opinion-subscription-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
}

.opinion-subscription-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.opinion-subscription-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.opinion-subscription-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.opinion-subscription-page .hadiscontainer:hover .hadov {
    right: 0;
}

.opinion-subscription-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.opinion-subscription-page .leftarr {
    margin-right: 10px;
}

.opinion-subscription-page .carcontainer {
    margin-top: 20px;
    background: #eaeaea;
}

.opinion-subscription-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.opinion-subscription-page .videocontainer {
    position: relative;
}

.opinion-subscription-page .videothumb {
    width: 100%;
}

.opinion-subscription-page .w95 {
    width: 95px !important;
}

.opinion-subscription-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.opinion-subscription-page.dark .desctext {
    color: #b4b4b4 !important;
}

.opinion-subscription-page.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.opinion-subscription-page.dark .graytitle,
.opinion-subscription-page.dark .title-with-border {
    color: #ababab;
}

.opinion-subscription-page.dark .bluetitle {
    color: #d02d2e;
}

.opinion-subscription-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.opinion-subscription-page.light .header-container {
    background: #fff;
}

.opinion-subscription-page.dark .mainnav li a {
    color: #ababab !important;
}

.opinion-subscription-page.dark .titleh1 {
    color: #ababab !important;
}

.opinion-subscription-page .videocontainer {
    position: relative;
}

.opinion-subscription-page .videothumb {
    width: 100%;
}

.opinion-subscription-page .w95 {
    height: 95px !important;
}

.opinion-subscription-page .innerthumbdesc11 {
    background: #fff;
    padding: 11px 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.opinion-subscription-page.dark .desctext {
    color: #b4b4b4 !important;
}

.opinion-subscription-page.dark .innerthumbdesc11 {
    background-color: #000000 !important;
}

.opinion-subscription-page.dark .mini-desc
{
    color:#ffffff;
}

.opinion-subscription-page.dark .graytitle,
.opinion-subscription-page.dark .title-with-border {
    color: #ababab;
}

.opinion-subscription-page.dark .bluetitle {
    color: #d02d2e;
}

.opinion-subscription-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.opinion-subscription-page.light .header-container {
    background: #fff;
}

.opinion-subscription-page.dark .mainnav li a {
    color: #ababab !important;
}

.opinion-subscription-page.dark .titleh1 {
    color: #ababab !important;
}

.opinion-subscription-page .blue-border {
    color: #5194ce !important;
}

.opinion-subscription-page.dark-blue-border {
    color: #103e8a !important;
}

.opinion-subscription-page .title-with-border.yellow {
    border-color: #fdc300;
}

.opinion-subscription-page .fa-caret-left.yellow {
    color: #fdc300;
}

.opinion-subscription-page .title-with-border.orange {
    border-color: #ea5c18;
}

.opinion-subscription-page .fa-caret-left.orange {
    color: #ea5c18;
}

.opinion-subscription-page .title-with-border.green {
    border-color: #57a858;
}

.opinion-subscription-page .fa-caret-left.green {
    color: #57a858;
}

.opinion-subscription-page .title-with-border.dark-green {
    border-color: #2f9c81;
}

.opinion-subscription-page .fa-caret-left.dark-green {
    color: #2f9c81;
}

.opinion-subscription-page .title-with-border.red {
    border-color: #e83438;
}

.opinion-subscription-page .fa-caret-left.red {
    color: #e83438;
}

.opinion-subscription-page .title-#696158 {
    color: #ababab;
}

.opinion-subscription-page.light .hadis-al-suwar-title {
    color: #fff;
}

.opinion-subscription-page.dark .hadis-al-suwar-title {
    color: #ababab;
}

.opinion-subscription-page .expostyle .innerdesc {
    width: 100%;
    background: #b59578;
}

.opinion-subscription-page .expostyle .cats1 {
    background: #000;
    border-color: #b59578;
    top: -26px;
}

.opinion-subscription-page .belt {
    cursor: pointer;
}

.opinion-subscription-page .show-more {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #424242;
    text-align: center;
}

.opinion-subscription-page.dark .show-more {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    text-align: center;
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.opinion-photo-page .close2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    width: 35px;
    text-align: center;
    z-index: 999;
    line-height: 28px;
    cursor: pointer;
}

.opinion-photo-page .ticker-wrap {
    position: relative;
    overflow: hidden;
    background-color: #e2e2e2;
    box-sizing: border-box;
    z-index: 9999;
    padding-left: 50px;
    display: flex;
}

    .opinion-photo-page .ticker-wrap .ticker {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        white-space: nowrap;
        box-sizing: content-box;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 100s;
        animation-duration: 100s;
    }

.opinion-photo-page .ticker:hover {
    animation-play-state: paused;
}

.opinion-photo-page .ticker-wrap .ticker__item {
    display: inline-block;
    font-size: 12px;
    color: #424242;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.opinion-photo-page .ticker-wrap .ticker__item-label {
    display: block;
    padding: 4px 10px;
    font-size: 16px;
    background-color: #d02d2e;
    color: #fff;
    width: fit-content;
    white-space: nowrap;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    z-index: 1;
}

.opinion-photo-page .newstlogo {
    margin: 0 12px;
}

.opinion-photo-page .ticker-wrap .ticker__item-label a {
    color: #fff;
    font-weight: 400;
    font-family: var(--default-font-family);
}

.opinion-photo-page .ticker-wrap .ticker__item-label i {
    margin-left: .75rem;
}

.opinion-photo-page .ticker-wrap .ticker__item span {
    margin-left: 3px;
}

.opinion-photo-page .newsgrid1 {
    width: 100%;
}

.opinion-photo-page .newsgrid2 {
    width: 100%;
}

.opinion-photo-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

    .opinion-photo-page .newsstyle1 img {
        transform-origin: 50% 65%;
        transition: transform 1s ease-in-out;
    }

    .opinion-photo-page .newsstyle1:hover img {
        transform: scale(1.1);
    }

.opinion-photo-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.opinion-photo-page .inner2:hover div {
    background: #424242;
    color: #fff;
}

.opinion-photo-page .inner2 div {
    transition: all .5s;
}

.dark.opinion-photo-page .inner2:hover div {
    background: #191919 !important;
    color: #fff !important;
}

.opinion-photo-page .innerdesc {
    position: relative;
    padding: 10px;
}

.opinion-photo-page .m-t-22 {
    margin-top: 22px !important;
}

.opinion-photo-page .adscont {
    background: 0 0 !important;
}

.opinion-photo-page .cats1 {
    padding: 4px 12px 4px 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-weight: 400;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -29px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.opinion-photo-page .titlepdf {
    background: #cacaca;
    border-right: 3px solid #d02d2e;
    padding-right: 5px;
    line-height: 1;
    font-family: IttihadHeadSub;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff;
}

.opinion-photo-page .sep {
    border-top: 1px solid #e2e2e2;
    margin: 25px 0;
}

.opinion-photo-page .sep-vertical {
    border-left: 1px solid #e2e2e2;
    margin: 0 25px;
    height: 500px;
}

.opinion-photo-page .sep-vertical,
.opinion-photo-page.dark .sep,
.opinion-photo-page.dark .sep2 {
    border-top: 1px solid #242424;
}

.opinion-photo-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

.opinion-photo-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.opinion-photo-page .leftarr {
    margin-right: 10px;
}

.opinion-photo-page .newspic {
    position: relative;
}

.opinion-photo-page .thumbnews1 {
    width: 100%;
}

.opinion-photo-page .catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
}

.opinion-photo-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.opinion-photo-page .desctext {
    color: #424242;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    height: 36px;
    overflow: hidden;
}

.opinion-photo-page .madda.m-20 {
    margin-top: -21px;
}

.opinion-photo-page .thumb-writer {
    color: #ababab;
    font-family: "Droid Arabic Kufi";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
}

.opinion-photo-page .inner2 {
    margin-bottom: 40px;
    cursor: pointer;
}

.opinion-photo-page .title-with-border.navyb {
    border-color: #103e8a;
}

.opinion-photo-page .graytitle {
    color: #424242;
}

.opinion-photo-page .bluetitle {
    color: #d02d2e;
}

.opinion-photo-page .navy {
    color: #103e8a;
}

.opinion-photo-page .ads2 {
    width: 100%;
}

.opinion-photo-page .brdleft {
    border-inline-end: 1px solid #e2e2e2;
}

.opinion-photo-page.dark .brdleft {
    border-inline-end: 1px solid #2e2e2e;
}

.opinion-photo-page .brdright {
    position: relative;
}

    .opinion-photo-page .brdright:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #e2e2e2;
        right: -10px;
        top: 0;
    }

.opinion-photo-page.dark .brdright:before {
    background: #2e2e2e;
}

.opinion-photo-page .blackhome {
    background: #000;
    padding: 30px 0;
}

.opinion-photo-page .titleh2 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #e83438;
}

.opinion-photo-page .videocontainer {
    position: relative;
}

.opinion-photo-page .catvideo {
    color: #fff;
    padding-right: 15px;
    border-right: 5px solid #fdc300;
    line-height: 1;
    margin-bottom: 10px;
    font-family: IttihadHead, sans-serif !important;
    font-size: 28px;
}

    .opinion-photo-page .catvideo.orange {
        border-color: #ea5c18;
    }

    .opinion-photo-page .catvideo.blue {
        border-color: #d02d2e;
    }

.opinion-photo-page .ads2l {
    width: 100%;
}

.opinion-photo-page .descvideo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 35px 30px;
}

.opinion-photo-page .desctextvideo {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.opinion-photo-page .timenews2 {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
}

.opinion-photo-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.opinion-photo-page .carcontainer {
    margin-top: 20px;
}

.opinion-photo-page .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: inline-block !important;
    width: 65px !important;
    cursor: pointer;
}

.opinion-photo-page .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.opinion-photo-page .owl-theme .owl-dots .owl-dot span {
    background: #303030 !important;
}

.opinion-photo-page .owl-theme .owl-dots .owl-dot.active span,
.opinion-photo-page .owl-theme .owl-dots .owl-dot:hover span {
    background: #ef3f3f !important;
}

.opinion-photo-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    color: #636363;
    font-size: 12px;
    line-height: 1.2;
}

.opinion-photo-page .mininewsdesc2 {
    padding: 18.5px;
    background: #fff;
}

.opinion-photo-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 10px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.opinion-photo-page.dark .titleh11 {
    color: #ababab;
}

.opinion-photo-page .titleh111 {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    line-height: 1;
}

.opinion-photo-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.opinion-photo-page .bgscroll {
    background: #eaeaea;
}

.opinion-photo-page .subtitle111 {
    color: #000000;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.opinion-photo-page .bluecaret {
    font-size: 23px;
}

.opinion-photo-page .authname {
    font-size: 12px;
    color: #ababab;
    margin-top: 7px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

    .opinion-photo-page .authname span {
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
        font-size: 10px;
        color: #ababab;
    }

.opinion-photo-page .mrr {
    margin-top: 52px;
}

.opinion-photo-page .mb-30 {
    margin-bottom: 30px;
}

.opinion-photo-page .hadis {
    width: 100%;
}

.opinion-photo-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    overflow: hidden;
}

.opinion-photo-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.opinion-photo-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.opinion-photo-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.opinion-photo-page .hadiscontainer:hover .hadov {
    right: 0;
}

.opinion-photo-page .caricature {
    padding: 30px 0;
    background: #eaeaea;
}

.opinion-photo-page.dark .bgscroll,
.opinion-photo-page.dark .caricature {
    background: #060606;
}

.opinion-photo-page .padcaricature {
    padding-inline-end: 20px;
}

.opinion-photo-page .padcaricature2 {
    padding-inline-start: 20px;
}

.opinion-photo-page .mt-32 {
    margin-top: 32px;
}

.opinion-photo-page .pt1 {
    padding-top: 25px !important;
}

.opinion-photo-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

.opinion-photo-page .newsgrid1 {
    width: 100%;
}

.opinion-photo-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.opinion-photo-page .cats1.yellow {
    border-color: #fdc300;
}

.opinion-photo-page .innerdesc {
    position: relative;
    padding: 10px;
    width: 80%;
}

.opinion-photo-page .cats1 {
    padding: 0 12px 0 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -21px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.opinion-photo-page .inner2 {
    cursor: pointer;
}

.opinion-photo-page .newspic {
    position: relative;
}

.opinion-photo-page .thumbnews2 {
    width: 100%;
}

.opinion-photo-page .catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    font-weight: 400;
    right: 0;
    padding: 3px 10px;
    border-inline-start: 4px solid #d02d2e;
}

    .opinion-photo-page .catnewsinner.yellow {
        border-color: #fdc300;
    }

.opinion-photo-page .innerthumbdesc11 {
    background: #fff;
    padding: 15px 22px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .opinion-photo-page .innerthumbdesc11 a {
        display: unset;
    }

.opinion-photo-page .mb0 {
    margin-bottom: 0;
}

.opinion-photo-page .desctext {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12.9758px;
    line-height: 18px;
    text-align: right;
    color: #636363;
}

.opinion-photo-page.dark .thumb-writer {
    color: #b4b4b4 !important;
}

.opinion-photo-page.dark .desctext {
    color: #b4b4b4 !important;
}

.opinion-photo-page .red-arrow-down {
    color: #ef3f3f;
}

.opinion-photo-page.dark.innerthumbdesc11 {
    background-color: #191919 !important;
}

@media (max-width:992px) {
    .opinion-photo-page .thumbnews1 {
        height: 72px;
        width: auto;
    }

    .opinion-photo-page .w100 {
        width: 100% !important;
        height: auto !important;
    }

    .opinion-photo-page .innerthumbdesc11 {
        padding: 12px 8px 5px !important;
        transition: all .5s ease-in-out;
    }

    .opinion-photo-page .inner2 {
        margin-bottom: 20px;
    }

    .opinion-photo-page .desctext {
        font-size: 12px;
        line-height: 18px;
    }

    .opinion-photo-page .newspic {
        position: relative;
    }
}

.opinion-photo-page .ads2 {
    width: 100%;
    margin: auto;
    display: block;
}

.opinion-photo-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.opinion-photo-page.dark .madda {
    background: #080808;
}

.opinion-photo-page .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.opinion-photo-page .onblack.madda {
    background: #080808 !important;
}

.opinion-photo-page .hrvideo {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 40px 0 30px;
    padding: 0;
}

.opinion-photo-page .extraheight {
    height: 40px;
}

.opinion-photo-page .thumbnews1 {
    width: 100%;
}

.opinion-photo-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    font-size: 12px;
}

.opinion-photo-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

@media (min-width:768px) {
    .opinion-photo-page .customcolnews1 {
        flex: 0 0 36%;
        max-width: 36%;
    }

    .opinion-photo-page .customcolnews2 {
        flex: 0 0 64%;
        max-width: 64%;
    }
}

.opinion-photo-page .mobile-layout {
    display: none;
    flex-wrap: nowrap;
}

@media (max-width:992px) {
    .opinion-photo-page .thumbnews1 {
        width: 128px;
    }

    .opinion-photo-page .mininewsdesc {
        line-height: 18px;
    }

    .opinion-photo-page .mininewsdesc2 {
        padding: 17.5px !important;
        padding-inline-start: 30px !important;
    }

    .opinion-photo-page .desc-container {
        padding: 10px 8px;
    }
}

.opinion-photo-page.dark .mininewsdesc {
    color: #b4b4b4 !important;
}

.opinion-photo-page .thumbnews1 {
    width: 100%;
}

.opinion-photo-page .gridstyle2 .desctext {
    color: #636363;
}

.opinion-photo-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    padding-right: 8px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.opinion-photo-page .leftarr {
    margin-right: 10px;
    margin-top: -8px;
}

.opinion-photo-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.opinion-photo-page .authname {
    font-size: 10px;
    color: #ababab;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (max-width:992px) {
    .opinion-photo-page .thumbnews1 {
        width: 95px;
    }

    .opinion-photo-page .col-desc {
        padding-inline-start: 30px;
    }

    .opinion-photo-page .mininewsdesc2 {
        padding: 12px;
    }

    .opinion-photo-page .subtitle11 {
        font-size: 14px;
        margin-top: 5px;
    }

    .opinion-photo-page .authname {
        font-size: 10px;
        margin-top: 5px;
    }

        .opinion-photo-page .authname span {
            padding-inline-start: 20px;
        }
}

.opinion-photo-page .thumbnews1 {
    width: 100%;
}

.opinion-photo-page .m-t-20 .inner2 {
    margin-bottom: 0;
}

.opinion-photo-page .mininewsdesc22 {
    padding: 8px 20px;
    background: #fff;
}

.opinion-photo-page .titleh111 {
    font-size: 16px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    margin-bottom: 2px;
    line-height: 1;
}

.opinion-photo-page .subtitle111 {
    color: #000000;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.opinion-photo-page .authname {
    font-size: 10px;
    color: #ababab;
    margin-top: 3px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (min-width:768px) {
    .opinion-photo-page .customcolwriters1 {
        flex: 0 0 23.23%;
        max-width: 23.23%;
    }

    .opinion-photo-page .customcolwriters2 {
        flex: 0 0 76.77%;
        max-width: 76.77%;
    }
}

.opinion-photo-page .authname span {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    color: #ababab;
}

.opinion-photo-page .desc111 {
    width: 100%;
}

.opinion-photo-page.dark .mininewsdesc22 {
    background-color: #191919;
}

.opinion-photo-page.light .mininewsdesc22 {
    background-color: #fff;
}

.opinion-photo-page.light .subtitle111 {
    color: #000000;
}

.opinion-photo-page.dark .subtitle111 {
    color: #cbcbcb;
}

@media (max-width:992px) {
    .opinion-photo-page .thumbnews1 {
        width: 128px;
    }

    .opinion-photo-page .titleh111 {
        margin-bottom: 0;
    }

    .opinion-photo-page .col-desc.light {
        padding-inline-start: 30px;
    }

    .opinion-photo-page .mininewsdesc22 {
        padding: 7px 12px;
        padding-inline-start: 42px;
    }

    .opinion-photo-page .subtitle111 {
        font-size: 14px;
        margin-top: 5px;
    }

    .opinion-photo-page .authname {
        font-size: 10px;
        margin-top: 1px;
    }

        .opinion-photo-page .authname span {
            padding-inline-start: 20px;
        }

    .opinion-photo-page .mininewsdesc22 .authname span {
        padding-inline-start: 0;
    }
}

.opinion-photo-page .hadis {
    width: 100%;
}

.opinion-photo-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
}

.opinion-photo-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.opinion-photo-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.opinion-photo-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.opinion-photo-page .hadiscontainer:hover .hadov {
    right: 0;
}

.opinion-photo-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.opinion-photo-page .leftarr {
    margin-right: 10px;
}

.opinion-photo-page .carcontainer {
    margin-top: 20px;
    background: #eaeaea;
}

.opinion-photo-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.opinion-photo-page .videocontainer {
    position: relative;
}

.opinion-photo-page .videothumb {
    width: 100%;
}

.opinion-photo-page .w95 {
    width: 95px !important;
}

.opinion-photo-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.opinion-photo-page.dark .desctext {
    color: #b4b4b4 !important;
}

.opinion-photo-page.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.opinion-photo-page.dark .graytitle,
.opinion-photo-page.dark .title-with-border {
    color: #ababab;
}

.opinion-photo-page.dark .bluetitle {
    color: #d02d2e;
}

.opinion-photo-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.opinion-photo-page.light .header-container {
    background: #fff;
}

.opinion-photo-page.dark .mainnav li a {
    color: #ababab !important;
}

.opinion-photo-page.dark .titleh1 {
    color: #ababab !important;
}

.opinion-photo-page .videocontainer {
    position: relative;
}

.opinion-photo-page .videothumb {
    width: 100%;
}

.opinion-photo-page .w95 {
    height: 95px !important;
}

.opinion-photo-page .innerthumbdesc11 {
    background: #fff;
    padding: 11px 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.opinion-photo-page.dark .desctext {
    color: #b4b4b4 !important;
}

.opinion-photo-page.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.opinion-photo-page.dark .graytitle,
.opinion-photo-page.dark .title-with-border {
    color: #ababab;
}

.opinion-photo-page.dark .bluetitle {
    color: #d02d2e;
}

.opinion-photo-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.opinion-photo-page.light .header-container {
    background: #fff;
}

.opinion-photo-page.dark .mainnav li a {
    color: #ababab !important;
}

.opinion-photo-page.dark .titleh1 {
    color: #ababab !important;
}

.opinion-photo-page .blue-border {
    color: #5194ce !important;
}

.opinion-photo-page.dark-blue-border {
    color: #103e8a !important;
}

.opinion-photo-page .title-with-border.yellow {
    border-color: #fdc300;
}

.opinion-photo-page .fa-caret-left.yellow {
    color: #fdc300;
}

.opinion-photo-page .title-with-border.orange {
    border-color: #ea5c18;
}

.opinion-photo-page .fa-caret-left.orange {
    color: #ea5c18;
}

.opinion-photo-page .title-with-border.green {
    border-color: #57a858;
}

.opinion-photo-page .fa-caret-left.green {
    color: #57a858;
}

.opinion-photo-page .title-with-border.dark-green {
    border-color: #2f9c81;
}

.opinion-photo-page .fa-caret-left.dark-green {
    color: #2f9c81;
}

.opinion-photo-page .title-with-border.red {
    border-color: #e83438;
}

.opinion-photo-page .fa-caret-left.red {
    color: #e83438;
}

.opinion-photo-page .title-#696158 {
    color: #ababab;
}

.opinion-photo-page.light .hadis-al-suwar-title {
    color: #fff;
}

.opinion-photo-page.dark .hadis-al-suwar-title {
    color: #ababab;
}

.opinion-photo-page .expostyle .innerdesc {
    width: 100%;
    background: #b59578;
}

.opinion-photo-page .expostyle .cats1 {
    background: #000;
    border-color: #b59578;
    top: -26px;
}

.opinion-photo-page .belt {
    cursor: pointer;
}

.opinion-photo-page .show-more {
    font-family: "Droid Arabic Kufi";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #424242;
    text-align: center;
    cursor: pointer;
}

.opinion-photo-page.dark .show-more {
    font-family: "Droid Arabic Kufi";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    text-align: center;
}

.pdf2-page .pdf-reader {
    background-color: #313233;
    position: relative;
    display: block;
    text-align: -webkit-center;
    padding-top: 40px;
    padding-bottom: 10px;
}

.pdf2-page .square {
    border: 6px solid #7c7c7c;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

    .pdf2-page .square.white {
        border-color: #fff;
    }

.pdf2-page .nav {
    display: flex;
    width: 100%;
    position: absolute;
    top: calc(50% - 25px);
    justify-content: space-between;
    padding: 0 20px;
}

.pdf2-page .controls {
    width: 50%;
    background-color: #fff;
    height: 40px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
}

.pdf2-page .small-square {
    width: 20px;
    height: 20px;
    border: 2px solid #313233;
    cursor: pointer;
}

.pdf2-page .number {
    display: flex;
    cursor: pointer;
}

    .pdf2-page .number .current-number {
        background: #626262;
        color: #fff;
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
    }

    .pdf2-page .number .total-number {
        background: #313233;
        color: #fff;
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
    }

.photo-albumn-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.photo-albumn-page .hadis {
    width: 100%;
}

.photo-albumn-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.photo-albumn-page .hadiscontainer:hover .hadov {
    right: 0;
}

.photo-albumn-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.photo-albumn-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
    margin: 0;
}

.photo-albumn-page .hadis-date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #fff;
}

.photo-albumn-page .txt-hadis {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: right;
    height: 60px;
    overflow: hidden;
    color: #fff;
}

    .photo-albumn-page .txt-hadis.small {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        overflow: hidden;
        display: flex;
        align-items: center;
        text-align: right;
        color: #fff;
    }

.photo-album-text {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    align-items: center;
    text-align: right;
    color: #fff;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .photo-album-text.text-small {
        font-size: 16px;
        line-height: 20px;
    }

.photo-albumn-page .viewsc.small {
    height: 17px;
}

.photo-albumn-page .p0 {
    padding: 0;
}

.photo-albumn-page .m0 {
    margin: 0;
}

.photo-albumn-page .p15 {
    padding: 15px;
}

.photo-albumn-page .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.photo-albumn-page .brd-left {
    padding-left: 20px;
    border-left: 1px solid #d9d9d9;
}

.photo-albumn-page.dark .brd-left {
    border-left: 1px solid #393939;
}

.gradient-bg {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
}

.photo-albumn-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.photo-albumn-page .mt-23 {
    margin-top: 23px;
}

.photo-albumn-page .sep {
    border-top: 1px solid #e2e2e2;
}

.photo-albumn-page.dark .sep {
    border-top: 1px solid #393939;
}

.photo-albumn-page .-mt23 {
    margin-top: -23px;
}

.photo-albumn-page .m-t-57 {
    margin-top: 57px;
}

.photo-albumn-page .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(269px, 1fr));
    justify-content: center;
    gap: 20px 19px;
}

.photo-albumn-page .mb16 {
    margin-bottom: 16px;
}

.photo-albumn-page .load-more {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #424242;
}

.photo-albumn-page.dark .bluetitle,
.photo-albumn-page.dark .title-with-border {
    color: #a4a4a4;
}

.photo-albumn-page .item {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: -.03em;
    color: #fff;
}

.photo-albumn-page .p613 {
    padding: 6px 13px;
}

.photo-albumn-page .viewsc.b6 {
    bottom: 6px;
}

.podcast-page.light .podcast-player:hover .podcast-date1,
.podcast-page.light .podcast-player:hover .podcast-date1 a {
    background: #000000;
    color: #fff;
    border-color: #424242;
}

.podcast-page.dark .podcast-player:hover .podcast-date1 a {
    background: #0c0c0c;
    color: #fff;
}

.podcast-player .podcast-date1 a {
    /*transition: all .5s;*/
}

.podcast-page .podcast-player {
    position: relative;
    border-radius: 5px;
}

.podcast-page.dark .podcast-bg {
    background-color: #383838;
}

.podcast-page .podcast-bg {
    width: auto;
    border-radius: 4px 4px 0 0;
}

.podcast-page .posdcast-ellipse {
    width: 53px !important;
}

.podcast-page .m-t-16 {
    margin-top: 16px;
}

.podcast-page .m-t-23 {
    margin-top: 23px;
}

.podcast-page .m-b-38 {
    margin-bottom: 38px;
}

.podcast-page .divider {
    width: 100%;
    height: 1px;
}

.podcast-page.dark .divider {
    background-color: #383838;
}

.podcast-page.light .divider {
    background-color: #d9d9d9;
}

.podcast-page span.player-time {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16.0882px;
    line-height: 31px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #fff;
}

.podcast-page .player-desc {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-align: right;
    color: #fff;
    position: absolute;
    top: 203px;
    right: 20px;
    height: 37px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    left: 20px;
}

.podcast-page .player-controls {
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    background: #000 70;
    border-radius: 4px;
    position: absolute;
    bottom: 54px;
    right: 10px;
    left: 10px;
}

    .podcast-page .player-controls img {
        cursor: pointer;
        width: auto !important;
    }

.podcast-page .podcast-date {
    padding: 11.5px 12px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: space-between;
    color: #696158;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

    .podcast-page .podcast-date img {
        width: auto !important;
    }

.podcast-page.dark .podcast-date {
    border-right: 1px solid #383838;
    border-left: 1px solid #383838;
    border-bottom: 1px solid #383838;
    border-top: none;
    background-color: #0c0c0c;
}

.podcast-page.dark .podcast-date1 {
    border-right: 1px solid #383838;
    border-left: 1px solid #383838;
    border-bottom: 1px solid #383838;
    border-top: none;
    background-color: #0c0c0c;
}

.podcast-page.dark .title-with-border {
    color: #ababab !important;
}

.podcast-page .m-t-8 {
    margin-top: 8px;
}

.podcast-page .listen-podcast {
    border-radius: 0 5.46479px 5.46479px 0;
    padding: 13px;
}

.most-listened-img {
    border-radius: 5.46479px 0px 0px 5.46479px;
}

.podcast-page.dark .listen-podcast {
    background: 0 0;
}

.podcast-page .tit {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    display: block;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .podcast-page .tit {
        width: 125px;
    }
}

.podcast-page .txt {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: -.035em;
    color: #000000;
    margin-top: 6px;
    height: 32px;
    overflow: hidden;
}

.podcast-page.dark .txt {
    color: #b4b4b4;
}

.podcast-page .dt {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    margin-top: 6px;
}

.podcast-page .mt18 {
    margin-top: 18px;
}

.podcast-page .bg {
    background-color: #fff;
    width: 100%;
}

.podcast-page.dark .bg {
    background: #191919 !important;
}

.podcast-page .ads2 {
    max-width: 100%;
    width: 300px;
    margin: auto;
    display: block;
}

.podcast-page .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 173px));
    gap: 21px;
}

.podcast-page .pr30 {
    padding-right: 30px !important;
}

.podcast-page .posdcast-ellipse-div {
    position: absolute;
    top: 20px;
    right: 10px;
    left: 10px;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
}

    .podcast-page .posdcast-ellipse-div img {
        width: 30px;
        margin-inline-end: 11px;
    }

.podcast-page .podcast-bg-cell {
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.podcast-page.dark .brd-left {
    border-left: 1px solid #383838;
}

.podcast-page .brd-left {
    border-left: 1px solid #d9d9d9;
    padding-left: 30px !important;
}

.finance-page .brd-left {
    border-left: 1px solid #d9d9d9;
    padding-left: 30px !important;
}

.finance-page.dark .brd-left {
    border-left: 1px solid #383838;
}

.podcast-page.dark .podcast-date1 {
    color: #696158
}

.podcast-page .podcast-date1 {
    padding: 8px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    color: #696158;
    border: 1px solid #696158;
    background: #ffffff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.podcast-page .posdcast-ellipse-div a {
    color: #fff;
    text-align: right;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: initial;
}

.podcast-page.dark .podcast-date1 {
    border-color: #383838;
}

.podcast-page .player-desc1 {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: -.03em;
    color: #000000;
    display: block;
    width: 100%;
    height: 30px;
    overflow: hidden;
}

.podcast-page.dark .player-desc1 {
    color: #ffffff;
}

.podcast-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.podcast-page.dark .madda {
    background: #080808;
}

.podcast-page .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.podcast-page .mb4020 {
    margin-bottom: 40px;
}

.podcast-page .owl-theme .owl-dots .owl-dot span {
    background: #c4c4c4;
    width: 8px;
    height: 8px;
}

.podcast-page .owl-theme .owl-dots .owl-dot.active span,
.podcast-page .owl-theme .owl-dots .owl-dot:hover span {
    background: #d02d2e;
}

.podcast-article-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.podcast-article-page .blur-bg {
    display: flex;
    padding: 20px 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
}

.listen-too-podcast-img {
    border-radius: 5.46479px 0 0 5.46479px;
}

.dark .play-dark {
    display: block;
}

.light .play-dark {
    display: none;
}

.dark .play-white {
    display: none;
}

.light .play-white {
    display: block;
}

.podcast-article-page .podcast-player {
    position: relative;
    border-radius: 5px;
}

.podcast-article-page .player-controls {
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom: 0;
    background: #cec4c470;
    width: 100%;
    padding: 8px 3px;
}

.podcast-article-page .range {
    direction: ltr !important;
    height: 2px;
    color: #3da0da;
}

.podcast-article-page .player-controls img {
    cursor: pointer;
}

.podcast-article-page .player-time {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
}

.podcast-article-page .player-desc {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #fff;
    position: absolute;
    top: 203px;
    right: 20px;
}

.podcast-article-page .podcast-date {
    padding: 15px 12px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.podcast-article-page.dark .podcast-date {
    border-right: 1px solid #595959;
    border-left: 1px solid #595959;
    border-bottom: 1px solid #595959;
    background-color: #0c0c0c;
}

.podcast-article-page .podcast-bg {
    width: auto;
    height: 100%;
}

.podcast-article-page .posdcast-ellipse {
    width: 53px;
    position: absolute;
    top: 20px;
    right: 15px;
}

.podcast-article-page .posdcast-ellipse2,
.podcast-page .posdcast-ellipse2 {
    width: 20px;
    position: absolute;
    top: 10px;
    left: 85px;
}

.podcast-article-page .podcast-desc {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    align-items: center;
    text-align: right;
    color: #1a1a1a;
    padding-right: 33px;
    width: 67%;
}

.podcast-article-page.dark .podcast-desc {
    color: #d2d2d2;
}

.podcast-article-page .brd-left {
    border-left: 1px solid #d9d9d9;
    padding-left: 30px;
}

.podcast-article-page.dark .date-color {
    color: #D6D2C4 !important;
}

.podcast-article-page .date-color {
    color: #4f4f4f !important;
}

.podcast-article-page .control-light {
    display: block;
}

.podcast-article-page.dark .control-light {
    display: none;
}

.podcast-article-page.dark .control-dark {
    display: block;
}

.podcast-article-page .control-dark {
    display: none;
}

.podcast-article-page.dark .brd-left {
    border-left: 1px solid #383838;
}

.podcast-article-page .pr30 {
    padding-right: 30px !important;
}

.podcast-article-page.dark .title-with-border {
    color: #ffffff !important;
}

.podcast-article-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.podcast-article-page.dark .madda {
    background: #080808;
}

.podcast-article-page .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.podcast-article-page .podcast-text {
    height: 303px;
    display: grid;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    white-space: pre-line;
}

    .podcast-article-page .podcast-text span {
        display: block;
        font-family: 'IttihadHead';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 28px;
        color: #000000;
    }

.podcast-article-page.dark .podcast-text span {
    color: #ECECEC;
}

.podcast-article-page.dark .tag-button {
    background-color: #191919 !important;
    border: 1px solid #2c2c2c;
}

.podcast-article-page .share-buttons {
    display: flex !important;
    justify-content: end;
}

.podcast-article-page .gap10 {
    gap: 10px;
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.podcast-article-page .bg {
    background-color: #fff;
}

.podcast-article-page.dark .bg {
    background: #080808 !important;
}

.podcast-article-page .listen-also {
    background: #FFFFFF !important;
}

.podcast-article-page.dark .listen-also {
    background: #191919 !important;
}

.podcast-article-page .listen-podcast {
    border-radius: 0 5.46479px 5.46479px 0;
    padding: 13px;
    width: 100%;
}

.podcast-article-page.dark .listen-podcast {
    background: 0 0;
}

.podcast-article-page .tit {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
}

.podcast-article-page .txt {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: -.035em;
    color: #000000;
    margin-top: 6px;
    height: 32px;
    overflow: hidden;
}

.podcast-article-page.dark .txt {
    color: #ffffff;
}

.podcast-article-page .dt {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    margin-top: 6px;
}

.podcast-article-page .mt18 {
    margin-top: 18px;
}

.podcast-article-page .podcast-item {
    background: #fff;
    padding: 11px 32px;
}

.podcast-article-page .podcast-pb {
    background: #383838;
    border-radius: 4px;
    height: 3px;
    width: 205px;
    display: flex;
    justify-content: flex-end;
}

.podcast-article-page.dark .podcast-bg {
    background-color: #383838;
}

.podcast-article-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.podcast-article-page .podcast-passed {
    width: 30%;
    background: #d02d2e;
    border-radius: 4px;
    z-index: 1;
    height: 100%;
}

.podcast-article-page .center-controls {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.podcast-article-page .p1132 {
    padding: 11px 32px 11px 57px;
}

.podcast-article-page .gap60 {
    gap: 60px;
}

.podcast-article-page ._row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.podcast-article-page .brd-top {
    border-top: 1px solid #d9d9d9;
}

.podcast-article-page.dark .brd-top {
    border-top: 1px solid #262626;
}

.podcast-article-page .load-more {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #999;
}

.podcast-article-page .tags-share {
    display: flex;
    margin-top: 15px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

.podcast-article-page .center-controls img {
    cursor: pointer;
}

.podcast-article-page .adscont {
    background: 0;
}

.podcastBg {
    backdrop-filter: blur(0px);
    border-radius: 4px;
    overflow: hidden;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(180deg, rgba(248, 248, 248, 0) -40.46%, #F2F2F2 84.95%), url('../img/podcast/Thumbnail_BG_W.jpg');
}

.dark .podcastBg {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) -40.46%, #0C0C0C 84.95%), url('../img/podcast/Thumbnail_BG_W.jpg');
}

.podcast-article-page ._col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 31.5%;
    max-width: 33.5%;
    padding-right: 0;
    padding-left: 0;
}

.releasea-page .card {
    border: 0;
}

.releasea-page .card-header {
    display: flex;
    justify-content: end;
    background: #d02d2e;
    padding: 7px 10px;
}

.releasea-page .card-body {
    padding: 38px 40px 1rem;
    background-color: #f2f2f2;
}

.dark .releasea-page .card-body {
    background-color: #323232;
}

.releasea-page .date-label {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-left: 10px;
    margin-top: 6px;
}

.releasea-page .datepick {
    font-family: IttihadHead, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
    text-align: left;
    color: #9d9d9d;
    background-image: url(../img/Frame.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 94%;
    padding: 8px 10px;
}

.releasea-page .owl-prev {
    width: 15px;
    position: absolute;
    top: 40%;
    right: 0;
    margin-left: -20px;
    display: block !important;
    border: 0 solid #000;
}

.releasea-page .owl-next {
    width: 15px;
    position: absolute;
    top: 40%;
    left: 0;
    display: block !important;
    border: 0 solid #000;
}

    .releasea-page .owl-next i,
    .releasea-page .owl-prev i {
        transform: scale(1, 6);
        color: #ccc;
    }

.releasea-page .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0;
}

.releasea-page .owl-theme .owl-nav {
    margin-top: 0;
}

.releasea-page .loop {
    padding: 0 62px;
}

.releasea-page .owl-item {
    -webkit-transform: scale(.8) !important;
    transform: scale(.8) !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .releasea-page .owl-item.center {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }

.releasea-page ::-webkit-calendar-picker-indicator {
    background: url(../img/calendar.svg) no-repeat;
    margin-top: 3px;
}

.releasea-page ::-webkit-datetime-edit-fields-wrapper {
    background: silver;
}

.releasea-page #releases-date {
    position: relative;
    width: 205px;
    height: 32px;
    outline: 0;
    border: 0;
    border-radius: 5px;
}

.releasea-page.dark #releases-date {
    background-color: #494949;
}

.releasea-page #releases-date:before {
    font-family: IttihadHead, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #9d9d9d;
    position: absolute;
    top: 2px;
    left: 3px;
    content: attr(data-date);
    display: inline-block;
}

.releasea-page.dark #releases-date:before {
    color: #dfdfdf;
}

.releasea-page #releases-date::-webkit-datetime-edit,
.releasea-page input::-webkit-clear-button,
.releasea-page input::-webkit-inner-spin-button {
    display: none;
}

.releasea-page #releases-date::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 3px;
    right: 0;
    color: #000;
    opacity: 1;
}

.releasea-page.dark .owl-theme .owl-dots .owl-dot span {
    background-color: #4e4e4e !important;
}

.releasea-page.dark .title-with-border {
    color: #ababab !important;
}

.releasea-page .owl-carousel .owl-item img {
    width: auto;
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.prayer-time-page .bg-prayer {
    /*background: linear-gradient(270deg, #D6D2C4 50%, rgba(19, 159, 218, 0) 78.99%), url("../img/prayer-time/prayers_bg.png");*/
    background-image: url("../img/prayer-time/prayers_bg_2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 10000;
    position: relative;
}

    .prayer-time-page .bg-prayer hr {
        border-top: 1px solid #fff;
        margin: 30px 40px;
        border-top: 2px solid #a2e4ff8c !important;
    }

.prayer-time-page .select-date input[type="text"] {
    color: #696158;
    display: block;
    background: url(../img/date-picker-icon.svg) no-repeat #fff !important;
    background-repeat: no-repeat !important;
    background-position-x: 10% !important;
    background-position-y: 50% !important;
    width: 111px;
    height: 30px;
    border: 1px solid #CCCCCC !important;
    border-radius: 2px;
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-weight: 700;
    font-size: 12px;
    padding: 5px 5px !important;
    cursor: pointer;
}

.dark.prayer-time-page .select-date input[type="text"] {
    border: 1px solid #5B5A57 !important;
    background-color: #323232 !important;
    color: #D6D2C4 !important;
}

.prayer-time-page .select-city-weather {
    border: 1px solid #CCCCCC !important;
    border-radius: 2px;
}

.dark.prayer-time-page .select-city-weather {
    border: 1px solid #5B5A57 !important;
    background-color: #323232 !important;
}

.prayer-time-page .mini-desc {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #656565;
}

.prayer-time-page .newstlogo {
    margin: 0 12px;
}

.prayer-time-page .newsgrid1 {
    width: 100%;
}

.prayer-time-page .newsgrid2 {
    width: 100%;
}

.prayer-time-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

    .prayer-time-page .newsstyle1 img {
        transform-origin: 50% 65%;
        transition: transform 1s ease-in-out;
    }

    .prayer-time-page .newsstyle1:hover img {
        transform: scale(1.1);
    }

.prayer-time-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.prayer-time-page .innerdesc {
    position: relative;
    padding: 10px;
}

.prayer-time-page .m-t-22 {
    margin-top: 22px !important;
}

.prayer-time-page .adscont {
    background: 0 0 !important;
}

.prayer-time-page .cats1 {
    padding: 4px 12px 4px 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-weight: 400;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -29px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.prayer-time-page .sep {
    border-top: 1px solid #e2e2e2;
    margin: 25px 0;
}

.prayer-time-page .sep-vertical {
    border-left: 1px solid #e2e2e2;
    margin: 0 25px;
    height: 500px;
}

.prayer-time-page .sep-vertical,
.prayer-time-page.dark .sep,
.prayer-time-page.dark .sep2 {
    border-top: 1px solid #242424;
}

.prayer-time-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

.prayer-time-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.prayer-time-page .leftarr {
    margin-right: 10px;
}

.prayer-time-page .newspic {
    position: relative;
}

.prayer-time-page .thumbnews1 {
    width: 100%;
}

.prayer-time-page .catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
}

.prayer-time-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.prayer-time-page .desctext {
    color: #424242;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.prayer-time-page .madda.m-20 {
    margin-top: -21px;
}

.prayer-time-page .thumb-writer {
    color: #ababab;
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
}

.prayer-time-page .inner2 {
    margin-bottom: 40px;
    cursor: pointer;
}

.prayer-time-page .title-with-border.navyb {
    border-color: #103e8a;
}

.prayer-time-page .graytitle {
    color: #424242;
}

.prayer-time-page .bluetitle {
    color: #d02d2e;
}

.prayer-time-page .navy {
    color: #103e8a;
}

.prayer-time-page .ads2 {
    width: 100%;
}

.prayer-time-page .brdleft {
    border-inline-end: 1px solid #e2e2e2;
}

.prayer-time-page.dark .brdleft {
    border-inline-end: 1px solid #2e2e2e;
}

.prayer-time-page .brdright {
    position: relative;
}

    .prayer-time-page .brdright:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #e2e2e2;
        right: -10px;
        top: 0;
    }

.prayer-time-page.dark .brdright:before {
    background: #2e2e2e;
}

.prayer-time-page .blackhome {
    background: #000;
    padding: 30px 0;
}

.prayer-time-page .titleh2 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #e83438;
}

.prayer-time-page .videocontainer {
    position: relative;
}

.prayer-time-page .catvideo {
    color: #fff;
    padding-right: 15px;
    border-right: 5px solid #fdc300;
    line-height: 1;
    margin-bottom: 10px;
    font-family: IttihadHead, sans-serif !important;
    font-size: 28px;
}

    .prayer-time-page .catvideo.orange {
        border-color: #ea5c18;
    }

    .prayer-time-page .catvideo.blue {
        border-color: #d02d2e;
    }

.prayer-time-page .ads2l {
    width: 100%;
}

.prayer-time-page .descvideo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 35px 30px;
}

.prayer-time-page .desctextvideo {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.prayer-time-page .timenews2 {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
}

.prayer-time-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.prayer-time-page .carcontainer {
    margin-top: 20px;
}

.prayer-time-page .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: inline-block !important;
    width: 65px !important;
    cursor: pointer;
}

.prayer-time-page .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.prayer-time-page .owl-theme .owl-dots .owl-dot span {
    background: #303030 !important;
}

.prayer-time-page .owl-theme .owl-dots .owl-dot.active span,
.prayer-time-page .owl-theme .owl-dots .owl-dot:hover span {
    background: #ef3f3f !important;
}

.prayer-time-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    color: #636363;
    font-size: 12px;
    line-height: 1.2;
}

.prayer-time-page .mininewsdesc2 {
    padding: 18.5px;
    background: #fff;
}

.prayer-time-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 10px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.prayer-time-page.dark .titleh11 {
    color: #ababab;
}

.prayer-time-page .titleh111 {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    line-height: 1;
}

.prayer-time-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.prayer-time-page .bgscroll {
    background: #eaeaea;
}

.prayer-time-page .subtitle111 {
    color: #000000;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.prayer-time-page .bluecaret {
    font-size: 23px;
}

.prayer-time-page .authname {
    font-size: 12px;
    color: #ababab;
    margin-top: 7px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

    .prayer-time-page .authname span {
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
        font-size: 10px;
        color: #ababab;
    }

.prayer-time-page .mrr {
    margin-top: 52px;
}

.prayer-time-page .mb-30 {
    margin-bottom: 30px;
}

.prayer-time-page .hadis {
    width: 100%;
}

.prayer-time-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    overflow: hidden;
}

.prayer-time-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.prayer-time-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.prayer-time-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.prayer-time-page .hadiscontainer:hover .hadov {
    right: 0;
}

.prayer-time-page .caricature {
    padding: 30px 0;
    background: #eaeaea;
}

.prayer-time-page.dark .bgscroll,
.prayer-time-page.dark .caricature {
    background: #060606;
}

.prayer-time-page .padcaricature {
    padding-inline-end: 20px;
}

.prayer-time-page .padcaricature2 {
    padding-inline-start: 20px;
}

.prayer-time-page .mt-32 {
    margin-top: 32px;
}

.prayer-time-page .pt1 {
    padding-top: 25px !important;
}

.prayer-time-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

.prayer-time-page .newsgrid1 {
    width: 100%;
}

.prayer-time-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.prayer-time-page .cats1.yellow {
    border-color: #fdc300;
}

.prayer-time-page .innerdesc {
    position: relative;
    padding: 10px;
    width: 80%;
}

.prayer-time-page .cats1 {
    padding: 0 12px 0 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -21px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.prayer-time-page .inner2 {
    cursor: pointer;
}

.prayer-time-page .newspic {
    position: relative;
}

.prayer-time-page .thumbnews2 {
    width: 100%;
}

.prayer-time-page .catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    font-weight: 400;
    right: 0;
    padding: 3px 10px;
}

    .prayer-time-page .catnewsinner.yellow {
        border-color: #fdc300;
    }

.prayer-time-page .innerthumbdesc11 {
    background: #fff;
    padding: 15px 22px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.prayer-time-page .mb0 {
    margin-bottom: 0;
}

.prayer-time-page .desctext {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12.9758px;
    line-height: 18px;
    text-align: right;
    color: #636363;
}

.prayer-time-page.dark .thumb-writer {
    color: #b4b4b4 !important;
}

.prayer-time-page.dark .desctext {
    color: #b4b4b4 !important;
}

.prayer-time-page .red-arrow-down {
    color: #ef3f3f;
}

.prayer-time-page.dark.innerthumbdesc11 {
    background-color: #191919 !important;
}

.prayer-time-page .data-cont {
    margin: auto 40px;
}

@media (max-width: 375px) {
    .weather-page .bg-weather {
        background-image: url("../img/wheather/weather_bg_mob.png") !important;
        padding-inline:14px !important;
    }
    .prayer-time-page .today-time-values {
        padding-right: 30px !important;
		gap: 12px;
    }
    .weather-page .today-time-values {
        padding-right: 0px !important;
        gap: 9.036px !important;
    }
    .weather-page .today-time-values img {
        width: 40px;
    }	
    .prayer-time-page .bg-prayer hr {
        padding: 0;
        margin: 26px 10px;
    }

    .prayer-time-page .data-cont {
        margin: auto 10px;
    }
    .weather-page .data-cont {
        margin: 0px !important;
    }
    .weather-page .bg-weather hr {
        padding:0 !important;
    }
    .weather-page .today-time-values-cont{
        padding-inline :14px !important;
    }
    .prayer-time-page .today-time-values-1 {
        font-size: 75px !important;
    }
	
    .weather-page .today-time-values-1 {
        font-size: 30px !important;
        line-height: 50px !important;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    }

    .prayer-time-page .today-time-values-sep {
        font-size: 30px !important;
        border-left: 1px solid #fff !important;
    }
	
    .weather-page .today-time-values-sep {
        height: 51px !important;
        border-left: 1px solid rgba(255, 255, 255, 1) !important;
    }	

    .prayer-time-page .today-time-values-2 {
        font-size: 40px !important;
    }
	
    .weather-page .today-time-values-2 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    .weather-page .today-time-container {
        padding-inline: 14px;
        padding-right: 16px !important;
    }
    .prayer-time-page .graytitle {
        font-size: 24px !important;
    }

    .prayer-time-page .album-title {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .prayer-time-page .album-date {
        font-size: 10px !important;
        line-height: 10px !important;
    }

    .prayer-time-page .others-albums {
        font-size: 10px !important;
        line-height: 12px !important;
    }

    .prayer-time-page .graytitle-side {
        font-size: 28px !important;
        line-height: 46px !important;
    }

    .prayer-time-page .thumbnews1 {
        height: 72px;
        width: auto;
    }

    .prayer-time-page .w100 {
        width: 100% !important;
        height: auto !important;
    }

    .prayer-time-page .innerthumbdesc11 {
        padding: 12px 8px 5px !important;
        transition: all .5s ease-in-out;
    }

    .prayer-time-page .inner2 {
        margin-bottom: 20px;
    }

    .prayer-time-page .desctext {
        font-size: 12px;
        line-height: 15px;
    }

    .prayer-time-page .newspic {
        position: relative;
    }
    .weather-page .table-degree,
    .weather-page .table-degree-night {
        font-size: 12px !important;
        line-height: 12px !important;
        margin-bottom: 10px;
    }
}

/* @media (max-width:992px) { */
@media (min-width: 376px) and (max-width: 992px) {
    .weather-page .bg-weather {
        background-image: url("../img/wheather/weather_bg_mob.png") !important;
        padding-inline:14px !important;
    }
    .prayer-time-page .today-time-values {
        padding-right: 30px !important;
		gap: 12px;
    }
    .weather-page .today-time-values {
        padding-right: 0px !important;
        gap: 9.036px !important;
    }	
    .weather-page .today-date2 {
        /* padding-right: 20px !important; */
    }		
    .prayer-time-page .bg-prayer hr {
        padding: 0;
        margin: 26px 10px;
    }

    .prayer-time-page .data-cont {
        margin: auto 10px;
    }
    .weather-page .data-cont {
        margin: 0px !important;
    }
    .weather-page .bg-weather hr {
        padding:0 !important;
    }
    .weather-page .today-time-values-cont{
        padding-inline :14px !important;
    }
    .prayer-time-page .today-time-values-1 {
        font-size: 75px !important;
    }
	
    .weather-page .today-time-values-1 {
        font-size: 72px !important;
        line-height: 55px !important;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    }

    .prayer-time-page .today-time-values-sep {
        font-size: 30px !important;
        border-left: 1px solid #fff !important;
    }
	
    .weather-page .today-time-values-sep {
        height: 51px !important;
        border-left: 1px solid rgba(255, 255, 255, 1) !important;
    }	

    .prayer-time-page .today-time-values-2 {
        font-size: 40px !important;
    }
	
    .weather-page .today-time-values-2 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    .weather-page .today-time-container {
        padding-inline: 14px;
        padding-right: 16px !important;
    }
    .prayer-time-page .graytitle {
        font-size: 24px !important;
    }

    .prayer-time-page .album-title {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .prayer-time-page .album-date {
        font-size: 10px !important;
        line-height: 10px !important;
    }

    .prayer-time-page .others-albums {
        font-size: 10px !important;
        line-height: 12px !important;
    }

    .prayer-time-page .graytitle-side {
        font-size: 28px !important;
        line-height: 46px !important;
    }

    .prayer-time-page .thumbnews1 {
        height: 72px;
        width: auto;
    }

    .prayer-time-page .w100 {
        width: 100% !important;
        height: auto !important;
    }

    .prayer-time-page .innerthumbdesc11 {
        padding: 12px 8px 5px !important;
        transition: all .5s ease-in-out;
    }

    .prayer-time-page .inner2 {
        margin-bottom: 20px;
    }

    .prayer-time-page .desctext {
        font-size: 12px;
        line-height: 15px;
    }

    .prayer-time-page .newspic {
        position: relative;
    }

    .weather-page .table-degree,
    .weather-page .table-degree-night {
        font-size: 18px !important;
        line-height: 12px !important;
        margin-bottom: 10px;
    }
}

.prayer-time-page .ads2 {
    width: 100%;
    margin: auto;
    display: block;
}

.prayer-time-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.prayer-time-page.dark .madda {
    background: #080808;
}

.prayer-time-page .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.prayer-time-page .onblack.madda {
    background: #080808 !important;
}

.prayer-time-page .hrvideo {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 40px 0 30px;
    padding: 0;
}

.prayer-time-page .extraheight {
    height: 40px;
}

.prayer-time-page .thumbnews1 {
    width: 100%;
}

.prayer-time-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    font-size: 12px;
}

.prayer-time-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

@media (min-width:768px) {
    .podcast-page .owl-dots {
        display: none;
    }

    .prayer-time-page .customcolnews1 {
        flex: 0 0 36%;
        max-width: 36%;
    }

    .prayer-time-page .customcolnews2 {
        flex: 0 0 64%;
        max-width: 64%;
    }
}

.prayer-time-page .mobile-layout {
    display: none;
    flex-wrap: nowrap;
}

@media (max-width:992px) {
    .prayer-time-page .thumbnews1 {
        width: 128px;
    }

    .prayer-time-page .mininewsdesc {
        line-height: 18px;
    }

    .prayer-time-page .mininewsdesc2 {
        padding: 17.5px !important;
        padding-inline-start: 30px !important;
    }

    .prayer-time-page .desc-container {
        padding: 10px 8px;
    }
}

.prayer-time-page.dark .mininewsdesc {
    color: #b4b4b4 !important;
}

.prayer-time-page .thumbnews1 {
    width: 100%;
}

.prayer-time-page .gridstyle2 .desctext {
    color: #636363;
}

.prayer-time-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    padding-right: 8px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.prayer-time-page .leftarr {
    margin-right: 10px;
    margin-top: -8px;
}

.prayer-time-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.prayer-time-page .authname {
    font-size: 10px;
    color: #ababab;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (max-width:992px) {
    .prayer-time-page .thumbnews1 {
        width: 95px;
    }

    .prayer-time-page .col-desc {
        padding-inline-start: 30px;
    }

    .prayer-time-page .mininewsdesc2 {
        padding: 12px;
    }

    .prayer-time-page .subtitle11 {
        font-size: 14px;
        margin-top: 5px;
    }

    .prayer-time-page .authname {
        font-size: 10px;
        margin-top: 5px;
    }

        .prayer-time-page .authname span {
            padding-inline-start: 20px;
        }
}

.prayer-time-page .thumbnews1 {
    width: 100%;
}

.prayer-time-page .m-t-20 .inner2 {
    margin-bottom: 0;
}

.prayer-time-page .mininewsdesc22 {
    padding: 8px 20px;
    background: #fff;
}

.prayer-time-page .titleh111 {
    font-size: 16px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    margin-bottom: 2px;
    line-height: 1;
}

.prayer-time-page .subtitle111 {
    color: #000000;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.prayer-time-page .authname {
    font-size: 10px;
    color: #ababab;
    margin-top: 3px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (min-width:768px) {
    .prayer-time-page .customcolwriters1 {
        flex: 0 0 23.23%;
        max-width: 23.23%;
    }

    .prayer-time-page .customcolwriters2 {
        flex: 0 0 76.77%;
        max-width: 76.77%;
    }
}

.prayer-time-page .authname span {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    color: #ababab;
}

.prayer-time-page .desc111 {
    width: 100%;
}

.prayer-time-page.dark .mininewsdesc22 {
    background-color: #191919;
}

.prayer-time-page.light .mininewsdesc22 {
    background-color: #fff;
}

.prayer-time-page.light .subtitle111 {
    color: #000000;
}

.prayer-time-page.dark .subtitle111 {
    color: #cbcbcb;
}

@media (max-width:992px) {
    .prayer-time-page .thumbnews1 {
        width: 128px;
    }

    .prayer-time-page .titleh111 {
        margin-bottom: 0;
    }

    .prayer-time-page .col-desc.light {
        padding-inline-start: 30px;
    }

    .prayer-time-page .mininewsdesc22 {
        padding: 7px 12px;
        padding-inline-start: 42px;
    }

    .prayer-time-page .subtitle111 {
        font-size: 14px;
        margin-top: 5px;
    }

    .prayer-time-page .authname {
        font-size: 10px;
        margin-top: 1px;
    }

        .prayer-time-page .authname span {
            padding-inline-start: 20px;
        }

    .prayer-time-page .mininewsdesc22 .authname span {
        padding-inline-start: 0;
    }
}

.prayer-time-page .hadis {
    width: 100%;
}

.prayer-time-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
}

.prayer-time-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.prayer-time-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.prayer-time-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.prayer-time-page .hadiscontainer:hover .hadov {
    right: 0;
}

.prayer-time-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.prayer-time-page .leftarr {
    margin-right: 10px;
}

.prayer-time-page .carcontainer {
    margin-top: 20px;
    background: #eaeaea;
}

.prayer-time-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.prayer-time-page .videocontainer {
    position: relative;
}

.prayer-time-page .videothumb {
    width: 100%;
}

.prayer-time-page .w95 {
    width: 95px !important;
}

.prayer-time-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.prayer-time-page.dark .desctext {
    color: #b4b4b4 !important;
}

.prayer-time-page.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.prayer-time-page.dark .graytitle,
.prayer-time-page.dark .title-with-border {
    color: #ababab;
}

.prayer-time-page.dark .bluetitle {
    color: #d02d2e;
}

.prayer-time-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.prayer-time-page.light .header-container {
    background: #fff;
}

.prayer-time-page.dark .mainnav li a {
    color: #ababab !important;
}

.prayer-time-page.dark .titleh1 {
    color: #ababab !important;
}

.prayer-time-page .videocontainer {
    position: relative;
}

.prayer-time-page .videothumb {
    width: 100%;
}

.prayer-time-page .w95 {
    height: 95px !important;
}

.prayer-time-page .innerthumbdesc11 {
    background: #fff;
    padding: 11px 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.prayer-time-page.dark .desctext {
    color: #b4b4b4 !important;
}

.prayer-time-page.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.prayer-time-page.dark .graytitle,
.prayer-time-page.dark .title-with-border {
    color: #ababab;
}

.prayer-time-page.dark .bluetitle {
    color: #d02d2e;
}

.prayer-time-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.prayer-time-page.light .header-container {
    background: #fff;
}

.prayer-time-page.dark .mainnav li a {
    color: #ababab !important;
}

.prayer-time-page.dark .titleh1 {
    color: #ababab !important;
}

.prayer-time-page .blue-border {
    color: #5194ce !important;
}

.prayer-time-page.dark-blue-border {
    color: #103e8a !important;
}

.prayer-time-page .title-with-border.yellow {
    border-color: #fdc300;
}

.prayer-time-page .fa-caret-left.yellow {
    color: #fdc300;
}

.prayer-time-page .title-with-border.orange {
    border-color: #ea5c18;
}

.prayer-time-page .fa-caret-left.orange {
    color: #ea5c18;
}

.prayer-time-page .title-with-border.green {
    border-color: #57a858;
}

.prayer-time-page .fa-caret-left.green {
    color: #57a858;
}

.prayer-time-page .title-with-border.dark-green {
    border-color: #2f9c81;
}

.prayer-time-page .fa-caret-left.dark-green {
    color: #2f9c81;
}

.prayer-time-page .title-with-border.red {
    border-color: #e83438;
}

.prayer-time-page .fa-caret-left.red {
    color: #e83438;
}

.prayer-time-page .title-#696158 {
    color: #ababab;
}

.prayer-time-page.light .hadis-al-suwar-title {
    color: #fff;
}

.prayer-time-page.dark .hadis-al-suwar-title {
    color: #ababab;
}

.prayer-time-page .expostyle .innerdesc {
    width: 100%;
    background: #b59578;
}

.prayer-time-page .expostyle .cats1 {
    background: #000;
    border-color: #b59578;
    top: -26px;
}

.prayer-time-page .belt {
    cursor: pointer;
}

.prayer-time-page .today-date {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 10px;
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.weather-page .today-date {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    line-height: 11px;
}

.prayer-time-page .today-time {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 51px;
    line-height: 66px;
    color: #FFF;
    text-align: right;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    letter-spacing: -1.44px;
    margin-top: 20%;
}

.weather-page .today-time {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 66px;
    color: #FFF;
    text-align: right;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    /* letter-spacing: -1.44px; */
    /* margin-top: 20%; */
}

.prayer-time-page .today-time-values-cont {
    border-radius: 8px;
    background: rgba(0, 72, 115, 0.50);
    background-blend-mode: multiply;
    margin-bottom: 20px;
}
.weather-page .today-time-values-cont {
    border-radius: 8px;
    background: rgba(0, 88, 125, 0.7);
    background-blend-mode: multiply;
    /* margin-bottom: 20px; */
    padding-block: 25px;
    padding-inline: 47px;    
}

.prayer-time-page .today-time-values {
    display: flex;
    padding-right: 30px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 19.036px;
    color: #FFF;
    text-align: right;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    font-style: normal;
    font-weight: 400;
    letter-spacing: -2.88px;
}

.weather-page .today-date2 {
	/*padding-right: 5px;*/
	font-weight: 700;
	display:inline;
}

.weather-page #current-date-time {
	display:inline;
}

.weather-page .today-time-values {
    display: flex;
    /* padding-top: 10px; */
    /* padding-right: 30px; */
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10.036px;
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    /*letter-spacing: -2.88px;*/
}

.weather-page .today-time-values img {
    filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(37deg) brightness(106%) contrast(107%);
}

.weather-page .wind-speed-title {
    font-weight: 700;
    letter-spacing: 1px;
    margin-left: 5px;
}

.prayer-time-page .today-time-values-1 {
    font-size: 96px;
}

.weather-page .today-time-values-1 {
    font-size: 96px;
    line-height: 83px;
    display: inline;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.prayer-time-page .today-time-values-sep {
    font-size: 50px;
    font-weight: 100;
    border-left: 2px solid #fff;
    width: 0px;
}

.weather-page .today-time-values-sep {
    /* font-size: 85px;
    font-weight: 100; */
    display: inline-block;
    height: 77px;
    border-left: 1.51px solid rgba(255, 255, 255, 1);
}

.prayer-time-page .today-time-values-2 {
    font-size: 60px;
}

.weather-page .today-time-values-2 {
    font-size: 28px;
    line-height: 27px;
    display: inline;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.prayer-time-page .today-duration {
    color: #fff;
    font-style: normal;
    font-weight: 100;
    font-size: 18px;
    line-height: 10px;
    margin-top: -10px;
}

.weather-page .today-duration {
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
}

.prayer-time-page .gmt-time {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #000;
}

.prayer-time-page .table-title {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    padding-top: 28px;
    padding-bottom: 28px;
    text-align: center;
    background-color: #D6D2C4;
    border-right: 1px solid #aca99c;
    color: #000000;
}

.prayer-time-page .active {
    color: #d02d2e !important;
}

.prayer-time-page .table-row {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #F2F2F2;
    padding-top: 28px;
    padding-bottom: 28px;
    border: 1px solid #dbdbdb;
    color: #000000;
}

.prayer-time-page .table-header {
    background-color: #F2F2F2;
}

.prayer-time-page .table-header-text {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    padding-top: 21px;
    padding-bottom: 21px;
    text-align: right;
    color: #5c5c5c;
}

.prayer-time-page .table-dropdown {
    background: #ededed !important;
    border: 1px solid #ccc !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    width: 80px !important;
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #000000;
}

.prayer-time-page.dark .table-dropdown {
    background: #161616 !important;
    border: 1px solid #373737 !important;
    color: #cacaca;
}

.prayer-time-page .date-picker-text {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #000000;
}

.prayer-time-page.dark .date-picker-text {
    color: #cacaca;
}

.prayer-time-page .date-picker {
    background: #ededed !important;
    border: 1px solid #ccc !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
}

.prayer-time-page.dark .date-picker {
    background: #161616 !important;
    border: 1px solid #373737 !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
}

.prayer-time-page.dark .table-header {
    background: #252525;
}

.prayer-time-page.dark .table-title {
    background: #1A1816;
    border: 1px solid #343434;
    color: #ffffff;
}

.prayer-time-page.dark .table-row {
    background-color: #323232;
    border: 1px solid #404040;
    color: white;
}

.prayer-time-page .no-margin {
    margin: 0 !important;
    padding: 0 !important;
}

.prayer-time-page.dark .picker-title {
    color: #ffffff;
}

.prayer-time-page .picker-title {
    color: #000000;
}

.search-fresh-page .adscont {
    display: inline-block;
}

    .search-fresh-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.search-fresh-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.search-fresh-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.search-fresh-page .m-b-40 {
    margin-bottom: 40px;
}

.title-with-border {
    height: 33px;
    font-size: 28px;
    color: #000000;
    padding-inline-start: 10px;
    line-height: 28px;
    border-inline-start: 6px solid #d02d2e;
    text-align: start;
    color: #000000 !important;
    display: flex;
    align-items: center;
    font-weight: 400;
    text-transform: uppercase;
}

.search-fresh-page .title-with-border span {
    display: block;
    padding-top: 5px;
}

.search-fresh-page .title-with-border > span {
    background-color: transparent !important;
}

.search-fresh-page .title-with-border.green-dark {
    border-inline-start: 5px solid #2f9c81;
}

.search-fresh-page .title-with-border.green {
    border-inline-start: 5px solid #57a858;
}

.search-fresh-page .title-with-border.orange {
    border-inline-start: 5px solid #ea5c18;
}

.search-fresh-page .title-with-border.yellow {
    border-inline-start: 5px solid #fdc300;
}

.search-fresh-page .title-with-border.blue {
    border-inline-start: 5px solid #5194ce;
}

.search-fresh-page .title-with-border.blue-dark {
    border-inline-start: 5px solid #103e8a;
}

.search-fresh-page .green-dark {
    color: #2f9c81;
}

.search-fresh-page .green {
    color: #57a858;
}

.search-fresh-page .orange {
    color: #ea5c18;
}

.search-fresh-page .yellow {
    color: #fdc300;
}

.search-fresh-page .blue {
    color: #5194ce;
}

.search-fresh-page .blue-dark {
    color: #103e8a;
}

.search-fresh-page .icon {
    font-size: 22px;
    margin-inline-start: 10px;
}

.search-fresh-page.dark {
    color: #ababab;
}

.search-fresh-page.light {
    color: #000000;
}

.search-fresh-page .white {
    color: #fff !important;
}

.search-fresh-page .#6961582 {
    color: #c4c4c4 !important;
}

.search-fresh-page #square-switcher,
.search-fresh-page #vertical-switcher {
    margin-top: -17px;
}

.search-fresh-page .big-right-container {
    border-left: 1px solid #d9d9d9;
    padding-left: 34px;
}

.dark.search-fresh-page .big-right-container {
    border-left: 1px solid #383838;
}

.search-fresh-page .big-left-container {
    padding-right: 0;
}

.search-fresh-page .sepnews {
    width: 1px;
    height: 22px;
    background: #d9d9d9;
    margin: 0 5px;
    margin-top: -17px;
    vertical-align: middle;
    display: inline-block;
}

.search-fresh-page .mt {
    margin-top: 50px;
}

.search-fresh-page .hide-desk,
.podcast-article-page .hide-desk {
    display: none !important;
}

.search-fresh-page .show-desk,
.podcast-article-page .show-desk {
    display: block !important;
}

.search-fresh-page .hide {
    display: none !important;
}

.search-fresh-page .share-buttons {
    width: auto;
}

.number {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 22px;
    text-align: right;
    color: #ababab;
}

.search-fresh-page.dark .number {
    color: #262626;
}

.number-container {
    display: flex;
    justify-content: space-between;
    align-content: space-around;
    align-items: center;
    width: 100%;
}

.search-fresh-page .label-search {
    height: 40px;
    padding-right: 10px;
    border-right: 6px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #000000;
    margin-bottom: 20px;
}

.search-fresh-page .research input {
    width: 99%;
    height: 3rem;
    border: 0;
    color: #000;
    font-size: 1.5rem;
    padding-left: 20px;
}

.search-fresh-page.dark .research input {
    width: 99%;
    height: 3rem;
    border: 0;
    color: #000;
    font-size: 1.5rem;
    padding-left: 20px;
    background-color: #494949;
}

.search-fresh-page .research input:hover {
    border: 1px solid #d02d2e;
}

.search-fresh-page .research input:focus {
    border: 0;
}

.search-fresh-page .research input::placeholder {
    padding: 3rem;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #9d9d9d;
}

.search-fresh-page.dark .research input::placeholder {
    padding: 3rem;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #dfdfdf;
}

.search-fresh-page .research ion-icon {
    font-size: 2rem;
    position: absolute;
    padding-top: 10px;
    color: #d02d2e;
}

.search-fresh-page .hide-search {
    display: none;
}

.label-most {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 12px;
    text-align: right;
    letter-spacing: -.05em;
    color: #d02d2e;
    margin-top: 20px;
}

.most-searched {
    display: flex;
    margin: 40px 30px;
    gap: 3%;
}

.search-fresh-page .most-searched .left {
    flex: 1 0 50%;
    display: flex;
    gap: 20%;
}

.search-fresh-page .most-searched .right {
    flex: 1 0 50%;
    display: flex;
    gap: 20%;
}

.search-fresh-page.dark .most-searched p {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #424242;
    margin-bottom: 0;
}

.search-fresh-page .research {
    position: relative;
}

.search-fresh-page .v-line {
    top: 9px;
    bottom: 9px;
    right: 55px;
    border: 1px solid #dfdfdf;
    position: absolute;
}

.search-fresh-page .search-img {
    position: absolute;
    top: 12px;
    right: 17px;
    width: 24px;
}

.search-fresh-page .research input {
    background: #fff;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    border-radius: 4px;
    padding-right: 38px;
    height: 50px;
    width: 100%;
}

    .search-fresh-page .research input:focus {
        padding-right: 90px;
    }

.search-fresh-page .clear {
    position: absolute;
    left: 14px;
    top: 14px;
    cursor: pointer;
    display: none;
}

    .search-fresh-page .clear.show {
        display: block !important;
    }

.search-title-bold {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #424242;
}

.search-fresh-page.dark .search-title-bold {
    color: #b4b4b4;
}

.search-fresh-page.dark .most-searched span {
    color: #6e6e6e;
}

.search-fresh-page.dark .research input {
    width: 99%;
    height: 3rem;
    border: 0;
    color: #000;
    font-size: 1.5rem;
    padding-left: 20px;
    background-color: #494949;
}

.most-searched span {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 22px;
    text-align: right;
    color: #424242;
}

.search-fresh-page .news-photo-container {
    margin-bottom: 50px;
}

.search-fresh-page .news {
    cursor: pointer;
}

.search-fresh-page .news-image {
    width: 100%;
}

.search-fresh-page .news-title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.search-fresh-page .news-desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    padding: 10px 20px;
}

.search-fresh-page.light .news-desc {
    background-color: #fff;
    color: #424242;
}

.search-fresh-page.dark .news-desc {
    background-color: #191919;
    color: #b4b4b4;
}

.search-fresh-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 17px;
}

.search-fresh-page.light .read-more {
    background: #fff;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.search-fresh-page.dark .read-more {
    background: #191919;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.search-fresh-page ._text {
    -webkit-margin-end: 85px;
    margin-inline-end: 85px;
}

.search-fresh-page .desc {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #424242;
    background: #fff;
    padding: 10px 20px;
}

    .search-fresh-page .desc span {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

.search-fresh-page.dark .desc {
    color: #b4b4b4;
}

.search-fresh-page.dark .news-time {
    color: #6e6e6e;
}

.search-fresh-page .desc1 .desc {
    font-size: 20px;
    max-width: 650px;
    line-height: 1.2;
    padding: 0;
}

.search-fresh-page .desc1 {
    background: #fff;
    padding: 20px;
}

.search-fresh-page .desc.light {
    background-color: #fff;
    color: #424242;
}

.search-fresh-page .desc.dark {
    background-color: #191919;
    color: #b4b4b4;
}

.search-fresh-page .news-time {
    font-size: 10.36px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #ababab;
}

.search-fresh-page .title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.search-fresh-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    font-size: 18px;
}

    .search-fresh-page .read-more.dark {
        background: #191919;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

    .search-fresh-page .read-more.light {
        background: #fff;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

.search-fresh-page .title-share {
    justify-content: space-between;
    align-items: center;
}

.search-fresh-page .news {
    cursor: pointer;
}

.search-fresh-page ._text {
    margin-inline-end: 85px;
}

.search-fresh-page .image img {
    width: 100%;
}

.search-fresh-page .square {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-fresh-page .vertical {
    display: block;
}

.search-fresh-page .adscont {
    order: 2;
}

.search-fresh-page .adscont2 {
    text-align: center;
    margin-right: 14%;
}

.search-fresh-page .div1 {
    order: 1;
}

.search-fresh-page.dark .desc {
    background: #191919;
}

.search-fresh-page.dark .desc1 {
    background: #191919;
}

.search-fresh-page.dark .title-with-border {
    color: #ababab !important;
}

    .search-fresh-page.dark .title-with-border span {
        display: block;
        padding-top: 5px;
    }

.search-fresh-page .ads2 {
    width: 100%;
}

.search-fresh-page.dark .adscont {
    background: #080808;
}

.search-fresh-page .adscont {
    padding: 8px 5px 5px;
    background: #e2e2e2;
}

    .search-fresh-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.search-fresh-page .load-more {
    font-style: normal;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    cursor: pointer;
}

.search-fresh-page.dark fa-icon {
    color: #5194ce;
}

.search-fresh-page .blue {
    color: #5194ce;
}

.search-not-found .adscont {
    display: inline-block;
}

    .search-not-found .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.search-not-found .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.search-not-found.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.search-not-found .m-b-40 {
    margin-bottom: 40px;
}

.search-not-found .title-with-border {
    height: 40px;
    font-size: 28px;
    color: #000000;
    padding-inline-start: 7px;
    line-height: 1;
    border-inline-start: 6px solid #d02d2e;
    text-align: start;
    color: #000000 !important;
}

    .search-not-found .title-with-border > span {
        background-color: transparent !important;
        display: block;
        padding-top: 4px;
    }

    .search-not-found .title-with-border.green-dark {
        border-inline-start: 5px solid #2f9c81;
    }

    .search-not-found .title-with-border.green {
        border-inline-start: 5px solid #57a858;
    }

    .search-not-found .title-with-border.orange {
        border-inline-start: 5px solid #ea5c18;
    }

    .search-not-found .title-with-border.yellow {
        border-inline-start: 5px solid #fdc300;
    }

    .search-not-found .title-with-border.blue {
        border-inline-start: 5px solid #5194ce;
    }

    .search-not-found .title-with-border.blue-dark {
        border-inline-start: 5px solid #103e8a;
    }

.search-not-found .green-dark {
    color: #2f9c81;
}

.search-not-found .green {
    color: #57a858;
}

.search-not-found .orange {
    color: #ea5c18;
}

.search-not-found .yellow {
    color: #fdc300;
}

.search-not-found .blue {
    color: #5194ce;
}

.search-not-found .blue-dark {
    color: #103e8a;
}

.search-not-found .icon {
    font-size: 22px;
    margin-inline-start: 10px;
}

.search-not-found.dark {
    color: #ababab;
}

.search-not-found.light {
    color: #000000;
}

.search-not-found .white {
    color: #fff !important;
}

.search-not-found .#6961582 {
    color: #c4c4c4 !important;
}

.search-not-found .btn1 div,
.search-not-found .btn2 div {
    background: #3b3b3b;
    border: 1px solid #5a5a5a;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 18px;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    color: #b4b4b4;
    word-spacing: 5px;
    white-space: nowrap;
}

.search-not-found .btn2 {
    margin-top: 12px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 9px;
}

    .search-not-found .btn1 div,
    .search-not-found .btn2 div {
        box-sizing: border-box;
        border-radius: 4px;
        padding: 5px 18px;
        font-family: IttihadHead, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
        line-height: 14px;
        text-align: right;
        color: #b4b4b4;
        word-spacing: 5px;
        white-space: nowrap;
        display: inline-block;
        background: #fff;
        border: 1px solid #dfdfdf;
        margin-bottom: 10px;
    }

.search-not-found.dark .btn1 div,
.search-not-found.dark .btn2 div {
    background: #3b3b3b;
    border: 1px solid #5a5a5a;
}

.search-not-found .btn-count .tit {
    color: #d02d2e;
}

.search-not-found .line {
    border-top: 1px solid #d9d9d9;
    width: 100%;
}

.search-not-found .no-result-found {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 42px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    margin-top: 66px;
}

.search-not-found #square-switcher,
.search-not-found #vertical-switcher {
    margin-top: -17px;
}

.search-not-found .big-right-container {
    border-left: 1px solid #d9d9d9;
    padding-left: 28px;
}

.dark.search-not-found .big-right-container {
    border-left: 1px solid #383838;
}

.dark.search-not-found .line {
    border-top: 1px solid #383838;
}

.search-not-found .sepnews {
    width: 1px;
    height: 22px;
    background: #d9d9d9;
    margin: 0 5px;
    margin-top: -17px;
    vertical-align: middle;
    display: inline-block;
}

.search-not-found .mt {
    margin-top: 50px;
}

.search-not-found .hide-desk {
    display: none !important;
}

.search-not-found .show-desk {
    display: block !important;
}

.search-not-found .hide {
    display: none !important;
}

.search-not-found .share-buttons {
    width: auto;
}

.search-not-found .search-img {
    position: absolute;
    top: 12px;
    right: 17px;
    width: 24px;
}

.search-not-found .share-buttons > div {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    color: #d02d2e;
    font-size: 16px;
    line-height: 27px;
    margin-inline-start: 8px;
}

.search-not-found .label-search {
    height: 40px;
    padding-right: 10px;
    border-right: 6px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #000000;
    margin-bottom: 20px;
}

.search-not-found .research {
    position: relative;
}

.search-not-found .v-line {
    top: 9px;
    bottom: 9px;
    right: 55px;
    border: 1px solid #dfdfdf;
    position: absolute;
}

.search-not-found .research input {
    background: #fff;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    border-radius: 4px;
    padding-right: 38px;
    height: 50px;
    width: 100%;
}

    .search-not-found .research input:focus {
        padding-right: 90px;
    }

.search-not-found .clear {
    position: absolute;
    left: 14px;
    top: 17px;
    cursor: pointer;
    display: none;
}

    .search-not-found .clear.show {
        display: block !important;
    }

.search-not-found.dark .research input {
    width: 99%;
    height: 3rem;
    border: 0;
    color: #000;
    font-size: 1.5rem;
    padding-left: 20px;
    background-color: #494949;
}

.search-not-found .research input:hover {
    border: 1px solid #d02d2e;
}

.search-not-found .research input:focus {
    border: 0;
}

.search-not-found .research input::placeholder {
    padding: 3rem;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #9d9d9d;
}

.search-not-found.dark .research input::placeholder {
    padding: 3rem;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #dfdfdf;
}

.search-not-found .research ion-icon {
    font-size: 2rem;
    position: absolute;
    padding-top: 10px;
    color: #d02d2e;
}

.search-not-found .hide-search {
    display: none;
}

.search-not-found .label-most {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 12px;
    text-align: right;
    letter-spacing: -.05em;
    color: #000000;
    margin-top: 20px;
}

.search-not-found .most-searched {
    margin: 20px 0 24px;
    display: flex;
    align-items: center;
    padding: 34px 20px;
    background: #fff;
    border: 1px solid #d8d5d5;
}

    .search-not-found .most-searched .left {
        flex: 0 0 46%;
        display: flex;
        line-height: 2;
        flex-direction: column;
        border-right: 1px solid #adaeaf;
        padding-right: 12px;
    }

    .search-not-found .most-searched .right {
        flex: 0 0 54%;
        display: flex;
        line-height: 2;
        flex-direction: column;
        padding-left: 20px;
    }

    .search-not-found .most-searched .left a {
        width: 100%;
        font-size: 13px;
        line-height: 27px;
    }

    .search-not-found .most-searched a {
        color: #5194ce !important;
        font-size: 13px;
        line-height: 27px;
        white-space: nowrap;
    }

.search-not-found.dark .most-searched .left {
    border-right: 1px solid #383838;
}

.search-not-found.dark .most-searched {
    background-color: #262626;
    border: 1px solid #383838;
}

.search-not-found .most-searched p {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #9d9d9d;
    margin-bottom: 0;
}

.search-not-found.dark .most-searched p {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #424242;
    margin-bottom: 0;
}

.search-not-found .most-searched span {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 22px;
    text-align: right;
    color: #424242;
    padding-top: 0;
}

.search-not-found .most-searched .number {
    position: absolute;
    font-size: 60px;
    color: #ababab;
    margin-right: -35px;
}

.search-not-found .news-photo-container {
    margin-bottom: 20px;
}

.search-not-found .news {
    cursor: pointer;
}

.search-not-found .news-image {
    width: 100%;
}

.search-not-found .news-title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.search-not-found .news-desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    padding: 10px 20px;
}

.search-not-found.light .news-desc {
    background-color: #fff;
    color: #424242;
}

.search-not-found.dark .news-desc {
    background-color: #191919;
    color: #b4b4b4;
}

.search-not-found .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 17px;
}

.search-not-found.light .read-more {
    background: #fff;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.search-not-found.dark .read-more {
    background: #191919;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.search-not-found ._text {
    -webkit-margin-end: 85px;
    margin-inline-end: 85px;
}

.search-not-found .desc {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    background: #fff;
    padding: 10px 20px;
}

.search-not-found .desc1 .desc {
    font-size: 20px;
    max-width: 650px;
    line-height: 1.2;
    padding: 0;
}

.search-not-found .desc1 {
    background: #fff;
    padding: 20px;
}

.search-not-found .desc.light {
    background-color: #fff;
    color: #424242;
}

.search-not-found .desc.dark {
    background-color: #191919;
    color: #b4b4b4;
}

.search-not-found .news-time {
    font-size: 10.36px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #ababab;
}

.search-not-found .title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.search-not-found .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    font-size: 18px;
}

    .search-not-found .read-more.dark {
        background: #191919;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

    .search-not-found .read-more.light {
        background: #fff;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

.search-not-found .title-share {
    justify-content: space-between;
    align-items: center;
}

.search-not-found .news {
    cursor: pointer;
}

.search-not-found ._text {
    margin-inline-end: 85px;
}

.search-not-found .news-time {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
}

.search-not-found .image img {
    width: 100%;
}

.search-not-found .square {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-not-found .vertical {
    display: block;
}

.search-not-found .div1 {
    order: 1;
}

.search-not-found.dark .desc {
    background: #191919;
}

.search-not-found.dark .desc1 {
    background: #191919;
}

.search-not-found.dark .title-with-border {
    color: #ababab !important;
}

.search-not-found .load-more {
    font-style: normal;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    cursor: pointer;
}

.search-not-found.dark fa-icon {
    color: #5194ce;
}

.search-not-found .blue {
    color: #5194ce;
}

.search-not-found .desc span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search-result-page .adscont {
    display: inline-block;
}

    .search-result-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.search-result-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.search-result-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.search-result-page .m-b-40 {
    margin-bottom: 40px;
}

.search-result-page .icon {
    font-size: 22px;
    margin-inline-start: 10px;
}

.search-result-page.dark {
    color: #ababab;
}

.search-result-page.light {
    color: #000000;
}

.search-result-page .white {
    color: #fff !important;
}

.search-result-page .#6961582 {
    color: #c4c4c4 !important;
}

.search-result-page #square-switcher,
.search-result-page #vertical-switcher {
    margin-top: -17px;
}

.search-result-page .sepnews {
    width: 1px;
    height: 22px;
    background: #d9d9d9;
    margin: 0 5px;
    margin-top: -17px;
    vertical-align: middle;
    display: inline-block;
}

.search-result-page .mt {
    margin-top: 50px;
    padding-right: 0;
}

.search-result-page .hide {
    display: none !important;
}

.search-result-page .share-buttons {
    width: auto;
}

    .search-result-page .share-buttons > div {
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        color: #d02d2e;
        font-size: 16px;
        line-height: 27px;
        margin-inline-start: 8px;
    }

.search-result-page.dark .news-txt {
    color: #b4b4b4;
}

.search-result-page .label-search {
    height: 40px;
    padding-right: 10px;
    border-right: 6px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #000000;
    margin-bottom: 20px;
}

.search-result-page .research input {
    width: 100%;
    height: 3rem;
    border: 0;
    color: #000;
    font-size: 1.5rem;
    padding: 0 63px 0 21px;
}

.search-result-page.dark .research input {
    background: #494949;
}

.search-result-page .research input:hover {
    border: 1px solid #d02d2e;
}

.search-result-page .research input::placeholder {
    padding: 0rem;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #9d9d9d;
}

.search-result-page .btn1 div,
.search-result-page .btn2 div {
    display: inline-block;
}

.search-result-page .research ion-icon {
    font-size: 2rem;
    position: absolute;
    padding-top: 10px;
    color: #d02d2e;
}

.search-result-page .btn2 {
    margin-top: 12px;
}

    .search-result-page .btn1 div,
    .search-result-page .btn2 div {
        box-sizing: border-box;
        border-radius: 4px;
        padding: 5px 18px;
        font-family: IttihadHead, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
        line-height: 14px;
        text-align: right;
        color: #b4b4b4;
        word-spacing: 5px;
        white-space: nowrap;
        background: #fff;
        border: 1px solid #dfdfdf;
    }

.search-result-page.dark .btn1 div,
.search-result-page.dark .btn2 div {
    background: #3b3b3b;
    border: 1px solid #5a5a5a;
    color: #b4b4b4;
}

.search-result-page .research {
    position: relative;
}

.search-result-page .v-line {
    top: 9px;
    bottom: 9px;
    right: 55px;
    border: 1px solid #dfdfdf;
    position: absolute;
}

.search-result-page .search-img {
    position: absolute;
    top: 12px;
    right: 17px;
    width: 24px;
}

.search-result-page .research input {
    background: #fff;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    border-radius: 4px;
    height: 50px;
    width: 100%;
}

    .search-result-page .research input:focus {
        border: 0;
    }

.search-result-page .clear {
    position: absolute;
    left: 14px;
    top: 17px;
    cursor: pointer;
    display: none;
}

    .search-result-page .clear.show {
        display: block !important;
    }

.search-result-page.dark .research input {
    width: 99%;
    height: 3rem;
    border: 0;
    color: #cdcdcd;
    font-size: 1.5rem;
    padding-left: 20px;
    background-color: #494949;
}

.search-result-page .btn-count span {
    margin-top: 30px;
    background: #fff;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 14px;
    text-align: right;
    color: #9a9a9a;
    cursor: pointer;
}

.search-result-page.dark .btn-count span {
    background: #494949;
}

.search-result-page .btn-count .tit {
    color: #d02d2e !important;
}

.search-result-page .h81 {
    height: 30px;
}

.search-result-page .btn-count .btn1 span {
    padding: 10px 20px 10px 40px;
    margin-left: 5px;
}

.search-result-page .btn-count .btn2 span {
    padding: 10px 20px;
    margin-left: 5px;
}

.search-result-page .btn-count span ion-icon {
    font-size: 1.5rem;
    position: absolute;
}

.search-result-page .label-most {
    letter-spacing: -.05em;
    margin-top: 20px;
    border-right: 6px solid #d02d2e;
    height: 40px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #000000;
}

.search-result-page.dark .label-most {
    color: #ababab;
}

.search-result-page .adscont {
    background: 0;
}

.search-result-page .big-right-container {
    border-left: 1px solid #d9d9d9;
    padding-left: 10px;
}

.dark .big-right-container {
    border-left: 1px solid #383838 !important;
}

.search-result-page .news:hover a,
.search-result-page .news:hover div {
    background: #000000 !important;
    color: #fff !important;
}

.search-result-page .news a,
.search-result-page .news div {
    /*transition: all .5s;
    */
}

.search-result-page .news-txt a {
    color: #424242;
}

.search-result-page.dark .news-txt a {
    color: #b4b4b4;
}

.search-result-page .most-searched a {
    color: #5194ce !important;
}

.search-result-page .most-searched .left {
    flex: 0 0 46%;
    display: flex;
    line-height: 2;
    flex-direction: column;
    border-right: 1px solid #adaeaf;
    padding-right: 20px;
}

.search-result-page.dark .most-searched .left {
    border-right: 1px solid #383838;
}

.search-result-page .most-searched .left a {
    width: 100%;
}

.search-result-page .most-searched .right {
    flex: 0 0 54%;
    display: flex;
    line-height: 2;
    flex-direction: column;
    padding-left: 35px;
}

.search-result-page .most-searched p {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #424242;
    margin-bottom: 0;
}

.search-result-page .most-searched span {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 22px;
    text-align: right;
    color: #424242;
    padding-top: 0;
}

.search-result-page .most-searched .number {
    font-size: 60px;
    color: #ababab;
}

.search-result-page .main-title {
    font-size: 28px;
    color: #000000;
    line-height: 1;
    text-align: start;
    color: #000000 !important;
    margin: 27px 0 11px 0;
}

    .search-result-page .main-title > span {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 23px;
        align-items: center;
        text-align: right;
        color: #d02d2e;
    }

.search-result-page .layout {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    background-color: #f9f9f9;
}

.dark.search-result-page .layout {
    background: #262626;
}

.search-result-page .news .image img {
    width: 100%;
    height: 10rem;
    flex-direction: row;
    flex-wrap: wrap;
}

.search-result-page .layout .pic {
    width: 244px;
}

.search-result-page .desc {
    display: flex;
    background: #f9f9f9;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #000000;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 20px;
    width: 100%;
}

.desc.appFont_bold.vertical span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-result-page .news-time {
    display: flex;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    letter-spacing: -.02em;
    color: #D02D2E;
    padding-top: 12px;
}

.search-result-page .icon1 {
    display: flex;
    align-items: center;
    background: #D6D2C4;
    padding: 60px 40px;
    height: 100%;
    justify-content: center;
}

.search-result-page.dark .icon1 {
    background: #333;
}

.search-result-page .icon1 ion-icon {
    font-size: 3rem;
    padding-right: 1rem;
    color: #d02d2e;
}

.search-result-page .news {
    cursor: pointer;
}

.search-result-page .news-title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000060;
    color: #fff;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.search-result-page .mopy {
    display: none;
}

.search-result-page .moor {
    margin: 30px auto;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #424242;
}

    .search-result-page .moor span {
        font-size: 1.5rem;
        color: #5194ce;
        border-radius: .5px;
    }

.search-result-page .news-desc {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    padding: 10px 20px;
}

.search-result-page.light .news-desc {
    background-color: #fff;
    color: #424242;
}

.search-result-page.dark .news-desc {
    background-color: #191919;
    color: #b4b4b4;
}

.search-result-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 17px;
}

.search-result-page.light .read-more {
    background: #fff;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.search-result-page.dark .read-more {
    background: #191919;
    border: 1px solid #d02d2e;
    box-sizing: border-box;
}

.search-result-page ._text {
    -webkit-margin-end: 85px;
    margin-inline-end: 85px;
}

.search-result-page .desc1 .desc {
    font-size: 20px;
    max-width: 650px;
    line-height: 1.2;
    padding: 0;
}

.search-result-page .desc1 {
    background: #fff;
    padding: 20px;
}

.search-result-page .desc.light {
    background-color: #fff;
    color: #424242;
}

.search-result-page .desc.dark {
    background-color: #191919;
    color: #b4b4b4;
}

.search-result-page .title {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    color: #000000;
    font-size: 14;
    font-family: IttihadHead, sans-serif !important;
    line-height: 1;
    -webkit-border-start: 5px solid #d02d2e;
    border-inline-start: 5px solid #d02d2e;
    padding: 5px 10px;
}

.search-result-page .read-more {
    padding: 6px 30px;
    color: #d02d2e !important;
    cursor: pointer;
    white-space: nowrap;
    font-size: 18px;
}

    .search-result-page .read-more.dark {
        background: #191919;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

    .search-result-page .read-more.light {
        background: #fff;
        border: 1px solid #d02d2e;
        box-sizing: border-box;
    }

.search-result-page .title-share {
    justify-content: space-between;
    align-items: center;
}

.search-result-page .news {
    cursor: pointer;
}

.search-result-page ._text {
    margin-inline-end: 85px;
}

.search-result-page .image img {
    width: 100%;
    object-fit: cover;
}

.search-result-page .square {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-result-page .vertical {
    display: block;
}

.search-result-page.dark .desc {
    background: #262626;
    color: #b4b4b4;
}

.search-result-page.dark .desc1 {
    background: #262626;
}

.search-result-page.dark .title-with-border {
    color: #ababab !important;
}

.search-result-page .ads2 {
    max-width: 100%;
    width: 300px;
}

.search-result-page.dark .adscont {
    background: #080808;
}

.search-result-page .adscont {
    padding: 8px 5px 5px;
    background: #e2e2e2;
}

    .search-result-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.search-result-page .load-more {
    font-style: normal;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    cursor: pointer;
}

    .search-result-page .load-more span {
        color: #5194ce;
    }

.search-result-page.dark fa-icon {
    color: #5194ce;
}

.search-result-page .blue {
    color: #5194ce;
}

.tagspage .adscont {
    display: inline-block;
}

    .tagspage .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    }

.tagspage .adscont {
    padding: 8px 5px 5px;
    background: 0;
}

    .tagspage .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.tagspage .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.tagspage.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.tagspage .madda span {
    padding: 6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.tagspage .madda {
    padding: 0 5px 7px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
    margin-bottom: 30px;
}

    .tagspage .madda.m-20 {
        margin-top: -26px;
    }

.tagspage .sec-madda span {
    text-align: start;
}

.tagspage .devo-sticky-box {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

.tagspage .border-pd {
    padding-left: 20px !important;
}

.tagspage .latest-news {
    margin-bottom: 15px;
}

    .latest-news:hover span,
    .tagspage .latest-news:hover div {
        background: #000000;
        color: #fff !important;
    }

    .tagspage .latest-news div {
        /*transition: all .5s;
    */
    }

.tagspage.light .latest-news {
    background-color: #fff;
}

.tagspage.dark .latest-news {
    background-color: #000000;
}

.tagspage .latest-news .text-box {
    padding: 12px 20px 7px;
}

.tagspage .latest-news .box-h {
    font-family: Droid Arabic Kufi, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    height: 38px;
    overflow: hidden;
}

.tagspage .latest-news .img-box {
    position: relative;
}

.box-h {
    color: #424242;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.tagspage.light .latest-news .box-h {
    color: #000000;
}

.tagspage.dark .latest-news .box-h {
    color: #ffffff !important;
}

.tagspage .latest-news .news-time {
    font-weight: 700;
    font-size: 10.36px;
    line-height: 19.74px;
    margin-bottom: 0;
}

.tagspage.light .latest-news .news-time {
    color: #6e6e6e;
}

.tagspage.dark .latest-news .news-time {
    color: #d6d2c4;
}

.tagspage .main-img {
    width: 100%;
}

.tagspage .tag-span {
    position: absolute;
    bottom: 0;
    padding: 1.5px 8px;
    right: 0;
    border-right: 4px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background-color: rgba(255,255,255);
    color: #000000;
    line-height: 17px;
    z-index: 3;
}

.tagspage .load-more {
    font-weight: 700;
    color: #424242;
}

.tagspage .spinner-border {
    color: #d02d2e;
    width: 20px;
    height: 20px;
    display: none;
}

.tagspage .load-more-box {
    text-align: center;
    margin-top: 25px;
}

.tagspage .tag-heading {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #d02d2e;
    margin-bottom: 20px;
}

.tagspage .madda.sec-madda {
    margin-top: 10px;
}

@media (min-width:992px) {
    .tagspage .row2 {
        margin-right: -8px;
        margin-left: -8px;
    }

        .tagspage .row2 .col-lg-4 {
            padding-right: 8px;
            padding-left: 8px;
        }
}

@media (max-width:992px) {
    .tagspage .m-b-30 {
        margin-bottom: 20px !important;
    }

    .tagspage .madda.m-20 {
        margin-top: 5px;
    }

    .tagspage .madda.sec-madda {
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .tagspage .border-pd {
        padding-left: 10px !important;
    }

        .tagspage .border-pd::after {
            display: none;
        }

    .tagspage .latest-news .box-h {
        font-size: 12.62px;
        line-height: 16px;
    }

    .tagspage .latest-news {
        margin-bottom: 20px;
    }
}

.terms-and-condition-page .adscont {
    display: inline-block;
}

    .terms-and-condition-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    }

.terms-and-condition-page .adscont {
    padding: 8px 5px 5px;
    background: 0;
}

.terms-and-condition-page .ads2 {
    max-width: 300px;
}

.terms-and-condition-page .adscont span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
    text-align: start;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.terms-and-condition-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.terms-and-condition-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.terms-and-condition-page .madda span {
    padding: 6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.terms-and-condition-page .madda {
    padding: 0 5px 7px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
    margin-bottom: 30px;
}

    .terms-and-condition-page .madda.m-20 {
        margin-top: -26px;
    }

.terms-and-condition-page .sec-madda span {
    text-align: start;
}

.terms-and-condition-page .devo-sticky-box {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

.terms-and-condition-page .border-pd {
    padding-left: 47px !important;
    position: relative;
}

    .terms-and-condition-page .border-pd::after {
        position: absolute;
        top: 0;
        left: 17px;
        width: 1px;
        height: 100%;
        content: "";
    }

.terms-and-condition-page.light .border-pd::after {
    background-color: #d9d9d9;
}

.terms-and-condition-page.dark .border-pd::after {
    background-color: #2e2e2e;
}

.terms-and-condition-page .share-buttons-box {
    text-align: end;
}

.terms-and-condition-page .share-buttons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.terms-and-condition-page .title-with-border {
    padding-inline-start: 10px;
    line-height: 33px;
    margin-bottom: 40px;
}

    .terms-and-condition-page .title-with-border > span {
        background-color: transparent !important;
    }

.terms-and-condition-page.dark .title-with-border {
    color: #ababab !important;
}

.terms-and-condition-page .zoom-light {
    display: flex !important;
}

.zoom-dark {
    display: none !important;
}

.dark .zoom-light {
    display: none !important;
}

.dark .zoom-dark {
    display: flex !important;
}

.terms-and-condition-page .terms-p {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    text-align: right;
    letter-spacing: -.03em;
    color: #000;
    margin-top: 18px;
    margin-bottom: 100px;
}

.terms-and-condition-page.dark .terms-p {
    color: #ddd;
}

.terms-and-condition-page.light .terms-p {
    color: #000;
}

.terms-and-condition-page.dark .terms-p {
    color: #ddd;
}

.terms-and-condition-page .zoom-box {
    display: flex;
    align-items: center;
}

.terms-and-condition-page .zoom-in,
.terms-and-condition-page .zoom-out {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    margin-left: 6px;
    cursor: pointer;
    border: 1px solid;
}

.terms-and-condition-page.light .zoom-in,
.terms-and-condition-page.light .zoom-out {
    color: #4e4e4e !important;
    background-color: #fff !important;
    border-color: #ececec;
}

.terms-and-condition-page.dark .zoom-in,
.terms-and-condition-page.dark .zoom-out {
    background: #262626 !important;
    color: #7e7e7e !important;
    border-color: #262626;
}

.terms-and-condition-page .zoom-in > img {
    max-height: 18px;
}

.terms-and-condition-page .zoom-out > img {
    max-height: 13px;
}

@media (min-width:992px) {
    .terms-and-condition-page .row2 {
        margin-right: -15.5px;
        margin-left: -15.5px;
    }

        .terms-and-condition-page .row2 .col-lg-12,
        .terms-and-condition-page .row2 .col-lg-6 {
            padding-left: 15.5px;
            padding-right: 15.5px;
        }
}

@media (max-width:992px) {
    .terms-and-condition-page .m-b-30 {
        margin-bottom: 20px !important;
    }

    .terms-and-condition-page .madda.m-20 {
        margin-top: 5px;
    }

    .terms-and-condition-page .madda {
        margin-bottom: 20px;
    }

    .terms-and-condition-page .border-pd {
        padding-left: 10px !important;
    }

        .terms-and-condition-page .border-pd::after {
            display: none;
        }

    .terms-and-condition-page .share-buttons > div {
        width: 24px;
        height: 24px;
    }

        .terms-and-condition-page .share-buttons > div img {
            max-height: 10px;
        }

    .terms-and-condition-page .title-with-border {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .terms-and-condition-page .zoom-in,
    .terms-and-condition-page .zoom-out {
        width: 24px;
        height: 24px;
    }

        .terms-and-condition-page .zoom-in > img {
            max-height: 14px;
        }

        .terms-and-condition-page .zoom-out > img {
            max-height: 10px;
        }

    .terms-and-condition-page .terms-p {
        font-size: 14px;
        line-height: 24px;
        margin: 30px 0;
    }
}

.video-page .hrvideo {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 50px 0 40px;
    padding: 0;
}

.video-page .paddb70 {
    padding-bottom: 70px;
}

.video-page .extraheight {
    height: 40px;
}

.video-page .bg-black {
    background: #000;
}

.video-page .max-850 {
    max-width: 844px;
    margin: auto;
}

.video-page .gerytitle {
    color: #c4c4c4;
}

.video-page .share-buttons {
    display: flex !important;
    justify-content: flex-end;
}

.video-page .title {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #c4c4c4;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.video-page .videotext {
    font-weight: 700;
    font-size: 26px;
    font-family: Droid Arabic Kufi Bold;
    color: #fff;
}

.video-page .brdvleft {
    border-inline-end: 1px solid #242424;
}

.video-page .sub-title {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    text-align: right;
    color: #fff;
}

.video-page .time {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    padding-inline-start: 0;
}

.video-page ._row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.video-page .share-butons {
    justify-content: flex-end;
    gap: 5px;
}

    .video-page .share-butons > div {
        background: #191919;
        border: 1px solid #2c2c2c;
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        text-align: center;
        cursor: pointer;
    }

.video-page .video-description {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #7e7e7e;
}

.video-page.dark .title-with-border > span {
    color: #ffffff;
}

.video-page .pt-23 {
    padding-top: 23px;
}

.video-page .border-end {
    border-inline-end: 1px solid #242424;
}

.video-page.dark .desctextprgoram2 .col-md-12 {
    color: #cbcbcb;
}

.video-page.dark .video-title {
    color: #fff;
}

@media (max-width:992px) {
    .video-page .spacing {
        padding-right: unset;
        padding-left: unset;
        padding-top: 110px;
        padding-bottom: 40px;
    }

    .video-page .border-end {
        border: 0;
        padding: 0 !important;
    }
}

@media (min-width:992px) {
    .video-page .spacing {
        padding-right: unset;
        padding-left: unset;
        padding-top: 110px;
        padding-bottom: 40px;
    }

    .video-page .border-end {
        border: 0;
    }
}

@media (min-width:768px) {
    .video-page .spacing {
        padding-right: 300px;
        padding-left: 300px;
        padding-top: 110px;
        padding-bottom: 40px;
    }

    .video-page .border-end {
        border: 0;
    }
}

@media (min-width:992px) {
    .video-page .spacing {
        padding-right: 300px;
        padding-left: 300px;
        padding-top: 110px;
        padding-bottom: 40px;
    }

    .video-page .border-end {
        border-inline-end: 1px solid #242424;
    }
}

.video-page .mt20-9 {
    margin-top: 20px !important;
}

@media (min-width:1200px) {
    .video-page .spacing {
        padding-right: 300px;
        padding-left: 300px;
        padding-top: 110px;
        padding-bottom: 40px;
    }

    .video-page .border-end {
        border-inline-end: 1px solid #242424;
    }
}

.video-page .iframe-cont {
    position: relative;
}

.video-page .media-control {
    background: rgba(0, 0, 0, .9);
    border-radius: 4px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px 15px;
}

.video-page ._row {
    display: flex;
    margin-bottom: 15px;
}

.video-page .thumbnail {
    position: relative;
}

.video-page .bg {
    width: 141px;
    object-fit: cover;
    max-width: unset;
}

.video-page .play-button {
    position: absolute;
    width: 25px !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-page .mt52 {
    margin-top: 52px;
}

.video-page .mt30 {
    margin-top: 30px;
}

.video-page .description11 {
    background: #191919;
    width: 100%;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #b4b4b4;
    padding: 16px 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.video-page .time {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #6e6e6e;
}

.video-page ._title {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
    border-right: 5px solid #d02d2e;
    background-color: #00000060;
    position: absolute;
    right: 0;
    bottom: 0;
}

.video-page .title-with-border11 {
    border-inline-start: 3px solid #5194ce;
    padding-inline-start: 8px;
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 8px;
    font-family: IttihadHead, sans-serif !important;
}

.video-page .font-size-28 {
    font-size: 28px;
}

.video-page.light-color {
    color: #c4c4c4;
}

.video-page ._time {
    color: #d02d2e;
    font-size: 16px;
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.video-page .ads2 {
    max-width: 100%;
    width: 300px;
    margin: auto;
    display: block;
}

.video-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
}

    .video-page .madda span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.video-page.dark .cont .lab {
    background: rgb(0 0 0);
    color: #ffffff;
}

.video-page .cont .lab {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 8px;
    background: rgb(255 255 255);
    color: #000000;
    font-family: IttihadHead, sans-serif !important;
    font-weight: 400;
    padding-right: 10px;
    font-size: 14px;
    border-right: 4px solid #d02d2e;
}

.video-page .onblack.madda {
    background: #080808 !important;
}

.video-page ._titleee {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px !important;
    line-height: 28px !important;
    text-align: right;
    color: #000000;
    border-inline-start: 6px solid #2f9c81;
}

    .video-page ._titleee span {
        font-size: 28px !important;
        line-height: 28px !important;
    }

.video-page.dark .adscont {
    background: #080808;
}

.video-page .madda span {
    padding: 6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.video-page .con {
    background: #eaeaea;
    padding: 40px 0;
}

.video-page .www {
    display: block;
    transition: all .5s ease-in-out;
}

.descprogram-small,
.www a,
.www label {
    transition: all .5s ease-in-out;
}

.www:hover .descprogram-small {
    background: #000000 !important;
    color: #fff !important;
}

.dark .www:hover .descprogram-small {
    background: #000000 !important;
    color: #fff !important;
}

.www:hover a,
.www:hover label {
    color: #fff !important;
}

.video-page .www .cont {
    width: 100%;
    position: relative;
}

.video-page .www .play-button {
    position: absolute;
    cursor: pointer;
}

.video-page .www .play-large {
    width: 110px;
    top: calc(50% - 55px);
    left: calc(50% - 55px);
}

.video-page .www .play-small {
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-page .www img {
    width: 100%;
}

.video-page .www .descprogram {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 40px 50px;
}

.video-page .descprogram .desctextprgoram {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
}

.video-page .descprogram .details {
    display: -webkit-inline-box;
}

.video-page .descprogram .video-title {
    font-family: IttihadHead, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: right;
    margin-inline-end: 5px;
}

.video-page .descprogram .video-episode {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: right;
    margin-inline-end: 5px;
    color: #d02d2e;
    border-inline-start: 2px solid #d02d2e;
    padding-inline-start: 5px;
}

.video-page .link-name {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    color: #727272;
}

.video-page.dark .link-name {
    color: #8d8d8d;
}

.video-page .www .descprogram-small {
    padding: 16px 21px;
    width: 100%;
    background: #fff;
}

.video-page .w1094 {
    max-width: 1094px;
}

.video-page .p1621 {
    padding: 16px 21px;
}

.video-page .program-text {
    color: #636363;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 12px;
    height: 15px;
    -webkit-line-clamp: 1;
    display: block;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    padding: 0;
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
}

img.home {
    vertical-align: top;
}

.video-page .read-also {
    font-family: IttihadHead;
    font-size: 28px;
    font-weight: 400;
    color: #d02d2e;
}

.video-page .bgwwi {
    background: #eaeaea;
}

._badge {
    padding: 0 12px 0 6px;
}

.video-page .descprogram-small .desctextprgoram a {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: start;
    color: #424242;
}

.video-page .descprogram-small .details {
    display: -webkit-inline-box;
}

.video-page .www:hover .descprogram-small .video-time {
    color: #d02d2e !important;
}

.video-page .descprogram-small .video-time {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #ababab;
    padding-top: 14px;
}

.video-page .mobile-layout ._row {
    display: flex;
    margin-bottom: 15px;
}

.video-page .mobile-layout .thumbnail {
    position: relative;
}

.video-page .mobile-layout .bg {
    height: 70px;
}

.video-page .mobile-layout .play-button {
    position: absolute;
    width: 25px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-page .mobile-layout .description {
    width: 100%;
    height: 70px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    padding: 10px;
}

.video-page.dark .description {
    background-color: #191919;
}

.video-page.dark .desc {
    color: #ffffff;
}

.video-page.light .description {
    background-color: #fff;
}

.video-page .desc {
    color: #ffffff;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.video-page .small-text {
    height: 21px;
    overflow: hidden;
}

.dark .small-text {
    color: #ffffff;
}

.mt4 {
    margin-top: 4px;
}

.video-page .mobile-layout .time {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #6e6e6e;
}

.video-page .mobile-layout ._title {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
    border-right: 5px solid #d02d2e;
    background-color: #00000060;
    position: absolute;
    right: 0;
    bottom: 0;
}

.video-page .mobile-layout .title-with-border11 {
    border-inline-start: 3px solid #5194ce;
    padding-inline-start: 8px;
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 8px;
    font-family: IttihadHead, sans-serif !important;
}

.video-page .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(279px, 1fr));
    gap: 20px;
}

.video-page .load-more {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    color: #424242;
    gap: 15px;
    cursor: pointer;
}

.video-page .md4b .col-md-4 {
    margin-bottom: 20px;
}

.video-page .dl {
    display: block;
}

    .video-page .dl .cont {
        width: 100%;
        position: relative;
    }

    .video-page .dl .play-button {
        position: absolute;
        cursor: pointer;
    }

    .video-page .dl .play-large {
        width: 110px;
        top: calc(50% - 55px);
        left: calc(50% - 55px);
    }

    .video-page .dl .play-small {
        width: 34px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .video-page .dl img {
        width: 100%;
    }

    .video-page .dl .descprogram {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 40px 50px;
    }

.video-page .descprogram .desctextprgoram {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
}

.video-page .descprogram.details {
    display: -webkit-inline-box;
}

.video-page .descprogram .video-title {
    font-family: IttihadHead, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: right;
    margin-inline-end: 5px;
}

.video-page .descprogram .video-episode {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: right;
    margin-inline-end: 5px;
    color: #d02d2e;
    border-inline-start: 2px solid #d02d2e;
    padding-inline-start: 5px;
}

.video-page .dl .descprogram-small {
    padding: 16px 21px;
    width: 100%;
    background: #fff;
}

.video-page .descprogram-small .desctextprgoram a {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: start;
    color: #000000;
}

.video-page .descprogram-small .details {
    display: -webkit-inline-box;
}

.video-page .iframe-cont img {
    max-width: 100%;
}

.video-page .descprogram-small .video-time {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #696158;
    padding-top: 14px;
}

@media (min-width:1200px) {
    .video-page .vidcl1 {
        flex: 0 0 61%;
        max-width: 61%;
        padding-left: 20px;
    }

    .video-page .vidcl2 {
        flex: 0 0 39%;
        max-width: 39%;
        padding-right: 16.96px;
    }
}

.video-page .descprogram-small2 {
    padding: 14px 0;
    width: 100%;
}

    .video-page .descprogram-small2 .desctextprgoram2 {
        font-family: Droid Arabic Kufi Bold;
        font-size: 14px;
        font-weight: 700;
        text-align: start;
    }

    .video-page .descprogram-small2 .details {
        display: -webkit-inline-box;
        padding-top: 7px;
    }

    .video-page .descprogram-small2 .video-title {
        font-family: IttihadHead, sans-serif;
        font-size: 18px;
        line-height: 16px;
        text-align: start;
        margin-inline-end: 5px;
        font-weight: 400;
        color: #424242;
    }

    .video-page .descprogram-small2 .video-episode {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 12px;
        color: #d02d2e;
        text-align: start;
        margin-inline-end: 5px;
        border-inline-start: 2px solid #d02d2e;
        padding-inline-start: 5px;
    }

.video-page.dark .prog-small-description {
    background-color: #191919;
}

.video-page.light .prog-small-description {
    background-color: #fff;
}

.video-page .program-name-time {
    font-family: IttihadHeadSub;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #424242;
}

.video-page.dark .program-name-time {
    color: #fff;
}

.video-page.light .program-name-time {
    color: #424242;
}

.video-page.light.span-title {
    color: #424242;
}

.video-page.dark .span-title {
    color: #fff;
}

.video-page.dark .prog-small-description {
    background: #191919;
}

.video-page.light .prog-small-description {
    background: #fff;
}

.video-page .episode {
    color: #d02d2e;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    border-inline-start: 2px solid;
    margin-inline-start: 10px;
    padding-inline-start: 10px;
}

.video-page .prog-small-description {
    width: 100%;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #b4b4b4;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.video-page .prog-small-time {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    margin-inline-start: 10px;
    color: #d02d2e;
}

.video-page .cont {
    position: relative;
}

@media only screen and (max-width:768px) {
    .video-page .hidden-xs {
        display: none;
    }

    .video-page .con {
        background: 0;
        padding: 20px 0;
    }
}

.video-page .arrow-left {
    color: #5194ce !important;
    margin-right: 10px;
    font-size: 22px !important;
    display: inline-block;
    position: relative;
    top: 2px;
}

.video-page .title-with-border {
    padding-inline-start: 10px;
}

.video-page .align-bottom {
    display: flex;
    align-items: flex-end;
    font-size: 16px;
}

.video-page .m-t-16 {
    margin-top: 16px !important;
}

.video-page .mtb3250 {
    margin-top: 32px;
}

.video-page .m-t-33 {
    margin-top: 33px;
}

.video-page .m-b-16 {
    margin-bottom: 16px !important;
}

.video-page .next-video-mt {
    margin-top: 46px;
}

.video-page .row2 {
    margin-right: -3px;
    margin-left: -3px;
}

    .video-page .row2 .col-3 {
        padding-right: 3px;
        padding-left: 3px;
    }

.video-page .blackvideo {
    padding-bottom: 50px;
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.weather-page .bg-weather {
    /*background: linear-gradient(270deg, #D02D2E 50%, rgba(19, 159, 218, 0) 78.99%), url(../img/wheather/Rectangle_122.png);*/
    background-image: url("../img/wheather/weather_bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-block: 27px;
    padding-inline: 39px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 10;
}

.weather-page .bg-weather hr {
	/*padding: 10px;*/
	border-top: 1px solid #A2E4FF;
	margin-block: 27px;
	/*margin: 30px;*/
}
.weather-page .data-cont {
    /* margin: auto 30px; */
    margin: 0px;
}


.weather-page .mini-desc {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #656565;
}

.weather-page .newstlogo {
    margin: 0 12px;
}

.weather-page .newsgrid1 {
    width: 100%;
}

.weather-page .newsgrid2 {
    width: 100%;
}

.weather-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

    .weather-page .newsstyle1 img {
        transform-origin: 50% 65%;
        transition: transform 1s ease-in-out;
    }

    .weather-page .newsstyle1:hover img {
        transform: scale(1.1);
    }

.weather-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.weather-page .innerdesc {
    position: relative;
    padding: 10px;
}

.weather-page .m-t-22 {
    margin-top: 22px !important;
}

.weather-page .adscont {
    background: 0 0 !important;
}

.weather-page .cats1 {
    padding: 4px 12px 4px 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-weight: 400;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -29px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.weather-page .sep {
    border-top: 1px solid #e2e2e2;
    margin: 25px 0;
}

.weather-page .sep-vertical {
    border-left: 1px solid #e2e2e2;
    margin: 0 25px;
    height: 500px;
}

.weather-page .sep-vertical,
.weather-page.dark .sep,
.weather-page.dark .sep2 {
    border-top: 1px solid #242424;
}

.weather-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

.weather-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.weather-page .leftarr {
    margin-right: 10px;
}

.weather-page .newspic {
    position: relative;
}

.weather-page .thumbnews1 {
    width: 100%;
}

.weather-page .catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
}

.weather-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.weather-page .desctext {
    color: #424242;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.weather-page .madda.m-20 {
    margin-top: -21px;
}

.weather-page .thumb-writer {
    color: #ababab;
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
}

.weather-page .inner2 {
    margin-bottom: 40px;
    cursor: pointer;
}

.weather-page .title-with-border.navyb {
    border-color: #103e8a;
}

.weather-page .graytitle {
    color: #424242;
}

.weather-page .bluetitle {
    color: #d02d2e;
}

.weather-page .navy {
    color: #103e8a;
}

.weather-page .ads2 {
    width: 100%;
}

.weather-page .brdleft {
    border-inline-end: 1px solid #e2e2e2;
}

.weather-page.dark .brdleft {
    border-inline-end: 1px solid #2e2e2e;
}

.weather-page .brdright {
    position: relative;
}

    .weather-page .brdright:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #e2e2e2;
        right: -10px;
        top: 0;
    }

.weather-page.dark .brdright:before {
    background: #2e2e2e;
}

.weather-page .blackhome {
    background: #000;
    padding: 30px 0;
}

.weather-page .titleh2 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #e83438;
}

.weather-page .videocontainer {
    position: relative;
}

.weather-page .catvideo {
    color: #fff;
    padding-right: 15px;
    border-right: 5px solid #fdc300;
    line-height: 1;
    margin-bottom: 10px;
    font-family: IttihadHead, sans-serif !important;
    font-size: 28px;
}

    .weather-page .catvideo.orange {
        border-color: #ea5c18;
    }

    .weather-page .catvideo.blue {
        border-color: #d02d2e;
    }

.weather-page .ads2l {
    width: 100%;
}

.weather-page .descvideo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 35px 30px;
}

.weather-page .desctextvideo {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.weather-page .timenews2 {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
}

.weather-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.weather-page .carcontainer {
    margin-top: 20px;
}

.weather-page .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: inline-block !important;
    width: 65px !important;
    cursor: pointer;
}

.weather-page .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.weather-page .owl-theme .owl-dots .owl-dot span {
    background: #303030 !important;
}

.weather-page .owl-theme .owl-dots .owl-dot.active span,
.weather-page .owl-theme .owl-dots .owl-dot:hover span {
    background: #ef3f3f !important;
}

.weather-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    color: #636363;
    font-size: 12px;
    line-height: 1.2;
}

.weather-page .mininewsdesc2 {
    padding: 18.5px;
    background: #fff;
}

.weather-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 10px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.weather-page.dark .titleh11 {
    color: #ababab;
}

.weather-page .titleh111 {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    line-height: 1;
}

.weather-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.weather-page .bgscroll {
    background: #eaeaea;
}

.weather-page .subtitle111 {
    color: #000000;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.weather-page .bluecaret {
    font-size: 23px;
}

.weather-page .authname {
    font-size: 12px;
    color: #ababab;
    margin-top: 7px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

    .weather-page .authname span {
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
        font-size: 10px;
        color: #ababab;
    }

.weather-page .mrr {
    margin-top: 52px;
}

.weather-page .mb-30 {
    margin-bottom: 30px;
}

.weather-page .hadis {
    width: 100%;
}

.weather-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    overflow: hidden;
}

.weather-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.weather-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.weather-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.weather-page .hadiscontainer:hover .hadov {
    right: 0;
}

.weather-page .caricature {
    padding: 30px 0;
    background: #eaeaea;
}

.weather-page.dark .bgscroll,
.weather-page.dark .caricature {
    background: #060606;
}

.weather-page .padcaricature {
    padding-inline-end: 20px;
}

.weather-page .padcaricature2 {
    padding-inline-start: 20px;
}

.weather-page .mt-32 {
    margin-top: 32px;
}

.weather-page .pt1 {
    padding-top: 25px !important;
}

.weather-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

.weather-page .newsgrid1 {
    width: 100%;
}

.weather-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.weather-page .cats1.yellow {
    border-color: #fdc300;
}

.weather-page .innerdesc {
    position: relative;
    padding: 10px;
    width: 80%;
}

.weather-page .cats1 {
    padding: 0 12px 0 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -21px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.weather-page .inner2 {
    cursor: pointer;
}

.weather-page .newspic {
    position: relative;
}

.weather-page .thumbnews2 {
    width: 100%;
}

.weather-page .catnewsinner {
    position: absolute;
    background: #ffffff;
    color: #000;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    font-weight: 400;
    right: 0;
    padding: 3px 10px;
}

    .weather-page .catnewsinner.yellow {
        border-color: #fdc300;
    }

.weather-page .innerthumbdesc11 {
    background: #fff;
    padding: 15px 22px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.weather-page .mb0 {
    margin-bottom: 0;
}

.weather-page .desctext {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 12.9758px;
    line-height: 18px;
    text-align: right;
    color: #636363;
}

.weather-page.dark .thumb-writer {
    color: #b4b4b4 !important;
}

.weather-page.dark .desctext {
    color: #b4b4b4 !important;
}

.weather-page .red-arrow-down {
    color: #ef3f3f;
}

.weather-page.dark.innerthumbdesc11 {
    background-color: #191919 !important;
}

@media (max-width:992px) {
    .weather-page .graytitle {
        font-size: 28px !important;
    }

    .weather-page .album-title {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .weather-page .album-date {
        font-size: 10px !important;
        line-height: 10px !important;
    }

    .weather-page .others-albums {
        font-size: 10px !important;
        line-height: 12px !important;
    }

    .weather-page .graytitle-side {
        font-size: 28px !important;
        line-height: 46px !important;
    }

    .weather-page .thumbnews1 {
        height: 72px;
        width: auto;
    }

    .weather-page .w100 {
        width: 100% !important;
        height: auto !important;
    }

    .weather-page .innerthumbdesc11 {
        padding: 12px 8px 5px !important;
        transition: all .5s ease-in-out;
    }

    .weather-page .inner2 {
        margin-bottom: 20px;
    }

    .weather-page .desctext {
        font-size: 12px;
        line-height: 15px;
    }

    .weather-page .newspic {
        position: relative;
    }
}

.weather-page .ads2 {
    width: 100%;
    margin: auto;
    display: block;
}

.weather-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.weather-page.dark .madda {
    background: #080808;
}

.weather-page .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.weather-page .onblack.madda {
    background: #080808 !important;
}

.weather-page .hrvideo {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 40px 0 30px;
    padding: 0;
}

.weather-page .extraheight {
    height: 40px;
}

.weather-page .thumbnews1 {
    width: 100%;
}

.weather-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    font-size: 12px;
}

.weather-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

@media (min-width:768px) {
    .weather-page .customcolnews1 {
        flex: 0 0 36%;
        max-width: 36%;
    }

    .weather-page .customcolnews2 {
        flex: 0 0 64%;
        max-width: 64%;
    }
}

.weather-page .mobile-layout {
    display: none;
    flex-wrap: nowrap;
}

@media (max-width:992px) {
    .weather-page .thumbnews1 {
        width: 128px;
    }

    .weather-page .mininewsdesc {
        line-height: 18px;
    }

    .weather-page .mininewsdesc2 {
        padding: 17.5px !important;
        padding-inline-start: 30px !important;
    }

    .weather-page .desc-container {
        padding: 10px 8px;
    }
}

.weather-page.dark .mininewsdesc {
    color: #b4b4b4 !important;
}

.weather-page .thumbnews1 {
    width: 100%;
}

.weather-page .gridstyle2 .desctext {
    color: #636363;
}

.weather-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    padding-right: 8px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.weather-page .leftarr {
    margin-right: 10px;
    margin-top: -8px;
}

.weather-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.weather-page .authname {
    font-size: 10px;
    color: #ababab;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (max-width:992px) {
    .weather-page .thumbnews1 {
        width: 95px;
    }

    .weather-page .col-desc {
        padding-inline-start: 30px;
    }

    .weather-page .mininewsdesc2 {
        padding: 12px;
    }

    .weather-page .subtitle11 {
        font-size: 14px;
        margin-top: 5px;
    }

    .weather-page .authname {
        font-size: 10px;
        margin-top: 5px;
    }

        .weather-page .authname span {
            padding-inline-start: 20px;
        }
}

.weather-page .thumbnews1 {
    width: 100%;
}

.weather-page .m-t-20 .inner2 {
    margin-bottom: 0;
}

.weather-page .mininewsdesc22 {
    padding: 8px 20px;
    background: #fff;
}

.weather-page .titleh111 {
    font-size: 16px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    margin-bottom: 2px;
    line-height: 1;
}

.weather-page .subtitle111 {
    color: #000000;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.weather-page .authname {
    font-size: 10px;
    color: #ababab;
    margin-top: 3px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (min-width:768px) {
    .weather-page .customcolwriters1 {
        flex: 0 0 23.23%;
        max-width: 23.23%;
    }

    .weather-page .customcolwriters2 {
        flex: 0 0 76.77%;
        max-width: 76.77%;
    }
}

.weather-page .authname span {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    color: #ababab;
}

.weather-page .desc111 {
    width: 100%;
}

.weather-page.dark .mininewsdesc22 {
    background-color: #191919;
}

.weather-page.light .mininewsdesc22 {
    background-color: #fff;
}

.weather-page.light .subtitle111 {
    color: #000000;
}

.weather-page.dark .subtitle111 {
    color: #cbcbcb;
}

@media (max-width:992px) {
    .weather-page .thumbnews1 {
        width: 128px;
    }

    .weather-page .titleh111 {
        margin-bottom: 0;
    }

    .weather-page .col-desc.light {
        padding-inline-start: 30px;
    }

    .weather-page .mininewsdesc22 {
        padding: 7px 12px;
        padding-inline-start: 42px;
    }

    .weather-page .subtitle111 {
        font-size: 14px;
        margin-top: 5px;
    }

    .weather-page .authname {
        font-size: 10px;
        margin-top: 1px;
    }

        .weather-page .authname span {
            padding-inline-start: 20px;
        }

    .weather-page .mininewsdesc22 .authname span {
        padding-inline-start: 0;
    }
}

.weather-page .hadis {
    width: 100%;
}

.weather-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
}

.weather-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.weather-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.weather-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.weather-page .hadiscontainer:hover .hadov {
    right: 0;
}

.weather-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.weather-page .leftarr {
    margin-right: 10px;
}

.weather-page .carcontainer {
    margin-top: 20px;
    background: #eaeaea;
}

.weather-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.weather-page .videocontainer {
    position: relative;
}

.weather-page .videothumb {
    width: 100%;
}

.weather-page .w95 {
    width: 95px !important;
}

.weather-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.weather-page.dark .desctext {
    color: #b4b4b4 !important;
}

.weather-page.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.weather-page.dark .graytitle,
.weather-page.dark .title-with-border {
    color: #ababab;
}

.weather-page.dark .bluetitle {
    color: #d02d2e;
}

.weather-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.weather-page.light .header-container {
    background: #fff;
}

.weather-page.dark .mainnav li a {
    color: #ababab !important;
}

.weather-page.dark .titleh1 {
    color: #ababab !important;
}

.weather-page .videocontainer {
    position: relative;
}

.weather-page .videothumb {
    width: 100%;
}

.weather-page .w95 {
    height: 95px !important;
}

.weather-page .innerthumbdesc11 {
    background: #fff;
    padding: 11px 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.weather-page.dark .desctext {
    color: #b4b4b4 !important;
}

.weather-page.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.weather-page.dark .graytitle,
.weather-page.dark .title-with-border {
    color: #ababab;
}

.weather-page.dark .bluetitle {
    color: #d02d2e;
}

.weather-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.weather-page.light .header-container {
    background: #fff;
}

.weather-page.dark .mainnav li a {
    color: #ababab !important;
}

.weather-page.dark .titleh1 {
    color: #ababab !important;
}

.weather-page .blue-border {
    color: #5194ce !important;
}

.weather-page.dark-blue-border {
    color: #103e8a !important;
}

.weather-page .title-with-border.yellow {
    border-color: #fdc300;
}

.weather-page .fa-caret-left.yellow {
    color: #fdc300;
}

.weather-page .title-with-border.orange {
    border-color: #ea5c18;
}

.weather-page .fa-caret-left.orange {
    color: #ea5c18;
}

.weather-page .title-with-border.green {
    border-color: #57a858;
}

.weather-page .fa-caret-left.green {
    color: #57a858;
}

.weather-page .title-with-border.dark-green {
    border-color: #2f9c81;
}

.weather-page .fa-caret-left.dark-green {
    color: #2f9c81;
}

.weather-page .title-with-border.red {
    border-color: #e83438;
}

.weather-page .fa-caret-left.red {
    color: #e83438;
}

.weather-page .title-#696158 {
    color: #ababab;
}

.weather-page.light .hadis-al-suwar-title {
    color: #fff;
}

.weather-page.dark .hadis-al-suwar-title {
    color: #ababab;
}

.weather-page .expostyle .innerdesc {
    width: 100%;
    background: #b59578;
}

.weather-page .expostyle .cats1 {
    background: #000;
    border-color: #b59578;
    top: -26px;
}

.weather-page .belt {
    cursor: pointer;
}

.weather-page .weather-icon {
    width: 42px;
    margin: 50px 0;
}

.weather-page .town {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 16px;
    text-align: right;
    color: #fff;
}

.weather-page .date-time {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    color: #fff;
}

.weather-page .whether-degree {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 66px;
    line-height: 66px;
    text-align: right;
    letter-spacing: -.03em;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.weather-page .wheather-type {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    text-align: right;
    letter-spacing: -.03em;
    color: #fff;
}

.weather-page .wind-type {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-align: right;
    color: #fff;
}

.weather-page .sun-logo {
    width: 60px;
}

.weather-page .table-degree {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 32px;
    text-align: center;
    color: #696158;
}

.weather-page.dark .table-degree {
    color: #ffffff;
}

.weather-page .table-row-night {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 60px;
    color: #fff;
    background: #323232;
    border-left: 1px solid #dbdbdb;
    border-top: none !important;
    border-bottom: none !important;
}

.weather-page.dark .table-row-night {
    border: 1px solid #343434;
    color: #ffffff;
    background-color: #0F0F0F;
    border-bottom: none !important;
}

.weather-page .table-row-night:first-child {
    border-right: none !important;
}

.weather-page .table-row-night:last-child {
    border-left: none !important;
}

.weather-page .table-degree-night {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 32px;
    text-align: center;
    color: #fff;
}

.weather-page.dark .table-degree-night {
    color: #a8a8a8;
}

.weather-page .table-row {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 60px;
    border-left: 1px solid #dbdbdb;
    color: #000000;
    border-bottom: none !important;
    border-top: none !important;
}

eather-page.light-active {
    color: #8edeff;
}

.weather-page .latest-news-text {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    color: #000000;
    height: 45px;
    overflow: hidden;
}

.weather-page .latest-news-date {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #696158;
}

.weather-page.dark .latest-news-text {
    color: #b4b4b4;
}

.weather-page.dark .latest-news-date {
    color: #6e6e6e;
}

.weather-page .latest-news-div {
    background-color: #fff;
    transition: all .5s ease-in-out;
}

.weather-page.dark .latest-news-div {
    background-color: #191919;
}

.weather-page .latest-news-div:hover {
    background: #000000;
}

    .weather-page .latest-news-div:hover div.latest-news-text {
        color: #fff !important;
    }

    .weather-page .latest-news-div:hover div.latest-news-date {
        color: #d02d2e !important;
    }

    .weather-page .latest-news-div:hover div.newspic {
        color: #000 !important;
    }

.weather-page .related-news-country {
    font-family: IttihadHead !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #838383;
}

.weather-page.dark .related-news-country {
    color: #9c9c9c;
}

.weather-page .related-news-text {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #424242;
}

.weather-page.dark .related-news-text {
    color: #b4b4b4;
}

.weather-page .related-news-date {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #ababab;
}

.weather-page.dark .related-news-date {
    color: #6e6e6e;
}

.weather-page .related-news-div {
    background-color: #fff;
}

.weather-page.dark .related-news-div {
    background-color: #191919;
}

.weather-page no-padding {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.col.table-title.active {
    color: #d02d2e !important;
}

.weather-page .table-title {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    padding-top: 28px;
    padding-bottom: 28px;
    text-align: center;
    background-color: #D6D2C4;
    border-left: 1px solid #ffffff;
    color: #000000;
}

.weather-page .table-header {
    background-color: #F2F2F2;
}

.weather-page .table-header-text {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    padding-top: 21px;
    padding-bottom: 21px;
    text-align: right;
    color: #5c5c5c;
}

.weather-page .table-dropdown {
    background: #ededed !important;
    border: 1px solid #ccc !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #000000;
    width: 111px;
}

.weather-page.dark .table-dropdown {
    background: #161616 !important;
    border: 1px solid #373737 !important;
    color: #cacaca;
}

.weather-page .date-picker-text {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #000000;
}

.weather-page.dark .date-picker-text {
    color: #cacaca;
}

.weather-page .date-picker {
    background: #ededed !important;
    border: 1px solid #ccc !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
}

.weather-page.dark .date-picker {
    background: #161616 !important;
    border: 1px solid #373737 !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
}

.weather-page.dark .table-header {
    background: #323232;
}

.weather-page.dark .table-title {
    background: #1A1816;
    border-left: 1px solid #323232;
    color: #ffffff;
}

.weather-page .table-title:first-child {
    border-right: none !important;
}

.weather-page .table-title:last-child {
    border-left: none !important;
}

.weather-page.dark .table-row {
    background-color: #232323;
    border: 1px solid #323232;
    color: #ffffff;
    border-bottom: none !important;
    border-top: none !important;
}

.weather-page .table-row:first-child {
    border-right: none !important;
}

.weather-page .table-row:last-child {
    border-left: none !important;
}

.weather-page .no-margin {
    margin: 0 !important;
    padding: 0 !important;
}

.weather-page.dark .picker-title {
    color: #d02d2e;
}

.weather-page .picker-title {
    color: #000000;
}

.writers-page .middle-title1 {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    margin-top: 15px;
}

.writers-page .header-link {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
    flex: none;
    order: 1;
    flex-grow: 0;
    border-right: 4px solid #d02d2e;
    padding-right: 10px;
}

.writers-page.dark .header-link {
    color: #ababab;
}

.writers-page .middle-card-content1 {
    margin-bottom: 18px;
    margin-top: 11px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #262626;
}

.writers-page.dark .middle-card-content1 {
    color: #ddd;
}

.writers-page .date-author {
    display: flex;
    gap: 5px;
}

    .writers-page .date-author .auth {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 14px;
        display: flex;
        align-items: center;
        text-align: right;
        color: #ababab;
    }

.writers-page.dark .date-author .date {
    color: #727272;
}

.writers-page .auth a {
    color: #ababab;
    margin-left: 4px;
}

.writers-page .date-author .date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #ababab;
}

.writers-page .edito-middle-card1 {
    padding: 72px 34px 56px;
    background: #fff;
}

.writers-page.dark .edito-middle-card1 {
    background: #191919;
}

.writers-page .title-with-border {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
    border-right: 6px solid #5194ce;
    padding-right: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.writers-page .writer-post {
    padding-top: 33px;
    padding-right: 24px;
    background-color: #fff;
    width: 100%;
}

.writers-page.dark .writer-post {
    background: #191919;
}

.writers-page .w-p-link {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0;
}

.writers-page .latest-subtitle1 {
    margin-top: 13px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    color: #000000;
}

.writers-page.dark .latest-subtitle1 {
    color: #b4b4b4;
}

.writers-page .authname a {
    color: #727272;
}

.writers-page .authname1 a {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    color: #727272;
    margin-top: 10px;
    display: unset;
}

.writers-page .authname1 {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    color: #727272;
    margin-top: 10px;
}

.writers-page .h-line {
    height: 1px;
    width: 100%;
    background: #d9d9d9;
}

.ptb-45 {
    padding: 45px 40px !important;
}

.writers-page.dark .h-line {
    border: 1px solid #383838;
}

.writers-page .read-too {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
    padding-right: 10px;
    border-right: 6px solid #5194ce;
}

.writers-page.dark .read-too {
    color: #ababab;
}

.writers-page .authname2 a {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    color: #727272;
    display: unset;
}

.writers-page .authname2 {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    color: #727272;
    margin-top: 8px;
}

.writers-page .authname {
    margin-top: 10px;
}

.writers-page.dark .authname2,
.writers-page.dark .authname2 a {
    color: #8d8d8d;
}

.writers-page .bg-r {
    background-color: #fff;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-right: 10px;
    width: 100%;
}

.writers-page.dark .bg-r {
    background: #191919;
}

.writers-page .mb3020 {
    margin-bottom: 30px;
}

.writers-page .subtit {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
}

.p404 .error-section {
    margin: 40px 0;
}

.p404 .error-box {
    padding: 210px 50px 179px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
}

.p404.light .error-box {
    background-color: #fff;
    background-image: url(../img/Logo-error.svg);
}

.p404.dark .error-box {
    background-color: #202020;
    background-image: url(../img/Logo-error-dark.svg);
}

.p404 .error-img {
    margin-bottom: 58px;
}

.p404.dark .error-img-light {
    display: none;
}

.p404.light .error-img-dark {
    display: none;
}

.p404 .error-p {
    font-family: Droid Arabic Kufi;
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    margin-bottom: 35px;
}

.p404.light .error-p {
    color: #323232;
}

.p404.dark .error-p {
    color: #fff;
}

.p404 .btn-a {
    font-family: Droid Arabic Kufi;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    background: #d02d2e;
    border-radius: 4px;
    padding: 14.5px 37px;
    display: inline-block;
    border: 1px solid #d02d2e;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .p404 .btn-a svg path {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .p404 .btn-a:hover {
        color: #d02d2e;
        background-color: transparent;
    }

        .p404 .btn-a:hover svg path {
            stroke: #d02d2e;
        }

@media (max-width:992px) {
    .p404 .error-box {
        padding: 145px 35px 130px;
    }
}

@media (max-width:992px) {
    .p404 .error-box {
        padding: 115px 35px 111px;
    }

    .p404 .error-img {
        margin-bottom: 34px;
    }

        .p404 .error-img img {
            max-height: 75px;
        }

    .p404 .error-p {
        font-size: 22px;
    }

    .p404 .btn-a {
        font-size: 14px;
        line-height: 16px;
        padding: 11px 33.5px;
    }

        .p404 .btn-a svg {
            display: none;
        }
}

.about-us-page.aboutus .adscont {
    display: inline-block;
}

    .about-us-page.aboutus .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    }

.about-us-page.aboutus .adscont {
    padding: 8px 5px 5px;
    background: 0;
}

.about-us-page.aboutus .ads2 {
    max-width: 100%;
    width: 300px;
}

.about-us-page.aboutus .adscont span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
    text-align: start;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.about-us-page.aboutus .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.about-us-page.aboutus.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.about-us-page.aboutus .madda span {
    padding: 6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.about-us-page.aboutus .madda {
    padding: 0 5px 7px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
    margin-bottom: 30px;
}

    .about-us-page.aboutus .madda.m-20 {
        margin-top: -26px;
    }

.about-us-page.aboutus .sec-madda span {
    text-align: start;
}

.about-us-page.aboutus .devo-sticky-box {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

.about-us-page.aboutus .border-pd {
    padding-left: 47px !important;
    position: relative;
}

.light .border-pd {
    border-left: 1px solid #d9d9d9;
}

.about-us-page.aboutus .border-pd::after {
    position: absolute;
    top: 0;
    left: 17px;
    width: 1px;
    height: 100%;
    content: "";
}

.about-us-page.aboutus.light .border-pd::after {
    background-color: #d9d9d9;
}

.about-us-page.aboutus.dark .border-pd::after {
    background-color: #2e2e2e;
}

.about-us-page.aboutus .share-buttons-box {
    text-align: end;
}

.hubc {
    display: flex;
    justify-content: center;
}

.about-us-page.aboutus .share-buttons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.about-us-page.aboutus .title-with-border {
    padding-inline-start: 10px;
    line-height: 33px;
    margin-bottom: 40px;
}

    .about-us-page.aboutus .title-with-border > span {
        background-color: transparent !important;
    }

.about-us-page.aboutus.dark .title-with-border {
    color: #ababab !important;
}

.about-us-page.aboutus .terms-p {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    margin: 30px 0;
}

.about-us-page.aboutus.light .terms-p {
    color: #000;
}

.about-us-page.aboutus.dark .terms-p {
    color: #ddd;
}

.about-us-page.aboutus .zoom-box {
    display: flex;
    align-items: center;
}

.about-us-page.aboutus .zoom-in,
.about-us-page.aboutus .zoom-out {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    margin-left: 6px;
    cursor: pointer;
    border: 1px solid;
}

.about-us-page.aboutus.light .zoom-in,
.about-us-page.aboutus.light .zoom-out {
    color: #4e4e4e !important;
    background-color: #fff !important;
    border-color: #ececec;
}

.about-us-page.aboutus.dark .zoom-in,
.about-us-page.aboutus.dark .zoom-out {
    background: #262626 !important;
    color: #7e7e7e !important;
    border-color: #262626;
}

.about-us-page.aboutus .zoom-in > img {
    max-height: 18px;
}

.about-us-page.aboutus .zoom-out > img {
    max-height: 13px;
}

@media (min-width:992px) {
    .about-us-page.aboutus .row2 {
        margin-right: -15.5px;
        margin-left: -15.5px;
    }

        .about-us-page.aboutus .row2 .col-lg-12,
        .about-us-page.aboutus .row2 .col-lg-6 {
            padding-left: 15.5px;
            padding-right: 15.5px;
        }
}

@media (max-width:992px) {
    .about-us-page.aboutus .m-b-30 {
        margin-bottom: 20px !important;
    }

    .about-us-page.aboutus .madda.m-20 {
        margin-top: 5px;
    }

    .about-us-page.aboutus .madda {
        margin-bottom: 20px;
    }

    .about-us-page.aboutus .border-pd {
        padding-left: 10px !important;
    }

        .about-us-page.aboutus .border-pd::after {
            display: none;
        }

    .about-us-page.aboutus .share-buttons > div {
        width: 24px;
        height: 24px;
    }

        .about-us-page.aboutus .share-buttons > div img {
            max-height: 10px;
        }

    .about-us-page.aboutus .title-with-border {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .about-us-page.aboutus .zoom-in,
    .about-us-page.aboutus .zoom-out {
        width: 24px;
        height: 24px;
    }

        .about-us-page.aboutus .zoom-in > img {
            max-height: 14px;
        }

        .about-us-page.aboutus .zoom-out > img {
            max-height: 10px;
        }

    .about-us-page.aboutus .terms-p {
        font-size: 14px;
        line-height: 24px;
        margin: 20px 0;
    }
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.album-article-page.light .latest-news-div:hover {
    background: #424242;
}

.album-article-page .latest-news-div:hover div {
    color: #fff !important;
}

.album-article-page .mini-desc {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #656565;
}

.album-article-page .close2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    width: 35px;
    text-align: center;
    z-index: 999;
    line-height: 28px;
    cursor: pointer;
}

.album-article-page .ticker-wrap {
    position: relative;
    overflow: hidden;
    background-color: #e2e2e2;
    box-sizing: border-box;
    z-index: 9999;
    padding-left: 50px;
    display: flex;
}

    .album-article-page .ticker-wrap .ticker {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        white-space: nowrap;
        box-sizing: content-box;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 100s;
        animation-duration: 100s;
    }

.album-article-page .ticker:hover {
    animation-play-state: paused;
}

.album-article-page .ticker-wrap .ticker__item {
    display: inline-block;
    font-size: 12px;
    color: #424242;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.album-article-page .ticker-wrap .ticker__item-label {
    display: block;
    padding: 4px 10px;
    font-size: 16px;
    background-color: #d02d2e;
    color: #fff;
    width: fit-content;
    white-space: nowrap;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    z-index: 1;
}

.album-article-page .newstlogo {
    margin: 0 12px;
}

.album-article-page .ticker-wrap .ticker__item-label a {
    color: #fff;
    font-weight: 400;
    font-family: var(--default-font-family);
}

.album-article-page .ticker-wrap .ticker__item-label i {
    margin-left: .75rem;
}

.album-article-page .ticker-wrap .ticker__item span {
    margin-left: 3px;
}

.album-article-page .newsgrid1 {
    width: 100%;
}

.album-article-page .newsgrid2 {
    width: 100%;
}

.album-article-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

    .album-article-page .newsstyle1 img {
        transform-origin: 50% 65%;
        transition: transform 1s ease-in-out;
    }

    .album-article-page .newsstyle1:hover img {
        transform: scale(1.1);
    }

.album-article-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.album-article-page .innerdesc {
    position: relative;
    padding: 10px;
}

.album-article-page .m-t-22 {
    margin-top: 22px !important;
}

.album-article-page .adscont {
    background: 0 0 !important;
}

.album-article-page .cats1 {
    padding: 4px 12px 4px 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-weight: 400;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -29px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.album-article-page .titlepdf {
    background: #cacaca;
    border-right: 3px solid #d02d2e;
    padding-right: 5px;
    line-height: 1;
    font-family: IttihadHeadSub, sans-serif;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff;
}

.album-article-page .sep {
    border-top: 1px solid #e2e2e2;
    margin: 20px 0;
}

.album-article-page .sep-vertical {
    border-left: 1px solid #e2e2e2;
    margin: 0 25px;
    height: 500px;
}

.album-article-page .sep-vertical,
.album-article-page.dark .sep,
.album-article-page.dark .sep2 {
    border-top: 1px solid #242424;
}

.album-article-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

.album-article-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.album-article-page .leftarr {
    margin-right: 10px;
}

.album-article-page .newspic {
    position: relative;
}

.album-article-page .thumbnews1 {
    width: 100%;
}

.album-article-page .catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
}

.album-article-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.album-article-page .desctext {
    color: #424242;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.album-article-page .madda.m-20 {
    margin-top: -21px;
}

.album-article-page .thumb-writer {
    color: #ababab;
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
}

.album-article-page .inner2 {
    margin-bottom: 40px;
    cursor: pointer;
}

.album-article-page .title-with-border.navyb {
    border-color: #103e8a;
}

.album-article-page .graytitle {
    color: #424242;
}

.album-article-page .bluetitle {
    color: #d02d2e;
}

.album-article-page .navy {
    color: #103e8a;
}

.album-article-page .ads2 {
    width: 100%;
}

.album-article-page .brdleft {
    border-inline-end: 1px solid #e2e2e2;
}

.album-article-page.dark .brdleft {
    border-inline-end: 1px solid #2e2e2e;
}

.album-article-page .brdright {
    position: relative;
}

    .album-article-page .brdright:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #e2e2e2;
        right: -10px;
        top: 0;
    }

.album-article-page.dark .brdright:before {
    background: #2e2e2e;
}

.album-article-page .blackhome {
    background: #000;
    padding: 30px 0;
}

.album-article-page .titleh2 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #e83438;
}

.album-article-page .videocontainer {
    position: relative;
}

.album-article-page .catvideo {
    color: #fff;
    padding-right: 15px;
    border-right: 5px solid #fdc300;
    line-height: 1;
    margin-bottom: 10px;
    font-family: IttihadHead, sans-serif !important;
    font-size: 28px;
}

    .album-article-page .catvideo.orange {
        border-color: #ea5c18;
    }

    .album-article-page .catvideo.blue {
        border-color: #d02d2e;
    }

.album-article-page .ads2l {
    width: 100%;
}

.album-article-page .descvideo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 35px 30px;
}

.album-article-page .desctextvideo {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.album-article-page .timenews2 {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
}

.album-article-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.album-article-page .carcontainer {
    margin-top: 20px;
}

.album-article-page .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: inline-block !important;
    width: 65px !important;
    cursor: pointer;
}

.album-article-page .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.album-article-page .owl-theme .owl-dots .owl-dot span {
    background: #303030 !important;
}

.album-article-page .owl-theme .owl-dots .owl-dot.active span,
.album-article-page .owl-theme .owl-dots .owl-dot:hover span {
    background: #ef3f3f !important;
}

.album-article-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    color: #636363;
    font-size: 12px;
    line-height: 1.2;
}

.album-article-page .mininewsdesc2 {
    padding: 18.5px;
    background: #fff;
}

.album-article-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 10px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.album-article-page.dark .titleh11 {
    color: #ababab;
}

.album-article-page .titleh111 {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    line-height: 1;
}

.album-article-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.album-article-page .bgscroll {
    background: #eaeaea;
}

.album-article-page .subtitle111 {
    color: #000000;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.album-article-page .bluecaret {
    font-size: 23px;
}

.album-article-page .authname {
    font-size: 12px;
    color: #ababab;
    margin-top: 7px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

    .album-article-page .authname span {
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
        font-size: 10px;
        color: #ababab;
    }

.album-article-page .mrr {
    margin-top: 52px;
}

.album-article-page .mb-30 {
    margin-bottom: 30px;
}

.album-article-page .hadis {
    width: 100%;
}

.album-article-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    overflow: hidden;
}

.album-article-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.album-article-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.album-article-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.album-article-page .hadiscontainer:hover .hadov {
    right: 0;
}

.album-article-page .caricature {
    padding: 30px 0;
    background: #eaeaea;
}

.album-article-page.dark .bgscroll,
.album-article-page.dark .caricature {
    background: #060606;
}

.album-article-page .padcaricature {
    padding-inline-end: 20px;
}

.album-article-page .padcaricature2 {
    padding-inline-start: 20px;
}

.album-article-page .mt-32 {
    margin-top: 32px;
}

.album-article-page .pt1 {
    padding-top: 25px !important;
}

.album-article-page .newsstyle1 {
    position: relative;
    overflow: hidden;
}

.album-article-page .newsgrid1 {
    width: 100%;
}

.album-article-page .internews1 {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.album-article-page .cats1.yellow {
    border-color: #fdc300;
}

.album-article-page .innerdesc {
    position: relative;
    padding: 10px;
    width: 80%;
}

.album-article-page .cats1 {
    padding: 0 12px 0 6px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    position: absolute;
    top: -21px;
    font-size: 14px;
    right: 0;
    border-right: 5px solid #d02d2e;
}

.album-article-page .inner2 {
    cursor: pointer;
}

.album-article-page .newspic {
    position: relative;
}

.album-article-page .thumbnews2 {
    width: 100%;
}

.album-article-page .catnewsinner {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    font-weight: 400;
    right: 0;
    padding: 3px 10px;
}

    .album-article-page .catnewsinner.yellow {
        border-color: #fdc300;
    }

.album-article-page .innerthumbdesc11 {
    background: #fff;
    padding: 15px 22px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.album-article-page .mb0 {
    margin-bottom: 0;
}

.album-article-page .desctext {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12.9758px;
    line-height: 18px;
    text-align: right;
    color: #636363;
}

.album-article-page.dark .thumb-writer {
    color: #b4b4b4 !important;
}

.album-article-page.dark .desctext {
    color: #b4b4b4 !important;
}

.album-article-page .red-arrow-down {
    color: #ef3f3f;
}

.album-article-page.dark.innerthumbdesc11 {
    background-color: #191919 !important;
}

@media (max-width:576px) {
    .album-article-page .graytitle {
        font-size: 14px;
    }

    .album-article-page .title-with-border {
        font-size: 14px;
    }
}

@media (max-width:577px) and (min-width:992px) {
    .album-article-page .graytitle {
        font-size: 28px !important;
    }

    .album-article-page .title-with-border {
        font-size: 28px;
    }
}

@media (max-width:992px) {
    .display-flex {
        display: block !important;
    }

    .e-book-page .media {
        justify-content: center;
        padding-right: 0;
        margin-left: 0px;
    }

    .album-article-page .album-title {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .album-article-page .album-date,
    .album-article-page .album-date1 {
        font-size: 10px !important;
        line-height: 10px !important;
    }

    .album-article-page .others-albums {
        font-size: 10px !important;
        line-height: 12px !important;
    }

    .album-article-page .graytitle-side {
        font-size: 28px !important;
        line-height: 46px !important;
    }

    .album-article-page .thumbnews1 {
        height: 72px;
        width: auto;
    }

    .album-article-page .w100 {
        width: 100% !important;
        height: auto !important;
    }

    .album-article-page .innerthumbdesc11 {
        padding: 12px 8px 5px !important;
        transition: all .5s ease-in-out;
    }

    .album-article-page .inner2 {
        margin-bottom: 20px;
    }

    .album-article-page .desctext {
        font-size: 12px;
        line-height: 15px;
    }

    .album-article-page .newspic {
        position: relative;
    }
}

.album-article-page .ads2 {
    width: 100%;
    margin: auto;
    display: block;
}

.album-article-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.album-article-page.dark .madda {
    background: #080808;
}

.album-article-page .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.album-article-page .onblack.madda {
    background: #080808 !important;
}

.album-article-page .hrvideo {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 40px 0 30px;
    padding: 0;
}

.album-article-page .extraheight {
    height: 40px;
}

.album-article-page .thumbnews1 {
    width: 100%;
}

.album-article-page .mininewsdesc {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    padding: 0 5px;
    font-size: 12px;
}

.album-article-page .sep2 {
    border-top: 1px solid #e2e2e2;
    margin: 10px 0;
}

@media (min-width:768px) {
    .album-article-page .customcolnews1 {
        flex: 0 0 36%;
        max-width: 36%;
    }

    .album-article-page .customcolnews2 {
        flex: 0 0 64%;
        max-width: 64%;
    }
}

.album-article-page .mobile-layout {
    display: none;
    flex-wrap: nowrap;
}

@media (max-width:992px) {
    .album-article-page .thumbnews1 {
        width: 128px;
    }

    .album-article-page .mininewsdesc {
        line-height: 18px;
    }

    .album-article-page .mininewsdesc2 {
        padding: 17.5px !important;
        padding-inline-start: 30px !important;
    }

    .album-article-page .desc-container {
        padding: 10px 8px;
    }
}

.album-article-page.dark .mininewsdesc {
    color: #b4b4b4 !important;
}

.album-article-page .thumbnews1 {
    width: 100%;
}

.album-article-page .gridstyle2 .desctext {
    color: #636363;
}

.album-article-page .titleh11 {
    font-size: 18px;
    font-family: IttihadHead, sans-serif !important;
    padding-right: 8px;
    line-height: 1;
    border-right: 3px solid #d02d2e;
}

.album-article-page .leftarr {
    margin-right: 10px;
    margin-top: -8px;
}

.album-article-page .subtitle11 {
    color: #d02d2e;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.album-article-page .authname {
    font-size: 10px;
    color: #ababab;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (max-width:992px) {
    .album-article-page .thumbnews1 {
        width: 95px;
    }

    .album-article-page .col-desc {
        padding-inline-start: 30px;
    }

    .album-article-page .mininewsdesc2 {
        padding: 12px;
    }

    .album-article-page .subtitle11 {
        font-size: 14px;
        margin-top: 5px;
    }

    .album-article-page .authname {
        font-size: 10px;
        margin-top: 5px;
    }

        .album-article-page .authname span {
            padding-inline-start: 20px;
        }

    .album-article-page .others-albums {
        font-size: 14px !important;
        margin: auto !important;
        padding: 6px;
    }

    .album-article-page .album-title {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }
}

.album-article-page .thumbnews1 {
    width: 100%;
}

.album-article-page .m-t-20 .inner2 {
    margin-bottom: 0;
}

.album-article-page .mininewsdesc22 {
    padding: 8px 20px;
    background: #fff;
}

.album-article-page .titleh111 {
    font-size: 16px;
    font-family: IttihadHead, sans-serif !important;
    color: #d02d2e;
    margin-bottom: 2px;
    line-height: 1;
}

.album-article-page .subtitle111 {
    color: #000000;
    font-size: 12px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
}

.album-article-page .authname {
    font-size: 10px;
    color: #ababab;
    margin-top: 3px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

@media (min-width:768px) {
    .album-article-page .customcolwriters1 {
        flex: 0 0 23.23%;
        max-width: 23.23%;
    }

    .album-article-page .customcolwriters2 {
        flex: 0 0 76.77%;
        max-width: 76.77%;
    }
}

.album-article-page .authname span {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    color: #ababab;
}

.album-article-page .desc111 {
    width: 100%;
}

.album-article-page.dark .mininewsdesc22 {
    background-color: #191919;
}

.album-article-page.light .mininewsdesc22 {
    background-color: #fff;
}

.album-article-page.light .subtitle111 {
    color: #000000;
}

.album-article-page.dark .subtitle111 {
    color: #cbcbcb;
}

@media (max-width:992px) {
    .album-article-page .thumbnews1 {
        width: 128px;
    }

    .album-article-page .titleh111 {
        margin-bottom: 0;
    }

    .album-article-page .col-desc.light {
        padding-inline-start: 30px;
    }

    .album-article-page .mininewsdesc22 {
        padding: 7px 12px;
        padding-inline-start: 42px;
    }

    .album-article-page .subtitle111 {
        font-size: 14px;
        margin-top: 5px;
    }

    .album-article-page .authname {
        font-size: 10px;
        margin-top: 1px;
    }

        .album-article-page .authname span {
            padding-inline-start: 20px;
        }

    .album-article-page .mininewsdesc22 .authname span {
        padding-inline-start: 0;
    }
}

.album-article-page .hadis {
    width: 100%;
}

.album-article-page .hadiscontainer {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
}

.album-article-page .hadistxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
    color: #fff;
    z-index: 2;
}

.album-article-page .viewsc {
    position: absolute;
    bottom: 15px;
    width: auto;
    z-index: 2;
    left: 15px;
}

.album-article-page .hadov {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 0;
    right: -100%;
    z-index: 1;
}

.album-article-page .hadiscontainer:hover .hadov {
    right: 0;
}

.album-article-page .titleh1 {
    font-size: 28px;
    font-family: IttihadHead, sans-serif !important;
    color: #000000;
    padding-right: 20px;
    line-height: 1;
    border-right: 5px solid #d02d2e;
}

.album-article-page .leftarr {
    margin-right: 10px;
}

.album-article-page .carcontainer {
    margin-top: 20px;
    background: #eaeaea;
}

.album-article-page .timecar {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    color: #d02d2e;
    font-size: 12px;
    margin-top: 10px;
}

.album-article-page .videocontainer {
    position: relative;
}

.album-article-page .videothumb {
    width: 100%;
}

.album-article-page .w95 {
    width: 95px !important;
}

.album-article-page .innerthumbdesc11 {
    background: #fff;
    padding: 10px 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.album-article-page.dark .desctext {
    color: #b4b4b4 !important;
}

.album-article-page.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.album-article-page.dark .graytitle,
.album-article-page.dark .title-with-border {
    color: #ababab;
}

.album-article-page.dark .bluetitle {
    color: #d02d2e;
}

.album-article-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.album-article-page.light .header-container {
    background: #fff;
}

.album-article-page.dark .mainnav li a {
    color: #ababab !important;
}

.album-article-page.dark .titleh1 {
    color: #ababab !important;
}

.album-article-page .videocontainer {
    position: relative;
}

.album-article-page .videothumb {
    width: 100%;
}

.album-article-page .w95 {
    height: 95px !important;
}

.album-article-page .innerthumbdesc11 {
    background: #fff;
    padding: 11px 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.album-article-page.dark .desctext {
    color: #b4b4b4 !important;
}

.album-article-page.dark .innerthumbdesc11 {
    background-color: #191919 !important;
}

.album-article-page.dark .graytitle,
.album-article-page.dark .title-with-border {
    color: #ababab;
}

.album-article-page.dark .bluetitle {
    color: #d02d2e;
}

.album-article-page.dark .col-desc > div {
    background: #191919 !important;
    color: #ababab !important;
}

.album-article-page.light .header-container {
    background: #fff;
}

.album-article-page.dark .mainnav li a {
    color: #ababab !important;
}

.album-article-page.dark .titleh1 {
    color: #ababab !important;
}

.album-article-page .blue-border {
    color: #5194ce !important;
}

.album-article-page.dark-blue-border {
    color: #103e8a !important;
}

.album-article-page .title-with-border.yellow {
    border-color: #fdc300;
}

.album-article-page .fa-caret-left.yellow {
    color: #fdc300;
}

.album-article-page .title-with-border.orange {
    border-color: #ea5c18;
}

.album-article-page .fa-caret-left.orange {
    color: #ea5c18;
}

.album-article-page .title-with-border.green {
    border-color: #57a858;
}

.album-article-page .fa-caret-left.green {
    color: #57a858;
}

.album-article-page .title-with-border.dark-green {
    border-color: #2f9c81;
}

.album-article-page .fa-caret-left.dark-green {
    color: #2f9c81;
}

.album-article-page .title-with-border.red {
    border-color: #e83438;
}

.album-article-page .fa-caret-left.red {
    color: #e83438;
}

.album-article-page .title-#696158 {
    color: #ababab;
}

.album-article-page.light .hadis-al-suwar-title {
    color: #fff;
}

.album-article-page.dark .hadis-al-suwar-title {
    color: #ababab;
}

.album-article-page .expostyle .innerdesc {
    width: 100%;
    background: #b59578;
}

.album-article-page .expostyle .cats1 {
    background: #000;
    border-color: #b59578;
    top: -26px;
}

.album-article-page .belt {
    cursor: pointer;
}

.album-article-page .show-more {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #424242;
    text-align: center;
    cursor: pointer;
}

.album-article-page.dark .show-more {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    text-align: center;
}

.album-article-page .album-title {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 55px;
    text-align: right;
    color: #282828;
}

.album-article-page.dark .album-title {
    color: #fff;
}

.album-article-page .album-date {
    font-family: " Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    color: #d02d2e;
}

.album-article-page .album-desc {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    display: flex;
    text-align: right;
    border: 1px solid #ececec;
    background-color: #fff;
    overflow: hidden;
    font-size: 13px;
    line-height: 35px;
    height: 52px;
    padding: 10px 16px;
    color: #212529;
}

.album-article-page.dark .album-desc {
    color: #9d9d9d;
    background-color: #131313;
    border: #131313;
}

.album-article-page .pad199 {
    padding-right: 10px !important;
}

.album-article-page .album-origin {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 46px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
}

.album-article-page .others-albums {
    font-family: IttihadHeadSub, sans-serif !important;
    font-style: normal;
    cursor: pointer;
    font-weight: 400;
    font-size: 22px;
    text-align: center;
    background: #fff;
    border: 1px solid #ececec;
    color: #d02d2e;
}

.album-article-page.dark .others-albums {
    background: #191919;
    border: #191919;
}

.album-article-page .latest-news-text {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    letter-spacing: -.035em;
    color: #424242;
    height: 52px;
    overflow: hidden;
    padding: 10px 16px;
}

.album-article-page .latest-news-date {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #ababab;
}

.album-article-page.dark .latest-news-text {
    color: #b4b4b4;
}

.album-article-page.dark .latest-news-date {
    color: #6e6e6e;
}

.album-article-page .zoom {
    display: flex;
}

.album-article-page .latest-news-div {
    background-color: #fff;
}

.album-article-page.dark .latest-news-div {
    background-color: #191919;
}

.album-article-page.dark .header-social-icon {
    background: #191919 !important;
    border: 1px solid #2c2c2c !important;
}

.album-article-page .album-date1 {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    color: #d02d2e;
}

.album-article-page .share-buttons {
    display: flex !important;
    justify-content: end;
}

.amp-page .container {
    padding: 0 10px;
}

.amp-page .mobile-container {
    max-width: 375px !important;
}

.amp-page .header {
    justify-content: flex-start;
}

.amp-page .copy-rights {
    padding: 16px 56px;
    text-align: center;
}

.amp-page .mobile-logo {
    width: 92px;
}

.amp-page .no-padding {
    padding: 0 !important;
}

.amp-page .btitle a {
    color: #282828;
}

.amp-page.dark .btitle a {
    color: #c4c4c4 !important;
}

.amp-page .tit1 a {
    font-size: 22px !important;
    color: #d02d2e;
}

.amp-page .tit1 a {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    display: inline-block;
    border-right: 2px solid #d02d2e;
    padding-right: 15px;
    margin-right: 10px;
}

.amp-page.dark .zoom-light {
    display: none;
}

.amp-page .zoom-dark {
    display: none;
}

.amp-page.dark .zoom-dark {
    display: flex;
}

.amp-page .head-title {
    font-size: 18px !important;
    line-height: 24px !important;
}

.amp-page .art-text {
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

.amp-page .capimg {
    font-size: 9px;
    padding: 8px;
}

.amp-page .soure-text {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
}

.amp-page.dark .soure-text {
    color: #e9e9e9;
}

.anony-page .notifications-container {
    margin: 31px auto 121px;
}

.anony-page.light .notifications-container {
    background-color: #fff;
}

.anony-page.dark .notifications-container {
    background-color: #191919;
}

.anony-page .notifications-container .heading-box {
    background-color: #d02d2e;
    padding: 15px 28px;
}

    .anony-page .notifications-container .heading-box .box-h {
        font-family: Droid Arabic Kufi, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        color: #fff;
        display: flex;
        align-items: center;
        margin: 0;
    }

        .anony-page .notifications-container .heading-box .box-h img {
            margin-left: 25px;
            width: 22px;
            height: 28px;
        }

.anony-page .notifications-container .box-body {
    padding: 30px 56px 53px 69px;
}

.edito-left-img1 {
    max-width: unset;
}

@media (max-width:992px) {
    .album-article-page .album-desc {
        font-size: 13px;
        line-height: 35px;
        height: 52px;
        padding: 10px 16px;
    }

    .anony-page .notifications-container .heading-box {
        padding: 15px 30px 15px;
    }

        .anony-page .notifications-container .heading-box .box-h {
            font-size: 12px;
            line-height: 16px;
        }

    .anony-page .notifications-container {
        background-color: unset !important;
        margin: 31px auto 100px;
    }

        .anony-page .notifications-container .box-body {
            padding: 30px 0 0;
        }
}

.anony-page .box-body {
    padding: 41px 56px 60px !important;
}

.anony-page .all-category {
    padding-right: 0 !important;
}

.anony-page .box-p {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
}

.anony-page.dark .box-p {
    color: #a4a4a4 !important;
}

.anony-page .text-box {
    padding: 12px 24px 20px 45px !important;
}

.anony-page .btn-box {
    margin-top: 50px !important;
}

.articlepage .title-with-border {
    padding-inline-start: 10px;
}

.articlepage .new-ad {
    width: 100%;
    padding-top: 23px;
    border-top: 1px solid #d9d9d9;
    margin: 14px 0px 0px;
}

.articlepage.dark .new-ad {
    border-top: 1px solid #262626;
}

.articlepage .btitle {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    text-align: right;
    color: #000000;
}

.amp-page .btitle {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    text-align: right;
    color: #282828 !important;
}

.amp-page.dark .btitle {
    color: #C4C4C4 !important;
}

.articlepage .tit {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    display: inline-block;
    border-right: 4px solid #d02d2e;
    padding-right: 15px;
    margin-right: 10px;
    margin-top: 5px;
}

.articlepage .devo-sticky-box {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

.articlepage .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.articlepage .head-title {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    text-align: right;
    color: #000000;
}

.articlepage .mt18 {
    margin-top: 18px;
}

.articlepage .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.articlepage.dark .madda {
    background: #080808;
}

.articlepage .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.articlepage .mar82 {
    margin-top: 60px;
}

.articlepage .onblack.madda {
    background: #080808 !important;
}

.articlepage .rel1 {
    position: relative;
}

.articlepage .art-text a {
    color: #d02d2e;
    text-decoration: underline !important;
}

.articlepage .borderrights {
    padding-left: 35px;
}

.articlepage .capimg {
    padding: 8px 8px;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 9px;
    line-height: 8px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
}

.descimg {
    padding: 5px 20px;
    background: rgba(0, 0, 0);
    width: 100%;
    color: #fff;
    position: absolute;
    line-height: 25px;
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-weight: 700;
    overflow: hidden;
    height: 34px;
}

.articlepage .mt27 {
    margin-top: 27px;
}

.share-buttons {
    display: flex !important;
    justify-content: end;
    position: relative;
}

.w-max {
    width: max-content;
}

.zoom {
    display: flex;
}

.light .zoom-in,
.light .zoom-out {
    color: #4e4e4e !important;
    background-color: #fff !important;
}

.zoom-in {
    padding: 6px 4px;
}

.zoom-out {
    padding: 8px 6px;
}

.zoom-in,
.zoom-out {
    box-sizing: border-box;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    text-align: center;
    cursor: pointer;
}

.dark .zoom-in,
.dark .zoom-out {
    background: #262626 !important;
}

.zoom-in > img {
    width: 100%;
}

.zoom-out > img {
    width: 100%;
}

.articlepage .mt36 {
    margin-top: 36px;
}

.art-date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    color: #d02d2e;
}

.art-text {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 38px;
    text-align: right;
    color: #262626;
}

.dark .art-text {
    color: #ddd !important;
}

.articlepage .mt43 {
    margin-top: 43px;
}

.articlepage .divider {
    width: 100%;
    background-color: #d9d9d9;
    height: 1px;
}

.articlepage ._art-sub-title {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 46px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
}

.articlepage .mt11 {
    margin-top: 10px;
}

.articlepage .ml26 {
    margin-left: 26px;
}

.articlepage .mr26 {
    margin-right: 26px;
}

.articlepage .mt24 {
    margin-top: 24px;
}

.articlepage .mt12 {
    margin-top: 12px;
}

.articlepage .akhbar1 {
    width: 100%;
}

    .articlepage .akhbar1 a {
        display: flex;
    }

.articlepage .akhbar-details {
    padding: 19px;
    background: #fff;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    letter-spacing: -.035em;
    color: #656565;
    width: 100%;
}

.articlepage.dark .akhbar-details {
    background-color: #191919 !important;
    color: #b4b4b4 !important;
}

.akhbar-details .txt {
    height: 44px;
    overflow: hidden;
}

.articlepage .taghtiyaKamila {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 31.5624px;
    line-height: 32px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
}

.articlepage.dark .taghtiyaKamila {
    color: #e9e9e9 !important;
}

.articlepage.dark .btitle {
    color: #ababab !important;
}

.articlepage.dark .head-title {
    color: #fff !important;
}

.articlepage .border-#696158 {
    border-color: #b59578 !important;
}

.articlepage .source {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 46px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
}

.articlepage .tag-container {
    flex-grow: 1;
    max-width: 140px;
}

.tag-button {
    background: #fff;
    font-size: 16px;
    line-height: 30px;
    align-items: center;
    text-align: center;
    color: #696158;
    width: 100%;
    padding: 4px 15px;
    margin-bottom: 5px;
}

.dark .tag-button {
    background-color: #191919 !important;
    white-space: nowrap;
}

.articlepage .inner2 {
    margin-bottom: 40px;
    cursor: pointer;
}

    .articlepage .inner2:hover .article-desc-2-line {
        color: #fff;
    }

.articlepage .newspic {
    position: relative;
}

.articlepage .thumbnews2 {
    width: 100%;
}

.articlepage .catnewsinner {
    position: absolute;
    background: rgb(255 255 255);
    color: #000000;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    font-weight: 400;
    right: 0;
    padding: 3px 10px;
    border-inline-start: 4px solid #d02d2e;
}

.articlepage .colbb {
    color: #282828;
}

.articlepage.dark .pb-23 {
    border-color: #262626;
}

.articlepage .innerthumbdesc11 {
    background: #fff;
    padding: 8.2px 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.innerthumbdesc11:hover .article-desc-2-line {
    color: #b4b4b4;
}

.article-desc-2-line {
    color: #000000;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    height: 39px;
    overflow: hidden;
    line-height: 19px;
    align-items: start;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .article-desc-2-line:hover {
        color: #b4b4b4;
    }

.dark .article-desc-2-line {
    color: #b4b4b4;
}

.articlepage .desctext {
    color: #424242;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    height: 42px;
    overflow: hidden;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.articlepage .timenews {
    color: #696158;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.dark .articlepage .timenews {
    color: #636363;
}

.articlepage .inner2:hover .innerthumbdesc11 {
    background: #000000;
}

.articlepage .inner2:hover .desctext {
    color: #fff;
}

.articlepage .inner2:hover .timenews {
    color: #d02d2e;
}

.articlepage .mt36 {
    margin-top: 36px;
}

.articlepage .reading-now-title {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #d02d2e;
}

.articlepage .expo-dubai-title {
    font-size: 28px;
    color: #000000;
    padding-inline-start: 7px;
    line-height: 1;
    border-inline-start: 5px solid #d02d2e;
    text-align: start;
    color: #000000 !important;
}

.articlepage.dark .source {
    color: #e9e9e9 !important;
}

.tags {
    gap: 10px;
}

.articlepage .tags {
    gap: 10 px;
    padding: 0 10 px;
}

.article-caric-page .adscont {
    display: inline-block;
}

    .article-caric-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    }

.article-caric-page .adscont {
    padding: 8px 5px 5px;
    background: 0;
}

    .article-caric-page .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.article-caric-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.article-caric-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.article-caric-page .border-pd {
    padding-left: 47px !important;
    position: relative;
}

    .article-caric-page .border-pd::after {
        position: absolute;
        top: 98px;
        left: 17px;
        width: 1px;
        height: calc(100% - 93px);
        content: "";
    }

.article-caric-page.light .border-pd::after {
    background-color: #d9d9d9;
}

.article-caric-page.dark .border-pd::after {
    background-color: #2e2e2e;
}

.article-caric-page .madda span {
    padding: 6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.article-caric-page .madda {
    padding: 0 5px 7px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
    margin-bottom: 30px;
}

    .article-caric-page .madda.m-20 {
        margin-top: 65px;
    }

.article-caric-page .sec-madda span {
    text-align: start;
}

.article-caric-page .title-with-border {
    padding-inline-start: 10px;
    line-height: 46px;
    margin-bottom: 22px;
    margin-top: 30px;
}

    .article-caric-page .title-with-border > span {
        background-color: transparent !important;
    }

.article-caric-page.dark .title-with-border {
    color: #ababab !important;
}

.article-caric-page .ads2 {
    width: 300px;
    max-width: 100%;
}

.article-caric-page .caricature-tag {
    position: absolute;
    bottom: 0;
    padding: 1.5px 6px;
    right: 0;
    border-right: 4px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    line-height: 17px;
}

.article-caric-page .caricature-date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 20px;
}

.article-caric-page.light .caricature-date {
    color: #ababab;
}

.article-caric-page.dark .caricature-date {
    color: #6e6e6e;
}

.article-caric-page .over-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.article-caric-page .caricature-item {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid;
}

.article-caric-page.light .caricature-item {
    border-color: #dadada;
}

.article-caric-page.dark .caricature-item {
    border-color: #2e2e2e;
}

.article-caric-page .caricature-item.aside-carica {
    margin-bottom: 20px;
}

.article-caric-page .caricature-item .box-content {
    padding: 10px 20px;
}

.article-caric-page.light .caricature-item .box-content {
    background-color: #fff;
}

.article-caric-page.dark .caricature-item .box-content {
    background-color: #191919;
}

.article-caric-page .img-box {
    position: relative;
}

    .article-caric-page .img-box .main-img {
        width: 100%;
    }

.article-caric-page .intro-caricature {
    border-bottom: 1px solid;
    padding-bottom: 20px;
    margin-bottom: 45px;
}

.article-caric-page .caricature-time {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #696158;
    margin-bottom: 0;
    font-family: Droid Arabic Kufi, sans-serif;
}

.article-caric-page.light .intro-caricature {
    border-color: #d9d9d9;
}

.article-caric-page.dark .intro-caricature {
    border-color: #262626;
}

.article-caric-page .caricature-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .article-caric-page .caricature-container .box-item {
        width: calc(33.33% - 13px);
    }

.article-caric-page .load-more {
    font-weight: 700;
}

.article-caric-page.dark .load-more {
    color: #ababab;
}

.article-caric-page .load-more span {
    color: #5194ce;
}

.article-caric-page.light .load-more {
    color: #424242 !important;
}

.article-caric-page .bg {
    width: 128px;
}

.article-caric-page .sec-caricature-box {
    border: 1px solid;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .article-caric-page .sec-caricature-box .box-content {
        padding: 11px;
    }

    .article-caric-page .sec-caricature-box .box-tag {
        font-family: IttihadHead, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding-right: 8px;
        border-right: 4px solid #5194ce;
        margin-bottom: 11px;
    }

.article-caric-page.dark .sec-caricature-box .box-tag {
    color: #ababab;
}

.article-caric-page.light .sec-caricature-box .box-tag {
    color: #000000;
}

.article-caric-page .sec-caricature-box .box-date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
}

.article-caric-page.dark .sec-caricature-box .box-date {
    color: #6e6e6e;
}

.article-caric-page.light .sec-caricature-box .box-date {
    color: #696158;
}

.article-caric-page.light .sec-caricature-box {
    background-color: #fff;
    border-color: #dadada;
}

.article-caric-page.dark .sec-caricature-box {
    background-color: #191919;
    border-color: #2e2e2e;
}

.article-caric-page .devo-md-display-block {
    display: block;
}

.article-caric-page .devo-md-display-none {
    display: none;
}

.article-caric-page .intro-caricature {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid;
}

    .article-caric-page .intro-caricature:last-of-type {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 40px;
    }

.article-caric-page.light .intro-caricature {
    border-color: #d9d9d9;
    padding-bottom: 40px;
}

.article-caric-page.dark .intro-caricature {
    border-color: #2e2e2e;
}

.article-caric-page .intro-caricature .title-with-border {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 28px;
}

.article-caric-page .intro-caricature .img-box {
    margin: 20px 0 30px;
}

.article-caric-page .share-buttons-box {
    text-align: end;
}

.article-caric-page .share-buttons > div {
    line-height: 32px;
    margin-inline-start: 2px;
}

.article-caric-page .tag-box {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.light .tag-button {
    background: #fff;
    border-color: #ececec;
}

.dark .tag-button {
    background: #191919;
    border-color: #2c2c2c;
}

@media (min-width:992px) {
    .article-caric-page .row2 {
        margin-right: -15.5px;
        margin-left: -15.5px;
    }

        .article-caric-page .row2 .col-lg-12,
        .article-caric-page .row2 .col-lg-6 {
            padding-left: 15.5px;
            padding-right: 15.5px;
        }
}

@media (max-width:992px) {
    .article-caric-page .caricature-container .box-item {
        width: calc(50% - 13px);
    }

    .article-caric-page .share-buttons {
        width: auto;
        height: auto;
    }
}

@media (max-width:992px) {
    .article-caric-page .border-pd {
        padding-left: 10px !important;
    }

        .article-caric-page .border-pd::after {
            display: none;
        }

    .article-caric-page .madda.m-20 {
        margin-top: 5px;
    }

    .article-caric-page .madda {
        margin-bottom: 20px;
    }

    .article-caric-page .title-with-border {
        line-height: 28px;
    }

    .article-caric-page .m-b-40 {
        margin-bottom: 20px !important;
    }

    .article-caric-page .caricature-item {
        margin-bottom: 20px;
    }

    .article-caric-page .caricature-time {
        font-size: 10px;
        line-height: 10px;
    }

    .article-caric-page .intro-caricature {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .article-caric-page .caricature-container .box-item {
        width: 100%;
    }

    .article-caric-page .devo-md-display-block {
        display: none;
    }

    .article-caric-page .devo-md-display-none {
        display: block;
    }

    .article-caric-page .intro-caricature .title-with-border {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .article-caric-page .share-buttons > div {
        width: 24px;
        height: 24px;
        line-height: 18px;
    }

        .article-caric-page .share-buttons > div img {
            max-height: 10px;
        }

    .article-caric-page .intro-caricature .img-box {
        margin: 10px 0 20px;
    }

    .tag-button {
        font-size: 10px;
        line-height: 22px;
        min-width: 89px;
        width: 100% !important;
    }
}

.article-caric-page .devo-sticky-box {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

.article-caric-page .spinner-border {
    color: #d02d2e;
    width: 20px;
    height: 20px;
    display: none;
}

.article-caric-page .spinner-border {
    color: #d02d2e;
    width: 20px;
    height: 20px;
    display: none;
}

.article-caric-page .load-more-box {
    text-align: center;
}

@media (max-width:992px) {
    .article-caric-page .border-pd {
        padding-left: 10px !important;
    }

        .article-caric-page .border-pd::after {
            display: none;
        }
}

.art-infograph .adscont {
    display: inline-block;
}

    .art-infograph .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    }

.art-infograph .adscont {
    padding: 8px 5px 5px;
    background: 0;
}

    .art-infograph .adscont span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 6px;
        text-align: start;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.album-article-page .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.album-article-page.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.art-photo-album .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.art-photo-album.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.art-infograph .pb-23 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.art-infograph.dark .pb-23 {
    border-bottom: 1px solid #262626;
}

.art-infograph .border-pd {
    padding-left: 47px !important;
    position: relative;
}

    .art-infograph .border-pd::after {
        position: absolute;
        top: 93px;
        left: 17px;
        width: 1px;
        height: calc(100% - 93px);
        content: "";
    }

.art-infograph.light .info-aside:hover div {
    background: #424242;
    color: #fff !important;
}

.art-infograph.dark .info-aside:hover div {
    color: #fff !important;
}

.art-infograph.light .border-pd::after {
    background-color: #d9d9d9;
}

.art-infograph.dark .border-pd::after {
    background-color: #2e2e2e;
}

.art-infograph .madda span {
    padding: 6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.art-infograph .madda {
    padding: 0 5px 7px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

    .art-infograph .madda.m-20 {
        margin-top: 65px;
    }

.art-infograph .sec-madda {
    margin-top: 40px;
}

    .art-infograph .sec-madda span {
        text-align: start;
    }

.art-infograph .title-with-border {
    padding-inline-start: 10px;
    line-height: 46px;
    margin-bottom: 18px;
    margin-top: 30px;
}

    .art-infograph .title-with-border > span {
        background-color: transparent !important;
    }

.art-infograph.dark .title-with-border {
    color: #ababab !important;
}

.art-infograph .ads2 {
    width: 300px;
    max-width: 100%;
}

.art-infograph .info-tag {
    position: absolute;
    bottom: 0;
    padding: 1.5px 8px;
    right: 0;
    border-right: 4px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    line-height: 17px;
    z-index: 3;
}

.art-infograph .caricature-date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 20px;
}

.art-infograph.light .caricature-date {
    color: #ababab;
}

.art-infograph.dark .caricature-date {
    color: #6e6e6e;
}

.art-infograph .over-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.art-infograph .img-box {
    position: relative;
}

    .art-infograph .img-box .main-img {
        width: 100%;
    }

.art-infograph .intro-infograph {
    border-bottom: 1px solid;
    padding-bottom: 20px;
    margin-bottom: 45px;
}

.art-infograph .info-time {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #696158;
    margin-bottom: 0;
    font-family: Droid Arabic Kufi, sans-serif;
}

.art-infograph.light .intro-infograph {
    border-color: #d9d9d9;
}

.art-infograph.dark .intro-infograph {
    border-color: #262626;
}

.art-infograph .caricature-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .art-infograph .caricature-container .box-item {
        width: calc(33.33% - 13px);
    }

.art-infograph .load-more {
    font-weight: 700;
}

.art-infograph.dark .load-more {
    color: #424242 !important;
}

.art-infograph .load-more span {
    color: #5194ce;
}

.art-infograph.light .load-more {
    color: #424242 !important;
}

.art-infograph .bg {
    width: 128px;
}

.art-infograph .sec-caricature-box {
    border: 1px solid;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .art-infograph .sec-caricature-box .box-content {
        padding: 11px;
    }

    .art-infograph .sec-caricature-box .box-tag {
        font-family: IttihadHead, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding-right: 8px;
        border-right: 4px solid #5194ce;
        margin-bottom: 11px;
    }

.art-infograph.dark .sec-caricature-box .box-tag {
    color: #ababab;
}

.art-infograph.light .sec-caricature-box .box-tag {
    color: #838383;
}

.art-infograph .sec-caricature-box .box-date {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
}

.art-infograph.dark .sec-caricature-box .box-date {
    color: #6e6e6e;
}

.art-infograph.light .sec-caricature-box .box-date {
    color: #ababab;
}

.art-infograph.light .sec-caricature-box {
    background-color: #fff;
    border-color: #dadada;
}

.art-infograph.dark .sec-caricature-box {
    background-color: #191919;
    border-color: #2e2e2e;
}

.art-infograph .devo-md-display-block {
    display: block;
}

.art-infograph .devo-md-display-none {
    display: none;
}

.art-infograph .intro-infograph {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid;
}

    .art-infograph .intro-infograph:last-of-type {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 40px;
    }

.art-infograph.light .intro-infograph {
    border-color: #d9d9d9;
}

.art-infograph.dark .intro-infograph {
    border-color: #2e2e2e;
}

.art-infograph .intro-infograph .title-with-border {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 33px;
}

.art-infograph .intro-infograph .img-box {
    margin: 32px 0 30px;
}

    .art-infograph .intro-infograph .img-box img {
        margin-bottom: 10px;
    }

.art-infograph .intro-infograph .intro-heading {
    font-family: Droid Arabic Kufi, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 23px;
}

.art-infograph.light .intro-infograph .intro-heading {
    color: #000;
}

.art-infograph.dark .intro-infograph .intro-heading {
    color: #fff;
}

.art-infograph .share-buttons-box {
    text-align: end;
}

.art-infograph .share-buttons > div {
    line-height: 32px;
    margin-inline-start: 2px;
}

.art-infograph .tag-box {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.light .tag-button {
    background: #ffffff;
    border: 1px solid #efefef;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .tag-button {
    color: #D6D2C4;
    background: #191919;
    border-color: #2c2c2c;
    border: 1px solid #2c2c2c;
}

@media (min-width:992px) {
    .art-infograph .row2 {
        margin-right: -15.5px;
        margin-left: -15.5px;
    }

        .art-infograph .row2 .col-lg-12,
        .art-infograph .row2 .col-lg-6 {
            padding-left: 15.5px;
            padding-right: 15.5px;
        }
}

@media (max-width:992px) {
    .art-infograph .caricature-container .box-item {
        width: calc(50% - 13px);
    }
}

@media (max-width:992px) {
    .art-infograph .border-pd {
        padding-left: 10px !important;
    }

        .art-infograph .border-pd::after {
            display: none;
        }

    .art-infograph .madda.m-20 {
        margin-top: 5px;
    }

    .art-infograph .madda {
        margin-bottom: 20px;
    }

    .art-infograph .title-with-border {
        line-height: 28px;
    }

    .art-infograph .m-b-40 {
        margin-bottom: 20px !important;
    }

    .art-infograph .info-time {
        font-size: 10px;
        line-height: 10px;
    }

    .art-infograph .intro-infograph {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

        .art-infograph .intro-infograph:last-of-type {
            padding-bottom: 0;
        }

    .art-infograph .caricature-container .box-item {
        width: 100%;
    }

    .art-infograph .devo-md-display-block {
        display: none;
    }

    .art-infograph .devo-md-display-none {
        display: block;
    }

    .art-infograph .intro-infograph .title-with-border {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .art-infograph .intro-infograph .intro-heading {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 14px;
    }

    .art-infograph .share-buttons > div {
        width: 24px;
        height: 24px;
        line-height: 18px;
    }

        .art-infograph .share-buttons > div img {
            max-height: 10px;
        }

    .art-infograph .intro-infograph .img-box {
        margin: 20px 0 20px;
    }

    .art-infograph .tag-button {
        font-size: 12px;
        line-height: 22px;
        min-width: 100px;
    }
}

.art-infograph .devo-sticky-box {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

.art-infograph .info-aside {
    border: 1px solid;
    margin-bottom: 20px;
}

.art-infograph.light .info-aside {
    background-color: #fff;
    border-color: #dadada;
}

.art-infograph.dark .info-aside {
    background-color: #191919;
    border-color: #2e2e2e;
}

.art-infograph .info-aside .text-box {
    padding: 13px 15px 6px;
}

.art-infograph .info-aside .box-h {
    font-family: Droid Arabic Kufi, sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
}

.art-infograph.light .info-aside .box-h {
    color: #424242;
}

.art-infograph.dark .info-aside .box-h {
    color: #b4b4b4;
}

.art-infograph .info-aside .info-time {
    font-size: 10.36px;
    line-height: 20px;
    font-family: Droid Arabic Kufi, sans-serif;
}

.art-infograph .info-aside .img-box {
    position: relative;
}

    .art-infograph .info-aside .img-box::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2));
    }

@media (max-width:992px) {
    .art-infograph .border-pd {
        padding-left: 10px !important;
    }

        .art-infograph .border-pd::after {
            display: none;
        }
}

.art-photo-album .inner2 {
    margin-bottom: 40px;
    cursor: pointer;
}

.art-photo-album .newspic {
    position: relative;
}

.art-photo-album .thumbnews1 {
    width: 100%;
}

.art-photo-album .catnewsinner.blue {
    border-color: #5194ce;
}

.art-photo-album .catnewsinner {
    position: absolute;
    background: #ffffff;
    color: #000000;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    font-weight: 400;
    right: 0;
    padding: 3px 10px;
    border-inline-start: 4px solid #d02d2e;
}

.art-photo-album .inner2:hover .innerthumbdesc11 {
    background: #424242;
}

.art-photo-album .inner2:hover .innerthumbdesc11 {
    background: #424242;
}

.art-photo-album .innerthumbdesc11 {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -.035em;
    padding: 11px 20px;
    color: #424242;
}

.art-photo-album .inner2:hover .desctext {
    color: #fff;
}

.art-photo-album .inner2:hover .desctext {
    color: #fff;
}

.art-photo-album .desctext {
    color: #000000;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.art-photo-album .inner2:hover .timenews {
    color: #d02d2e;
}

.art-photo-album .inner2:hover .timenews {
    color: #d02d2e;
}

.art-photo-album .timenews {
    color: #696158;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-top: 3px;
}

.art-photo-album .sep {
    border-top: 1px solid #e2e2e2;
}

.art-photo-album.dark .sep {
    border-top: 1px solid #393939;
}

.art-photo-album.dark .source {
    color: #e9e9e9;
}

.art-photo-album .madda span {
    padding: 3px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.art-photo-album .madda span {
    display: block;
}

.art-photo-album .ads2 {
    width: 100%;
    margin: auto;
    display: block;
}

.art-photo-album .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    display: table;
    margin: auto;
}

.art-photo-album.dark .madda {
    background: 0 0 !important;
}

.art-photo-album .big-title {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 55px;
    text-align: right;
    color: #000000;
    margin-top: 34px;
}

.art-photo-album ._date-share {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 15px;
}

.art-photo-album .share-buttons {
    width: auto;
}

.art-photo-album .mt4020 {
    margin-top: 40px;
}

.share-buttons > div:first-child {
    margin-inline-start: 0;
}

.art-photo-album ._datetime {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    color: #696158;
    align-self: center;
}

.art-photo-album .album-photo {
    width: 100%;
    max-height: 522px;
}

.art-photo-album .brd-left {
    padding-left: 19px;
    border-left: 1px solid #d9d9d9;
}

.art-photo-album.dark .brd-left {
    border-left: 1px solid #393939;
}

.art-photo-album .brd-right {
    padding-right: 19px;
    border-right: 1px solid #d9d9d9;
}

.art-photo-album.dark .brd-right {
    border-right: 1px solid #393939;
}

.art-photo-album .photo-desc {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    height: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-align: right;
    padding: 19px 21px;
    color: #000000;
    border: 1px solid #ececec;
    background-color: #fff;
    border-top: none !important;
}

.art-photo-album .source {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 46px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
}

.art-photo-album .share-buttons {
    display: flex !important;
    justify-content: start;
    width: max-content;
}

.art-photo-album.dark .photo-desc {
    color: #ffffff;
    border: 1px solid #4d4d4d;
    background-color: #1B1B1B;
    border-top: none !important;
}

.art-photo-album.dark .big-title {
    color: #fff !important;
}

.art-photo-album .m-b-57 {
    margin-bottom: 57px;
}

.articles-page .font-14 {
    font-size: 14px;
    line-height: 14px;
}

    .articles-page .font-14 .auth {
        -webkit-padding-end: 5px;
        padding-inline-end: 5px;
        -webkit-margin-end: 5px;
        margin-inline-end: 5px;
    }

.articles-page .mr30 {
    margin-right: 30px;
}

.articles-page .auth {
    font-family: "Droid Arabic Kufi Bold" !important;
    font-style: normal;
    text-align: right;
    color: #696158;
    -webkit-border-end: 1px solid #727272;
    border-inline-end: 1px solid #727272;
}

.articles-page .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
    margin: auto;
}

    .articles-page .madda span {
        color: #8e8e8e;
        font-size: 10px;
        padding: 6px;
        line-height: 1;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.articles-page .time {
    font-family: "Droid Arabic Kufi Bold" !important;
    font-style: normal;
    text-align: start;
    color: #d02d2e;
}

.articles-page .auth-pic1 {
    width: 60px;
    margin-inline-end: 20px;
}

.articles-page .pt-60 {
    padding-top: 60px;
}

.articles-page .article-title {
    font-size: 40px;
    line-height: 40px;
    text-align: start;
    color: #282828;
    margin-bottom: 35px;
}

.articles-page .article-text {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: start;
}

.articles-page.light .article-text {
    color: #000 !important;
}

.articles-page.dark .article-text {
    color: #ddd !important;
}

.articles-page .zoom {
    display: flex;
    margin-bottom: 40px;
}

.articles-page .zoom-in,
.articles-page .zoom-out {
    box-sizing: border-box;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    text-align: center;
    cursor: pointer;
}

    .articles-page .zoom-in > img {
        width: 100%;
    }

    .articles-page .zoom-out > img {
        width: 100%;
    }

.articles-page .zoom-in {
    padding: 6px 4px;
}

.articles-page .zoom-out {
    padding: 8px 6px;
}

.articles-page.light .zoom-in,
.articles-page.light .zoom-out {
    color: #4e4e4e !important;
    background-color: #fff !important;
    border: 1px solid #efefef
}

.articles-page.dark .zoom-in,
.articles-page.dark .zoom-out {
    background: #262626 !important;
    color: #7e7e7e !important;
}

.articles-page.light .article-title {
    color: #282828 !important;
}

.articles-page.dark .article-title {
    color: #fff !important;
}

.articles-page.light .tags > div {
    background: #fff;
    border: 1px solid #ececec;
}

.articles-page.dark .tags > div {
    background: #191919;
    border: 1px solid #2c2c2c;
}

.articles-page.light .top-border {
    border-top: 1px solid #d9d9d9;
    padding-top: 20px !important;
    margin-top: 20px;
}

.articles-page.dark .top-border {
    border-top: 1px solid #383838;
    padding-top: 40px;
}

.articles-page .pe-30 {
    padding-inline-end: 30px !important;
}

.articles-page .ps-30 {
    padding-inline-start: 30px !important;
}

.articles-page.light .end-border {
    border-inline-end: 1px solid #d9d9d9;
}

.articles-page.dark .end-border {
    border-inline-end: 1px solid #2e2e2e;
}

.articles-page.light .border-top2 {
    border-top: 1px solid #d9d9d9;
}

.articles-page.dark .border-top2 {
    border-top: 1px solid #2e2e2e;
}

.articles-page .pt-26 {
    padding-top: 26px;
}

.articles-page .zoom-light {
    display: flex;
}

.articles-page .zoom-dark {
    display: none !important;
}

.articles-page.dark .zoom-light {
    display: none !important;
}

.articles-page.dark .zoom-dark {
    display: flex !important;
}

.articles-page ._time {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    color: #696158;
}

.articles-page .audio-container {
    margin: 10px 0;
}

.articles-page .audio {
    width: 343px;
    background: #d02d2e;
    border-radius: 4px;
    display: flex;
}

.articles-page .audio-note {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 8px;
    display: flex;
    align-items: center;
    text-align: right;
    padding-top: 12px;
    color: #ababab;
}

.articles-page .progress.white {
    background-color: #fff !important;
}

.articles-page .progress {
    background-color: #6c757d !important;
    border-radius: 4px;
    width: 100%;
    height: 6px;
}

.articles-page .progress-bar {
    background-color: #6c757d !important;
}

.articles-page .bg-secondary {
    background: rgba(62, 62, 62, .9);
}

.articles-page .control-container {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    color: #fff;
    width: 100%;
    padding: 0 10px;
}

    .articles-page .control-container > img {
        width: 16px;
        cursor: pointer;
    }

.articles-page .duration {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16.0882px;
    line-height: 31px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #fff;
}

.articles-page .auth-pic {
    width: 74px;
    max-width: unset;
}

.articles-page .title {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: start;
    margin-bottom: 6px;
    color: #000000;
}

.articles-page .description {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    text-align: start;
    letter-spacing: -.035em;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 185px;
    display: block !important;
    position: relative;
}

.articles-page.light .description {
    color: #000000 !important;
}

.articles-page.dark .description {
    color: #b4b4b4 !important;
}

.articles-page .auth {
    font-family: "Droid Arabic Kufi" !important;
    font-style: normal;
    text-align: right;
    font-size: 14px;
    border: 0 !important;
    font-weight: 700;
    border-inline-end: 1px solid #727272;
}

.articles-page.light .time {
    color: #d02d2e;
}

.articles-page .font-10 .auth {
    font-size: 10px;
    font-weight: 700;
    padding-left: 12px;
    position: relative;
}

.articles-page.dark .tag-button {
    background: #191919;
}

.articles-page .font-10 .auth:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 10px;
    background: #727272;
    left: 6px;
    top: 0;
}

.articles-page.dark ._time,
.articles-page.dark .auth,
.articles-page.dark .time {
    color: #8d8d8d;
}

.articles-page .ssep {
    display: inline-block;
    width: 2px;
    height: 10px;
    background: #727272;
    margin-left: 10px;
}

.articles-page .share-buttons {
    display: flex;
}

.articlepage .sharebg:first-child {
    margin-right: 0;
}

.articles-page .time {
    font-family: "Droid Arabic Kufi Bold" !important;
    font-style: normal;
    text-align: right;
    line-height: 1;
}

.articles-page .font-12 {
    font-size: 12px;
    line-height: 12px;
}

    .articles-page .font-12 > .auth {
        padding-inline-end: 10px;
        margin-inline-end: 10px;
    }

.articles-page .font-10 {
    font-size: 10px;
    line-height: 10px;
}

    .articles-page .font-10 > .auth {
        padding-inline-end: 5px;
        margin-inline-end: 5px;
    }

.articles-page .details {
    display: flex;
    place-items: center;
    padding: 7px 10px;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.articles-page.dark .details {
    background-color: #000000;
}

.articles-page.light .details {
    background-color: #fff;
}

.articles-page.light .bottom-border {
    border-bottom: 1px solid #d9d9d9;
}

.articles-page.dark .bottom-border {
    border-bottom: 1px solid #2e2e2e;
}

.articles-page .ml {
    display: none;
    flex-wrap: nowrap;
}

.articles-page .dl {
    display: unset;
}

@media (max-width:992px) {
    .articles-page .auth-pic {
        width: 112px;
    }

    .articles-page .ml {
        display: flex;
    }

        .articles-page .ml > .auth-pic {
            width: 25%;
        }

    .articles-page .dl {
        display: none !important;
    }

    .articles-page .details {
        padding: 13px 10px;
    }
}

@media (min-width:992px) {
    .articles-page .ml {
        display: none !important;
    }

    .articles-page .dl {
        display: flex;
    }
}

@media (min-width:768px) {
    .articles-page .ml {
        display: none !important;
    }

    .articles-page .dl {
        display: flex;
    }
}

@media (min-width:992px) {
    .articles-page .ml {
        display: none !important;
    }

    .articles-page .dl {
        display: flex;
    }
}

@media (min-width:1200px) {
    .articles-page .ml {
        display: none !important;
    }

    .articles-page .dl {
        display: flex;
    }

    .articles-page .col-md-8.custommakalat1 {
        max-width: 76.128%;
        flex: 0 0 76.128%;
    }

    .articles-page .col-md-4.custommakalat2 {
        flex: 0 0 23.872%;
        max-width: 23.872%;
    }
}

.articles-page.dark .description {
    background: 0 0 !important;
}

.articles-page .adscont {
    padding: 8px 5px 5px;
    background: #e2e2e2;
}

.articles-page.dark .nbb .col-md-4 {
    border-color: #2e2e2e !important;
}

.articles-page .adscont span {
    color: #8e8e8e;
    font-size: 10px;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
    text-align: start;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.top-border-1 {
    padding-top: 10px;
    border-top: 1px solid #d9d9d9;
    margin-bottom: 10px;
}

.dark .top-border-1 {
    padding-top: 10px;
    border-top: 1px solid #2e2e2e;
}

.articles-page .top-border {
    padding-top: 40px;
}

.articles-page.dark .top-border2 {
    border-top: 1px solid #383838;
}

.articles-page .nobgw .details {
    background-color: transparent;
    padding: 0 !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.articles-page .brd-left {
    border-inline-end: 1px solid #d9d9d9;
}

.articles-page.dark .title-with-border > span {
    color: #ababab;
}

.articles-page .dl {
    margin-bottom: 0 !important;
    border-top: 1px solid #d9d9d9;
    padding-bottom: 20px;
    padding-top: 20px;
}

.articles-page.dark .madda {
    background: #080808;
}

.articles-page.dark .adscont {
    background: #080808;
}

.articles-page.dark .brd-left,
.articles-page.dark .dl {
    border-color: #2e2e2e !important;
}

.articles-page .nobrdb {
    margin: 0 !important;
}

.articles-page span.p {
    font-size: 40px;
}

.custommakalat1 a {
    display: contents !important;
}

.articles-page .end-border {
    padding-left: 30px;
    border-inline-end: 1px solid #d9d9d9;
}

.articles-page.dark .end-border {
    border-inline-end: 1px solid #2e2e2e;
}

.articles-page.dark .title-with-border {
    color: #ababab !important;
}

.articles-page .big-title {
    font-family: IttihadHead, sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #34c3ff;
    border-inline-start: 4px solid #d02d2e;
    padding-inline-start: 8px;
    top: -42px;
}

.articles-page .brd-right {
    padding-right: 10px;
    border-right: 6px solid #d02d2e;
    width: 100%;
}

.articles-page .authname {
    color: #696158 !important;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

    .articles-page .authname a {
        font-size: 10px;
        color: #696158;
        margin-top: 10px;
        font-family: "Droid Arabic Kufi", sans-serif !important;
        font-weight: 700;
    }

.articles-page .sep {
    border-top: 1px solid #e2e2e2;
    margin: 20px 0;
}

.articles-page .news-title {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}

.articles-page .news-details {
    display: flex;
    margin-top: 18px;
    align-items: center;
}

.articles-page .news-source {
    margin-right: 12px;
}

.articles-page .news-text {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-inline-end: 8px;
}

.articles-page .minidescedit {
    padding: 4.5px 10px;
    background: #fff;
}

.articles-page .readmorecard {
    padding: 4.5px 0px;
    background: 0 0 !important;
    width: 100%;
}

.articles-page.dark .readmorecard {
    background: 0 0 !important;
}

.articles-page .pad199 .authname {
    font-size: 10px;
    margin-top: 8px;
}

.articles-page .bigdescedit {
    padding: 20px 24px;
    background: #fff;
    width: 100%;
}

.articles-page .most-read-title {
    font-family: IttihadHead, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #696158;
}

.articles-page .most-read-subtitle {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    white-space: nowrap;
    height: 18px;
    overflow: hidden;
    max-width: 197px;
}

.articles-page .latest-title {
    font-family: IttihadHead, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #d02d2e;
    margin-bottom: 13px;
}

.articles-page .latest-subtitle {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    height: 19px;
    overflow: hidden;
}

.articles-page.dark .latest-subtitle {
    color: #b4b4b4;
}

.articles-page.dark .most-read-subtitle {
    color: #b4b4b4;
}

.articles-page .inner2:hover .card-text-with-border {
    color: #fff;
}

.articles-page .card-text-with-border {
    font-family: IttihadHead, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #838383;
    border-inline-start: 4px solid #d02d2e;
    padding-inline-start: 7px;
}

.articles-page.dark .card-text-with-border {
    color: #ababab;
}

.articles-page .edit-video-title {
    font-family: IttihadHead, sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #424242;
}

.articles-page .edit-video-subtitle {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    height: 19px;
    overflow: hidden;
}

.articles-page .edit-details {
    display: -webkit-inline-box;
    padding-top: 4px;
}

.articles-page .name {
    color: #727272;
    margin: 0 5px;
}

.articles-page .edit-video-author {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #d02d2e;
    margin-inline-end: 5px;
}

.articles-page .edit-video-episode {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #d02d2e;
    text-align: start;
    margin-inline-end: 5px;
    border-inline-start: 2px solid #d02d2e;
    padding-inline-start: 5px;
}

.articles-page.dark .desc-video .col-md-12 {
    color: #fff;
}

.articles-page .edit-opinion {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.articles-page .bbg .authname {
    margin-top: 8px;
    font-size: 10px;
}

.articles-page .opinion-title {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    margin-top: 15px;
}

.articles-page.dark .opinion-title {
    color: #8d8d8d;
}

.articles-page .read-also {
    font-family: IttihadHead, sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #d02d2e;
}

.articles-page .read-more-sep {
    margin-top: 40px !important;
    margin-bottom: 60px !important;
}

.articles-page .read-more-vertical-border:not(:nth-child(3n)) {
    padding-left: 13px;
    border-inline-end: 1px solid #d9d9d9;
}

.articles-page.dark .read-more-vertical-border:not(:nth-child(3n)) {
    border-inline-end: 1px solid #2e2e2e;
}

.articles-page .bgscroll {
    background: #f2f2f2;
}

.articles-page.dark .bgscroll {
    background: #0c0c0c;
}

.articles-page .owl-theme .owl-dots .owl-dot.active span {
    background-color: #5194ce !important;
}

.articles-page.dark .owl-theme .owl-dots .owl-dot.active span {
    background-color: #5194ce !important;
}

.articles-page .load-more {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    color: #424242;
    gap: 15px;
    cursor: pointer;
    margin-top: 30px !important;
}

.articles-page .cont {
    position: relative;
}

.articles-page.dark .owl-theme .owl-dots .owl-dot span {
    background-color: #303030 !important;
}

.articles-page .owl-theme .owl-dots .owl-dot span {
    background-color: #dcdcdc !important;
}

.articles-page .owl-theme .owl-dots .owl-dot:hover > span {
    background-color: #5194ce !important;
}

.articles-page .mainnav li.selected::before {
    background: #2f9c81;
}

.ds-flx1 {
    display: flex;
}

.mt60 {
    margin-top: 60px;
}

@media (max-width:992px) {
    .mt60 {
        margin-top: 0;
    }
}

.p0 {
    padding: 0 !important;
}

.h-18 {
    height: 18px;
}

.articles-page .edito-middle-row-title,
.articles-page.dark .col-desc > div {
    background: 0 0 !important;
    border-right: 6px solid #5194ce !important;
    padding-right: 8px;
}

.articles-page .edito-end-img {
    width: 100%;
}

.articles-page .opinion-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    justify-items: center;
}

.articles-page .editorial-ima {
    width: 138px;
}

.articles-page .col-descc {
    display: flex;
    width: 100%;
}

.articles-page .makalatPic {
    width: 100%;
}

.articles-page .ds-flx {
    display: flex;
}

.articles-page .divider {
    width: 100%;
    border: 1px solid #d9d9d9;
}

.articles-page .title-with-border111 {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #000000;
    border-right: 2px solid #5194ce !important;
    padding-right: 8px;
}

.articles-page .writer-name-name {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    display: flex;
    margin-top: 10px;
    margin-bottom: 3px;
}

.articles-page .w-date {
    border-right: 1px solid;
    padding-right: 10px;
    margin-right: 10px;
}

.articles-page .desc11 {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #424242;
}

.articles-page .play-button {
    position: absolute;
    width: 38px !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.articles-page .thumbnail {
    position: relative;
}

.articles-page ._row {
    display: flex;
    margin-bottom: 15px;
}

.articles-page .bg {
    width: 141px;
}

.articles-page .description11 {
    background: #fff;
    width: 100%;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    color: #b4b4b4;
    padding: 9px 13px;
}

.articles-page .title-with-border11 {
    border-inline-start: 3px solid #5194ce;
    padding-inline-start: 8px;
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 8px;
    font-family: IttihadHead, sans-serif, sans-serif !important;
}

.articles-page .desc {
    color: #b4b4b4;
}

.articles-page .time {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #696158 !important;
    padding-inline-start: 0;
}

.articles-page.dark .bigdescedit {
    background-color: #191919;
}

.articles-page.dark .authname {
    color: #8d8d8d;
}

    .articles-page.dark .authname a {
        color: #8d8d8d;
    }

.articles-page.dark .edit-video-subtitle {
    color: #cbcbcb !important;
}

.articles-page.dark .divider {
    border: 1px solid #383838;
}

.articles-page.dark .ds-flx {
    border-bottom: 1px solid #2e2e2e;
}

.articles-page.dark .title-with-border111 {
    color: #fff !important;
}

.articles-page.dark .desc11 {
    color: #fff !important;
}

.articles-page .thumbnews1 {
    width: 74px;
}

.articles-page .authname,
.articles-page .card-background,
.articles-page .middle-text,
.articles-page .opinion-title {
    transition: all .5s ease-in-out;
}

.articles-page .clickable-card:hover .card-background {
    background: #424242 !important;
}

.articles-page .clickable-card:hover .middle-text {
    color: #fff;
}

.articles-page .clickable-card:hover .authname {
    color: #d02d2e;
}

.articles-page.dark .clickable-card:hover .card-background {
    background: #fff !important;
}

.articles-page.dark .clickable-card:hover .middle-text {
    color: #000000;
}

.articles-page .edit-opinion:hover .opinion-title {
    color: #d02d2e;
}

.articles-page .more-opinions {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out;
}

.articles-page .load-more-button img {
    transition: transform .5s ease-in-out;
}

.articles-page .load-more-button.active img {
    transform: rotate(180deg);
}

.articles-page .read-more,
.articles-page .read-more-hidden {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out;
}

.art-shows .bg-black {
    background: #000;
}

.art-shows .max-850 {
    max-width: 844px;
    margin: auto;
}

.art-shows .gerytitle {
    color: #c4c4c4;
}

.art-shows .share-buttons > div {
    background: #191919 !important;
    border: 1px solid #2c2c2c;
}

.art-shows .share-buttons {
    display: flex !important;
    justify-content: end;
}

.art-shows .title {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #c4c4c4;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.dark.art-shows ._time a {
    color: #c4c4c4;
}

.c4c4c4 {
    color: #c4c4c4 !important;
}

.light.art-shows .show-box ._time a {
    color: #424242;
}

.mt100 {
    margin-top: 175px;
}

.mt90 {
    margin-top: 90px;
}

.mt170 {
    margin-top: 169px;
}

.mt200 {
    margin-top: 199px;
}

.arabiwdouwali {
    font-family: IttihadHead;
    font-style: normal;
    font-weight: 400;
    font-size: 28px !important;
    line-height: 28px !important;
    display: flex;
    align-items: center;
    text-align: right;
    color: #34c3ff !important;
    top: -40px !important;
}

.art-shows .videotext {
    font-weight: 700;
    font-size: 26px;
    font-family: Droid Arabic Kufi Bold, sans-serif;
    color: #fff;
    line-height: 36px;
    margin-bottom: 14px;
    height: 72px;
}

.art-shows .brdvleft {
    border-inline-end: 1px solid #242424;
}

.art-shows .time {
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #d02d2e;
    padding-inline-start: 0;
}

.art-shows ._row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.art-shows .share-butons {
    justify-content: flex-end;
    gap: 5px;
}

    .art-shows .share-butons > div {
        background: #191919;
        border: 1px solid #2c2c2c;
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        text-align: center;
        cursor: pointer;
    }

.art-shows .video-description {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #7e7e7e;
    margin-bottom: 23px;
}

.art-shows.dark .title-with-border > span {
    color: #ffffff;
}

.art-shows .pt-23 {
    padding-top: 23px;
}

.art-shows .border-end {
    border-inline-end: 1px solid #242424;
}

.art-shows.dark .desctextprgoram2 .col-md-12 {
    color: #cbcbcb;
}

.art-shows.dark .video-title {
    color: #fff;
}

.art-shows .mt20-9 {
    margin-top: 20px !important;
}

.art-shows .iframe-cont {
    position: relative;
    margin: 16px 0;
}

.art-shows .media-control {
    background: rgba(0, 0, 0, .9);
    border-radius: 4px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px 15px;
}

.art-shows ._row {
    display: flex;
    margin-bottom: 15px;
}

.art-shows .thumbnail {
    position: relative;
}

.art-shows .bg {
    width: 253px;
}

.art-shows .play-button {
    position: absolute;
    width: 25px !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.art-shows .mt52 {
    margin-top: 52px;
}

.art-shows .mt30 {
    margin-top: 30px;
}

.art-shows .description11 {
    width: 100%;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    color: #b4b4b4;
    padding: 13px;
}

.art-shows .time {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #6e6e6e;
}

.art-shows ._title {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
    border-right: 5px solid #d02d2e;
    background-color: #00000060;
    position: absolute;
    right: 0;
    bottom: 0;
}

.art-shows .title-with-border11 {
    border-inline-start: 3px solid #5194ce;
    padding-inline-start: 8px;
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 8px;
    font-family: IttihadHead, sans-serif !important;
}

.art-shows .font-size-28 {
    font-size: 28px;
}

.art-shows.light-color {
    color: #c4c4c4;
}

.art-shows ._time {
    font-family: IttihadHead, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #c4c4c4;
}

    .art-shows ._time span {
        font-family: Droid Arabic Kufi, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        color: #D6D2C4;
        margin-right: 4px;
    }

.art-shows .description11 ._time {
    font-size: 12px !important;
    line-height: 12px !important;
}

    .art-shows .description11 ._time span {
        font-size: 10px !important;
    }

.art-shows .ads2 {
    max-width: 100%;
    margin: auto;
    display: block;
}

.art-shows .madda {
    padding: 0 5px 5px;
    background: #eaeaea;
    text-align: center;
}

    .art-shows .madda span {
        color: #8e8e8e;
        font-size: 10px;
        line-height: 1;
        font-family: "Droid Arabic Kufi Bold", sans-serif !important;
        font-weight: 700;
    }

.art-shows .cont .lab {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 8px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-family: IttihadHead, sans-serif !important;
    font-weight: 400;
    padding-right: 10px;
    font-size: 14px;
    border-right: 4px solid #d02d2e;
}

.art-shows .onblack.madda {
    background: #080808 !important;
}

.art-shows ._titleee {
    font-family: IttihadHead, sans-serif;
    font-weight: 400;
    line-height: 33px !important;
    border-inline-start: 6px solid #5194ce;
}

.art-shows .adscont {
    background: unset;
}

.art-shows .madda span {
    padding: 8.6px 0;
    color: #8e8e8e;
    font-size: 10px;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
}

.art-shows .con {
    background: #eaeaea;
    padding: 40px 0;
}

.art-shows .mobile-layout ._row {
    display: flex;
    margin-bottom: 15px;
}

.art-shows .mobile-layout .thumbnail {
    position: relative;
}

.art-shows .mobile-layout .bg {
    height: 70px;
}

.art-shows .mobile-layout .play-button {
    position: absolute;
    width: 25px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.art-shows .mobile-layout .description {
    width: 100%;
    height: 70px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    padding: 10px;
}

.art-shows.dark .description {
    background-color: #191919;
}

.art-shows.dark .desc {
    color: #b4b4b4;
}

.art-shows.light .description {
    background-color: #fff;
}

.art-shows .desc {
    color: #b4b4b4;
    height: 32px;
    overflow: hidden;
}

.art-shows .mobile-layout .time {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.36px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #6e6e6e;
}

.art-shows .mobile-layout ._title {
    font-size: 14px;
    font-family: IttihadHead, sans-serif !important;
    color: #fff;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
    border-right: 5px solid #d02d2e;
    background-color: #00000060;
    position: absolute;
    right: 0;
    bottom: 0;
}

.art-shows .mobile-layout .title-with-border11 {
    border-inline-start: 3px solid #5194ce;
    padding-inline-start: 8px;
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 8px;
    font-family: IttihadHead, sans-serif !important;
}

.art-shows .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(279px, 1fr));
    gap: 20px;
}

.art-shows .load-more {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: center;
    color: #424242;
    gap: 15px;
    cursor: pointer;
}

.art-shows.dark .load-more {
    color: #c4c4c4 !important;
}

.art-shows .load-more span {
    color: #5194ce;
}

.art-shows.light .load-more {
    color: #424242 !important;
}

.art-shows .md4b .col-md-4 {
    margin-bottom: 20px;
}

.art-shows .dl {
    display: block;
}

    .art-shows .dl .cont {
        width: 100%;
        position: relative;
    }

    .art-shows .dl .play-button {
        position: absolute;
        cursor: pointer;
    }

    .art-shows .dl .play-large {
        width: 110px;
        top: calc(50% - 55px);
        left: calc(50% - 55px);
    }

    .art-shows .dl .play-small {
        width: 34px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .art-shows .dl img {
        width: 100%;
    }

@media (min-width:1120px) {
    .art-shows .vidcl1 {
        flex: 0 0 61%;
        max-width: 61%;
        padding-left: 20px;
    }

    .art-shows .vidcl2 {
        flex: 0 0 39%;
        max-width: 39%;
        padding-right: 16.96px;
    }
}

.art-shows.light.span-title {
    color: #424242;
}

.art-shows.dark .span-title {
    color: #fff;
}

.art-shows .episode {
    color: #d02d2e;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    border-inline-start: 2px solid;
    margin-inline-start: 10px;
    padding-inline-start: 10px;
}

.art-shows .cont {
    position: relative;
}

@media only screen and (max-width:768px) {
    .art-shows .hidden-xs {
        display: none;
    }

    .art-shows .con {
        background: 0;
        padding: 20px 0;
    }
}

.art-shows .arrow-left {
    color: #5194ce !important;
    margin-right: 10px;
    font-size: 22px !important;
    display: inline-block;
    position: relative;
    top: 2px;
}

.art-shows .title-with-border {
    padding-inline-start: 10px;
    margin-bottom: 30px;
}

.art-shows .align-bottom {
    display: flex;
    align-items: flex-end;
    font-size: 16px;
}

.art-shows .m-t-16 {
    margin-top: 16px !important;
}

.art-shows .mtb3250 {
    margin-top: 32px;
}

.art-shows .m-t-23 {
    margin-top: 23px !important;
}

.art-shows .m-t-33 {
    margin-top: 33px;
}

.art-shows .m-b-16 {
    margin-bottom: 16px !important;
}

.art-shows .next-video-mt {
    margin-top: 131px;
}

.art-shows .row2 {
    margin-right: -3px;
    margin-left: -3px;
}

    .art-shows .row2 .col-3 {
        padding-right: 3px;
        padding-left: 3px;
    }

.art-shows .blackvideo {
    padding: 40px 0;
}

.art-shows .mr-60 {
    margin: 60px auto;
}

.art-shows .over-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.art-shows .show-box {
    position: relative;
    margin-bottom: 20px;
}

    .art-shows .show-box .img-box {
        position: relative;
    }

        .art-shows .show-box .img-box .main-img {
            width: 100%;
        }

    .art-shows .show-box .text-box {
        padding: 20px 0;
    }

        .art-shows .show-box .text-box .box-h {
            font-family: Droid Arabic Kufi, sans-serif;
            font-size: 15px;
            font-weight: 700;
            line-height: 25px;
            margin-bottom: 5px;
            height: 26px;
            overflow: hidden;
        }

    .art-shows .show-box .play-button {
        width: 40px !important;
        height: 40px;
    }

    .art-shows .show-box ._time {
        color: #424242;
    }

.art-shows.dark .show-box .text-box .box-h {
    color: #cbcbcb;
}

.art-shows.light .show-box .text-box .box-h {
    color: #636363;
}

.art-shows.dark .show-box .text-box ._time {
    color: #fff;
}

.art-shows .show-border {
    border-bottom: 1px solid;
    margin-bottom: 40px;
}

.art-shows.light .show-border {
    border-color: #e2e2e2;
}

.art-shows.dark .show-border {
    border-color: #242424;
}

.art-shows .tag-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 9px;
}

.art-shows .tag-container {
    flex-grow: 1;
}

.art-shows .sec-show-box {
    margin-bottom: 16px;
    display: flex;
    background: #191919;
    align-items: center;
}

    .art-shows .sec-show-box ._time {
        color: #fff;
    }

        .art-shows .sec-show-box ._time a {
            color: #fff !important;
        }

.art-shows .devo-md-display-none {
    display: none;
}

.art-shows body:not(.dark) .sec-show-box.white-box {
    background-color: #fff;
}

    .art-shows body:not(.dark) .sec-show-box.white-box .desc {
        color: #636363;
    }

    .art-shows body:not(.dark) .sec-show-box.white-box ._time {
        color: #424242;
    }

.art-shows .spinner-border {
    color: #d02d2e;
    width: 20px;
    height: 20px;
    display: none;
}

.art-shows .load-more-box {
    text-align: center;
}

.footer-menu-container {
    direction: ltr !important;
}

.footer-menu-body {
    direction: rtl !important;
}

.wekalat {
    color: #000000 !important;
}

.dark .wekalat {
    color: #e9e9e9 !important;
}

#sharingBox {
    height: 32px !important;
    display: none;
    position: absolute !important;
    flex-direction: row-reverse;
    z-index: 9999;
}

    #sharingBox.right:after {
        content: "";
        position: absolute;
        margin-top: 27px;
        margin-right: 10px;
        right: 0;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        background-color: #fff;
    }

.dark #sharingBox {
    background-color: #191919 !important;
    border: 1px solid #2c2c2c;
}

.light #sharingBox {
    background-color: #fff;
    border: 1px solid #ebebeb;
}

#sharingBox:after {
    content: "";
    position: absolute;
    margin-top: 27px;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background-color: #fff;
}

.dark #sharingBox:after {
    background-color: #191919;
}

#sharingBox a {
    border-right: 1px solid #ececec;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 5px;
    border: #ffdead;
    position: relative;
}

    #sharingBox a::before {
        background-color: #ebebeb;
        content: "";
        padding: 0;
        margin-top: 5px;
        margin-left: 3px;
        position: absolute;
        width: 1px;
        top: 0;
        bottom: 3px;
        left: -3px;
    }

.dark #sharingBox a::before {
    background-color: #2c2c2c;
    content: "";
    padding: 0;
    margin-top: 5px;
    margin-left: 3px;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 3px;
    left: -3px;
}

#sharingBox a:first-child {
    padding-left: 6px;
}

    #sharingBox a:first-child::before {
        background-color: transparent !important;
    }

#sharingBox a:last-child {
    border-right: none;
}

.sharingBox {
    height: 32px !important;
    display: none;
    position: absolute !important;
    flex-direction: row-reverse;
    z-index: 9999;
    top: -40px;
    left: 0;
}

    .sharingBox.sharing-right {
        left: unset;
        right: 0;
    }

    .sharingBox.show {
        display: flex;
        flex-wrap: nowrap;
    }

    .sharingBox.right:after {
        content: "";
        position: absolute;
        margin-top: 27px;
        margin-right: 10px;
        right: 0;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        background-color: #fff;
    }

.dark .sharingBox {
    background-color: #191919 !important;
    border: 1px solid #2c2c2c;
}

.light .sharingBox {
    background-color: #fff;
    border: 1px solid #ebebeb;
}

.sharingBox:after {
    content: "";
    position: absolute;
    margin-top: 27px;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background-color: #fff;
}

.sharingBox.dark {
    background-color: #191919;
    border: 1px solid #191919;
}

    .sharingBox.dark:after {
        background-color: #191919;
    }

    .sharingBox.dark a::before {
        background-color: #2c2c2c;
    }

.sharingBox.sharing-right:after {
    content: "";
    position: absolute;
    margin-top: 27px;
    margin-left: 63px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background-color: #fff;
}

.dark .sharingBox:after {
    background-color: #191919;
}

.sharingBox a {
    border-right: 1px solid #ececec;
    padding-left: 6px;
    border: #ffdead;
    position: relative;
    display: flex;
    padding: 5px;
}

    .sharingBox a::before {
        background-color: #ebebeb;
        content: "";
        padding: 0;
        margin-top: 5px;
        margin-left: 3px;
        position: absolute;
        width: 1px;
        top: 0;
        bottom: 3px;
        left: -3px;
    }

.dark .sharingBox a::before {
    background-color: #2c2c2c;
    content: "";
    padding: 0;
    margin-top: 5px;
    margin-left: 3px;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 3px;
    left: -3px;
}

.sharingBox img {
    width: 21px !important;
    max-width: unset !important;
}

.sharingBox a:first-child {
    padding-left: 6px;
}

    .sharingBox a:first-child::before {
        background-color: transparent !important;
    }

.sharingBox a:last-child {
    border-right: none;
}

.ads-mtb22 {
    margin-top: 22px;
    margin-bottom: 22px;
}

.ptb-6-17 {
    padding: 6px 17px 9px 17px !important;
}

.mt38 {
    margin-top: 38px;
}

.mt70 {
    margin-top: 70px;
}

.mt50 {
    margin-top: 50px;
}

._link_name_ {
    margin-top: 3px;
    margin-right: -3px;
    margin-left: 5px;
}

.light ._link_name_ {
    font-family: IttihadHead, sans-serif !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 16px !important;
    text-align: right;
    color: #424242 !important;
    margin-top: 0 !important;
}

.dark ._link_name_ {
    color: #fff !important;
}

.p0noborder {
    border: none !important;
    padding-bottom: 0 !important;
}

div#menumain {
    border-bottom: 1px solid #ededed;
}

.title_podcast {
    font-family: IttihadHead;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    text-align: right;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mostreadwriter {
    color: #727272 !important;
}

.dark .mostreadwriter {
    color: #8d8d8d !important;
}

.relatedVideos {
    font-family: IttihadHead;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 46px;
    text-align: right;
    color: #ababab !important;
    margin-bottom: 18px;
}

.fs-18 {
    font-size: 18px;
}

.success-registration-msg {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 8px;
    text-align: right;
    color: #d02d2e;
}

.sucess-resgistration-msg-small {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    margin-top: 14px;
    margin-bottom: 48px;
    color: #d02d2e;
}

.form-group {
    text-align: left;
}

    .form-group span {
        display: none;
    }

    .form-group.error span {
        font-family: Droid Arabic Kufi;
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 28px;
        text-align: right;
        color: #ef3f3f;
        display: block;
    }

    .form-group.error .custom-input {
        border-color: #ef3f3f !important;
    }

.terms_and_condition {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center;
    color: #d02d2e !important;
    margin-top: 30px;
    margin-bottom: 60px !important;
}

    .terms_and_condition a {
        color: #000 !important;
    }

.dark .terms_and_condition a {
    color: #fff !important;
}

.back-top-login {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 14px;
    text-align: center;
    color: #000000;
}

.dark .back-top-login {
    color: #bcbcbc;
}

a.back-top-login img {
    width: 11px;
}

.iframeAudio {
    border: none;
    height: 66px;
    width: 100%;
}

.nbr {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: right;
    color: #fff;
}

.nbr-with-img {
    display: flex;
    align-content: center;
    align-items: flex-end;
    gap: 15px;
    justify-content: flex-end;
}

    .nbr-with-img img {
        margin-bottom: 4px;
    }

    .nbr-with-img.small_card img {
        width: 17px;
        margin-bottom: 2px;
    }

.small_card .nbr {
    font-size: 16px;
    line-height: 16px;
}

.nbr-with-img.small_card {
    gap: 7px !important;
    display: flex;
    align-content: center;
    gap: 15px;
    align-items: flex-end;
    justify-content: normal;
}

.most-read-text {
    height: 90px !important;
}

.video-player-text {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 15px !important;
    line-height: 22px !important;
    text-align: right;
    color: #fff !important;
    height: 100% !important;
}

.desktop-layout img {
    max-width: unset !important;
}

@media screen and (min-width:993px) and (max-width:1199px) {
    .home .mininewsdesc {
        -webkit-line-clamp: 2;
    }

    .subtitle11 {
        white-space: nowrap;
    }

    .home .mininewsdesc2 {
        padding: 4.5px 10px;
        background: #fff;
        width: fit-content;
    }

    .home .mininewsdesc222 {
        padding: 6.5px 14px;
        background: #fff;
        width: fit-content;
    }
}

.dark.contact-us-page input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    border: none !important;
    background-color: transparent !important;
}

    .dark.contact-us-page input[type=radio]:after {
        width: 12px;
        height: 12px;
        border-radius: 12px;
        position: relative;
        background-color: #494949;
        content: "";
        display: inline-block;
        visibility: visible;
        border: 2px solid #fff;
    }

    .dark.contact-us-page input[type=radio]:checked:after {
        background-color: #d02d2e;
    }

@-moz-document url-prefix() {

    .search-fresh-page .research input,
    .search-not-found .research input,
    .search-result-page .research input {
        padding-right: 85px;
    }

    #style-1 {
        overflow-y: scroll;
        scrollbar-color: #d02d2e #e3e9ec;
        scrollbar-width: thin;
    }
}

.mt_25 {
    margin-top: -25px;
}

.display-flex {
    display: flex;
}

.caricature-text-container {
    padding: 10px 22px !important;
}

.opinion-text-container {
    height: 100%;
}

.readmorecard.d19.opinion-text-container a {
    width: 100%;
}

.dark .sura-w-ta3lik-bottom {
    background: #000000;
    border-bottom:none;
}

.sura-w-ta3lik-bottom {
    background: #ffffff;
    color: #fff;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 15px 24px;
    border-bottom: 1px solid #e9e9e9;
}

.sura-w-ta3lik-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark .sura-ta3lik-text
{
    color:#ffffff;
}

.editorial-page.dark .news-text {
    color: #ffffff;
}

.dark .sura-w-ta3lik-title {
    background: #000000;
}

.dark .sura-ta3lik-text:hover
{
    color:#ffffff;
}

.sura-w-ta3lik-title {
    font-family: IttihadHead;
    padding: 7px 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #34c3ff;
    background: #ffffff;
    position: absolute;
    top: -42px;
    right: 0;
    border-right: 6px solid #34c3ff;
}

    .sura-w-ta3lik-title:hover {
        color: #34c3ff;
    }

.sura-ta3lik-text {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
}

    .sura-ta3lik-text:hover {
        color: #000000;
    }

@media (max-width:992px) {
    .sura-ta3lik-text {
        font-size: 13px;
        line-height: 13px;
    }
}

.videohat {
    margin-top: 60px;
    margin-bottom: 40px;
}

.videohat-thumbnail img {
    max-width: unset !important;
}

.al-aksar-qiraa .authname a {
    color: #727272 !important;
}

.dark .al-aksar-qiraa .authname a {
    color: #8d8d8d !important;
}

.read-more-border-bottom {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
}

.dark .read-more-border-bottom {
    border-bottom: 1px solid #2e2e2e;
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.search-result-card {
    background: #fff;
    display: flex;
    margin-bottom: 21px;
}

.dark .search-result-card {
    background: #262626;
}

.search-result-card > img {
    width: 244px;
}

.search-result-text a {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    color: #424242;
}

.search-result-icon {
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #eee;
    padding: 56px 42px;
}

.search-result-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 21px;
}

.cont img {
    width: 100%;
}

.sharing-dark {
    background-color: #191919 !important;
    border: 1px solid #2c2c2c !important;
}

    .sharing-dark a::before {
        background-color: #2c2c2c !important;
    }

    .sharing-dark:after {
        background-color: #191919 !important;
    }

.kalimat-rais-tahrir {
    color: #d02d2e;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    margin-top: 5px;
    font-size: 14px;
    margin-top: 5px;
}

.subscribe-label {
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-align: right;
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
}

.playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: inline-block !important;
    width: 65px !important;
    cursor: pointer;
}

.privacy-policy-title {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-align: right;
    color: #d02d2e;
    margin-bottom: 30px;
}

.h-39 {
    height: 39px !important;
}

.h-48 {
    height: 48px !important;
}

.logout-right-menu {
    background: #e9e9e9;
    padding-right: 60px;
    padding-top: 55px;
    height: 100%;
}

.dark .logout-right-menu {
    background: #171717;
}

.logout-right-menu a {
    color: #adadad;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 9px;
    margin-bottom: 16px;
}

.dark .logout-right-menu a {
    color: #6a6a6a;
    border-bottom: 1px solid #272727;
}

.logout-right-menu a.active {
    color: #d02d2e;
}

.logout-right-menu a:hover {
    color: #d02d2e;
}

.successfuly-logout {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 8px;
    text-align: center;
    color: #d02d2e;
    margin-bottom: 20px;
}

.come-back-again {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #000000;
    margin-bottom: 22px;
}

.dark .come-back-again {
    color: #737373;
}

.writers2-pic {
    width: 74px !important;
    max-width: unset !important;
}

.writers2-bg-r {
    background-color: #fff;
    margin-bottom: 20px;
    padding-right: 10px;
    width: 100%;
}

.dark .writers2-bg-r {
    background: #000000 !important;
}

.title-with-border.yellow span.tit {
    color: #fdc300;
}

.card-color {
    color: #424242 !important;
}

.dark .card-color {
    color: #b4b4b4 !important;
}

.noborder {
    border: none;
}

.makalat-date a {
    border-left: 1px solid;
    padding-left: 10px;
    color: #8d8d8d;
}

.makalat-date {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    color: #8d8d8d;
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.dark .input-bg::placeholder {
    color: #dfdfdf !important;
    opacity: 1;
}

.input-bg::placeholder {
    color: #9d9d9d !important;
    opacity: 1;
}

.mobile-layout-shows .sec-show-box {
    background: #fff !important;
}

.dark .mobile-layout-shows .sec-show-box {
    background: #191919 !important;
}

.mobile-layout-shows .sec-show-box ._time {
    color: #424242;
}

.dark .mobile-layout-shows .sec-show-box ._time {
    color: #fff;
}

.mobile-layout-shows {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.dark .mobile-layout-shows {
    border-bottom: 1px solid #262626;
    padding-bottom: 20px;
}

@media screen and (min-width:377px) and (max-width:768px) {
    .logo-ipad {
        display: block;
	width: 96px;
    }

    .logo-desktop,
    .logo-ipad-pro,
    .logo-mobile {
        display: none;
	width: 96px;
    }
}

@media screen and (min-width:767px) and (max-width:1024px) {
    .logo-ipad-pro {
        display: block;
	width: 160px !important;
    }

    .logo-desktop,
    .logo-ipad,
    .logo-mobile {
        display: none;
	width: 160px;
    }
}

.backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #20202080;
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .backdrop .form-check {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 16px;
    }

    .backdrop #dont-show {
        width: 20px;
        height: 20px;
    }

    .backdrop .body {
        position: relative;
        text-align: center;
        display: flex;
        justify-content: center;
        align-content: center;
        height: 90vh;
        background-repeat: no-repeat !important;
        margin-top: 30px;
    }

        .backdrop .body .close {
            position: absolute;
            top: -22px;
            right: 0;
            cursor: pointer;
        }

    .backdrop .popup-desktop {
        width: 100vh;
    }

    .backdrop .popup-mobile {
        width: 100%;
    }

.dark .writer-archive-text {
    color: #ffffff;
}

.writer-archive-text {
    white-space: normal;
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: -.035em;
    color: #000000;
    margin-bottom: 2px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

    .writer-archive-text:hover {
        color: #d02d2e;
    }

.dark .writer-archive-top-border {
    border-top: 1px solid #2e2e2e;
}

.writer-archive-top-border {
    border-top: 1px solid #d9d9d9;
    padding-top: 20px;
    margin-top: 20px;
}

.dont-show-this-popup {
    display: flex;
    gap: 10px;
    align-items: center;
}

.most-read-for-the-writer-text {
    padding: 20px 24px;
    background: #fff;
    width: 100%;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dark .most-read-for-the-writer-text {
    background: #191919;
}

    .dark .most-read-for-the-writer-text .authname {
        color: #8d8d8d;
    }

    .dark .most-read-for-the-writer-text a {
        color: #ffffff;
    }

.most-read-for-the-writer-text a {
    font-family: "Droid Arabic Kufi", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.carcontainer img {
    width: 100%;
}

.line-height-19 {
    line-height: 19px !important;
}

.tags-container {
    display: flex;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
    background: 0 0;
    justify-content: center;
}

.gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    position: absolute;
    bottom: 1px;
    right: 1px;
    left: 1px;
}

._dark .tag-button.itihadheadsub {
    background: #191919;
    color: #D6D2C4;
    border: 1px solid #373535;
}

.ellipse-text {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal !important;
}

@media screen and (min-width:769px) and (max-width:1025px) {
    .home .authname span {
        font-size: 8px;
    }
}

.h-44 {
    height: 44px;
}

.search-img {
    cursor: pointer;
}

.show-on-tablet-and-above {
    display: block;
}

.show-on-mobile {
    display: none;
}

.integration-checklist__copy-button:hover:after,
.integration-checklist__copy-button:hover:before {
    display: block;
}

.integration-checklist__copy-button:after {
    content: "Copy to Clipboard";
    display: none;
    position: absolute;
    z-index: 9999;
    top: 40px;
    right: 0;
    width: 114px;
    height: 36px;
    color: #fff;
    font-size: 10px;
    line-height: 36px;
    text-align: center;
    background: rgba(0, 0, 0, .72);
    border-radius: 3px;
}

.integration-checklist__copy-button:active,
.integration-checklist__copy-button:focus {
    outline: 0;
}

    .integration-checklist__copy-button:active:after,
    .integration-checklist__copy-button:focus-visible:after,
    .integration-checklist__copy-button:focus:after {
        content: "!Copied";
    }

.signature {
    position: absolute;
    right: 12px;
    bottom: 12px;
    color: rgba(0, 0, 0, .07);
    font-size: 10px;
}

a {
    color: rgba(13, 157, 219, .55);
    font-weight: 500;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.hadisContainerMobile {
    display: none;
}

.caricature-most-watched-mobile {
    display: none;
}

.caricature-most-watched-desktop {
    display: block;
}

.brder-bttom-seperator {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
}

.dark .brder-bttom-seperator {
    border-bottom: 1px solid #262626;
    padding-bottom: 20px;
}

span.dt:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 10px;
    background: #727272;
    left: -4px;
    top: 5px;
}

span.dt {
    position: relative;
    margin-left: 10px;
}

img.__auth-pic {
    width: 74px;
}

.__border-top {
    border-top: 1px solid #d9d9d9;
    padding-top: 10px;
}

.error-email-address,
.password-matching {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 28px;
    text-align: right;
    color: #ef3f3f;
}

.col-3.brdcol {
    border-right: 1px solid #e5e5e5;
    padding-right: 20px;
    padding-left: 5px;
}

.dark .col-3.brdcol {
    border-color: #2e2e2e;
}

.articlepage ._btitle {
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    text-align: right;
    color: #000000;
}

.dark ._btitle {
    color: #fff !important;
}

.latest-new-mobile {
    display: none;
}

.latest-news-desktop {
    display: block;
}

.infog-tag-most-watched {
    position: absolute;
    padding: 1.5px 6px;
    right: 0;
    bottom: 0;
    border-right: 4px solid #d02d2e;
    font-family: IttihadHead, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background-color: rgba(255, 255, 255);
    color: #000000;
    line-height: 17px;
}

.form-email-group.error .input-bg {
    border-color: red !important;
}

.form-email-group.error span {
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 28px;
    text-align: right;
    color: #ef3f3f;
    display: block;
    position: absolute;
    top: -25px;
}

.form-email-group span {
    display: none;
}

.form-email-group.error {
    position: relative;
}

.title-msg {
    margin-bottom: 10px;
}

.watch-also-desktop {
    display: block;
}

.watch-also-mobile {
    display: none;
}

.opinion-read-also {
    font-family: IttihadHead;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #d02d2e;
    margin-bottom: 30px;
}

.leftarrow {
    margin-right: 10px;
}

.rules-container:hover .tool-tips {
    display: block;
}

.tool-tips {
    position: absolute;
    right: 0;
    background: #2e2e2e;
    top: 57px;
    z-index: 1;
    color: #e2e2e2;
    padding: 10px 15px;
    display: none;
}

    .tool-tips:before {
        content: "";
        position: absolute;
        border: 1px solid #2e2e2e;
        top: -8px;
        width: 16px;
        background: #2e2e2e;
        height: 16px;
        transform: rotate(45deg);
    }

.hidden {
    visibility: hidden;
}

.tool-tips i {
    color: #d02d2e;
}

.podcast-title-container {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    display: flex;
    gap: 37px;
    align-items: center;
}

.alert {
    font-family: Droid Arabic Kufi, sans-serif;
    text-align: center;
    width: 100%;
    max-width: 369px;
    margin: auto;
    display: none;
}

    .alert.show {
        display: block;
    }

.day-weather.active .table-degree {
    color: #d02d2e !important;
}

.day-weather.active img {
    filter: invert(28%) sepia(64%) saturate(2662%) hue-rotate(338deg) brightness(82%) contrast(99%) !important;
}

.night-weather.active img {
    filter: invert(28%) sepia(64%) saturate(2662%) hue-rotate(338deg) brightness(82%) contrast(99%);
}

.day-weather img {
    filter: invert(37%) sepia(3%) saturate(1729%) hue-rotate(351deg) brightness(96%) contrast(80%);
}

.dark .day-weather img {
    filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(37deg) brightness(106%) contrast(107%);
}

.night-weather img {
    filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(37deg) brightness(106%) contrast(107%);
}




.day-weather.active .table-degree,
.day-weather.active .text-right {
    color: #D02D2E;
}

.night-weather.active .table-degree,
.night-weather.active .text-right {
    color: #D02D2E;
}

.mostread-flex {
    display: flex;
    gap: 0 20px;
    flex-wrap: wrap;
}

.iqraa-aydan {
    font-family: IttihadHead;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-align: right;
    color: #d02d2e;
}

.light .editorial-author-name,
.light .editorial-author-name span {
    color: #727272 !important;
}

.dark .editorial-author-name,
.dark .editorial-author-name span {
    color: #b4b4b4 !important;
}

.caricature-ads-mobile {
    display: none !important;
}

.fa-pause {
    cursor: pointer;
}

.selectdiv {
    position: relative;
}

    .selectdiv label {
        margin: 0;
        display: unset;
    }

    .selectdiv:before {
        content: "\f0d7";
        font: normal normal normal 17px/1 FontAwesome;
        font-family: "Font Awesome 5 Free";
        color: #0ebeff;
        left: 10px;
        top: 4px;
        position: absolute;
        pointer-events: none;
    }

select::-ms-expand {
    display: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 161px;
    height: 26px;
    background-image: none;
    border: 1px solid #ccc;
    -ms-word-break: normal;
    word-break: normal;
    font-family: Droid Arabic Kufi;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    color: #8f8f8f;
    padding: 0 10px;
}

.e-book-page.dark select {
    background: #494949 !important;
    border: 1px solid #7a7a7a !important;
    color: #cacaca !important;
}

.e-book-page select {
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    color: #8f8f8f !important;
}

.sss {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.browse-now {
    background: #d02d2e;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.browse-nowPopup {
    display: inline-block !important;
}

.e-book-page #exampleModal .media {
    display: inline-block !important;
    float: left;
}

.modal {
    z-index: 20000;
}

._gradient-bg {
    padding: 20px 15px 20px 15px;
    backdrop-filter: blur(4px);
}

.marginbottom {
    margin-bottom: 130px;
}

.mobawab-divider > div {
    width: 200px;
}

.light ._ofwhite {
    color: #fff;
}

.dark ._ofwhite {
    color: #ababab;
}

.weather_date {
    font-family: "Droid Arabic Kufi";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #fff;
}

.inner2 {
    margin-bottom: 20px !important;
}

.select-city-weather {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #696158;
    width: 111px;
    text-align: revert;
    padding-right: 10px;
    line-height: 18px;
}

.edit-profile.dark .select-after:after {
    background-color: #494949 !important;
}

.back-to-side-menu {
    display: none;
}

.news-sports {
    padding: 50px 0 50px 0;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-80 {
    padding-top: 80px;
}

.e-book-page .borderRight {
    padding-left: 10px;
    border-left: 1px solid #fff;
}

.e-book-page.dark .borderRight {
    padding-left: 10px;
    border-left: 1px solid #4E4B4B;
}

.e-book-tasafah {
    display: flex;
    align-items: center;
}

.mediamobileTitle {
    padding-top: 0px;
    padding-bottom: 0px !important;
}

.prayer-time-page .date-input {
    flex-direction: row-reverse !important;
    text-align-last: start !important;
    padding-left: 0;
}

.blueColor {
    color: #d02d2e !important;
}

.dark .select-city-weather {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    background: url(../img/arrow-select.svg) no-repeat #494949 !important;
    background-repeat: no-repeat !important;
    background-position-x: 10% !important;
    background-position-y: 50% !important;
    padding: 5px 5px !important;
    border: 1px solid #7a7a7a !important;
    color: #D6D2C4 !important;
}

.contact-us-page.dark .select-section {
    padding: 0 19px !important;
    width: 296px;
    border: 1px solid #7a7a7a;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Droid Arabic Kufi, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -.05em;
    color: #9d9d9d;
    margin-bottom: 16px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    background: url(../img/arrow-select.svg) no-repeat #494949 !important;
    background-repeat: no-repeat !important;
    background-position-x: 10% !important;
    background-position-y: 50% !important;
}

.dark .reg-country {
    background-position-x: 4% !important;
}

.weather-page.dark select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    background: url(../img/arrow-select.svg) no-repeat #161616 !important;
    background-repeat: no-repeat !important;
    background-position-x: 15% !important;
    background-position-y: 50% !important;
    padding: 5px 5px !important;
    border: 1px solid #D6D2C4 !important;
    border-radius: 2px;
}

.weather-page select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    background: url(../img/arrow-select.svg) no-repeat #F9F9F9 !important;
    background-repeat: no-repeat !important;
    background-position-x: 15% !important;
    background-position-y: 50% !important;
    padding: 5px 5px !important;
    border: 1px solid #CCCCCC !important;
    border-radius: 2px;
}

@keyframes append-animate {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes slidein {
    from {
        margin-left: 100%;
        width: 0%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-moz-keyframes slidein {
    from {
        margin-left: 100%;
        width: 0%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-o-keyframes slidein {
    from {
        margin-left: 100%;
        width: 0%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@keyframes slidein {
    from {
        margin-left: 100%;
        width: 0%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

.new-box {
    -webkit-animation: slidein .7s linear;
    -moz-animation: slidein .7s linear;
    -o-animation: slidein .7s linear;
    animation: slidein .7s linear;
}

.min-h-92 {
    min-height: 92px;
}

.width100 {
    width: 100%;
}

.search-result-page .news-photo-container {
    width: 100%;
}

@media screen and (min-width:1200px) {
    .video-page .akherc1 {
        flex: 0 0 75.757%;
        max-width: 75.757%;
    }

    .video-page .akherc2 {
        flex: 0 0 24.243%;
        max-width: 24.243%;
    }
}

@media screen and (min-width:1024px) {
    .home .grid-desc {
        width: 90%;
    }

    .home .mininewsdesc22 {
        width: -webkit-fill-available;
    }

    .logo-desktop {
        display: block;
    }

    .logo-ipad,
    .logo-ipad-pro,
    .logo-mobile {
        display: none;
    }

    .backdrop .body {
        background: url(../img/popup-desktop.svg);
        width: 760.9px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}

@media screen and (min-width:1120px) {
    .art-shows .akherc1 {
        flex: 0 0 75.757%;
        max-width: 75.757%;
    }

    .art-shows .akherc2 {
        flex: 0 0 24.243%;
        max-width: 24.243%;
    }
}

@media screen and (min-width:992px) {
    .row.desktop-layout {
        display: flex !important;
    }

    .editorial-column-page .row2 .col-md-9 {
        flex: 0 0 74.546%;
        max-width: 74.546%;
    }

    .editorial-column-page .row3 .col-md-4 {
        flex: 0 0 37.515%;
        max-width: 37.515%;
        overflow: hidden;
    }

    .editorial-column-page .row3 .col-md-8 {
        flex: 0 0 62.485%;
        max-width: 62.485%;
    }

    .editorial-column-page .pad199 {
        padding-right: 15.99px;
    }

    .editorial-column-page .row2 .col-md-3 {
        flex: 0 0 25.454%;
        max-width: 25.454%;
    }

    .editorial-page .row2 .col-md-9 {
        flex: 0 0 74.546%;
        max-width: 74.546%;
    }

    .editorial-page .pad199 {
        padding-right: 15.99px;
    }

    .editorial-page .row2 .col-md-3 {
        flex: 0 0 25.454%;
        max-width: 25.454%;
    }

    .row.desktop-layout {
        display: flex !important;
    }

    .landing-show-page .akherc1 {
        flex: 0 0 75.757%;
        max-width: 75.757%;
    }

    .landing-show-page .akherc2 {
        flex: 0 0 24.243%;
        max-width: 24.243%;
    }

    .articles-page .row2 .col-md-9 {
        flex: 0 0 74.546%;
        max-width: 74.546%;
    }

    .articles-page .pad199 {
        padding-right: 15.99px;
    }

    .articles-page .row2 .col-md-3 {
        flex: 0 0 25.454%;
        max-width: 25.454%;
    }

    .hideOnDesktop {
        display: none;
    }

    .showOnDesktop {
        display: block;
    }
}

@media screen and (min-width:769px) {
    .newspic {
        height: unset !important;
    }

    .generic-page .prog-image {
        width: 100%;
    }

    .generic-page .divider {
        margin: 0 !important;
    }
}

@media screen and (max-width:1200px) {

    .avatar,
    .search {
        width: 28px;
    }

    .home .espt {
        font-size: 14px;
        padding: 8px 0;
    }

    .subscribe-label {
        margin-bottom: 20px;
    }

    .home .fs-18 {
        font-size: inherit;
    }

    .mode-toogle {
        display: none !important;
    }

    .top-icons {
        display: none !important;
    }

    .search-profile-toogle {
        display: flex !important;
        gap: 10px;
    }

    .top-header-section {
        display: none !important;
    }

    .logo {
        width: 160px;
    }

    #menumain {
        display: none !important;
    }

    .art-shows .mobile-layout {
        display: flex;
    }

    .art-shows .small-text {
        font-size: 12px;
        font-family: "Droid Arabic Kufi", sans-serif;
    }
}

@media screen and (max-width:1024px) {
    .h-44 {
        height: auto;
    }

    .contact-us-page .form-count .inpt3 textarea {
        width: 100%;
    }

    .generic-page .txt-lg {
        line-height: 36px !important;
    }

    .stores {
        margin-top: 30px;
    }

    .generic-page .program-text {
        font-size: 12px;
    }

    .aside-box {
        position: relative !important;
        width: 100%;
    }

    .opinion-subscription-page .mini-desc {
        height: 94px;
    }

    .podcast-page .brd-left {
        border: none !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .finance-page .brd-left {
        border: none !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .podcast-article-page .brd-left {
        border-left: none !important;
        padding-left: 10px !important;
    }

    .search-fresh-page .most-searched {
        margin: 40px 0 !important;
    }

    .search-fresh-page .news {
        display: flex;
    }

    .image.position-relative {
        height: 100%;
    }

    .video-page .www {
        margin-bottom: 20px;
    }

    .anony-page .box-p {
        font-size: 14px !important;
        line-height: 22px !important;
        overflow: hidden;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .notification-page .notification-label .text-box {
        width: 100% !important;
    }

    .anony-page .box-body {
        padding: 0 !important;
    }

    .anony-page .text-box {
        padding-right: 16px !important;
        padding-top: 9px !important;
        padding-left: 0 !important;
    }

    .anony-page .all-category {
        margin-top: 20px;
    }

    .editorial-page .end-border {
        padding-left: unset;
        border-inline-end: unset;
        padding-right: unset;
    }

    .al-aksar-qiraa .most-read-subtitle {
        width: 100%;
    }

    .iqraaaydan .makalatPic {
        width: 74px;
    }

    .al-aksar-qiraa .makalatPic {
        width: 74px;
    }

    .videohat {
        margin-top: 33px;
        margin-bottom: 27px;
    }

    .sura-w-ta3lik-title {
        font-size: 18px;
        line-height: 18px;
    }

    .sura-w-ta3lik-text {
        font-size: 13px;
        line-height: 13px;
    }

    .expostyle .cats1 {
        top: -18px;
    }

    .backdrop .body {
        background: url(../img/popup-mobile.svg);
        width: 351px;
        background-size: cover;
        background-position: center;
    }

    .mostread-flex {
        gap: 0 10px;
    }

    .edit-profile.light .aside-box {
        position: relative;
    }

    #sidebox {
        display: none;
    }

        #sidebox.show {
            display: block !important;
        }

    #profile-form.hide {
        display: none !important;
    }

    .back-to-side-menu {
        text-align: center;
        font-family: 'Droid Arabic Kufi';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -.03em;
        color: #d02d2e;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        padding-right: 60px;
    }
}

@media screen and (max-width:992px) {
    .min-h-92 {
        min-height: 65px !important;
    }

    .mininewsdesc2 {
        padding: 7px !important;
        padding-inline-start: 30px !important;
    }

    .col-desc {
        width: 100% !important;
        padding: 0 !important;
    }

    .e-book-page #exampleModal .m-t-60 {
        margin-top: 12px !important;
    }

    .e-book-page .title-top {
        padding-left: 25px;
        padding-top: 0%;
        padding-right: 25px;
        margin-right: 0px;
    }

    .e-book-page .minmax-W {
        max-width: 100%;
        min-width: 100%;
    }

    .e-book-page .font-size {
        margin-top: 25px !important;
    }

    .e-book-page .mt {
        margin-top: 20px;
    }

    .e-book-page .big-container {
        padding-left: 10px !important;
        border: none !important;
    }

    .e-book-page .writer {
        text-align: center;
    }

    .e-book-page .vertical {
        text-align: center;
    }

    .e-book-page .title-top h3 {
        text-align: center;
    }

    .e-book-page .title-top a {
        text-align: center;
    }

    .e-book-page .estshrak-text {
        min-height: 10px;
    }

    .e-book-page .star {
        text-align: center;
    }

    .e-book-page .media {
        justify-content: center;
    }

    .logo {
        width: 92px;
    }

    .header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hide-desktop-layout {
        display: none;
    }

    .top-header-section {
        display: none;
    }

    .font-size {
        margin-top: 25px !important;
    }

    .top-header-section {
        display: none;
    }

    .subscribe {
        background-size: cover !important;
    }

    .menumain {
        display: none;
    }

    .timenews {
        font-size: 11px;
    }

    .mobile-layout {
        display: flex;
    }

    .desktop-layout {
        display: none !important;
    }

    .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .title-with-border {
        margin-top: 40px;
    }

    .menu-container {
        width: 100% !important;
    }

    .cookies-container {
        left: 0;
        bottom: 0;
        top: unset;
        text-align: center;
    }

    .cookies-txt {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        color: #fff;
        margin-bottom: 16px;
    }

    .editorial-column-page .edito-middle-card {
        background: #fff;
    }

    .editorial-column-page .rowmob {
        margin-right: -3.5px;
        margin-left: -3.5px;
        justify-content: center;
    }

        .editorial-column-page .rowmob .col-md-4 {
            padding-right: 3.5px;
            padding-left: 3.5px;
            margin-top: 7px !important;
        }

    .editorial-column-page .edito-main-title {
        position: static;
        width: 93px;
        height: 30px;
        font-family: IttihadHead, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 40px;
        line-height: 30px;
        display: flex;
        align-items: center;
        text-align: right;
        color: #000000;
        width: 100%;
    }

    .editorial-column-page .middle-title {
        left: 0;
        right: 10%;
        top: 15.1%;
        bottom: 84.44%;
        width: auto;
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 22px;
        display: flex;
        align-items: center;
        text-align: right;
        color: #d02d2e;
    }

    .editorial-column-page .edito-middle-row-title {
        position: static;
        width: 173px;
        height: 28px;
        left: calc(50% - 173px / 2+1.5px);
        top: calc(50% - 28px / 2);
        font-family: IttihadHead, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 28px;
        display: flex;
        align-items: center;
        text-align: right;
        color: #000000;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .editorial-column-page .mb-row {
        padding-top: 300px;
        display: flex;
    }

    .editorial-column-page .col-descc {
        display: flex;
        width: 100%;
        flex-direction: row;
    }

    .contact-us-page .adscont {
        overflow: hidden;
        width: 100%;
    }

    .contact-us-page .font-size {
        margin-top: 25px !important;
    }

    .contact-us-page .mt {
        margin-top: 20px;
    }

    .contact-us-page .inpt1 *,
    .contact-us-page .inpt2 * {
        width: 100% !important;
    }

    .contact-us-page .form-count .inpt1 input,
    .contact-us-page .form-count .inpt2 input,
    .contact-us-page .form-count .inpt3 textarea,
    .contact-us-page .form-count .title-msg input {
        margin-bottom: 20px;
    }

    .contact-us-page .direction {
        font-size: 12px !important;
        line-height: 22px !important;
        padding: 9px 15px !important;
    }

    .contact-us-page .map-count .under-map .adress p {
        font-size: 10px !important;
    }

    .contact-us-page .map-count .under-map .adress {
        flex: 1 !important;
    }

    .contact-us-page .map-count .under-map {
        align-items: flex-end !important;
    }

    .contact-us-page .big-right-container {
        padding-left: 10px !important;
        border: none !important;
    }

    .contact-us-page .menu-tob {
        display: flex;
    }

    .contact-us-page .title-share {
        display: block;
    }

    .contact-us-page .label-most,
    .contact-us-page .most-searched {
        display: none;
    }

    .contact-us-page .news-time {
        font-size: 12px;
        line-height: 23px;
        margin-top: 6px;
        margin-bottom: 8px;
    }

    .contact-us-page .news-photo-container {
        margin-top: 0;
        margin-bottom: 35px;
    }

    .contact-us-page .desc {
        padding: 20px 20px 10px 20px;
    }

    .contact-us-page .vertical {
        flex-direction: column;
        justify-content: space-between;
    }

        .contact-us-page .vertical .share-time {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
            margin-top: 5px;
            padding: 20px 20px 10px 20px;
        }

        .contact-us-page .vertical .read-more {
            margin-top: 14px;
            margin-bottom: 17px;
        }

    .contact-us-page.dark .title-share {
        background-color: #191919;
    }

    .contact-us-page .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 8px 17px 8px 21px;
    }

    .contact-us-page .square {
        display: block;
    }

    .contact-us-page .form-count .inpt1,
    .contact-us-page .form-count .inpt2 {
        flex-direction: column;
        gap: 0;
        padding: 0;
    }

    .contact-us-page .form-count .write-data {
        font-size: 12px;
    }

    .contact-us-page .select-section {
        margin-bottom: 20px;
    }

    .contact-us-page .form-count .inpt3 textarea {
        width: 100%;
    }

    .contact-us-page .form-count .inpt4 .Service {
        font-size: 12px;
    }

    .contact-us-page .form-count .title-msg input {
        width: 100%;
    }

    .contact-us-page .form-count .inpt4 .submit {
        display: flex;
        justify-content: center;
    }

    .contact-us-page .form-count .inpt4 .robot {
        display: flex;
        justify-content: center;
    }

    .contact-us-page .adscont .ads2 {
        height: auto;
    }

    .contact-us-page .big-left-container {
        padding-right: 0;
    }

    .contact-us-page .big-right-container {
        padding: 0;
        border: 0;
    }

    .editorial-auth-page .top-border {
        border: none;
    }

    .e-book-page .end-border {
        border: none !important;
        padding-left: inherit !important;
        padding-right: inherit !important;
    }

    .e-book-page .menu-tob {
        display: flex;
    }

    .e-book-page .title-share {
        display: block;
    }

    .e-book-page .categories,
    .e-book-page .label-most {
        display: none;
    }

    .e-book-page .news-time {
        font-size: 12px;
        line-height: 23px;
        margin-top: 6px;
        margin-bottom: 8px;
    }

    .e-book-page .news-photo-container {
        margin-top: 0;
        margin-bottom: 35px;
        padding-top: 20px;
    }

    .e-book-page .desc {
        padding: 20px 20px 10px 20px;
    }

    .e-book-page .vertical {
        flex-direction: column;
        justify-content: space-between;
    }

        .e-book-page .vertical .share-time {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
            margin-top: 5px;
            padding: 20px 20px 10px 20px;
        }

        .e-book-page .vertical .read-more {
            margin-top: 14px;
            margin-bottom: 17px;
        }

    .e-book-page.dark .title-share {
        background-color: #191919;
    }

    .e-book-page .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 8px 17px 8px 21px;
    }

    .e-book-page .square {
        display: block;
    }

    .editorial-page .readmorecard {
        width: 100%;
    }

    .clickable-card a {
        width: 119px;
    }

    .editorial-page .mt4020 {
        margin-top: 20px;
    }

    .editorial-page .archive-divider {
        display: none !important;
    }

    .editorial-page .big-title {
        font-size: 18px !important;
        line-height: 18px !important;
    }

    .editorial-page .news-title {
        font-size: 13px !important;
        line-height: 13px !important;
    }

    .editorial-page .news-text {
        font-size: 8px !important;
        line-height: 14px !important;
    }

    .editorial-page .cats1 {
        top: -18px !important;
    }

    .editorial-page .news-details {
        margin-top: 6px;
    }

        .editorial-page .news-details img {
            width: 18px;
        }

    .editorial-page .end-border {
        border: 0;
        padding: 0;
        width: 100%;
    }

    .editorial-page .edit-opinion img {
        width: 100%;
    }

    .editorial-page .opinion-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)) !important;
        justify-items: center;
    }

    .editorial-page .edit-opinion {
        margin-bottom: 15px;
    }

    .editorial-page .opinion-grid > div {
        width: 105px;
    }

    .editorial-page .editorial-ima {
        width: 92px !important;
    }

    .editorial-page .bigdescedit {
        padding: 4px 15px;
    }

    .editorial-page .mt20 {
        margin-top: 20px;
    }

    .editorial-page .ds-flx {
        margin-top: 0;
    }

    .editorial-auth-page .ds-flx {
        margin-top: 0 !important;
    }

    .editorial-page .read-more-vertical-border:not(:nth-child(3n)) {
        border: none !important;
    }

    .editorial-page .read-more-vertical-border {
        border: 0;
    }

    .editorial-page .d19 {
        background: #fff !important;
    }

    .nobg {
        background: 0 0 !important;
    }

    .editorial-page .read-more-vertical-border .ds-flx {
        padding-bottom: 0 !important;
        border: 0 !important;
    }

    .editorial-page.dark .d19 {
        background: #191919 !important;
    }

    .editorial-page .brrd .ds-flx {
        margin-top: 10px;
        padding-bottom: 10px !important;
        border-bottom: 1px solid #d9d9d9 !important;
    }

    .editorial-page.dark .brrd .ds-flx {
        border-color: #2e2e2e !important;
    }

    .editorial-page .brrd .ds-flx.brrd0 {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .w-350px {
        width: 100% !important;
    }

    .editorial-page .bgww .description11 {
        background: #fff;
    }

    .editorial-page .description11 {
        padding: 6px 11px;
    }

    .editorial-page .bgww .title-with-border11 {
        color: #838383;
    }

    .editorial-page .bgww .desc {
        color: #424242;
    }

    .editorial-page .end-border {
        border: none !important;
    }

    .editorial-page .latest-title {
        margin-bottom: 8px;
    }

    .editorial-page .end-border {
        padding: 0 !important;
        border: 0;
    }

    .editorial-page .edito-end-img {
        width: 100%;
        margin: auto;
        display: block;
    }

    .info-page .font-size {
        margin-top: 25px !important;
    }

    .info-page .mt {
        margin-top: 20px;
    }

    .info-page .title-share {
        display: block;
    }

    .info-page .news-time {
        font-size: 12px;
        line-height: 23px;
        margin-top: 6px;
        margin-bottom: 8px;
    }

    .info-page .news-photo-container {
        margin-top: 0;
        margin-bottom: 35px;
    }

    .info-page .desc {
        padding: 20px 20px 10px 20px;
    }

    .info-page .vertical {
        flex-direction: column;
        justify-content: space-between;
    }

        .info-page .vertical .share-time {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
            margin-top: 5px;
            padding: 20px 20px 10px 20px;
        }

        .info-page .vertical .read-more {
            margin-top: 14px;
            margin-bottom: 17px;
        }

    .info-page.dark .title-share {
        background-color: #191919;
    }

    .info-page .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 8px 17px 8px 21px;
    }

    .info-page .square {
        display: block;
    }

    .title-big {
        font-size: 14px;
        line-height: 18px;
        margin-top: 5px;
    }

    .share-and-time {
        margin-top: 14px;
        margin-bottom: 20px;
    }

    .tags {
        margin-top: 20px;
        margin-bottom: 40px;
        justify-content: center;
    }

    .tag-button {
        font-size: 12px;
        width: 88px;
    }

    .share-buttons {
        height: 24px;
    }

    .light-brd {
        border: 0;
    }

    .dark-brd {
        border: 0;
    }

    .hide-desktop-layout {
        display: none;
    }

    .top-header-section {
        display: none;
    }

    .font-size {
        margin-top: 25px !important;
    }

    .top-header-section {
        display: none;
    }

    .subscribe {
        background-size: cover !important;
    }

    .menumain {
        display: none;
    }

    .timenews {
        font-size: 11px;
    }

    .mobile-layout {
        display: flex;
    }

    .desktop-layout {
        display: none !important;
    }

    .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .title-with-border {
        margin-top: 40px;
    }

    .cookies-container {
        left: 0;
        bottom: 0;
        top: unset;
        text-align: center;
    }

    .cookies-txt {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        color: #fff;
        margin-bottom: 16px;
    }

    .menu-container {
        width: 100% !important;
    }

    .share-buttons {
        margin-top: 20px;
    }

    .vfame {
        height: 410px;
    }

    .home .brdleft,
    .home .brdright {
        border-inline-end: 0;
        border-top: 40px;
        margin-top: 40px;
    }

        .home .brdright:before {
            content: none;
        }

    .home .mrr {
        margin-top: 40px;
    }

    .home .caricature {
        padding-top: 0;
    }

    .home .padcaricature,
    .home .padcaricature2 {
        padding-inline-end: 0;
        padding-inline-start: 0;
    }

    .home .padcaricature2 {
        padding-top: 15px;
        margin-top: 31px;
    }

    .home.dark .padcaricature2 {
        border-top: 1px solid #2e2e2e;
    }

    .home.light .padcaricature2 {
        border-top: 1px solid #c8c7c7;
    }

    .home .caricature .brdleft {
        margin-top: 20px !important;
    }

    .home .sep {
        display: none;
    }

    .home .brdleft,
    .home .brdright {
        border-inline-end: none !important;
    }

        .home .brdright:before {
            content: none;
        }

    .home .mt20 {
        margin-top: 20px;
    }

    .home .grid-desc {
        font-size: 18px;
        font-weight: 400;
        -webkit-line-clamp: 2;
        padding-top: 0px;
        /* height: 58px; */
    }

    .internews1 {
        font-size: 14px;
        font-weight: 700;
        padding: 30px 12px 10px 12px;
    }

    .home .mt00 {
        margin-top: 0 !important;
    }

    .newspic {
        height: 100%;
    }

    .home .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .newspic a {
        width: 127px;
    }

    .home .mobile-layout {
        display: flex;
        margin-bottom: 20px;
    }

    .home .hrvideo {
        display: none;
    }

    .devo-sticky-box {
        position: inherit !important;
        top: 0 !important;
    }

    .home .brdright {
        border: 0;
        margin-top: 40px;
    }

        .home .brdright:before {
            display: none;
        }

    .home .hadistxt {
        font-size: 16px;
        max-width: 77%;
    }

    .home .top-header-section {
        display: none;
    }

    .home .menumain {
        display: none;
    }

    .timenews {
        font-size: 11px;
    }

    .home .madda.m-20 {
        margin-top: 0;
    }

    .home .mobile-layout {
        display: flex;
    }

    .h-72 {
        height: 72px;
    }

    .home .desktop-layout {
        display: none !important;
    }

    .home .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .home .title-with-border {
        margin-top: 40px;
    }

    .home .top-header-section {
        display: none;
    }

    .timenews {
        font-size: 11px;
    }

    .home .mobile-layout {
        display: flex;
    }

    .home .desktop-layout {
        display: none !important;
    }

    .home .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .home .title-with-border {
        margin-top: 0;
    }

    .innerdesc {
        padding: 5px;
        /* height: 50px; */
    }

    .grid-desc2 {
        font-size: 18px;
        /* height: 58px; */
        padding-top: 0px;
        font-weight: 400;
    }

    .home .espt {
        font-size: 18px;
    }

    .cats1 {
        top: -18px;
        font-size: 12px;
    }

    .expostyle .cats1 {
        top: -18px;
    }

    .home .madda.m-20 {
        margin-top: 0;
    }

    .generic-page ._mt22 {
        margin-top: 22px;
    }

    .generic-page .brdleft,
    .generic-page .brdright {
        border-inline-end: 0;
        border-top: 40px;
        margin-top: 40px;
    }

        .generic-page .brdright:before {
            content: none;
        }

    .generic-page .mrr {
        margin-top: 40px;
    }

    .generic-page .caricature {
        padding-top: 0;
    }

    .generic-page .padcaricature,
    .generic-page .padcaricature2 {
        padding-inline-end: 0;
        padding-inline-start: 0;
    }

    .generic-page .padcaricature2 {
        padding-top: 15px;
        margin-top: 31px;
    }

    .generic-page.dark .padcaricature2 {
        border-top: 1px solid #2e2e2e;
    }

    .generic-page.light .padcaricature2 {
        border-top: 1px solid #c8c7c7;
    }

    .generic-page .caricature .brdleft {
        margin-top: 20px !important;
    }

    .generic-page .sep {
        display: none;
    }

    .generic-page .mt00 {
        margin-top: 0 !important;
    }

    .generic-page .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .generic-page .hrvideo {
        display: none;
    }

    .generic-page .hadistxt {
        font-size: 14px;
        max-width: 77%;
    }

    .generic-page .viewsc {
        width: 35px;
    }

    .generic-page .top-header-section {
        display: none;
    }

    .generic-page .menumain {
        display: none;
    }

    .generic-page .madda.m-20 {
        margin-top: 0;
    }

    .generic-page .mobile-layout {
        display: flex;
    }

    .generic-page .desktop-layout {
        display: none !important;
    }

    .generic-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .generic-page .title-with-border {
        margin-top: 40px;
    }

    .generic-page .top-header-section {
        display: none;
    }

    .generic-page .menumain {
        display: none;
    }

    .generic-page .mobile-layout {
        display: flex;
    }

    .generic-page .desktop-layout {
        display: none !important;
    }

    .generic-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .generic-page .title-with-border {
        margin-top: 0;
    }

    .generic-page .prog-info {
        padding-right: 23px;
        bottom: 15px;
    }

    .generic-page .prog-desc {
        font-size: 14px !important;
        line-height: 16px !important;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        height: auto !important;
    }

    .generic-page .prog-time {
        font-size: 18px !important;
        line-height: 16px !important;
    }

    .landing-show-page .paddb70 {
        padding-bottom: 0 !important;
    }

    .landing-show-page .share-buttons {
        display: flex !important;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 20px;
    }

    .landing-show-page .desc {
        height: unset !important;
    }

    .landing-show-page .video-description {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 21px;
    }

    .landing-show-page .mt20-9 {
        margin-top: 9px !important;
    }

    .landing-show-page .mtb3250 {
        margin-top: 21px !important;
    }

    .landing-show-page .share-buttons > div {
        font-size: 13px;
        width: 24px;
        height: 24px;
        margin-left: 10px;
    }

        .landing-show-page .share-buttons > div img {
            height: 13px;
        }

    .landing-show-page .prog-small-description .desc {
        color: #424242;
    }

    .landing-show-page .bgww .description11 {
        background: #fff;
    }

    .landing-show-page .bgww .title-with-border11 {
        color: #838383;
    }

    .landing-show-page .bgww .desc {
        color: #424242;
    }

    .landing-show-page ._titleee {
        margin-top: 0 !important;
        margin-bottom: 25px;
    }

    .landing-show-page .mt-sm-0 {
        margin-top: 0 !important;
    }

    .landing-show-page .padad {
        padding: 20px 0;
        text-align: center;
    }

        .landing-show-page .padad .madda {
            display: inline-block !important;
        }

    .landing-show-page .brdvleft {
        border: 0;
    }

    .landing-show-page .videotext {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .landing-show-page ._time {
        font-size: 16px !important;
        line-height: 16px !important;
    }

        .landing-show-page ._time span {
            font-size: 16px !important;
            line-height: 16px !important;
        }

    .landing-show-page .brd-bottom {
        border-bottom: 1px solid;
        padding-bottom: 29px;
        margin-bottom: 20px;
    }

    .landing-show-page .next-video-mt {
        margin-top: 0 !important;
    }

    .landing-show-page .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .landing-show-page .description11 {
        padding: 6px 13px;
    }

    .landing-show-page .show-box .text-box ._time span {
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .landing-show-page .mobile-layout {
        display: flex;
    }

    .landing-show-page .small-text {
        font-size: 12px;
        font-family: "Droid Arabic Kufi", sans-serif;
    }

    .landing-show-page .title-with-border.yellow {
        margin-top: 20px !important;
    }

    .landing-show-page .title-with-border {
        line-height: 28px !important;
    }

    .landing-show-page .mobile-layout {
        display: flex;
    }

    .landing-show-page .small-text {
        font-size: 12px;
        font-family: "Droid Arabic Kufi", sans-serif;
    }

    .landing-show-page .gerytitle {
        color: #9c9c9c;
    }

    .e-book-page .picture-top {
        max-width: 100%;
    }

    .e-book-tasafah {
        display: block;
    }

    .mediamobileTitle {
        margin-top: 30px;
        margin-right: 20px;
    }

    .e-book-page .top1 {
        display: block !important;
    }

    .e-book-page .browse-now {
        margin-left: auto;
        margin-right: auto;
        width: 147px;
    }

    .e-book-page .browse-nowPopup {
        display: block !important;
        margin-top: 38px;
        margin-bottom: 28px;
    }

    .e-book-page #exampleModal .media {
        display: flex !important;
        float: initial;
    }

    .e-book-page .share-buttons {
        margin-left: 32px !important;
    }

    .e-book-page .modal .share-buttons {
        margin-left: 5px !important;
    }

    .PopUpContainer {
        display: block;
    }

    .e-book-page .top1 {
        display: block !important;
        margin: 0 0;
    }

    .pt-topBorder {
        padding-top: 33px !important;
        margin-top: 33px !important;
        width: 100%;
        border-top: 1px solid #D9D9D9;
    }

    .dark .pt-topBorder {
        border-top: 1px solid #383838;
    }

    .pb-bottomBorder {
        padding-bottom: 20px !important;
        margin-bottom: 30px !important;
        width: 100%;
        border-bottom: 1px solid #D9D9D9;
    }

    .dark .pb-bottomBorder {
        border-bottom: 1px solid #383838;
    }

    .landing-show-page .sm-order1 {
        order: 1;
    }

    .landing-show-page .sm-order2 {
        order: 2;
    }

    .landing-show-page .sm-order3 {
        order: 3;
    }

    .landing-show-page .sm-order4 {
        order: 4;
    }

    .landing-show-page .sm-order5 {
        order: 5;
    }

    .landing-show-page .sm-order6 {
        order: 6;
    }

    .landing-show-page .blackvideo {
        padding-bottom: 20px;
    }

    .landing-show-page .mr-60 {
        margin: 40px auto;
    }

    .landing-show-page .show-border {
        border-bottom: unset;
        margin-bottom: 0 !important;
    }

    .landing-show-page .show-box {
        border-bottom: 1px solid;
        margin-bottom: 20px;
    }

    .landing-show-page.light .show-box {
        border-color: #e2e2e2;
    }

    .landing-show-page.dark .show-box {
        border-color: #242424;
    }

    .landing-show-page .show-box .text-box .box-h {
        margin-bottom: 8px;
    }

    .landing-show-page .show-box .play-button {
        width: 45px !important;
        height: 45px;
    }

    .landing-show-page .devo-md-display-none {
        display: block;
    }

    .landing-show-page .devo-md-display-block {
        display: none;
    }

    .landing-show-page .owl-carousel .owl-nav button.owl-prev {
        right: 0;
    }

    .landing-show-page .owl-carousel .owl-nav button.owl-next {
        left: 0;
    }

    .landing-show-page .pd-85 {
        padding: 0 65px;
    }

    .landing-show-page .show-box.mini-box {
        border-bottom: unset;
    }

    .landing-show-page .slider-header {
        margin-bottom: 20px;
    }

    .landing-show-page .owl-theme .owl-nav svg {
        width: 12px;
        height: 21px;
    }

    .landing-show-page .pd-85 {
        padding: 0 35px;
    }

    .landing-show-page .owl-carousel {
        border-bottom: 1px solid;
        padding-bottom: 20px;
    }

    .landing-show-page.light .owl-carousel {
        border-color: #e2e2e2;
    }

    .landing-show-page.dark .owl-carousel {
        border-color: #242424;
    }

    .news-page .font-size {
        margin-top: 25px !important;
    }

    .news-page .mt {
        margin-top: 20px;
    }

    .news-page .title-share {
        display: block;
    }

    .news-page .news-time {
        font-size: 12px;
        line-height: 23px;
        margin-top: 6px;
        margin-bottom: 8px;
    }

    .news-page .news-photo-container {
        margin-top: 0;
        margin-bottom: 35px;
    }

    .news-page .desc {
        padding: 10px 20px;
    }

    .news-page .vertical {
        flex-direction: column;
        justify-content: space-between;
    }

        .news-page .vertical .share-time {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
            margin-top: 5px;
            padding: 20px 20px 10px 20px;
        }

        .news-page .vertical .read-more {
            margin-top: 14px;
            margin-bottom: 17px;
        }

    .news-page.dark .title-share {
        background-color: #191919;
    }

    .news-page .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .news-page .square {
        display: block;
    }

    .news-page .desc1 {
        padding: 17px;
    }

    .news-page .square {
        display: block;
    }

    .opinion-subscription-page .brdleft,
    .opinion-subscription-page .brdright {
        border-inline-end: 0;
        border-top: 40px;
        margin-top: 40px;
    }

        .opinion-subscription-page .brdright:before {
            content: none;
        }

    .opinion-subscription-page .mrr {
        margin-top: 40px;
    }

    .opinion-subscription-page .caricature {
        padding-top: 0;
    }

    .opinion-subscription-page .padcaricature,
    .opinion-subscription-page .padcaricature2 {
        padding-inline-end: 0;
        padding-inline-start: 0;
    }

    .opinion-subscription-page .padcaricature2 {
        padding-top: 15px;
        margin-top: 31px;
    }

    .opinion-subscription-page.dark .padcaricature2 {
        border-top: 1px solid #2e2e2e;
    }

    .opinion-subscription-page.light .padcaricature2 {
        border-top: 1px solid #c8c7c7;
    }

    .opinion-subscription-page .caricature .brdleft {
        margin-top: 20px !important;
    }

    .opinion-subscription-page .sep {
        display: none;
    }

    .opinion-subscription-page .internews1 {
        font-size: 12px;
    }

    .opinion-subscription-page .mt00 {
        margin-top: 0 !important;
    }

    .opinion-subscription-page .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .opinion-subscription-page .hrvideo {
        display: none;
    }

    .opinion-subscription-page .hadistxt {
        font-size: 14px;
        max-width: 77%;
    }

    .opinion-subscription-page .viewsc {
        width: 35px;
    }

    .opinion-subscription-page .top-header-section {
        display: none;
    }

    .opinion-subscription-page .menumain {
        display: none;
    }

    .opinion-subscription-page .top-header-section {
        display: none;
    }

    .opinion-subscription-page .menumain {
        display: none;
    }

    .opinion-subscription-page .thumb-writer {
        font-size: 11px;
    }

    .opinion-subscription-page .madda.m-20 {
        margin-top: 0;
    }

    .opinion-subscription-page .mobile-layout {
        display: flex;
    }

    .opinion-subscription-page .desktop-layout {
        display: none !important;
    }

    .opinion-subscription-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .opinion-subscription-page .title-with-border {
        margin-top: 40px;
    }

    .opinion-subscription-page .thumb-writer {
        font-size: 11px;
    }

    .opinion-subscription-page .mobile-layout {
        display: flex;
    }

    .opinion-subscription-page .desktop-layout {
        display: none !important;
    }

    .opinion-subscription-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .opinion-subscription-page .title-with-border {
        margin-top: 0;
    }

    .opinion-photo-page .brdleft,
    .opinion-photo-page .brdright {
        border-inline-end: 0;
        border-top: 40px;
        margin-top: 40px;
    }

        .opinion-photo-page .brdright:before {
            content: none;
        }

    .opinion-photo-page .mrr {
        margin-top: 40px;
    }

    .opinion-photo-page .caricature {
        padding-top: 0;
    }

    .opinion-photo-page .padcaricature,
    .opinion-photo-page .padcaricature2 {
        padding-inline-end: 0;
        padding-inline-start: 0;
    }

    .opinion-photo-page .padcaricature2 {
        padding-top: 15px;
        margin-top: 31px;
    }

    .opinion-photo-page.dark .padcaricature2 {
        border-top: 1px solid #2e2e2e;
    }

    .opinion-photo-page.light .padcaricature2 {
        border-top: 1px solid #c8c7c7;
    }

    .opinion-photo-page .caricature .brdleft {
        margin-top: 20px !important;
    }

    .opinion-photo-page .sep {
        display: none;
    }

    .opinion-photo-page .internews1 {
        font-size: 12px;
    }

    .opinion-photo-page .mt00 {
        margin-top: 0 !important;
    }

    .opinion-photo-page .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .opinion-photo-page .hrvideo {
        display: none;
    }

    .opinion-photo-page .hadistxt {
        font-size: 14px;
        max-width: 77%;
    }

    .opinion-photo-page .viewsc {
        width: 35px;
    }

    .opinion-photo-page .top-header-section {
        display: none;
    }

    .opinion-photo-page .menumain {
        display: none;
    }

    .opinion-photo-page .thumb-writer {
        font-size: 11px;
    }

    .opinion-photo-page .madda.m-20 {
        margin-top: 0;
    }

    .opinion-photo-page .mobile-layout {
        display: flex;
    }

    .opinion-photo-page .desktop-layout {
        display: none !important;
    }

    .opinion-photo-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .opinion-photo-page .title-with-border {
        margin-top: 40px;
    }

    .opinion-photo-page .top-header-section {
        display: none;
    }

    .opinion-photo-page .menumain {
        display: none;
    }

    .opinion-photo-page .thumb-writer {
        font-size: 11px;
    }

    .opinion-photo-page .mobile-layout {
        display: flex;
    }

    .opinion-photo-page .desktop-layout {
        display: none !important;
    }

    .opinion-photo-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .opinion-photo-page .title-with-border {
        margin-top: 0;
    }

    .pdf2-page .nav {
        display: none;
    }

    .photo-albumn-page .brd-left {
        border-left: none !important;
        padding-left: 10px !important;
    }

    .photo-albumn-page .txt-hadis {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
        display: flex;
        align-items: center;
        text-align: right;
        height: auto;
        letter-spacing: -.03em;
    }

    .photo-albumn-page .hadis-date {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 16px;
        display: flex;
        align-items: center;
        text-align: right;
        color: #d02d2e;
    }

    .photo-albumn-page .viewsc {
        position: absolute;
        bottom: 15px;
    }

    .podcast-page .ml-60 {
        margin-left: 60px;
    }

    .podcast-page .mb4020 {
        margin-bottom: 20px;
    }

    .podcast-page .pr30 {
        padding-right: 10px !important;
    }

    .podcast-page .podcast-bg {
        width: 100%;
    }

    .podcast-page .listen-podcast {
        border-radius: 0 5.46479px 5.46479px 0;
        padding: 13px 11px 13px 20px;
        width: 100%;
    }

    .podcast-page .grid {
        gap: 15px 10px;
        justify-content: center;
        grid-template-columns: 1fr 1fr;
    }

    .podcast-page .brd-left {
        border: none !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .finance-page .brd-left {
        border: none !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .podcast-page .podcast-pb {
        width: 40px !important;
    }

    .podcast-page ._col-sm-12 {
        max-width: 100% !important;
    }

    .podcast-page .blur-bg {
        flex-direction: column;
    }

    .podcast-page .podcast-bg {
        width: 100%;
    }

    .podcast-page .p1132 {
        padding: 11px 0 10px 17px;
    }

    .podcast-page .gap60 {
        gap: 20px;
    }

    .podcast-page .listen-podcast {
        border-radius: 0 5.46479px 5.46479px 0;
        padding: 13px 11px 13px 20px;
    }

    .podcast-page .center-controls {
        margin-left: 11px;
    }

    .podcast-article-page .pr30 {
        padding-right: 10px !important;
    }

    .podcast-article-page .tags-share {
        display: block;
    }

    .podcast-article-page .tags-center {
        justify-content: center;
    }

    .podcast-article-page .share-buttons {
        margin-top: 20px !important;
        margin-bottom: 20px;
        justify-content: center;
    }

    .podcast-article-page .podcast-desc {
        padding-right: 0;
        height: auto !important;
    }

    .podcast-article-page .podcast-text {
        height: auto !important;
        margin-top: 25%;
        min-width: 300px;
    }

        .podcast-article-page .podcast-text span {
            text-align: center;
        }

    .podcast-article-page .brd-left {
        border: none !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .podcast-article-page .podcast-pb {
        width: 40px !important;
    }

    .podcast-article-page ._col-sm-12 {
        max-width: 100% !important;
    }

    .podcast-article-page .blur-bg {
        flex-direction: column;
    }

    .podcast-article-page .podcast-bg {
        width: 100%;
    }

    .podcast-article-page .p1132 {
        padding: 11px 0 10px 17px;
    }

    .podcast-article-page .gap60 {
        gap: 20px;
    }

    .podcast-article-page .listen-podcast {
        border-radius: 0 5.46479px 5.46479px 0;
        padding: 13px 11px 13px 20px;
        width: 100%;
    }

    .podcast-article-page .center-controls {
        margin-left: 11px;
    }

    .releasea-page .card-body {
        padding: 24px 22px;
    }

    .releasea-page .loop {
        padding: 0 30px;
    }

    .releasea-page .owl-carousel .owl-item img {
        width: 100%;
    }

    .releasea-page .controls {
        margin: 0 60px;
        width: auto !important;
    }

    .releasea-page .number .total-number {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .releasea-page .number .current-number {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .releasea-page .small-square {
        width: 14px !important;
        height: 14px !important;
    }

    .prayer-time-page .today-time {
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 34px;
        line-height: 34px;
    }
    .weather-page .today-time {
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 28px !important;
        line-height: 34px;
    }	

    .prayer-time-page .table-row,
    .prayer-time-page .table-title {
        font-size: 12px !important;
    }

    .prayer-time-page .bg-prayer {
        background-image: url("../img/prayer-time/prayers_bg_mob.png");
    }

    .prayer-time-page .today-date {
        font-size: 14px !important;
        line-height: 11px !important;
        margin: auto 10px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .weather-page .today-date {
        font-size: 14px !important;
        line-height: 11px !important;
        margin: auto 10px;
        padding-left: 0 !important;
    }	

    .prayer-time-page .today-time {
        font-size: 34px !important;
        line-height: 34px !important;
    }

    .prayer-time-page .today-duration {
        font-size: 18px !important;
        line-height: 18px !important;
        padding-right: 30px !important;
    }
	
    .weather-page .today-duration {
        font-size: 14px !important;
        line-height: 18px !important;
        padding-right: 8px;
    }
	

    .prayer-time-page .gmt-time {
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .prayer-time-page .brdleft,
    .prayer-time-page .brdright {
        border-inline-end: 0;
        border-top: 40px;
        margin-top: 40px;
    }

        .prayer-time-page .brdright:before {
            content: none;
        }

    .prayer-time-page .mrr {
        margin-top: 40px;
    }

    .prayer-time-page .caricature {
        padding-top: 0;
    }

    .prayer-time-page .padcaricature,
    .prayer-time-page .padcaricature2 {
        padding-inline-end: 0;
        padding-inline-start: 0;
    }

    .prayer-time-page .padcaricature2 {
        padding-top: 15px;
        margin-top: 31px;
    }

    .prayer-time-page.dark .padcaricature2 {
        border-top: 1px solid #2e2e2e;
    }

    .prayer-time-page.light .padcaricature2 {
        border-top: 1px solid #c8c7c7;
    }

    .prayer-time-page .caricature .brdleft {
        margin-top: 20px !important;
    }

    .prayer-time-page .sep {
        display: none;
    }

    .prayer-time-page .internews1 {
        font-size: 12px;
    }

    .prayer-time-page .mt00 {
        margin-top: 0 !important;
    }

    .prayer-time-page .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .prayer-time-page .hrvideo {
        display: none;
    }

    .prayer-time-page .hadistxt {
        font-size: 14px;
        max-width: 77%;
    }

    .prayer-time-page .viewsc {
        width: 35px;
    }

    .prayer-time-page .top-header-section {
        display: none;
    }

    .prayer-time-page .menumain {
        display: none;
    }

    .prayer-time-page .thumb-writer {
        font-size: 11px;
    }

    .prayer-time-page .madda.m-20 {
        margin-top: 0;
    }

    .prayer-time-page .mobile-layout {
        display: flex;
    }

    .prayer-time-page .desktop-layout {
        display: none !important;
    }

    .prayer-time-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .prayer-time-page .title-with-border {
        margin-top: 40px;
    }

    .prayer-time-page .top-header-section {
        display: none;
    }

    .prayer-time-page .menumain {
        display: none;
    }

    .prayer-time-page .thumb-writer {
        font-size: 11px;
    }

    .prayer-time-page .mobile-layout {
        display: flex;
    }

    .prayer-time-page .desktop-layout {
        display: none !important;
    }

    .prayer-time-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .prayer-time-page .title-with-border {
        margin-top: 0;
    }

    .search-fresh-page .font-size {
        margin-top: 25px !important;
    }

    .search-fresh-page .mt {
        margin-top: 20px;
    }

    .search-fresh-page .number-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        justify-content: start;
        align-items: end;
        justify-items: start;
    }

    .search-fresh-page .big-right-container {
        border: 0;
        padding-left: 10px !important;
    }

    .search-fresh-page .image img {
        width: 127px;
        max-width: unset !important;
    }

    .search-fresh-page .title-share {
        display: block;
    }

    .search-fresh-page .show-desk,
    .podcast-article-page .show-desk,
    .editorial-page .show-desk {
        display: none !important;
    }

    .search-fresh-page .hide-desk,
    .podcast-article-page .hide-desk {
        display: block !important;
    }

    .search-fresh-page #mobilead {
        padding-bottom: 2.8rem;
    }

    .search-fresh-page .news-time {
        font-size: 10px;
        line-height: 20px;
        margin-top: 2px;
    }

    .search-fresh-page .news-photo-container {
        margin-top: 0;
        margin-bottom: 35px;
    }

    .search-fresh-page .desc {
        padding-top: 12px;
        padding-right: 10px;
        padding-bottom: 2px;
    }

    .search-fresh-page .vertical {
        flex-direction: column;
        justify-content: space-between;
    }

    .search-fresh-page .most-searched {
        flex-direction: column;
        justify-content: space-around;
    }

        .search-fresh-page .most-searched .left {
            margin-top: 30px;
            gap: 25%;
        }

    .search-fresh-page .adscont .ads2 {
        height: auto;
        width: 21rem;
    }

    .search-fresh-page .vertical .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 20px 20px 10px 20px;
    }

    .search-fresh-page .vertical .read-more {
        margin-top: 14px;
        margin-bottom: 17px;
    }

    .search-fresh-page.dark .title-share {
        background-color: #191919;
    }

    .search-fresh-page .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 8px 17px 8px 21px;
    }

    .search-fresh-page .square {
        display: block;
    }

    .search-fresh-page .research input {
        padding-right: 18px;
    }

        .search-fresh-page .research input:focus {
            padding-right: 65px;
        }

    .search-not-found .research input {
        padding-right: 18px;
    }

        .search-not-found .research input:focus {
            padding-right: 65px;
        }

    .search-fresh-page .desc span {
        font-size: 11px;
        line-height: 18px;
    }

    .search-fresh-page .big-right-container {
        padding: 0;
        border: 0;
    }

    .search-not-found .font-size {
        margin-top: 25px !important;
    }

    .search-not-found .mt {
        margin-top: 20px;
    }

    .search-not-found .title-share {
        display: block;
    }

    .search-not-found .show-desk {
        display: none !important;
    }

    .search-not-found .hide-desk {
        display: block !important;
    }

    .search-not-found #mobilead {
        padding-bottom: 2.8rem;
    }

    .search-not-found .news-time {
        font-size: 12px;
        line-height: 23px;
        margin-top: 6px;
        margin-bottom: 8px;
    }

    .search-not-found .news-photo-container {
        margin-top: 0;
        margin-bottom: 35px;
    }

    .search-not-found .desc {
        padding: 20px 20px 10px 20px;
    }

    .search-not-found .vertical {
        flex-direction: column;
        justify-content: space-between;
    }

    .search-not-found .most-searched {
        flex-direction: column;
        justify-content: space-around;
    }

        .search-not-found .most-searched .left {
            margin-top: 30px;
            gap: 25%;
        }

    .search-not-found .vertical .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 20px 20px 10px 20px;
    }

    .search-not-found .vertical .read-more {
        margin-top: 14px;
        margin-bottom: 17px;
    }

    .search-not-found.dark .title-share {
        background-color: #191919;
    }

    .search-not-found .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 8px 17px 8px 21px;
    }

    .search-not-found .square {
        display: block;
    }

    .search-result-page .font-size {
        margin-top: 25px !important;
    }

    .search-result-page .mt {
        margin-top: 20px;
    }

    .search-not-found .big-right-container {
        padding: 0;
        border: 0;
    }

    .search-result-page .icon1 {
        padding: 26px 8px !important;
    }

    .hide-on-ipad {
        display: none !important;
    }

    .search-result-page .big-right-container {
        border: none !important;
    }

    .search-result-page .btn1 img,
    .search-result-page .btn2 img {
        width: 12px;
    }

    .search-result-page .btn-count span {
        display: inline-block;
    }

    .search-result-page .btn1 div,
    .search-result-page .btn2 div {
        padding: 5px 7px !important;
        margin-bottom: 10px;
    }

    .search-result-page .layout .pic {
        width: 119px;
    }

    .search-result-page .btn1,
    .search-result-page .btn2 {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 12px;
    }

    .dark.search-result-page .btn1,
    .dark.search-result-page .btn2 {
        border-bottom: 1px solid #262626 !important;
    }

    .search-result-page #left-ad {
        margin-right: 9%;
        width: 80%;
    }

    .search-result-page .title-share {
        display: block;
    }

    .search-result-page .news-time {
        font-size: 11px;
        line-height: 20px;
        margin-top: 5px;
        margin-bottom: 0;
        padding: 0;
    }

    .search-result-page .mopy {
        display: block;
    }

    .search-result-page .hide-search {
        display: none;
    }

    .search-result-page .label-most,
    .search-result-page .most-searched {
        display: none;
    }

    .search-result-page .desc {
        font-size: 9px;
        line-height: 14px;
        padding: 8px 14px;
        height: 100%;
    }

    .search-result-page .vertical {
        flex-direction: column;
        justify-content: space-between;
    }

    .search-result-page .most-searched {
        flex-direction: column;
        justify-content: space-around;
    }

        .search-result-page .most-searched .left {
            margin-top: 30px;
            gap: 25%;
        }

    .search-result-page .vertical .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 20px 20px 10px 20px;
    }

    .search-result-page .vertical .read-more {
        margin-top: 14px;
        margin-bottom: 17px;
    }

    .search-result-page.dark .title-share {
        background-color: #191919;
    }

    .search-result-page .share-time {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 8px 17px 8px 21px;
    }

    .search-result-page .square {
        display: block;
    }

    .search-result-page .icon1 ion-icon {
        font-size: 2rem;
        padding-left: 1rem;
        color: #d02d2e;
        width: 1rem;
        height: 1rem;
    }

    .search-result-page .big-right-container {
        padding: 0;
        border: 0;
    }

    .search-result-page .desc {
        font-size: 13px;
        line-height: 1.4;
        padding: 6px 14px;
    }

    .video-page .tag-button {
        font-size: 12px;
        line-height: 12px;
        padding: 6px 22px;
        width: 70px !important;
    }

    .video-page .paddb70 {
        padding-bottom: 0 !important;
    }

    .video-page .share-buttons {
        display: flex !important;
        justify-content: center;
        width: 100%;
    }

    .video-page .video-description {
        font-size: 14px;
        line-height: 22px;
    }

    .video-page .mt20-9 {
        margin-top: 9px !important;
    }

    .video-page .mtb3250 {
        margin-top: 21px !important;
    }

    .video-page .share-buttons > div {
        font-size: 13px;
        width: 24px;
        height: 24px;
    }

    .video-page .prog-small-description .desc {
        color: #424242;
    }

    .video-page .bgww .description11 {
        background: #fff;
    }

    .video-page .bgww .title-with-border11 {
        color: #838383;
    }

    .video-page .bgww .desc {
        color: #424242;
    }

    .video-page ._titleee {
        margin-top: 0 !important;
        margin-bottom: 25px;
    }

    .video-page .mt-sm-0 {
        margin-top: 0 !important;
    }

    .video-page .padad {
        padding: 20px 0;
        text-align: center;
    }

        .video-page .padad .madda {
            display: inline-block !important;
        }

    .video-page .brdvleft {
        border: 0;
    }

    .video-page .videotext {
        font-size: 18px;
        line-height: 24px;
    }

    .video-page ._time {
        font-size: 10px !important;
        line-height: 10px !important;
    }

    .video-page .brd-bottom {
        border-bottom: 1px solid;
        padding-bottom: 35px;
        margin-bottom: 40px;
    }

    .video-page .next-video-mt {
        margin-top: 0 !important;
    }

    .video-page .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .video-page .description11 {
        padding: 6px 11px;
    }

    .video-page .mobile-layout {
        display: flex;
    }

    .video-page .small-text {
        font-size: 12px;
        font-family: "Droid Arabic Kufi", sans-serif;
    }

    .video-page .adscont {
        background: 0;
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .video-page .title-with-border > span {
        font-size: 16px;
    }

    .video-page .title-with-border.yellow {
        margin-top: 20px !important;
    }

    .video-page .title-with-border {
        line-height: 16px;
    }

    .video-page .mobile-layout {
        display: flex;
    }

    .video-page .small-text {
        font-size: 13px;
        font-family: "Droid Arabic Kufi", sans-serif;
    }

    .video-page .gerytitle {
        color: #9c9c9c;
    }

    .video-page .blackvideo {
        padding-bottom: 40px !important;
    }

    .video-page .tag-button {
        width: auto !important;
    }

    .weather-page .weather-icon {
        width: 42px;
        margin: 20px 0;
    }

    .weather-page .town {
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 11px !important;
        text-align: right !important;
        color: #fff !important;
    }

    .weather-page .date-time {
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 11px !important;
        line-height: 11px !important;
        text-align: right !important;
        color: #fff !important;
    }

    .weather-page .whether-degree {
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 55px !important;
        line-height: 55px !important;
        text-align: right !important;
        letter-spacing: -.03em !important;
        color: #fff !important;
    }

    .weather-page .wheather-type {
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 50px !important;
        text-align: right !important;
        color: #fff !important;
    }

    .weather-page .wind-type {
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 18px !important;
        text-align: right !important;
        color: #fff !important;
    }

    .weather-page .date-time {
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        text-align: right !important;
        color: #fff !important;
    }

    .weather-page .table-title {
        font-size: 8px !important;
        padding: 10px 0px;
    }

    .weather-page .table-row,
    .weather-page .table-row-night {
        font-size: 7px !important;
        line-height: 6px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .weather-page .sun-logo {
        width: 20px !important;
    }

    .weather-page .brdleft,
    .weather-page .brdright {
        border-inline-end: 0;
        border-top: 40px;
        margin-top: 40px;
    }

        .weather-page .brdright:before {
            content: none;
        }

    .weather-page .mrr {
        margin-top: 40px;
    }

    .weather-page .caricature {
        padding-top: 0;
    }

    .weather-page .padcaricature,
    .weather-page .padcaricature2 {
        padding-inline-end: 0;
        padding-inline-start: 0;
    }

    .weather-page .padcaricature2 {
        padding-top: 15px;
        margin-top: 31px;
    }

    .weather-page.dark .padcaricature2 {
        border-top: 1px solid #2e2e2e;
    }

    .weather-page.light .padcaricature2 {
        border-top: 1px solid #c8c7c7;
    }

    .weather-page .caricature .brdleft {
        margin-top: 20px !important;
    }

    .weather-page .sep {
        display: none;
    }

    .weather-page .internews1 {
        font-size: 12px;
    }

    .weather-page .mt00 {
        margin-top: 0 !important;
    }

    .weather-page .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .weather-page .hrvideo {
        display: none;
    }

    .weather-page .hadistxt {
        font-size: 14px;
        max-width: 77%;
    }

    .weather-page .viewsc {
        width: 35px;
    }

    .weather-page .top-header-section {
        display: none;
    }

    .weather-page .menumain {
        display: none;
    }

    .weather-page .thumb-writer {
        font-size: 11px;
    }

    .weather-page .madda.m-20 {
        margin-top: 0;
    }

    .weather-page .mobile-layout {
        display: flex;
    }

    .weather-page .desktop-layout {
        display: none !important;
    }

    .weather-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .weather-page .title-with-border {
        margin-top: 40px;
    }

    .weather-page .top-header-section {
        display: none;
    }

    .weather-page .menumain {
        display: none;
    }

    .weather-page .thumb-writer {
        font-size: 11px;
    }

    .weather-page .mobile-layout {
        display: flex;
    }

    .weather-page .desktop-layout {
        display: none !important;
    }

    .weather-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .weather-page .title-with-border {
        margin-top: 0;
    }

    .writers-page .edito-middle-card1 {
        padding: 32px 30px;
    }

    .writers-page .post-pic {
        width: 92px;
    }

    .writers-page .latest-subtitle1 {
        white-space: nowrap;
    }

    .writers-page .writer-post {
        padding-top: 13px;
        padding-right: 14px;
    }

    .writers-page .mb3020 {
        margin-bottom: 20px;
    }

    .writers-page .ds-flx {
        margin-top: 0;
    }

    .writers-page .brd-top {
        border-top: 1px solid #d9d9d9;
        margin: 10px 0;
    }

    .writers-page.dark .brd-top {
        border-top: 1px solid #242424;
    }

    .writers-page .middle-title1 {
        margin-top: 20px;
        margin-bottom: 11px;
    }

    .album-article-page .brdleft,
    .album-article-page .brdright {
        border-inline-end: 0;
        border-top: 40px;
        margin-top: 40px;
    }

        .album-article-page .brdright:before {
            content: none;
        }

    .album-article-page .mrr {
        margin-top: 40px;
    }

    .album-article-page .caricature {
        padding-top: 0;
    }

    .album-article-page .padcaricature,
    .album-article-page .padcaricature2 {
        padding-inline-end: 0;
        padding-inline-start: 0;
    }

    .album-article-page .padcaricature2 {
        padding-top: 15px;
        margin-top: 31px;
    }

    .album-article-page.dark .padcaricature2 {
        border-top: 1px solid #2e2e2e;
    }

    .album-article-page.light .padcaricature2 {
        border-top: 1px solid #c8c7c7;
    }

    .album-article-page .caricature .brdleft {
        margin-top: 20px !important;
    }

    .album-article-page .sep {
        display: none;
    }

    .album-article-page .internews1 {
        font-size: 12px;
    }

    .album-article-page .mt00 {
        margin-top: 0 !important;
    }

    .album-article-page .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .album-article-page .hrvideo {
        display: none;
    }

    .album-article-page .hadistxt {
        font-size: 14px;
        max-width: 77%;
    }

    .album-article-page .viewsc {
        width: 35px;
    }

    .album-article-page .top-header-section {
        display: none;
    }

    .album-article-page .menumain {
        display: none;
    }

    .album-article-page .thumb-writer {
        font-size: 11px;
    }

    .album-article-page .madda.m-20 {
        margin-top: 0;
    }

    .album-article-page .mobile-layout {
        display: flex;
    }

    .album-article-page .desktop-layout {
        display: none !important;
    }

    .album-article-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .album-article-page .title-with-border {
        margin-top: 40px;
    }

    .album-article-page .top-header-section {
        display: none;
    }

    .album-article-page .menumain {
        display: none;
    }

    .album-article-page .thumb-writer {
        font-size: 11px;
    }

    .album-article-page .mobile-layout {
        display: flex;
    }

    .album-article-page .desktop-layout {
        display: none !important;
    }

    .album-article-page .latest-news-pic {
        width: 127px !important;
        height: 72px !important;
    }

    .album-article-page .title-with-border {
        margin-top: 0;
    }

    .articlepage .akhbar-details .txt {
        height: 55px;
        display: flex;
        align-items: center;
    }

    .articlepage .borderrights {
        padding-left: inherit;
    }

    .articlepage .akhbar-details {
        padding: 14px 10px;
        width: 100%;
        font-size: 12px;
        line-height: 18px;
    }

    .articlepage .akhbar1 {
        margin-bottom: 20px;
    }

    .articlepage .expo-dubai-title {
        font-size: 16.0213px;
        line-height: 20px;
    }

    .articlepage .taghtiyaKamila {
        font-size: 25.1763px;
        line-height: 25px;
    }

    .articlepage .akhbar1 img {
        width: 146px;
    }

    .articlepage .head-title {
        font-size: 18px;
        line-height: 24px;
        width: 100%;
    }

    .articlepage .mt27 {
        margin-top: 20px;
    }

    .tag-button {
        width: 88px !important;
    }

    .articlepage .tags {
        gap: 5px;
    }

    .articlepage .pb-23 {
        padding-bottom: 0;
        border: 0;
    }

    .articlepage .akhbar-details {
        height: 100%;
    }

    .articlepage .mt20 {
        margin-top: 20px;
    }

    .articlepage .akhbar1 img {
        height: 100%;
    }

    .art-photo-album .brd-left {
        border-left: none !important;
        padding-left: 10px !important;
    }

    .art-photo-album .brd-right {
        border-right: none !important;
        padding-right: 10px !important;
    }

    .art-photo-album .big-title {
        font-size: 14px !important;
        line-height: 18px !important;
        margin-top: 10px !important;
    }

    .art-photo-album .title-with-border {
        font-size: 14px !important;
        line-height: 17px !important;
    }

    .art-photo-album ._date-share {
        margin-top: 11px !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 23px !important;
    }

    .art-photo-album .m-t-40 {
        margin-top: 20px !important;
    }

    .art-photo-album .m-b-40 {
        margin-bottom: 20px !important;
    }

    .art-photo-album .m-t-b-40 {
        margin-top: 40px !important;
    }

    .art-photo-album .m-b-35 {
        margin-bottom: 35px !important;
    }

    .art-photo-album .mobile-m-50 {
        margin-top: 50px !important;
    }

    .art-photo-album .p-t-100 {
        padding-top: 40px !important;
    }

    .art-photo-album ._datetime {
        font-size: 10px !important;
        line-height: 10px !important;
    }

    .art-photo-album .share-buttons > div {
        width: 24px;
        height: 24px;
    }

    .art-photo-album .desctext {
        font-size: 12.62px;
        line-height: 16px;
        height: 32px;
    }

    .art-photo-album .title-with-border {
        font-size: 28px !important;
        line-height: 46px !important;
    }

    .art-photo-album .title-with-border {
        margin-top: 0;
    }

    .art-photo-album .mt4020 {
        margin-top: 20px;
    }

    .articles-page.light .end-border {
        border-inline-end: none;
    }

    .articles-page .mr30 {
        margin-right: 0;
    }

    .articles-page .article-title {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .articles-page .zoom {
        margin-bottom: 30px;
        margin-bottom: 30px !important;
    }

    .articles-page .article-text {
        font-size: 14px;
        line-height: 24px;
    }

    .articles-page .top-border {
        padding-top: 30px;
    }

    .articles-page .brd-left {
        border: none;
    }

    .articles-page .mt4020 {
        margin-top: 20px;
    }

    .articles-page .archive-divider {
        display: none !important;
    }

    .articles-page .big-title {
        font-size: 18px !important;
        line-height: 18px !important;
    }

    .articles-page .news-title {
        font-size: 13px !important;
        line-height: 13px !important;
    }

    .articles-page .news-text {
        font-size: 8px !important;
        line-height: 14px !important;
    }

    .articles-page .cats1 {
        top: -18px !important;
    }

    .articles-page .news-details {
        margin-top: 6px;
    }

        .articles-page .news-details img {
            width: 18px;
        }

    .articles-page .end-border {
        border: 0;
        width: 100%;
    }

    .articles-page .edit-opinion img {
        width: 100%;
    }

    .articles-page .opinion-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)) !important;
        justify-items: center;
    }

    .articles-page .edit-opinion {
        margin-bottom: 15px;
    }

    .articles-page .opinion-grid > div {
        width: 105px;
    }

    .articles-page .editorial-ima {
        width: 92px !important;
    }

    .articles-page .bigdescedit {
        padding: 4px 15px;
    }

    .articles-page .mt20 {
        margin-top: 20px;
    }

    .articles-page .ds-flx {
        margin-top: 20px;
    }

    .articles-page .read-more-vertical-border {
        border: none !important;
    }

    .articles-page .d19 {
        background: #fff !important;
    }

    .articles-page .read-more-vertical-border .ds-flx {
        padding-bottom: 0 !important;
        border: 0 !important;
    }

    .articles-page.dark .d19 {
        background: #191919 !important;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    .articles-page .brrd .ds-flx {
        margin-top: 10px;
        padding-bottom: 10px !important;
        border-bottom: 1px solid #d9d9d9 !important;
    }

    .articles-page.dark .brrd .ds-flx {
        border-color: #2e2e2e !important;
    }

    .articles-page .brrd .ds-flx.brrd0 {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .articles-page .bgww .description11 {
        background: #fff;
    }

    .articles-page .description11 {
        padding: 6px 11px;
    }

    .articles-page .bgww .title-with-border11 {
        color: #838383;
    }

    .articles-page .bgww .desc {
        color: #424242;
    }

    .articles-page .end-border {
        border: none !important;
    }

    .articles-page .latest-title {
        margin-bottom: 8px;
    }

    .articles-page .end-border {
        border: 0;
    }

    .articles-page .edito-end-img {
        width: auto;
        margin: auto;
        display: block;
    }

    .mt100 {
        margin-top: 0;
    }

    .mt90 {
        margin-top: 0;
    }

    .mt170 {
        margin-top: 0;
    }

    .art-shows .tag-button {
        font-size: 12px;
        line-height: 22px;
        width: 70px !important;
    }

    .art-shows .paddb70 {
        padding-bottom: 0 !important;
    }

    .art-shows .share-buttons {
        display: flex !important;
        justify-content: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .art-shows .video-description {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 21px;
    }

    .art-shows .mt20-9 {
        margin-top: 9px !important;
    }

    .art-shows .mtb3250 {
        margin-top: 21px !important;
    }

    .art-shows .share-buttons > div {
        font-size: 13px;
        width: 24px;
        height: 24px;
        margin-left: 10px;
    }

        .art-shows .share-buttons > div img {
            height: 13px;
        }

    .art-shows .prog-small-description .desc {
        color: #424242;
    }

    .art-shows .bgww .description11 {
        background: #fff;
    }

    .art-shows .bgww .title-with-border11 {
        color: #838383;
    }

    .art-shows .bgww .desc {
        color: #424242;
    }

    .art-shows ._titleee {
        margin-top: 0 !important;
        margin-bottom: 25px;
    }

    .art-shows .mt-sm-0 {
        margin-top: 0 !important;
    }

    .art-shows .padad {
        padding: 20px 0;
        text-align: center;
    }

        .art-shows .padad .madda {
            display: inline-block !important;
        }

    .art-shows .brdvleft {
        border: 0;
    }

    .art-shows .videotext {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .art-shows ._time {
        font-size: 16px !important;
        line-height: 16px !important;
    }

        .art-shows ._time span {
            font-size: 16px !important;
            line-height: 16px !important;
        }

    .art-shows .brd-bottom {
        border-bottom: 1px solid;
        padding-bottom: 29px;
        margin-bottom: 20px;
    }

    .art-shows .next-video-mt {
        margin-top: 0 !important;
    }

    .art-shows .show-box .text-box ._time span {
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .art-shows .ads2 {
        width: 300px;
        max-width: 100%;
    }

    .art-shows .description11 {
        padding: 6px 13px;
    }

    .art-shows .mobile-layout {
        display: flex;
    }

    .art-shows .small-text {
        font-size: 12px;
        font-family: "Droid Arabic Kufi", sans-serif;
    }

    .art-shows .title-with-border.yellow {
        margin-top: 20px !important;
    }

    .art-shows .title-with-border {
        line-height: 28px !important;
    }

    .art-shows .gerytitle {
        color: #9c9c9c;
    }

    .art-shows .sm-order5 {
        order: 5;
    }

    .art-shows .sm-order6 {
        order: 6;
    }

    .art-shows .blackvideo {
        padding-bottom: 20px;
    }

    .art-shows .mr-60 {
        margin: 40px auto;
    }

    .art-shows .show-border {
        border-bottom: unset;
        margin-bottom: 0 !important;
    }

    .art-shows .show-box {
        border-bottom: 1px solid;
        margin-bottom: 20px;
    }

    .art-shows.light .show-box {
        border-color: #e2e2e2;
    }

    .art-shows.dark .show-box {
        border-color: #242424;
    }

    .art-shows .show-box .text-box .box-h {
        margin-bottom: 8px;
    }

    .art-shows .show-box .play-button {
        width: 45px !important;
        height: 45px;
    }

    .art-shows .load-more {
        margin-top: 20px;
    }

    .art-shows .devo-md-display-none {
        display: block;
    }

    .podcast-link-img {
        width: 150px;
    }

    .sucess-resgistration-msg-small {
        font-size: 11px;
        line-height: 11px;
    }

    .success-registration-msg {
        font-size: 14px;
        line-height: 8px;
    }

    .home .mininewsdesc {
        width: 100%;
    }

    .col-desc {
        width: 100%;
    }

    .innerthumbdesc11 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .line-clamp-2 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .desc-container {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .most-read-pic a {
        width: 100% !important;
    }

    .home .mininewsdesc2 {
        padding: 18.5px 20px;
        background: #fff;
        width: 100%;
    }

    .search-fresh-page .research input:focus,
    .search-not-found .research input:focus,
    .search-result-page .research input:focus {
        padding-right: 65px;
    }

    .articlepage .taghtiyaKamila {
        line-height: 18px;
    }

    .articlepage .inner2 {
        display: flex;
        margin-bottom: 20px;
    }

    .opinion-photo-page .newspic a {
        width: 100%;
    }

    .hideOnDesktop {
        display: block;
    }

    .showOnDesktop {
        display: none;
    }

    .most-read-for-the-writer-text {
        height: 100px;
    }

    .tags-container {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
        background: 0 0;
        justify-content: flex-start;
    }

    .art-photo-album .tags-container {
        justify-content: flex-start;
    }

    .art-photo-album .mt200 {
        margin-top: 0px !important;
    }
}

@media screen and (max-width:922px) {
    .min-h-92 {
        min-height: 65px !important;
    }

    .mininewsdesc2 {
        padding: 7px !important;
        padding-inline-start: 30px !important;
    }

    .col-desc {
        width: 100% !important;
        padding: 0 !important;
    }

    .mt_25 {
        margin-top: 0;
    }

    .album-article-page .newspic a {
        width: 100%;
    }

    .album-article-page .newspic img {
        width: 100%;
    }

    .articlepage .newspic a {
        width: 146px;
    }

    .tag-button {
        width: 88px !important;
        min-width: 110px;
        font-size: 12px;
        line-height: 22px;
        white-space: nowrap;
    }

    .author-archive {
        border-top: 1px solid #e2e2e2 !important;
        margin-bottom: 10px;
        padding-top: 10px !important;
        margin-top: 0 !important;
    }

    .dark .author-archive {
        border-top: 1px solid #2e2e2e !important;
    }
}

@media screen and (max-width:768px) {
    .min-h-92 {
        min-height: initial !important;
    }

    .editorial-column-page .rowmob .col-md-4 {
        width: 174px !important;
    }

    .editorial-column-page .edito-middle-card {
        padding: 21px 40px;
    }

    .editorial-column-page .read-more-vertical-border:not(:nth-child(3n)) {
        padding-left: 10px !important;
        border-inline-end: none !important;
    }

    .editorial-column-page .madda {
        width: fit-content;
    }

    .e-book-page hr {
        display: none;
    }

    .e-book-page .top1 {
        padding-right: 0rem;
    }

    .e-book-page .news-photo-container {
        border-top: 1px solid #e2e2e2;
    }

    .dark.e-book-page .news-photo-container {
        border-top: 1px solid #383838;
    }

    .dark.e-book-page hr {
        display: none;
    }

    .search-result-page .news .image img {
        width: 127px;
        height: 72px;
        max-width: unset;
    }

    .search-result-page .news {
        display: flex;
    }

    .search-result-page .desc span {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .search-result-page .layout {
        margin-bottom: 20px;
    }

    .articles-page .end-border {
        border-inline-end: none !important;
        margin-bottom: 40px;
    }

    .articles-page .madda {
        width: fit-content;
    }

    .h36 {
        line-height: 18px !important;
        height: 36px !important;
    }

    .mt38 {
        margin-top: 0;
    }

    .mt70 {
        margin-top: 0;
    }

    .mt50 {
        margin-top: 0;
    }

    .display-flex {
        flex-direction: column;
    }

    .articles-page .read-more-border-bottom {
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 20px;
    }

    .dark.articles-page .read-more-border-bottom {
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 20px;
    }

    .read-more-border-bottom {
        border-bottom: none;
        padding-bottom: 0;
    }

    .show-on-tablet-and-above {
        display: none;
    }

    .show-on-mobile {
        display: block;
    }

    .hide-on-mobile {
        display: none;
    }

    .photo-albumn-page .grid {
        gap: 0;
    }

    .hadisDesktop {
        display: none;
    }

    .hadisContainerMobile {
        display: flex;
        border-top: 1px solid #d9d9d9;
        margin-top: 10px;
        padding-top: 10px;
    }

    .dark .hadisContainerMobile {
        border-top: 1px solid #383838;
    }

    .hadisContainerMobile ._text {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        text-align: right;
        color: #636363;
    }

    .dark .hadisContainerMobile ._text {
        color: #b4b4b4;
    }

    img.haids_pic_mobile {
        width: 143px;
    }

    .hadisContainerMobile .nbr {
        font-family: Droid Arabic Kufi, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 14px;
        text-align: right;
        color: #5d5d5d;
    }

    .dark .hadisContainerMobile .nbr {
        color: #fff;
    }

    .caricature-most-watched-mobile {
        display: block;
    }

    .caricature-most-watched-desktop {
        display: none;
    }

    span._btitle {
        font-family: IttihadHead !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 16.0213px !important;
        line-height: 20px;
        text-align: right !important;
        color: #838383 !important;
    }

    .latest-new-mobile {
        display: block;
    }

    .latest-news-desktop {
        display: none;
    }

    .infog-item.aside-infog-item {
        display: flex;
        position: relative;
    }

    img.most-watched {
        width: 113px;
        max-width: unset;
    }

    .infog-tag-most-watched {
        bottom: 0;
        top: unset;
    }

    .infog-content.ptb-6-17 {
        padding-top: 30px !important;
        padding-right: 30px !important;
    }

    .watch-also-desktop {
        display: none;
    }

    .watch-also-mobile {
        display: block;
    }

    .infograph-most-read-title {
        display: none !important;
    }

    .caricature-ads-mobile {
        display: block !important;
    }

    .marginbottom {
        margin-bottom: 50px !important;
    }

    .col-3.brdcol {
        border-right: 1px solid #e5e5e5;
        padding-right: 10px !important;
    }
}

@media screen and (max-width:414px) {
    .hide-desktop-layout {
        display: none;
    }
}

@media screen and (max-width:378px) {
    .logo-mobile {
        display: block;
	width: 92px !important;
    }

    .logo-desktop,
    .logo-ipad,
    .logo-ipad-pro {
        display: none;
    }

    .e-book-page .menu-tob {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
        height: auto;
    }

        .e-book-page .menu-tob .select {
            border: none;
            width: 100%;
        }
}

.rss-feed-links a {
    color: #d02d2e
}

/* .......................................................... */

.terms-p strong {
    font-weight: bolder;
}

.terms-p ul {
    margin-left: 40px;
}

.form-email-group .iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    left: 0;
    right: auto;
}

.dark h1.btitle {
    color: #9C9C9C;
}

div#recommend-articles {
    margin-top: 15px;
    padding: 10px;
}

.dark .icon3 {
    color: #ffffff;
}

.icon3 {
    color: #000000;
    margin-right: 5px;
}

.UAEColor {
    border-color: #ac6357;
}

.WorldColor {
    border-color: #a73423;
}

.EconomyColor {
    border-color: #7cb6bd;
}

.SportsColor {
    border-color: #3e9281;
}

.DuniaColor {
    border-color: #6f5a84;
}

.CultureColor {
    border-color: #7cb6bd;
}

.finance-page .finance-title {
    background-color: #F8F8F8;
    font-size: 32px;
    padding: 33px;
}
.dark.finance-page .finance-title {
    background-color: #323232;
}

.finance-page .indexName {
    color: #696158;
    font-weight: 500;
}

.finance-page .title-without-border {
    height: 33px;
    font-size: 28px;
    color: #000000;
    margin: 40px 0px 15px 0px;
    line-height: 28px;
    text-align: start;
    color: #000000 !important;
    display: flex;
    align-items: center;
    font-weight: 400;
    text-transform: uppercase;
}

.finance-page .table.finance-table {
    font-size: 0.8em;
    line-height: normal;
}
.dark.finance-page .table.finance-table {
    color: #ffffff;
}

    .finance-page .table.finance-table thead tr {
        background-color: #F8F8F8;
        border: none;
    }
    .dark.finance-page .table.finance-table thead tr {
        background-color: #323232;
        color: #ffffff;
    }

        .finance-page .table.finance-table thead tr th {
            text-align: center;
            font-weight: 500;
            border: none;
            vertical-align: baseline;
        }
            .finance-page .table.finance-table thead tr th:first-child {
                text-align: right;
            }

    .finance-page .table.finance-table tbody tr th a {
        color: #212529;
        font-weight: 700;
    }
    .dark.finance-page .table.finance-table tbody tr th a {
        color: #ffffff;
    }

    .finance-page .table.finance-table tbody tr td {
        vertical-align: middle;
        padding: 0px;
        text-align: center;
        direction: ltr;
    }
    .dark.finance-page .table.finance-table tbody tr td, 
    .dark.finance-page .table.finance-table tbody tr th {
        border-top-color: #323232;
    }

        .finance-page .table.finance-table tbody tr td.data-up-color {
            color: #18B678;
        }
        .finance-page .table.finance-table tbody tr td.data-down-color {
            color: #E93943;
        }
        .finance-page .table.finance-table tbody tr td.data-nochange-color {
            color: #4c8ee0;
        }

.notice-message {
    font-size: 12px;
    background-color: #F2F2F2;
    color: #7D7D7D;
    padding: 8px;
    margin-top: 30px;
}
.dark .notice-message {
    background-color: #171717;
}
.notice-message strong {
    font-weight: bold;
    color: #464646;
}
.dark .notice-message strong {
    color: #CECECE;
}
.finance-page li.nav-item {
    border-radius: 4px;
    margin: 3px;
}
    .finance-page li.nav-item a {
        background-color: #F2F2F2;
        color: #7A7A7A;
        font-size: 12px;
        font-weight: bold;
        padding: .5rem 0.4rem;
    }
    .dark.finance-page li.nav-item a {
        background-color: #1F1F1F;
        color: #A4A4A4;
    }
        .finance-page li.nav-item a.active {
            background-color: #A7A7A7;
            color: #FFFFFF;
        }
        .dark.finance-page li.nav-item a.active {
            background-color: #323232;
            color: #FFFFFF;
        }
.finance-page .mar82 {
    margin-top: 60px;
}

.finance-page .title-with-border {
    padding-inline-start: 10px;
}
.finance-page .inner2 {
    margin-bottom: 40px;
    cursor: pointer;
}
.finance-page .newspic {
    position: relative;
}
.finance-page .catnewsinner {
    position: absolute;
    background: rgb(255 255 255);
    color: #000000;
    font-family: IttihadHead, sans-serif !important;
    font-size: 14px;
    bottom: 0;
    font-weight: 400;
    right: 0;
    padding: 3px 10px;
    border-inline-start: 4px solid #d02d2e;
}
.finance-page .innerthumbdesc11 {
    background: #fff;
    padding: 8.2px 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.finance-page .timenews {
    color: #696158;
    font-family: "Droid Arabic Kufi Bold", sans-serif !important;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.finance-page .inner2:hover .innerthumbdesc11 {
    background: #000000;
}
.finance-page .inner2:hover .article-desc-2-line {
    color: #fff;
}
.finance-page .inner2:hover .timenews {
    color: #d02d2e;
}
.finance-page .lg {
    font-size: 15px;
}
.mazidcon_economics {
    padding: 6px 20px;
    background: #fdfdfd;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .07);
    text-align: right;
    text-indent: 201px;
}

    .mazidcon_economics a {
        display: unset;
    }

.mazidcon_economics2 {
    padding: 6px 20px;
    background: #fdfdfd;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .07);
    text-align: right;
    text-indent: 601px;
}

.dark .mazidcon_economics {
    background: #242424;
}

.dark .mazidcon_economics2 {
    background: #242424;
}

.mazidcon_economics a {
    color: #000000;
    font-size: 17px;
    position: relative;
    margin-inline-end: 35px;
    font-family: IttihadHeadSub, sans-serif !important;
}

.dark .mazidcon_economics a {
    color: #8d8d8d;
}

.mazidcon_economics a:after {
    content: "";
    position: absolute;
    height: 14px;
    width: 2px;
    background: #ececec;
    left: -18px;
    top: 3px;
    cursor: default;
}

.dark .mazidcon_economics a::after {
    background: #353535;
}

.mazidcon_economics2 a {
    color: #000000;
    font-size: 17px;
    position: relative;
    margin-inline-end: 35px;
    font-family: IttihadHeadSub, sans-serif !important;
    display: unset;
}

.dark .mazidcon_economics2 a {
    color: #8d8d8d;
}

.mazidcon_economics2 a:after {
    content: "";
    position: absolute;
    height: 14px;
    width: 2px;
    background: #ececec;
    left: -18px;
    top: 3px;
    cursor: default;
}

.mazidcon_economics a:last-child::after {
    content: none;
}

.mazidcon_economics2 a:last-child::after {
    content: none;
}

.table.finance-table-summary {
    font-size: 0.7em;
    line-height: normal;
    border: 1px solid #dee2e6;
}

.dark .table.finance-table-summary {
    color: #ffffff;
}

.table.finance-table-summary thead tr {
    background-color: #F8F8F8;
    border: none;
}

.dark .table.finance-table-summary thead tr {
    background-color: #323232;
    color: #ffffff;
}

.table.finance-table-summary thead tr th {
    text-align: center;
    font-weight: 500;
    border: none;
    padding: 5px;
}

.table.finance-table-summary tbody tr th {
    padding: 12px 5px;
}

.table.finance-table-summary tbody tr th a {
    color: #212529;
    font-weight: 700;
}

.dark .table.finance-table-summary tbody tr th a {
    color: #ffffff;
}

.table.finance-table-summary tbody tr td {
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    direction: ltr;
    font-size: 1.3em;
}

.dark .table.finance-table-summary tbody tr td,
.dark .table.finance-table-summary tbody tr th {
    border-top-color: #323232;
}

.table.finance-table-summary tbody tr td.data-up-color {
    color: #18B678;
}

.table.finance-table-summary tbody tr td.data-down-color {
    color: #E93943;
}

.table.finance-table-summary tbody tr td.data-nochange-color {
    color: #4c8ee0;
}

.finance-block ul.nav-pills {
    border: 1px solid #dee2e6;
    padding: 5px;
}
.finance-block li.nav-item {
    border-radius: 4px;
    margin-left: 10px;
}

    .finance-block li.nav-item a {
        background-color: #F2F2F2;
        color: #7A7A7A;
        font-size: 12px;
        font-weight: bold;
        padding: 0.3rem 0.7rem;
        cursor: pointer;
    }

.dark .finance-block li.nav-item a {
    background-color: #1F1F1F;
    color: #A4A4A4;
}

.finance-block li.nav-item a.active {
    background-color: #A7A7A7;
    color: #FFFFFF;
}

.dark .finance-block li.nav-item a.active {
    background-color: #323232;
    color: #FFFFFF;
}

.finance-block a.more-link {
    color: #7A7A7A;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 6px;
}

    .finance-block a.more-link i {
        color: #E93943;
        font-size: 14px;
    }

/*finance pages filters*/
.finance-filter {
    left: 40px;
    position: absolute;
}
@media (max-width:992px) {
    .finance-filter {
        left: -20px;
        position: relative;
    }
}

.finance-title input[type="search"]:focus-visible {
    outline: 1px solid red;
    outline-offset: 0;
}

.finance-title input[type="search"]:focus {
    border: 1px solid red;
}

.filter-input {
    color: #696158 !important;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-size: 1.0rem !important;
}
.dark .filter-input {
    color: #b4b4b4 !important;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-size: 1.0rem !important;
}

b {
    font-weight: bold;
}
/* For Webkit-based browsers (Chrome, Safari) */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9' stroke='%23D02D2E' stroke-miterlimit='10'/%3E%3Cpath d='M1 9L9 1' stroke='%23D02D2E' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: contain;
    opacity: 1;
    cursor: pointer;
}

/* For Internet Explorer */
input[type="search"]::-ms-clear {
    display: none; /* To hide the default clear button in IE */
}

/* For Firefox */
input[type="search"]::-moz-search-cancel-button {
    display: none;
}

.ui-widget {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #cfcfcf !important;
    background: #f3f3f3 !important;
    font-weight: normal !important;
    color: inherit !important;
}

.dark .ui-state-active, .dark .ui-widget-content .ui-state-active, .dark .ui-widget-header .ui-state-active, .dark a.ui-button:active, .dark .ui-button:active, .dark .ui-button.ui-state-active:hover {
    border: 1px solid #726b6b !important;
    background: #363636 !important;
    font-weight: normal !important;
    color: #ddd8d8 !important;
}
.dark .ui-widget-content {
    background-color: #494949 !important;
    color: #a19f9f;
}
.dark .ui-widget.ui-widget-content {
    border: 1px solid #b10000 !important;
}

.dark .search-result-page {
    color: #ababab;
}
    .dark .search-result-page .research input {
        width: 99%;
        height: 3rem;
        border: 0;
        color: #cdcdcd;
        font-size: 1.5rem;
        padding-left: 20px;
        background-color: #494949;
    }

.sticky form#formBarSearch input[name="q"] {
    width: 200px !important;
}

.finance-search-results{
    display:none;
}

.search-result-page .finance-search-results {
    display: block;
}

.droid-bold
{
    font-family:'Droid Arabic Kufi Bold' !important;
    font-weight:700 !important;
}