@charset "UTF-8";

/* AKHBARONA MOBILE SPORT CATEGORY COMPLETE CSS V1 START */

/* === GOOGLE CAIRO FONT DEFINITIONS START === */
/* arabic */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS8p4_RHH1.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS8p4_RHH1.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS8p4_RA.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS8p4_RHH1.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS8p4_RHH1.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cairo/v31/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS8p4_RA.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* === GOOGLE CAIRO FONT DEFINITIONS END === */

/* AKHBARONA MOBILE HOMEPAGE UNIFIED CSS V1 START */

.mobile-home-v1,
.mobile-home-v1 *,
.mobile-home-v1 *::before,
.mobile-home-v1 *::after,
.mobile-home-top-ad,
.mobile-home-top-ad *,
.mobile-home-inner-ad,
.mobile-home-inner-ad * {
    box-sizing: border-box;
}

/* AKHBARONA MOBILE HOMEPAGE HORIZONTAL OVERFLOW GUARD V1 */

html,
body,
.main-sec {
    max-width: 100%;
    overflow-x: hidden;
}

@supports (overflow-x: clip) {
    html,
    body,
    .main-sec {
        overflow-x: clip;
    }
}

/* AKHBARONA MOBILE HOMEPAGE HEADER GAP V1 */

.main-sec {
    padding-top: 6px;
    background: #fff;
}

.mobile-home-v1 {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    color: #111820;
    background: #fff;
    direction: rtl;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.mh-sr-only {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* AKHBARONA MOBILE HOMEPAGE RTL OVERFLOW FIX V1 */

.mh-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mh-list__item {
    margin: 0;
    padding: 0;
}

.mh-list__item + .mh-list__item {
    border-top: 6px solid #fff;
}

.mh-card {
    position: relative;
    width: 100%;
    min-height: 260px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #142b42;
    isolation: isolate;
}

.mh-card__link {
    position: absolute;
    inset: 0;
    display: block;
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mh-card__media {
    position: absolute;
    inset: 0;
    display: block;
}

.mh-card__media::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        to top,
        rgba(7, 19, 31, .90) 0%,
        rgba(7, 19, 31, .65) 29%,
        rgba(7, 19, 31, .14) 58%,
        rgba(7, 19, 31, 0) 78%
    );
    content: "";
    pointer-events: none;
}

.mh-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .25s ease;
}

.mh-card__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    width: 100%;
    padding: 0 15px 17px;
    flex-direction: column;
    align-items: flex-start;
}

.mh-card__category {
    display: block;
    max-width: 100%;
    margin: 0 0 9px;
    padding: 5px 11px 4px;
    color: #fff;
    background: #d51a28;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    text-align: right;
    overflow-wrap: anywhere;
}

.mh-card h2 {
    display: -webkit-box;
    width: 100%;
    clear: both;
    margin: 0;
    overflow: hidden;
    color: #fff;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    font-size: clamp(18px, 5.2vw, 22px);
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
    text-wrap: pretty;
    overflow-wrap: break-word;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .48);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.mh-card__link:focus-visible {
    outline: 3px solid #f0a9ae;
    outline-offset: -4px;
}

.mh-card__link:active .mh-card__media img {
    transform: scale(1.012);
}

.mobile-home-top-ad {
    width: 100%;
    margin: 0 !important;
    padding: 0;
    direction: ltr;
}

.mobile-home-top-ad__slot {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    height: auto;
    margin: 0 auto !important;
    overflow: visible;
    background: transparent;
    text-align: center;
}

/* AKHBARONA MOBILE HOMEPAGE INNER AD SPACING V1 */

.mobile-home-inner-ad {
    width: auto;
    margin: 0 auto;
    padding: 24px 0 0;
    background: #fff;
    direction: ltr;
}

.mobile-home-inner-ad__slot {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    height: auto;
    margin: 0 auto !important;
    overflow: visible;
    background: transparent;
    text-align: center;
}

.mh-ad-break {
    width: 100%;
    padding: 24px 0;
    background: #f3f6f8;
    border-block: 1px solid #e4e9ed;
    direction: ltr;
}

.mh-ad-slot {
    position: relative;
    display: grid;
    width: 300px;
    max-width: calc(100% - 30px);
    min-height: 250px;
    height: auto;
    margin: 0 auto !important;
    overflow: visible;
    background: #eef2f4;
    isolation: isolate;
    place-items: center;
}

.mh-ad-slot::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: grid;
    color: #7d8790;
    content: "إعلان";
    direction: rtl;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    pointer-events: none;
    place-items: center;
}

.mh-ad-slot > * {
    position: relative;
    z-index: 1;
}

/* AKHBARONA MOBILE HOMEPAGE AD SPACE V2 */

.mobile-home-top-ad__slot center,
.mobile-home-inner-ad__slot center,
.mh-ad-slot center,
.mobile-home-top-ad__slot [id^="div-gpt-ad-"],
.mobile-home-inner-ad__slot [id^="div-gpt-ad-"],
.mh-ad-slot [id^="div-gpt-ad-"] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.mobile-home-top-ad__slot iframe,
.mobile-home-inner-ad__slot iframe,
.mh-ad-slot iframe,
.mobile-home-top-ad__slot ins,
.mobile-home-inner-ad__slot ins,
.mh-ad-slot ins {
    display: block;
    max-width: 100%;
    margin-inline: auto;
}

@supports (padding: max(0px)) {
    .mh-card__content {
        padding-right: max(15px, env(safe-area-inset-right, 0px));
        padding-left: max(15px, env(safe-area-inset-left, 0px));
    }
}

@media (max-width: 340px) {
    .mh-card {
        min-height: 240px;
    }

    .mh-card h2 {
        font-size: 18px;
        line-height: 1.45;
    }

    .mh-card__category {
        padding: 4px 8px 3px;
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mh-card__media img {
        transition: none;
    }
}

/* AKHBARONA MOBILE HOMEPAGE VIDEOS V1 START */

.mh-videos,
.mh-videos *,
.mh-videos *::before,
.mh-videos *::after {
    box-sizing: border-box;
}

.mh-videos {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 24px auto 0;
    padding-bottom: 6px;
    overflow: hidden;
    color: #111820;
    background: #f2f5f7;
    box-shadow: inset 0 -6px 0 #17334d;
    direction: rtl;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.mh-videos::after {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 34%;
    height: 6px;
    background: #d51a28;
    content: "";
    pointer-events: none;
}

.mh-videos__header {
    position: relative;
    display: flex;
    min-height: 98px;
    padding: 18px 15px 17px;
    border-top: 8px solid #17334d;
    border-bottom: 1px solid #dce4e9;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: linear-gradient(90deg, #fff 0%, #fff 62%, #f5f8fa 100%);
}

.mh-videos__header::before {
    position: absolute;
    top: -8px;
    right: 0;
    z-index: 3;
    width: 36%;
    height: 8px;
    background: #d51a28;
    content: "";
}

.mh-videos__heading {
    position: relative;
    display: block;
    min-width: 0;
    min-height: 0;
    padding: 0 15px 9px 0;
    color: #132b42;
    background: transparent;
    border-right: 6px solid #d51a28;
    flex: 1 1 auto;
    text-align: right;
}

.mh-videos__heading::after {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 96px;
    height: 4px;
    background: #d51a28;
    content: "";
}

.mh-videos__heading h2 {
    margin: 0;
    color: #132b42;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    font-size: 29px;
    font-weight: 700;
    line-height: 1.35;
    text-align: right;
}

.mh-videos__heading h2 a {
    display: block;
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mh-videos__heading h2 strong {
    color: inherit;
    font-weight: 700;
}

.mh-videos__all-link {
    display: inline-flex;
    min-width: 72px;
    min-height: 42px;
    margin: 0;
    padding: 8px 10px;
    color: #17334d;
    border: 1px solid #cfd9df;
    background: #fff;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    touch-action: manipulation;
}

.mh-videos__all-link svg {
    color: #d51a28;
}

.mh-videos__all-link svg,
.mh-videos__footer-link svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: 2;
}

.mh-video-feature,
.mh-video-feature__figure {
    position: relative;
    width: 100%;
    margin: 0;
}

.mh-video-feature {
    background: #10263a;
}

.mh-video-feature__link {
    display: block;
    color: #fff;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mh-video-feature__figure {
    min-height: 211px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.mh-video-feature__figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mh-video-feature__shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        to top,
        rgba(6, 17, 28, .86) 0%,
        rgba(6, 17, 28, .56) 35%,
        rgba(6, 17, 28, .10) 68%,
        rgba(6, 17, 28, 0) 82%
    );
    pointer-events: none;
}

.mh-video-feature__badge {
    position: absolute;
    top: 14px;
    right: 15px;
    z-index: 3;
    padding: 5px 10px 4px;
    color: #fff;
    background: #d51a28;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
}

.mh-video-play {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    pointer-events: none;
}

.mh-video-play--large {
    top: 14px;
    left: 15px;
    width: 48px;
    height: 48px;
}

.mh-video-play svg {
    display: block;
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .35));
}

.mh-video-play circle {
    fill: rgba(19, 43, 66, .88);
    stroke: #fff;
    stroke-width: 2;
}

.mh-video-play path {
    fill: #fff;
    stroke: none;
}

.mh-video-feature__caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 18px 15px 16px;
}

.mh-video-feature__caption h3 {
    display: -webkit-box;
    width: 100%;
    margin: 0;
    overflow: hidden;
    color: #fff;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    font-size: clamp(18px, 5.2vw, 22px);
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .48);
    text-wrap: pretty;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mh-video-rail {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 16px 15px 12px;
    gap: 14px;
    list-style: none;
    grid-template-columns: minmax(0, 1fr);
}

.mh-video-rail__item {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
}

.mh-video-card {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce3e8;
    box-shadow: 0 4px 14px rgba(19, 43, 66, .06);
}

.mh-video-card__link {
    display: block;
    color: #111820;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mh-video-card__media {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #17334d;
}

.mh-video-card__media::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(7, 19, 31, .08);
    content: "";
    pointer-events: none;
}

.mh-video-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mh-video-card h3 {
    display: -webkit-box;
    min-height: 0;
    margin: 0;
    padding: 12px 14px 14px;
    overflow: hidden;
    color: #18232d;
    border-top: 3px solid #17334d;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.6;
    text-align: right;
    text-wrap: pretty;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.mh-videos__footer-link {
    display: flex;
    width: calc(100% - 30px);
    min-height: 46px;
    margin: 4px 15px 18px;
    padding: 8px 14px;
    color: #fff;
    background: #17334d;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
}

.mh-video-feature__link:focus-visible,
.mh-video-card__link:focus-visible,
.mh-videos__heading h2 a:focus-visible,
.mh-videos__all-link:focus-visible,
.mh-videos__footer-link:focus-visible {
    outline: 3px solid #eea0a7;
    outline-offset: -3px;
}

@supports (padding: max(0px)) {
    .mh-videos__heading {
        padding-right: max(15px, env(safe-area-inset-right, 0px));
    }

    .mh-videos__all-link {
        padding-left: max(12px, env(safe-area-inset-left, 0px));
    }

    .mh-video-feature__caption {
        padding-right: max(15px, env(safe-area-inset-right, 0px));
        padding-left: max(15px, env(safe-area-inset-left, 0px));
    }

    .mh-video-rail {
        padding-right: max(15px, env(safe-area-inset-right, 0px));
        padding-left: max(15px, env(safe-area-inset-left, 0px));
    }
}

@media (max-width: 340px) {
    .mh-videos__header {
        min-height: 90px;
        padding: 15px 12px;
        gap: 10px;
    }

    .mh-videos__heading {
        min-height: 0;
        padding-right: 12px;
        padding-bottom: 8px;
    }

    .mh-videos__heading h2 {
        font-size: 25px;
    }

    .mh-videos__all-link {
        min-width: 65px;
        min-height: 40px;
        padding-right: 8px;
        padding-left: 8px;
        font-size: 11px;
    }

    .mh-video-feature__caption h3 {
        font-size: 18px;
    }

    .mh-video-card h3 {
        font-size: 16px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .mh-videos__heading h2 a:hover {
        color: #b91421;
    }

    .mh-videos__all-link:hover {
        color: #b91421;
        background: #fff;
    }

    .mh-video-card__link:hover h3 {
        color: #b91421;
        border-top-color: #d51a28;
    }
}

/* AKHBARONA MOBILE HOMEPAGE VIDEOS V1 END */

/* === MOBILE BOOTSTRAP COMPAT V2 START === */
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}
hr:not([size]){height:1px}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){h1{font-size:2.5rem}}
h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){h2{font-size:2rem}}
h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){h3{font-size:1.75rem}}
h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){h4{font-size:1.5rem}}
h5{font-size:1.25rem}
h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:.875em}
mark{padding:.2em;background-color:#fcf8e3}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;color:#d63384;word-wrap:break-word}
a>code{color:inherit}
kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}
kbd kbd{padding:0;font-size:1em;font-weight:700}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]::-webkit-calendar-picker-indicator{display:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px){legend{font-size:1.5rem}}
legend+*{clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none!important}
@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}
@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-border{to{transform:rotate(360deg)}}
@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.clearfix::after{display:block;clear:both;content:""}
.mt-3{margin-top:1rem!important}
/* === MOBILE BOOTSTRAP COMPAT V2 END === */

/* === LEGACY MOBILE BASE START === */
@font-face{font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Noto Naskh Arabic';font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:'Noto Naskh Arabic';font-style:normal;font-weight:700;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:'Noto Naskh Arabic',serif;font-weight:700}.top-links .fa-facebook-f{background:#fff;padding:8px 12px;border-radius:50%;font-size:19px;color:#2e4866}.top-links .fa{background:#fff;padding:8px 9px;border-radius:50%;font-size:19px;color:#2e4866}.comment-btn-color{background-color:#2e4866;color:#fff;padding:6px 12px;font-size:20px;font-weight:700}.top-links svg{background:#fff;padding:7px 0;width:36px;height:35px;border-radius:50%;margin-top:-4px}.top-social-social .fa-facebook-f{background:#fff;padding:8px 13px;border-radius:50%;font-size:19px;color:#2e4866}.top-social-social .fa-whatsapp{background:#fff;padding:8px 10px;border-radius:50%;font-size:19px;color:#2e4866}.akhbaran-akhir-sec .headings p,.main-content .text p,.main-text p,.shashta-sec .riyazata-text p,.writers-sec p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;direction:rtl}.detail-heading span,.other_news_01 span,body{font-family:"Noto Naskh Arabic",serif}.active{border-bottom:1px solid #000;padding-bottom:4px}a.a-tag-style,body a{text-decoration:none}.heading span{padding:10px 15px;font-size:20px;font-weight:700;color:#000;position:absolute;top:0;right:5px}body{width:350px;margin:auto;display:block;direction:ltr}.hero-sec-adds-1,.hero-sec-adds-3{display:flex;align-items:center;height:600px;margin:auto;justify-content:center;background:#c2111e}.container-body,.detail-social-links a{margin:0 15px}.adds-5,.hero-sec-adds-2,.hero-sec-adds-4{display:flex;margin:auto;background:#f2f2f2}.main-text p,.navbar .menu_drop{margin-bottom:0;text-align:right}.container{padding:0}.hero-sec-adds-2{align-items:center;height:230px;justify-content:center}.adds-5,.hero-sec-adds-4{align-items:center;height:80px;justify-content:center}.red-line,.red-line.hr-custom-style{height:5px;background-color:#2e4866;opacity:1;margin:0 11px 0 0}hr.hr-footer-style{width:60%;height:2px;margin:auto}h6.h6-footer-style{font-weight:700}.heading .title-heading{color:#000}h1.h1-custom-style{font-size:22px;font-weight:800}.heading svg.right-line-heading{margin-bottom:8px;margin-left:-5px}.red-line::before{content:"";display:block;background-color:#c2111e;width:15%;height:5px;margin-left:auto}.main-sec .card-sec .main-content .catagory-btn,.shashta-sec .links{background:rgb(46 72 102 / .7);font-weight:700;line-height:normal;text-decoration:none;z-index:1;top:5%}.footer-sec .footer-social-links img,.menu_under_ads{margin-top:15px}.heading{text-align:right;height:52px;position:relative}.topbar{background:linear-gradient(180deg,#2e4866 50%,#001022 133.39%);padding:0 0 10px;position:static;margin-top:-25px;position:sticky;top:0;font-weight:500;z-index:999}.navbar-toggler:focus{box-shadow:none;margin-top:8px}.navbar-toggler{margin-top:6px}.nav .topbar .topbar-content{justify-content:space-between}.topbar .logo{margin-top:4px;text-align:center}.logo img{width:95px;margin-top:5px}.topbar .top-social-social{margin-top:13px;margin-right:-7px}.topbar .top-social-social a{margin-right:5px}.navbar{display:block;padding-top:0;padding-bottom:0}.navbar-light .navbar-toggler{border:none;padding:5px 0}.goto-desktop a,.navbar .menu_drop a{color:#fff;text-decoration:none;font-size:15px}.navbar .menu_drop{direction:rtl;color:#fff;padding-left:0}.navbar .menu_drop li{list-style:disc;padding:4px 0}.navbar .menu_drop li::marker{color:#fff}.top-links-sec{background:#2e3641;border-top:1px solid #9b9b9b}.top-links-sec ul li{list-style:none;padding:5px 8px 10px;border-left:1px solid #565656;text-align:end}.top-links-sec ul li a{font-size:12px;color:#fff;text-decoration:none;font-weight:700}.top-links-sec .fa{font-size:16px;margin-top:5px}.input-field-sec,.main-sec .main-content,.play-icon{position:relative}.main-image-sec{width:100%;height:218px}.main-image-sec img{object-fit:cover}.detail-page-hero-sec .detail-hero-image-sec img,.lcmay,.main-content .sports-card .pic-sec img,.main-image-sec img,.shashta-sec .shashta-image-sec img,.writers-sec .writer-image-sec img{width:100%;height:100%;object-fit:cover}.detail-hero-image-sec img{height:auto!important}.main-text p{color:#000;font-size:18px;font-style:normal;font-weight:600;line-height:150%;-webkit-line-clamp:3}.content-w .mt-5,.lc-ptitle p{margin-top:0}.shashta-sec .riyazata-text p,.writers-sec p{font-weight:800;line-height:150%}.main-sec .card-sec .main-content .catagory-btn{border-radius:5px;color:#fff;text-align:right;font-size:15px;font-style:normal;padding:5px 8px 3px;position:absolute;right:5%}.shashta-sec .shashta-image-sec{position:relative;width:100%;height:218px}.shashta-sec .heading a{color:#212529}.shashta-sec .links,.shashta-sec .riyazata-text p{color:#fff;font-style:normal;text-align:right;position:absolute}.akhbaran-akhir-sec .headings p,.main-content .text p,.writers-sec p{color:#000;-webkit-line-clamp:2;text-align:right;font-style:normal}.shashta-sec .play-icon strong svg{position:absolute;z-index:1;left:5%;bottom:10%;width:40px;height:auto}.shashta-sec .shashta-image-sec .overlay{width:100%;height:218px;background:linear-gradient(0deg,#000 -100%,#fff0 70%,#fff0 32.91%);position:absolute;top:0;left:0}.shashta-sec .riyazata-text p{font-size:17px;bottom:0;right:0;padding:0 20px;-webkit-line-clamp:2}.shashta-sec .links{border-radius:5px;font-size:10px;padding:5px 13px;right:3%}.main-content .text p{font-size:14px;font-weight:600;line-height:150%;margin-bottom:0;margin-right:15px}.akhbaran-akhir-sec .headings p,.writers-sec p{font-size:18px}.writers-sec .writers-main-sec{background:#f3f9ff;padding:20px}.writers-sec h5{color:#185399;text-align:right;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.akhbaran-akhir-sec .headings p{font-weight:700;line-height:150%;margin-bottom:20px;margin-top:-3px}.akhbaran-akhir-sec .image-sec img,.detail-moble-page iframe,.detail-page-hero-sec .detail-hero-image-sec{width:100%;height:auto}.detail-moble-page.detail-bg{background:0 0;padding:0}.amp-ifrm-style{border:none;overflow:hidden;width:300px;height:258px}h6.h6-font-color{color:#606060;font-size:14px}h4.h4-custom-color-change{color:#c2111e;font-size:18px}.akhbaran-akhir-sec .headings h4{color:#185399;font-style:normal;font-weight:700;line-height:normal;font-size:15px}.main-content .sports-card{justify-content:end}.main-content .sports-card .pic-sec{width:128px;height:76px}.main-content .sports-card .pic-sec img{margin-bottom:10px}.writers-sec .writer-image-sec{width:57.691px;height:56.855px;border-radius:57.691px}.writers-sec .writer-image-sec img{border-radius:57.691px}.banner-dates{border-bottom:2px solid #c3c3c3;margin-bottom:15px}.banner-dates span{color:#606060;font-size:14px;font-style:normal;font-weight:600;line-height:150%}.banner-dates a{color:#606060}.detail-social-links{padding:6px 0;background-color:#f9f9f9;display:flex;justify-content:center;align-items:center}.detail-social-links img{width:37px;height:37px}.detail-heading,.footer-sec h4,.search-sec .row .btns{text-align:end}.detail-heading img,.other_news_01 .col-sm-6,.other_news_01 .fareeq-ul-amal .col-3{width:100%}.main-section h5{font-size:1.25rem;font-weight:800}.detail-heading p{color:#3d3d3d;text-align:right;font-size:18px;font-weight:400;line-height:27px}.detail-pages-btn{justify-content:center}.detail-pages-btn button{border-radius:5px;background:#eee;color:#4e4e4e;margin-left:10px;font-size:12px;border:none;font-style:normal;font-weight:700;line-height:normal;margin-top:10px;width:67px;height:28px;padding:0}.footer-sec li a,.google-sec a{text-decoration:none;font-size:16px}.google-sec{text-align:-webkit-right}.google-sec a{color:#000;font-style:normal;font-weight:700;line-height:150%}.google-btn{border:1px solid #dfdfdf;background:#f6f6f6;text-align:end;padding:8px 15px}.google-btn.bg-color-google-btn{background-color:#32a765}.malhoza-sec{background:rgb(194 17 30 / .1);padding:0 0 5px}.malhoza-sec ul li::marker{color:#c2111e}.detail-mobile-page-last-sec .eye-sec{background:#ededed;color:#656565;font-size:14px;font-style:normal;font-weight:600;line-height:150%;display:flex;align-items:center;padding:0 5px;gap:8px}.detail-page-last-sec .detail-main-sec{border-bottom:2px solid #ddd;padding-bottom:15px}.search-sec{text-align:-webkit-center;background:#2e3641;padding:30px 35px 30px 0;color:#fff}.search-sec button{background:#c2111e;color:#fff;padding:8px 46px;border-radius:60px;text-decoration:none;font-size:17px}.search-sec .form-control{border-radius:25px;background:#fff;text-align:right;padding:8px}.placeholder-css::placeholder{color:#656565}.form-control.textarea-placeholder::placeholder{color:#656565}.contact-us-btn button{border-radius:61px;background:#2e3641;padding:8px 30px;color:#fff;text-decoration:none;text-align:center;font-weight:700;border:none}.staric{position:absolute;top:21px;right:5px;color:#c2111e}.contact-us .form-control{padding:15px 20px;text-align:right;border-radius:5px;border:.5px solid #d0d0d0;background:#f9f9f9}.contact-us .form-control:focus,.pagination .page-item .page-link:focus{box-shadow:none}.detail-mobile-page-last-sec .numbers span{padding:3px 12px;border:2px solid #c2111e;color:#fff;font-size:24px;background:#c2111e;font-weight:500;cursor:context-menu}.detail-mobile-page-last-sec .text{color:#c2111e;font-style:normal;font-weight:700;line-height:150%}.pagination .page-item .page-style{border-radius:50%;margin:0 3px;background:#2e4866;color:#fff;border:none;padding:2px 7px;font-size:10px}.active-page,.pagination .page-item .left-arrow,.pagination .page-item .right-arrow:focus{background:0 0}.pagination .page-item .left-arrow,.pagination .page-item .right-arrow{padding:5px}.page-item svg{margin-top:2px}.active-page{color:#2e4866;border:1px solid #2e4866;border-radius:50%}.main-sec .card-sec .main-content .times{border-radius:5px;background:rgb(46 72 102 / .7);color:#fff;text-align:right;font-size:12px;font-style:normal;font-weight:700;line-height:normal;padding:5px 8px 2px;text-decoration:none;position:absolute;left:5%;top:5%;z-index:1}.post-content-right{font-size:18px;font-weight:500}.footer-mid-links{padding-bottom:13px}.footer-sec{padding:20px 0;background:#2e4866;color:#fff;font-weight:600}.footer-sec li a{color:#fff}.footer-sec .footer-links{padding-right:12px;padding-left:0}.footer-sec li{padding:3px 0;list-style-type:disc}.footer-sec li::marker{color:#fff}.footer-sec .footer-social-links{text-align:center;padding-bottom:35px}.footer-sec .footer-social-links a{margin-right:8px;margin-top:15px}.footer-sec .contact-btn img{border-radius:7px;width:64px;height:auto;object-fit:cover}.footer-sec .contact-btn h5{margin-left:40px}.copyright{border-top:1px dashed #fff;border-bottom:1px dashed #fff;padding:15px 10px}@media (max-width:767px){.main-sec .card-sec .main-content .catagory-btn{border-radius:4px;font-size:12px;padding:7px 10px}.main-image-sec{width:100%;height:218px}.shashta-sec .riyazata-text p{font-size:14px;padding:0 20px}}@media (max-width:375px){.banner-dates span{font-size:12px}.main-sec .card-sec .main-content .catagory-btn{padding:5px 6px;font-size:10px}.shashta-sec .links{font-size:10px;padding:5px 13px;right:3%;top:5%}.shashta-sec .play-icon strong svg{width:33px;height:auto}.footer-sec li a{font-size:13px}.footer-sec .footer-links{padding-right:15px}.content-w .cont-det{flex-direction:column;align-items:center;word-break:break-word}}@media (min-width:767px) and (max-width:992px){.shashta-sec .riyazata-text p{left:0;padding:0 40px}.main-sec .card-sec .main-content .catagory-btn{font-size:14px;padding:10px 13px;right:3%;top:5%}.banner-dates span,.main-text p,.shashta-sec .riyazata-text p{font-size:18px}.detail-pages-btn button{margin-left:15px;font-size:16px;width:110px;height:34px}.other_news_01 .col-sm-6,.other_news_01 .fareeq-ul-amal .col-3{width:50%}.content-w .cont-det{width:50%;margin:15px auto}}@media (max-width:992px){body{width:100%}.shashta-sec .links{font-size:14px;padding:8px 20px;z-index:1;right:3%;top:5%}}.ashtar-main .mt-4 .fa,.content-w .fa{font-size:20px;color:#2e4866}.ashter-dots-sec,.fareeq-ul-amal p{text-align:right}.other_news_01{width:100%;margin:auto;box-shadow:0 10px 18.5px -6px rgb(0 0 0 / .1);background:#f9f9f9;padding:15px;text-align:center}.other_news_01 ul li::marker{color:#c2111e}.other_news_01 ul{padding-right:22px;padding-left:0}.other_news_01 h5{padding-right:0}.ashtar-main .mt-4{background:#d2d0d0;padding:15px 0;border-radius:5px;width:100%}.other_news_01 .row .container .d-flex{flex-direction:column-reverse}.other_news_01 .fareeq-ul-amal .col-6{width:50%}.fareeq-ul-amal-haed{background:#fff;padding:10px;text-align:end;margin-bottom:10px}.content-w .cont-det{background:#d2d0d0;padding:12px;border-radius:5px;margin-bottom:15px;text-align:start;display:flex;align-items:end}.content-w .mails{display:block}.content-w a{color:#5f5f5f;font-size:15px}.content-w .fa{margin-right:10px;margin-bottom:3px}.google-sec .google-btn a{display:flex;align-items:center;justify-content:end}.comment-sec .comment-head h4{color:#c2111e;font-weight:700;font-size:16px}.comment-sec .comment-head .numbring span{font-size:16px;color:#c2111e;border-left:2px solid #c2111e;padding:0 8px;margin-left:8px;font-weight:700}.comment-sec .mini-head{color:#2e4866;font-weight:700;font-size:16px}.comment-sec{background:#f9f9f9;padding:20px;border-radius:10px}.comment-sec .like,.comment-sec .unlike{border:1.09px solid #2e4866;padding:5px;cursor:pointer;font-size:14px}.comment-sec .like{color:#fff;background:#2e4866;border-radius:5.43px}.comment-sec .unlike{color:#2e4866;border-radius:5.43px;margin-right:5px}.comment-sec .like-count{color:#2e4866;font-size:14px;font-weight:700;padding:4px 8px;margin-right:5px}.comment-sec .comment-dates-sec .date{color:#2e4866;font-weight:700;font-size:14px}.lc-maytitle{padding-top:0}
/* === LEGACY MOBILE BASE END === */

/* === SITEWIDE MOBILE HEADER V1 START === */
/* AKHBARONA MOBILE HEADER V1 */

.mh-site-header,
.mh-site-header *,
.mh-site-header *::before,
.mh-site-header *::after {
    box-sizing: border-box;
}

.topbar.mh-site-header {
    --mh-header-navy: #203f5f;
    --mh-header-red: #d61f34;

    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
    background: var(--mh-header-navy);
    box-shadow: 0 2px 8px rgba(9, 27, 45, .16);
    direction: ltr;
    font-family: "Cairo", "Noto Naskh Arabic", Tahoma, Arial, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

.mh-site-header::after {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .18);
    content: "";
}

.mh-site-header__bar {
    display: grid;
    grid-template-columns: minmax(82px, 1fr) auto minmax(82px, 1fr);
    min-height: 63px;
    padding:
        max(6px, env(safe-area-inset-top, 0px))
        max(13px, env(safe-area-inset-right, 0px))
        6px
        max(13px, env(safe-area-inset-left, 0px));
    align-items: center;
}

.mh-site-header__menu {
    position: static;
    margin: 0;
    justify-self: start;
}

.mh-site-header__menu > summary {
    display: grid;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    color: #fff;
    border: 0;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    list-style: none;
    place-items: center;
    -webkit-tap-highlight-color: transparent;
}

.mh-site-header__menu > summary::-webkit-details-marker {
    display: none;
}

.mh-site-header__menu > summary::marker {
    content: "";
}

.mh-site-header__menu > summary:focus-visible,
.mh-site-header__social-link:focus-visible,
.mh-site-header__brand:focus-visible,
.mh-site-nav a:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
}

.mh-site-header__hamburger {
    position: relative;
    display: block;
    width: 29px;
    height: 20px;
    border-top: 3px solid currentColor;
    border-bottom: 3px solid currentColor;
}

.mh-site-header__hamburger::after {
    position: absolute;
    top: 6px;
    right: 0;
    left: 0;
    height: 3px;
    background: currentColor;
    content: "";
}

.mh-site-header__brand {
    display: grid;
    min-width: 112px;
    min-height: 46px;
    margin: 0;
    justify-self: center;
    place-items: center;
}

.mh-site-header__brand img {
    display: block;
    width: 112px;
    max-width: none;
    height: auto;
    margin: 0;
}

.mh-site-header__social {
    display: flex;
    gap: 8px;
    margin: 0;
    direction: ltr;
    justify-self: end;
}

.mh-site-header__social-link {
    display: grid;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    place-items: center;
    -webkit-tap-highlight-color: transparent;
}

.mh-site-header__social-link img {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0;
    object-fit: contain;
}

.mh-site-header__panel {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    max-height: calc(100vh - 64px);
    max-height: calc(100dvh - 64px);
    padding:
        6px
        max(15px, env(safe-area-inset-right, 0px))
        max(16px, env(safe-area-inset-bottom, 0px))
        max(15px, env(safe-area-inset-left, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
    color: #152a3c;
    background: #fff;
    border-top: 3px solid var(--mh-header-red);
    border-bottom: 1px solid #d8e0e6;
    box-shadow: 0 10px 22px rgba(7, 24, 40, .2);
    direction: rtl;
}

.mh-site-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mh-site-nav li {
    min-width: 0;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dce3e8;
    list-style: none;
}

.mh-site-nav li:nth-child(odd) {
    border-left: 1px solid #dce3e8;
}

.mh-site-nav a {
    display: flex;
    min-height: 44px;
    padding: 10px 14px 10px 8px;
    color: #193a55;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
    text-decoration: none;
}

.mh-site-nav a::before {
    width: 3px;
    height: 16px;
    margin-left: 8px;
    background: var(--mh-header-red);
    content: "";
    flex: 0 0 3px;
}

.mh-site-nav a:active {
    background: #eef3f6;
}

.mh-header-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 350px) {
    .mh-site-header__bar {
        grid-template-columns: minmax(72px, 1fr) auto minmax(72px, 1fr);
        padding-right: 8px;
        padding-left: 8px;
    }

    .mh-site-header__brand,
    .mh-site-header__brand img {
        width: 102px;
        min-width: 102px;
    }

    .mh-site-header__social {
        gap: 6px;
    }

    .mh-site-header__social-link,
    .mh-site-header__social-link img {
        width: 33px;
        height: 33px;
    }
}

@supports (overflow-x: clip) {
    .mh-site-header,
    .mh-site-header__bar,
    .mh-site-header__panel {
        overflow-x: clip;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mh-site-header *,
    .mh-site-header *::before,
    .mh-site-header *::after {
        scroll-behavior: auto !important;
    }
}
/* === SITEWIDE MOBILE HEADER V1 END === */

/* === SITEWIDE MOBILE FOOTER V1 START === */
/* AKHBARONA SITEWIDE MOBILE FOOTER V1 START */

.mf-footer,
.mf-footer *,
.mf-footer *::before,
.mf-footer *::after {
    box-sizing: border-box;
}

.mf-footer {
    --mf-main: #223d5a;
    --mf-deep: #182d44;
    --mf-text: #dbe4ed;
    --mf-muted: #aebdcb;
    --mf-line: rgb(255 255 255 / 15%);
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 24px auto 0;
    overflow: hidden;
    color: var(--mf-text);
    border-top: 1px solid #71869a;
    background: var(--mf-main);
    direction: rtl;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    isolation: isolate;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.mf-footer__inner {
    width: 100%;
    padding: 0 16px;
}

.mf-footer__masthead {
    display: flex;
    min-height: 80px;
    border-bottom: 1px solid var(--mf-line);
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.mf-footer__brand {
    display: inline-flex;
    min-width: 0;
    min-height: 48px;
    align-items: center;
    flex: 0 1 auto;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mf-footer__brand img {
    display: block;
    width: 114px;
    height: auto;
    max-width: 100%;
}

.mf-footer__social {
    display: flex;
    min-width: 0;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    list-style: none;
}

.mf-footer__social a {
    display: inline-flex;
    width: 36px;
    height: 36px;
    color: #fff;
    border: 1px solid rgb(255 255 255 / 30%);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mf-footer__social svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.mf-footer__block {
    margin: 0;
    padding: 22px 0;
    border-bottom: 1px solid var(--mf-line);
}

.mf-footer__block h2 {
    margin: 0 0 15px;
    color: #fff;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-align: right;
}

.mf-footer__links {
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
    list-style: none;
}

.mf-footer__links li {
    min-width: 0;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgb(255 255 255 / 8%);
}

.mf-footer__links a {
    display: flex;
    min-width: 0;
    min-height: 42px;
    padding: 8px 0;
    color: #d4dee7;
    align-items: center;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.55;
    text-align: right;
    text-decoration: none;
    overflow-wrap: anywhere;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mf-footer__links--about a {
    color: #e1e8ef;
}

.mf-footer__apps {
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 7px;
    list-style: none;
}

.mf-footer__apps a {
    display: grid;
    width: 100%;
    min-height: 62px;
    padding: 4px;
    border: 1px solid rgb(255 255 255 / 16%);
    background: rgb(10 25 39 / 20%);
    place-items: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mf-footer__apps img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 108px;
}

.mf-footer__bottom {
    padding: 16px;
    color: var(--mf-muted);
    background: var(--mf-deep);
    text-align: center;
}

.mf-footer__legal {
    display: flex;
    margin: 0 0 11px;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
}

.mf-footer__legal li {
    display: flex;
    align-items: center;
}

.mf-footer__legal li + li::before {
    width: 1px;
    height: 13px;
    margin: 0 10px;
    background: rgb(255 255 255 / 24%);
    content: "";
}

.mf-footer__legal a {
    display: inline-flex;
    min-height: 32px;
    color: #d0dbe5;
    align-items: center;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

.mf-footer__copyright {
    margin: 0;
    color: var(--mf-muted);
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.75;
}

.mf-footer a:focus-visible {
    outline: 3px solid #9fb6ca;
    outline-offset: 2px;
}

@media (max-width: 350px) {
    .mf-footer__inner {
        padding-inline: 12px;
    }

    .mf-footer__masthead {
        min-height: 76px;
        gap: 8px;
    }

    .mf-footer__brand img {
        width: 100px;
    }

    .mf-footer__social {
        gap: 5px;
    }

    .mf-footer__social a {
        width: 32px;
        height: 32px;
    }

    .mf-footer__social svg {
        width: 14px;
        height: 14px;
    }

    .mf-footer__links {
        column-gap: 12px;
    }

    .mf-footer__links a {
        font-size: 11.5px;
    }

    .mf-footer__apps {
        gap: 5px;
    }

    .mf-footer__apps a {
        min-height: 56px;
        padding: 3px;
    }

    .mf-footer__bottom {
        padding-inline: 12px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .mf-footer__social a:hover,
    .mf-footer__apps a:hover {
        border-color: rgb(255 255 255 / 65%);
    }

    .mf-footer__links a:hover,
    .mf-footer__legal a:hover {
        color: #fff;
    }
}

/* AKHBARONA SITEWIDE MOBILE FOOTER V1 END */
/* === SITEWIDE MOBILE FOOTER V1 END === */

/* AKHBARONA MOBILE SPORT CATEGORY V1 START */

.msport-page,
.msport-page *,
.msport-page *::before,
.msport-page *::after {
    box-sizing: border-box;
}

.main-sec.msport-page {
    display: block;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding-top: 6px;
    overflow: hidden;
    color: #15231d;
    background: #fff;
    direction: rtl;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

@supports (overflow: clip) {
    .main-sec.msport-page {
        overflow-x: clip;
        overflow-y: visible;
    }
}

.msport-page__inner {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    background: #fff;
}

.msport-identity {
    position: relative;
    width: 100%;
    padding: 16px 18px 15px;
    overflow: hidden;
    border-bottom: 1px solid #dce8e1;
    background: linear-gradient(110deg, #fff 0%, #fff 67%, #eef7f2 100%);
}

.msport-identity::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: #16784a;
    content: "";
}

.msport-identity h1 {
    margin: 0;
    color: #0d5935;
    font-family: "Cairo", Tahoma, Arial, sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.3px;
    text-align: right;
}

.msport-news {
    width: 100%;
    margin-top: 6px;
}

.msport-news .mh-card__link:active .mh-card__media img,
.msport-videos .mh-video-feature__link:active img,
.msport-videos .mh-video-card__link:active img {
    transform: none;
}

.msport-ad {
    position: relative;
    display: grid;
    width: min(300px, calc(100% - 32px));
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    overflow: visible;
    place-items: center;
    background: #f5f6f5;
    border: 1px solid #e2e5e3;
    isolation: isolate;
}

.msport-ad--between {
    margin-top: 24px;
    margin-bottom: 24px;
}

.msport-ad--ending {
    margin-top: 24px;
    margin-bottom: 24px;
}

.msport-ad__label {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: grid;
    color: #78827d;
    place-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.msport-ad__slot {
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
    text-align: center;
}

.msport-ad__slot > *,
.msport-ad__slot iframe,
.msport-ad__slot ins,
.msport-ad__slot img {
    max-width: 100% !important;
}

.msport-videos.mh-videos {
    width: 100%;
    max-width: 420px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
}

.msport-videos .mh-videos__heading h2 {
    max-width: 100%;
    overflow: hidden;
    font-size: 22px;
    line-height: 1.3;
    text-overflow: clip;
    white-space: nowrap;
}

.msport-videos .mh-videos__heading h2 a,
.msport-videos .mh-videos__heading h2 strong {
    white-space: nowrap;
}

.msport-videos .mh-video-feature__figure,
.msport-videos .mh-video-card__media {
    overflow: hidden;
}

.msport-videos .mh-video-feature__figure img,
.msport-videos .mh-video-card__media img,
.msport-news .mh-card__media img {
    border-radius: 0;
}

@supports (padding: max(0px)) {
    .msport-identity {
        padding-right: max(18px, env(safe-area-inset-right, 0px));
        padding-left: max(18px, env(safe-area-inset-left, 0px));
    }
}

@media (max-width: 350px) {
    .msport-identity h1 {
        font-size: 24px;
    }

    .msport-videos .mh-videos__heading h2 {
        font-size: 19px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .msport-page *,
    .msport-page *::before,
    .msport-page *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* AKHBARONA MOBILE SPORT CATEGORY V1 END */

/* AKHBARONA MOBILE SPORT CATEGORY COMPLETE CSS V1 END */