:root {
    --dim-text-color: #898989;
    --dark-text-color: rgb(43, 42, 42);
    --shadow-text-color: #4a4a4a;
    --light-dark-text-color: #89898987;
    --dark-bg-color: #3c423e;
    --bg_blue: #2f3841;
    --dark-border: #4a4a4a;
    --meta-color: #c1c1c1;
}

.theme-light .tab-link.active a {
    font-weight: 500;
    color: black !important;
}

.theme-light .bright-current .tab-link.active a {
    color: var(--orange) !important;
}

.theme-dark .tab-link.active a {
    font-weight: 500;
    color: var(--orange) !important;
}

.tab-link.active a::before {
    width: 20px !important;
    background-color: var(--orange) !important;
}

.hide-slider-nav .tab_slider_bottom_row .slider_navigation {
    display: none;
}

.news-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.news-image-holder {
    flex: 0 0 30%;
    display: block;
    position: relative;
    margin-left: 10px;
}

    .news-image-holder img {
        width: 100%;
        height: auto;
        display: block;
    }

.bg-gray {
    background-color: #f3f3f3;
}

.news-main-container,
.news-latest-container {
    display: flex;
    flex-direction: column;
}

.covetage_wrap .news-content .news-content-title p {
}

section.Slide-News.bg-gray.margin-btn {
    margin-bottom: 8%;
}

.section-header.title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
}

.news-latest-container.Big-slider-wrap {
    width: 100%;
}

.Big-slider-wrap .thumb_swiper .slider_bg {
    width: 100% !important;
}

.Big-slider-wrap .swiper-slide {
    display: flex !important;
    flex-direction: row-reverse;
}

.Big-slider-wrap .sideBy_thumb_slider_wrapper {
    z-index: 100;
    position: relative;
    right: 40%;
    width: 100%;
    max-width: 35%;
}

.news-latest-container.col-8 {
    width: 60% !important;
}

section.Slide-News.bg-gray.no-margin {
    padding-bottom: 0px !important;
}

.Big-slider-wrap .slider_bg {
    width: 60% !important;
}

    .Big-slider-wrap .slider_bg.info-wrap {
        width: 40% !important;
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
        padding: 0;
        background-color: transparent;
    }

.Big-slider-wrap .slide_info_wrap,
.post-info .slide_info_wrap {
    height: 50px;
    width: 100%;
    position: relative;
    gap: 15px;
    margin: 0;
    z-index: 9;
}

.post-info .slider_desc.title {
    z-index: 9;
    position: relative;
    margin-bottom: 0;
}

.Big-slider-wrap .slider_desc h2 {
    -webkit-line-clamp: 3;
}

.Big-slider-wrap .img_icon img,
.big-post-wrap .img_icon img {
    object-fit: contain;
    position: relative;
}

.Big-slider-wrap .img_icon,
.big-post-wrap .img_icon {
    width: 30px !important;
    height: 30px !important;
    margin: 0;
}

.hide-in-desktop-title {
    display: none;
}

.col-4.absolute-container {
    position: relative;
}

    .col-4.absolute-container .news-main-container {
        position: absolute;
        top: -40%;
        z-index: 10;
    }

.Big-slider-wrap .Category p {
    border: 2px solid var(--dim-text-color);
    color: var(--dim-text-color) !important;
    background-color: transparent;
}

.news-main-container .slide_info_wrap {
    display: flex;
    gap: 10px;
}

    .news-main-container .slide_info_wrap .img_icon,
    .post-metas-col .img_icon,
    .single-meta .img_icon {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        margin: 0;
    }

li.single-meta.orange {
    border: 1px solid var(--orange) !important;
}

.news-main-container .slide_info_wrap .img_icon img {
    max-width: 100%;
    max-height: 100%;
}

.blue-card .card-image,
.blue-card .card-image img {
    width: 100%;
}

.p-content {
    margin-top: 20px;
}

    .p-content figure img {
        width: 100%;
    }

    .p-content .content-media-item img {
        width: 100%;
    }

.time p {
    color: var(--dim-text-color) !important;
    opacity: 0.9;
    font-weight: 400;
    font-size: 12px;
}

.news-main-container p.lg_para {
    color: var(--text-color);
    padding-left: 30px;
    text-align: right;
    line-height: 1.8;
}

.nodata {
    font-size: 1.5rem;
}

.theme-dark .nodata,
.theme-dark .fa.fa-spinner::before {
    color: white;
}

.article-content-wrap h2,
.details-content h2 {
    color: black !important;
    font-weight: 600;
}

.post-details .p-content li {
    line-height: 1.8;
}

.article-content-wrap p,
.post-details .p-content li,
.post-details .p-content p a {
    font-size: 1.9rem;
    font-weight: 400;
}

.article-content-wrap .time p {
    font-size: 12px;
}

.news-main-container .article-content-wrap .slider_desc h2 {
    color: black !important;
    font-weight: 500 !important;
}

.slider-img-slider {
    height: 400px;
    position: relative;
}

    .slider-img-slider img {
        object-fit: cover;
        object-position: top;
        width: 100%;
        height: 100%;
    }

.news-grid {
    background-color: white;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.big-section-wrap p.lg_para {
    padding-top: 4px !important;
}

.news-grid .single-news-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
}

.news-grid .title.font_45 {
    padding-bottom: 10px;
}

.podcast_init_c h2 {
    min-height: 64.7px;
}

.podcast_init_c h2,
.related-pdcast .card-title a h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-height: 1.8;
}

.news-content-title p {
    line-height: 125%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 400;
}

.card_slider_sec h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.card_slider_sec .tab_item_info h2 {
    position: relative;
    overflow-x: visible;
    overflow-y: clip;
}

.card_slider_sec a {
    display: contents;
}

.widget-info.equal h3 {
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.widget-info .lg_para {
    -webkit-line-clamp: 3;
    font-size: 14px;
    margin: 0;
}

.widget-info .time p {
    font-size: 12px !important;
}

.widget-title-wrap h3 {
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.news-main-container .news-content-time .time p {
    font-size: 11px;
}

.news-content {
    flex: 0 0 65%;
}

.latest-news-list {
    display: flex;
    flex-direction: column;
}

    .latest-news-list ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        padding: 10px 0px;
        gap: 10px;
    }

.news-title-text:before {
    content: "";
    border: 3px solid #ff0505;
    border-radius: 10px;
    opacity: 0.8;
}

.news-title-text {
    color: var(--dark-text-color);
    opacity: 0.8;
    display: flex;
    gap: 20px;
}

    .news-title-text h5 {
        line-height: 1.8;
    }

.latest-news-list .time p {
    padding: 0px 20px;
    margin-bottom: 5px;
}

.weather-partition {
    margin-top: 30px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.weather-dropdown {
    position: relative;
    width: 35%;
}

.img_icon li {
    display: block !important;
}

.dropdown-content {
    width: 100%;
    z-index: 1;
    box-shadow: 0px 1px 3px #00000036;
    background-color: #fafafa;
    color: #464646;
    padding: 5px 2px;
    margin-bottom: 5px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
}

.weather-dropdown .dropdown-content option {
    background: white;
    color: black;
}

.weather-partition img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-latest-container .swiper,
.swiper-container {
    height: 460px;
    background-color: transparent;
}

.news-latest-container .sideBy_thumb_slider_wrapper .swiper {
    height: fit-content;
    padding: 10px 5px;
}

.bg-remove {
    background-image: unset !important;
}

.documentary-wrapper .more-hover-svg a,
.documentary-wrapper .more-hover-svg a:hover,
.infograpgh-section .more-hover-svg a {
    color: #ffffff !important;
}

.video-swipper .title:hover .more-hover-svg img,
.documentary-wrapper .title:hover .more-hover-svg img,
.infograpgh-section .title:hover .more-hover-svg img {
    filter: brightness(3.5);
}

.video-swipper .title .more-hover-svg img,
.blue-card .title .more-hover-svg img,
.blue-card .title .more-hover-svg span,
.documentary-wrapper .title .more-hover-svg img,
.infograpgh-section .title .more-hover-svg img {
    filter: brightness(3.5);
    color: white;
}

.row-reverse-wrap .swiper-slide {
    flex-direction: row-reverse !important;
    justify-content: center;
    gap: 40px;
}

.row-reverse-wrap .slider_info {
    padding-top: 5%;
    margin-top: 4%;
}

.row-reverse-wrap .side_by_slider .slider_bg.video {
    max-width: 50%;
    position: relative;
    overflow: visible;
}

.row-reverse-wrap .container {
    background-image: unset !important;
}

.row-reverse-wrap .swiper-slide .slider_bg.video img {
    width: 100%;
    z-index: 125;
}

.row-reverse-wrap .container {
    background-image: url(/mdn2023/images/bg-cover-video.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.row-reverse-wrap .side_by_slider .slider_bottom_row.documentary {
    left: 3px !important;
    bottom: 0px !important;
    padding: 0px;
    right: unset !important;
}

.revert-slider-thumbs.slider_bottom_row.documentary .swiper-thumbs {
    flex-direction: column;
}

.two-card .single-tab {
    flex: 1;
}

.space-holder {
    width: 100%;
    height: 115px;
    z-index: -1;
}

.big-section-wrap.linear-bg-dark .slider_desc h2 {
    line-height: 44px;
    -webkit-line-clamp: 3 !important;
    padding: 5px 0px;
    position: relative;
    overflow-x: visible;
    z-index: 3;
    overflow-y: clip;
}

section.big-section-wrap.linear-bg-dark.light_bg {
    overflow: hidden;
    padding-bottom: 20px;
}

.swiper-slide.tab {
    display: flex;
    flex-direction: column;
    gap: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: translate3d(0px, 0px, 0px);
}

.tab_item_info p {
    color: var(--text-color) !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 500;
    line-height: 1.8;
}

.home_featured_title p {
    -webkit-line-clamp: 3;
}

.more_browse a,
.body a.more_browse_btn:hover::before {
    color: var(--orange);
}

.more_browse {
    width: fit-content;
}

.more_browse_btn:hover {
    background: #e5e5e5;
}

.tab_item_info.home_featured_title {
    width: fit-content;
}

.section-header.title h2 {
    color: black !important;
    font-weight: 500;
    transition: color 0.3s !important;
}

    .section-header.title h2:hover {
        color: #ff6b00 !important;
    }

.Big-slider-wrap .slider_desc {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.Big-slider-wrap p.lg_para,
.big-post-wrap p.lg_para {
    color: var(--dim-text-color);
    font-size: 15px;
}

.section-header.title span {
    opacity: 0.4;
}

.Section-flex-boxes .inner_sec {
    flex-direction: column;
}

.Section-flex-boxes .tab_slider_info_col {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    align-items: center;
}

.theme-light .slider-container-big h2 {
    color: black;
}

.section-header.title h2,
.title.font_45 h2 {
}

.white-bg .mangoswiper .slider_info {
    gap: 10px;
    display: flex;
    flex-direction: column;
    padding-top: 5px;
}

.white-bg {
    padding-bottom: 20px !important;
}

    .white-bg .slider_desc.video-title h2 {
        margin-bottom: 0 !important;
        -webkit-line-clamp: 2 !important;
    }

.col-12.col-md-6 .item-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pd-top-0 {
    padding-top: 0;
}

.pd-bottom-0 {
    padding-bottom: 0;
}

.pd-top-20 {
    padding-top: 20px;
}

.pd-top-10 {
    padding-top: 10px;
}

.white-bg {
    background: #ececec !important;
    padding-top: 70px;
}

    .white-bg .all_news_slider.side_by_slider {
        background: white;
        padding: 30px 0px;
    }

col-12.col-md-6 .card-div.big {
    display: flex;
}

.col-12.col-md-6 .read-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    gap: unset;
    height: 100%;
}

.white_bg .title.font_45 {
    position: absolute;
    right: 0;
}

.white-bg .title.font_45 {
    background: white;
    right: 0;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    position: relative;
}

    .white-bg .title.font_45::before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 300%;
        background: white;
        z-index: -1;
        left: 0;
        border-top-left-radius: 10px;
    }

.white-bg .section_head.title_tab_bar {
    padding-bottom: 0px;
}

.Category {
    width: fit-content;
    z-index: 3;
}

section.white-bg section.all_news_slider.side_by_slider {
    background: white;
    padding: 20px 0px;
}

.read-contianer {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.read-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
}

.single-item {
    display: flex;
    gap: 15px;
    width: 100%;
}

.item-content {
    flex: 0 0 68%;
}

.tab_item_info {
    position: relative;
    margin-top: 8px;
}

.read-contianer .item-metas {
    padding-top: 15px;
}

.item-content .item.title,
.item-content .item.title a {
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 600;
    color: var(--text-color);
    position: relative;
}

.two-one-align .col-52 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bold h4 {
    font-weight: 600;
    color: black;
}

.big-card.no-gap .fixed-height h3 {
    max-width: 95%;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-metas {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: auto;
}

.author-img {
    width: 30px;
    height: 30px;
    margin-left: 0.5rem;
}

    .author-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50% !important;
    }

.author-name {
    font-size: 13px;
    font-weight: 600;
}

.item-image {
    flex: 0 0 25%;
    display: block;
    position: relative;
    margin-left: 0.8rem;
}

.episode_content .item-image {
    flex: 0 0 33%;
}

.episode_content .item-content {
    flex: 0 0 66%;
}

.item-image img {
    width: 100%;
    display: block;
}

.item-metas .day_time > * {
    padding-right: 0px;
}

.comm_sq_list.grid_2 .column_list li a {
    position: relative;
    align-items: center;
}

.comm_sq_list.grid_2 li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.comm_sq_list.grid_2 .column_list li {
    width: 100%;
    margin-bottom: 25px;
}

.comm_sq_list.grid_2 .column_list:not(.no_padding) li {
    padding-bottom: 25px;
}

.grid_2 ul.column_list {
    column-count: 2;
    display: inline-block;
    float: left;
    counter-reset: section;
    margin-left: auto;
    margin-bottom: 0px !important;
}

.grid_2 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    margin-top: 0;
    list-style: none;
}

.editors-pick .ad-hide-ipad {
    width: 23.3%;
}

.editors-pick .has_advertising {
    align-items: center;
}

.editors-pick .item.title {
    height: 87px;
}

.has_advertising .comm_sq_list.grid_2 {
    width: 65%;
}

.has_advertising .adv_block {
    width: 100%;
    flex: 1;
    min-height: 250px;
    display: flex;
    align-items: center;
    background-color: var(--dim-text-color);
}

.has_advertising {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

.adv_block .adv_wrap {
    width: 100%;
    height: 100%;
}

    .adv_block .adv_wrap h2 {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 34px;
        text-align: center;
    }

.comm_sq_list .column_list .episode_content {
    width: 100%;
    display: flex;
}

.Grid-section .item.title {
    -webkit-line-clamp: 3 !important;
    margin: 0 !important;
    font-weight: 500 !important;
    min-height: 53px;
}

.comm_sq_list h5 {
    color: var(--white);
    line-height: 150%;
}

.episode_content .item.title {
    font-weight: normal;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    color: var(--shadow-text-color);
}

.Grid-section {
    background-color: #ececec;
}

.column_list li:nth-child(2n) {
    margin-bottom: 0px !important;
}

.grid_tab_sec .tab_slider_col {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    justify-content: space-between;
}

.home.hide-in-desktop {
    display: none;
}

.slider-box {
    width: 74%;
    padding-top: 30px;
}

.read-section .fixed-height {
    height: 50px;
}

.Grid-themed .fixed-height {
    height: 55px;
}

.slider-box .widget-tab {
    padding: 0px;
}

.flex-meta-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.no-pseudo::before {
    content: unset !important;
    padding: 5px !important;
}

.no-pseudo {
    padding: 5px !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
}

.flex-meta-vertical .author-img {
    width: 60px !important;
    height: 60px !important;
}

.dynamic-bullets-slider {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: flex-end;
    padding: 5px 10px;
}

    .dynamic-bullets-slider .swiper-pagination-bullets {
        width: 150px !important;
        transform: unset !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        overflow: visible;
        padding: 0px 5px;
    }

.grid_tab_sec .tab_content_wrapper {
    max-width: 83.4%;
    margin: unset;
}

.grid_tab_sec.comm_tabination_sec .tabs {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    list-style: none;
    margin: 10px 0px;
    overflow-x: auto;
}

    .grid_tab_sec.comm_tabination_sec .tabs::-webkit-scrollbar {
        display: none;
    }

.grid_5_col .tab_content_inner_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

    .grid_5_col .tab_content_inner_wrap .tab_card {
        padding: 0px 10px;
        width: 100%;
        max-width: 18%;
    }

.grid_5_col .tab_item_info h5 {
    font-size: 13px;
    font-weight: 500;
}

.grid_5_col .tab_item_bg {
    border-radius: 7px !important;
}

.grid_5_col .time p {
    padding: 4px;
}

.grid_5_col .time p {
    padding-top: 7px;
    font-size: 9px;
}

.grid_5_col .day_time > * {
    padding-right: 0px;
}

.comm_tabination_sec .tab-link a {
    color: var(--light-dark-text-color);
    font-size: 12px;
    font-weight: 400;
    position: relative;
    white-space: nowrap;
    padding: 8px 15px;
}

.tab_card .tab_item_info {
    margin: 8px 0px;
}

.comm_tabination_sec .tab-link a::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 3px;
    border-radius: 50px;
    background-color: var(--light-dark-text-color);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.grid_tab_sec.comm_tabination_sec .tab-link a::before {
    bottom: unset;
    width: 3px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.font_45 h2 {
    color: black !important;
    font-weight: 600 !important;
}

section .pd-bottom-22 {
    padding-bottom: 22px;
}

.grid-card.white-themed-grid .title {
    min-height: 72px;
}

.inner-metas.left {
    right: unset !important;
    left: 10px;
}

.grid-card.white-themed-grid h3 {
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

a.more_browse_btn {
    font-size: 12px;
}

.comm_tabination_sec .tab-link a:hover {
    color: var(--link_hover);
    cursor: pointer;
}

.comm_tabination_sec .tab-link.current a {
    color: var(--white);
    font-weight: bold;
}

    .comm_tabination_sec .tab-link.current a::before,
    .comm_tabination_sec .tab-link a:hover::before {
        background-color: var(--link_hover);
    }

.tab_swiper_episodes .tab_item_bg {
}

.section-header.title span svg {
    width: 30px;
    padding-top: 10px;
}

.documentary-wrapper .section-header.title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.hide-slider-nav-full .slider_navigation {
    display: none;
}

.documentary-wrapper .side_by_slider .slider_desc.video-title h2 {
    margin-bottom: 10px;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 400;
    text-align: start;
    width: 95%;
}

section.documentary-wrapper .flex-slider-thumbs-wrap {
    display: flex;
    flex-direction: column;
}

.category-box {
    width: fit-content;
}

    .category-box p:hover {
        background: #ffffff12;
        border-color: #ffffff57;
    }

    .category-box p {
        width: fit-content;
        background: transparent;
        padding: 3px 8px;
        font-weight: 300;
        color: #c5d2e9;
        border: 1px solid;
        transition: 0.3s all;
    }

    .category-box a {
        width: fit-content;
    }

section .documentary-wrapper .side_by_slider .slider_bg {
}

section.documentary-wrapper .swiper-slide {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 0px 2px;
    justify-content: space-between;
    flex-direction: revert;
    gap: 10px;
    width: 100%;
}

section.documentary-wrapper.Video.hide-slider-nav.row-reverse-wrap {
    padding-bottom: 0px;
    background-blend-mode: unset;
}

section.documentary-wrapper {
    background-size: cover;
    background-position: center;
    margin: 0;
    background-repeat: no-repeat;
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 1;
    padding-bottom: 62px;
    background: #2f3841;
}

p.lg_para.post-article-text,
.Article .lg_para.summary {
    -webkit-line-clamp: unset !important;
}

section.documentary-wrapper .section-header.title h2,
section.documentary-wrapper .section-header.title svg {
    color: white !important;
    fill: white;
}

section.documentary-wrapper .tab_slider_sec .tab-link.current a,
.bg-dark-grey .tab_slider_sec .tab-link.current a {
    font-weight: 500;
    background: transparent !important;
}

section.documentary-wrapper .sideBy_thumb_slider_wrapper {
    width: 100%;
    max-width: 100%;
}

section.documentary-wrapper .side_by_slider .slider_bottom_row {
    width: 51%;
    position: absolute;
    justify-content: flex-start;
    right: 0px;
    bottom: 0px !important;
    left: 0px !important;
}

section.documentary-wrapper p.lg_para,
section.documentary-wrapper .lg_para p {
    line-height: 125%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 400;
    color: white;
    opacity: 0.7;
    margin: 0;
}

section.documentary-wrapper .swiper-slide .slide_info_wrap,
section.documentary-wrapper .swiper-slide .day_time {
    padding: 2px 0px;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    gap: 10px;
}

.slider_bottom_row.video.documentary {
    left: 58%;
    margin: 0;
    padding: 0;
}

.news-inner-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.more_browse_btn {
    display: flex;
    align-items: center;
    width: fit-content;
    border: 1px solid;
    padding: 2px 8px;
    border-radius: 5px;
}

.gradient_tab_sec .slider_navigation {
    display: flex;
    align-items: center;
    padding: 7px 0px;
    padding-bottom: 0px;
}

.news-col {
    gap: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.Episodes .tab_item_info {
    width: 100%;
}

    .Episodes .tab_item_info p,
    .video-item-title h2 {
        line-height: 1.8;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

.horizontal-separator {
    position: relative;
    width: 100%;
    background: var(--border);
    height: 2px;
}

section.podcast-container {
    height: fit-content;
    margin-bottom: 35px;
    overflow: hidden;
    width: 100%;
}

.podcast-items {
    display: grid;
    gap: 10px;
}

.theme-light .item.title.podcast h2 {
    color: black;
}

.item.title.podcast h2 {
    font-size: 2.4rem;
    line-height: 1.7;
}

section.podcast-container .container {
    display: flex;
    gap: 30px;
}

.podcast-container .section-header.title {
    padding: 2% 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.podcast-container svg {
    width: 45px;
    height: 45px;
    margin: 0;
    fill: #1fbabc;
}

.podcast-container .tab_content_wrapper {
    width: 100%;
    height: 100%;
}

.podcast-flex-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 30px;
}

.podcast-inner-wrapper {
    width: 100%;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.podcast-cover {
    position: relative;
    height: 100%;
    width: 150px;
}

.item-player-podcast {
    flex: 2;
}

.flex-box {
    display: flex;
    gap: 10px;
}

.podcast-content {
    flex: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.item.title.podcast a {
    color: var(--dark-text-color);
    font-weight: 600;
    margin-bottom: 10px;
}

.lg_para.podcast {
    opacity: 0.5;
    font-size: 16px;
}

.podcast-cover img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.podcast-share-grid {
    display: flex;
    flex-direction: column;
}

.podcast-icons-grid {
    padding: 20px;
    background: #1fbabc;
    border-radius: 5px;
    position: relative;
}

.podcast-mdn-logo {
    height: 40px;
    width: 40px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.podcast-icons-wrap {
    width: 100%;
    position: relative;
}

.podcast-mdn-logo img {
    object-fit: contain;
    margin: 0;
    width: fit-content;
}

.podcast-mdn-social {
    height: 50%;
    width: fit-content;
    display: flex;
}

.podcast-social-logo {
    margin-right: 8px;
}

.podcast-icons-col {
    display: flex;
    width: 100%;
    height: fit-content;
    margin-right: 10px;
}

.podcast-social-logo a {
    width: max-content;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    flex-direction: row-reverse;
    display: flex;
    border-radius: 5px;
    cursor: pointer;
    color: grey;
    background: white;
}

    .podcast-social-logo a:hover {
        background-color: #ededef96;
    }

.podcast-social-logo img {
    object-fit: contain;
    width: 24px;
    height: auto;
    margin: 0;
}

.podcast-logo-text {
    font-size: 15px;
    font-weight: 400;
    padding-right: 10px;
}

.podcast-container .rounded_sec {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.podcast-container .inner_sec {
    flex: 2;
    display: flex;
    flex-direction: column;
    max-width: 71%;
}

.podcast-container .podcast-ad img {
    height: auto;
    width: 100%;
    object-fit: contain;
    border-radius: 0px;
}

.podcast-container .title.font_45 svg {
    fill: #47b7b9;
}

.title-info {
    min-height: 58px;
}

.grid-wrapper-5 a {
    position: relative;
}

.podcast-cover-image img {
    border: 3px solid #e4e4e4;
    border-radius: 10px;
}

.player-btn-img {
    height: 35px;
    width: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #e4e4e4;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 5px;
    padding: 5px;
}

.podcast-cover-group a:hover .podcast-cover-image img {
    animation: borderblink 0.3s forwards;
}

.podcast-cover-group a:hover .player-btn-img {
    animation: bgblink 0.3s forwards;
}

.podcast-cover-group a:hover {
    transform: scale(1.04);
}

@keyframes borderblink {
    50% {
        border: 4px solid #e4e4e4;
    }

    100% {
        border: 4px solid white;
    }
}

@keyframes bgblink {
    50% {
        background: #e4e4e4;
    }

    100% {
        background: white;
    }
}

.grid-wrapper-5 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    grid-gap: 20px;
}

.Sports a.more_browse_btn {
    visibility: hidden;
}

.Info .slider_bg.video {
    height: 100%;
    width: 100%;
    padding-top: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.3;
    filter: blur(2px);
    object-fit: cover;
    max-width: 100%;
}

.infographic-section .main-slider-bg-wrapper {
    width: 51%;
    height: 380px;
}

.infographic-section .tab_content_wrapper.card_tab_wrapper {
    max-width: 49%;
    background: #c4c4c4;
    z-index: 10;
    height: 380px;
}

.infographic-section .section-header.title {
    position: absolute;
    top: 20px;
    right: 8.5vw;
}

    .infographic-section .section-header.title h2,
    .bg-dark h2,
    .bg-dark .item.title,
    .bg-dark .author-name {
        color: rgb(247, 247, 247) !important;
        z-index: 3;
        position: relative;
    }

.infographic-section .tab_content_wrapper .tab-content {
    left: 55%;
    top: -35%;
}

.infographic-section.card_info_col {
    position: absolute;
}

.infographic-section .tab_slider_col {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    position: relative;
}

.infographic-section .swiper-slide.swiper-slide-active {
    position: relative;
}

.main-slider-bg-wrapper::before {
    max-width: 70%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    height: 100%;
    mix-blend-mode: hard-light;
    background-color: #1b1b1b;
    z-index: 2;
}

.infographic-section .swiper-slide.swiper-slide-next .card_info_col,
.infographic-section .swiper-slide.swiper-slide-prev .card_info_col {
    opacity: 0 !important;
}

.infographic-section .swiper-slide:not(.swiper-slide-active) .card_info_col {
    opacity: 0;
}

.mangoswiper_doc .swiper-slide:not(.swiper-slide-active) .slider_info {
    opacity: 0;
}

section.card_slider_sec.infographic-section .rounded_sec {
    background-color: transparent;
}

.infographic-section .card_swipper .swiper-wrapper {
    padding-top: 150px;
}

.infographic-section .swiper_slide_card {
    width: 100% !important;
    position: relative !important;
}

.infographic-section .slider_navigation {
    position: absolute;
    bottom: 50px;
    width: 65%;
    right: 15%;
    z-index: 99;
}

.infographic-section .card_slider_sec .swiper_slide_card .card_info_col {
    width: 100%;
    max-width: 60.7%;
    position: absolute;
    top: 20%;
    right: -20%;
    transition: all 0.5s ease-in-out 0s;
}

.infographic-section .card_swipper .swiper-wrapper {
    padding-top: 55px;
}

.infographic-section .swiper-slide:not(.swiper-slide-active) .card_info_col {
    opacity: 0;
}

.infographic-section
.swiper.info_swiper.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    position: relative;
}

.infographic-section .card_info_col {
    width: 100%;
    max-width: 70.7% !important;
    transition: all 0.5s ease-in-out;
    position: absolute !important;
    right: -34% !important;
    top: -10% !important;
}

.infographic-section .tab_item_bg {
    width: 100% !important;
    max-width: 71.3% !important;
    position: absolute !important;
    top: 15% !important;
    left: -13% !important;
}

.news-wrap img {
}

.breadcrumb-container {
    margin: 10px 0px;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding: 0 1.2rem !important;
    color: var(--orange) !important;
}

.margin-btm-20 {
    margin-bottom: 30px;
}

.breadcrumb-item + .breadcrumb-item::before,
.featured-meta + .featured-meta::before,
.single-meta + .single-meta::before {
    display: inline-block;
    padding: 0 0.5rem;
    color: #6c757d;
    content: "|";
}

.breadcrumb-item + .breadcrumb-item {
    padding: 0;
    display: flex;
}

.adjust-slider {
    margin-bottom: -35px;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: 0.25rem;
    margin-top: 20px;
    padding-top: 10px;
}

    .breadcrumb li,
    .breadcrumb a {
        font-size: 14px;
        line-height: 2.2rem;
        color: var(--grey-dark-four);
    }

li.breadcrumb-item a {
    color: #4a4a4a;
    font-weight: 300;
}

li.breadcrumb-item:hover a {
    color: var(--orange);
}

section.content-section {
    padding: 20px 0px;
}

.slide_info_wrap.article {
    justify-content: space-between;
    padding-left: 15px;
    gap: 15px;
}

.big-slider-carousels .swiper_slide_card.big-slide {
    position: relative;
    border-radius: 5px !important;
    overflow: hidden;
}

.big-slider-carousels .author-img img {
    position: relative !important;
}

.big-slider-carousels .swiper_slide_card.big-slide:hover .slide-content img {
    scale: unset !important;
}

.big-slider-carousels .swiper_slide_card.big-slide img {
    transition: 0.5s;
    transition-delay: 0.3s;
}

.opinion .row {
    display: flex;
    align-items: stretch;
}

.opinion .read-col {
    height: 100%;
}

    .opinion .read-col .item-metas {
        padding-top: 10px;
    }

.opinion .row .col-6.col-md-6 {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.dark h3 {
    color: black;
    font-weight: 600;
}

.grid-title {
    padding-top: 5px;
}

.grid-item .time {
    padding-top: 5px;
}

.grid-item .item-metas .time {
    padding-top: 0px;
}

.big-slider-carousels .swiper_slide_card.big-slide:hover img {
}

.big-slider-carousels .slide-content {
    position: absolute;
    width: 100%;
    bottom: 25px;
    display: flex;
    flex-direction: column-reverse;
    padding: 10px 20px;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 3;
}

    .big-slider-carousels .slide-content .item-metas {
        margin: 0 !important;
    }

    .big-slider-carousels .slide-content .section-header.title {
        height: 80px;
    }

.big-slider-carousels .swiper-slide {
    position: relative;
}

.big-slider-carousels .slide-content .section-header.title h2,
.big-slider-carousels .slide-content .author-name {
    color: white !important;
}

.big-slider-carousels .slide-content .Category p {
    background-color: var(--orange);
}

.post-metas-col {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

.bg-dark-grey {
    background: #343434 !important;
}

    .bg-dark-grey h2 {
        color: white !important;
    }

    .bg-dark-grey .more-hover-svg img {
        filter: invert(47%) sepia(96%) saturate(1066%) hue-rotate(192deg) brightness(99%) contrast(90%);
    }

.loadmoresection a {
    border: 1px solid #1446c8;
    color: #1446c8;
    padding: 3px 50px;
    border-radius: 5px;
}

.theme-dark .card-title h5 {
    color: white;
}

.theme-dark .loadmoresection a {
    color: white;
}

.bg-dark-grey .loadmoresection a {
    color: white;
}

.about-author {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

li.author-list {
    display: flex;
    align-items: center;
}

    li.author-list a {
        font-weight: 500;
    }

    li.author-list .author-img {
        margin-left: 0.8rem;
    }

.author-domain {
    margin-right: 0px !important;
}

    .author-domain h5 {
        font-weight: 400;
    }

.author-item {
    display: flex;
    align-items: center;
}

    .author-item div + div {
        margin-right: 20px;
    }

.about-author-text div + div {
    margin-top: 10px;
}

.post-type.post-metas.type-wrap.article-details-metas ul {
    padding: 30px 0px;
}

.post_disclaimer {
    font-size: 1.7rem;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--border);
}

.author-image {
    border-radius: 5px;
    overflow: hidden;
}

.about-author-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.read-more p:hover,
.loadmoresection a:hover {
    color: white !important;
    border: 1px solid #1446c8;
    background: #1446c8;
}

.read-more p {
    border: 1px solid #1446c8;
    color: #1446c8;
    padding: 5px 80px;
    border-radius: 5px;
    transition: 0.3s all;
    font-weight: 300;
}

.post-metas-col ul.post-metas {
    display: flex;
    list-style: none;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.post-metas li,
.post-metas a {
    color: var(--meta-color) !important;
    font-size: 12px;
}

.post-metas-col .single-meta + .single-meta::before,
.image-caption::before,
figcaption::before {
    color: var(--orange);
}

.post-category.post-metas {
    list-style: none;
    display: flex;
    align-items: center;
}

.social-share-icon {
    flex: 1;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 5vh 0px;
}

.about-author a img {
    border-radius: 100%;
    border-radius: 100%;
    width: 30%;
    height: 100%;
    width: 100%;
}

.media h3 a {
    color: black;
    font-weight: 400;
}

.breaking-wrapper h3 {
    font-weight: 300;
    font-size: 2.5rem;
}

.media-body {
    display: flex;
    flex-direction: column;
}

.article-wrap.row .post-type.post-metas li,
.post-type.post-metas li a,
.details-wrap .post-metas li,
.details-wrap .post-metas li a {
    border-radius: 0px !important;
    transition: 0s !important;
}

.social-share-icon svg {
    height: 18px;
    transition: 0.4s;
}

.social-share-icon:hover svg {
    scale: 1.1;
}

.social-share-icon svg path {
    fill: var(--dim-text-color) !important;
}

.social-share-icon:hover svg path {
    fill: var(--blue) !important;
}

.post-image {
    width: 100%;
}

.details-white-box {
    background: white;
    border-radius: 5px;
    padding: 10px;
}

.mangoswiper_doc .slider_info {
    padding-top: 0px;
}

.post-image img {
    width: 100%;
    height: auto;
    object-position: center;
    object-fit: cover;
}

.pop-div {
    padding: 16px;
    background-color: white;
    border-radius: 5px;
    margin-bottom: 25px;
}

.col-8 .pop-div {
    margin: 25px 0px;
}

.pop-div .swiper_slide_card {
    display: flex;
    width: 100%;
    gap: 15px;
    height: 85px;
    overflow: hidden;
}

.pop-div .tab-card h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.logo_megaNav img,
.footer_menu img {
    border-radius: 0px;
}

.footer_menu img {
}

.pop-div .tab-card {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
    gap: 5px;
    overflow: hidden;
}

.pop-div .tab_slider_sec .tab-link:not(.current) a {
    border: 1px solid #ededede3;
}

.pop-div .swiper_slide_card .tab_item_bg {
    flex: 0 0 38%;
    display: block;
    position: relative;
    margin-left: 8px;
}

.pop-div .tab-card .tab_item_bg {
    flex: 0 0 35%;
}

.pop-div .swiper_slide_card .tab_item_info {
    flex: 0 0 60%;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pop-div .tab-card .tab_item_info {
    flex: 0 0 62%;
    display: flex;
    flex-direction: column;
}

.pop-div .tab_item_info p {
    margin: 0 !important;
    font-weight: 300;
    color: #777777;
}

.theme-light .post-metas li {
    color: #777777 !important;
}

.pop-div .single-meta {
    font-size: 12px;
    color: var(--dim-text-color);
    opacity: 0.7;
    font-weight: 400;
}

.post-type.post-metas.type-wrap ul {
    display: flex;
    gap: 10px;
    padding: 40px 0px;
    flex-wrap: wrap;
}

.pop-div .post-type.post-metas.type-wrap ul {
    color: white !important;
}

.post-type.post-metas li,
.post-type.post-metas li a {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: 400 !important;
}

.type-wrap .single-meta + .single-meta::before {
    padding: 0;
    content: "" !important;
}

.article-content-wrap p a {
    color: var(--orange) !important;
}

.article-content-wrap {
    padding-bottom: 20px;
    border-bottom: 2px solid var(--border);
    display: flex;
    flex-direction: column;
}

.content-media-wrapper figure {
    display: flex;
    flex-direction: column;
}

.content-media-item video {
    width: 100%;
    height: unset;
}

.image-caption,
.content-media-item figcaption {
    font-size: 12px;
    font-weight: 500;
    color: black;
    line-height: 3;
    background: white;
    padding-right: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 10px;
}

.post-details p,
.post-details li {
    color: black;
}

.post-media figcaption,
.content-media-item figcaption {
    padding-right: 10px !important;
    background: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.content-media-item {
    margin-bottom: 20px;
}

.widget-title {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    background-color: #2f5391;
    border-radius: 5px;
}

.coverage-image.show-mobile {
    display: none;
}

.aside-widget .widget-image {
    width: 80%;
}

.aside-widget .widget-summary {
    padding-top: 10px;
}

.aside-widget .widget-title {
    padding: 20px 10px;
}

.widget-title-wrap h3 {
    line-height: 1.8;
}

.widget-watch {
    position: relative;
    padding: 20px 0px;
    background-color: transparent;
}

.widget-summary p {
    font-weight: 300;
    line-height: 1.8;
    padding-top: 20px;
}

.widget-title p {
    padding: 22px 13px;
    color: white;
    font-size: 18px;
    width: 100%;
    font-weight: 500;
}

.tab_item_bg_wrap {
    width: 100%;
    max-width: 38.598%;
    margin-top: -45px;
}

.widget-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
}

.tab_content_wrapper.aside-wrap .tab-content .swiper-wrapper,
.tab_content_wrapper .tab-content .inner-wrapper {
    display: flex;
    flex-direction: column !important;
    gap: 15px;
}

.item-title {
    margin-top: 5px;
}

.tab_content_wrapper.aside-wrap .tab-content .swiper-wrapper .swiper-slide,
.tab_content_wrapper.aside-wrap .tab-content .inner-wrapper .single-tab {
    min-width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.aside-wrap .swiper_slide_card .tab_item_bg img {
}

aside.post-aside {
    height: 100%;
}

.post-aside .adv_block {
    height: 30%;
    padding: 10% 20%;
}

.post-aside .adv_wrap {
    background-color: var(--dim-text-color);
}

.documentary-wrapper .title.font_45 h2 {
    color: white !important;
    transition: color 0.3s !important;
}

    .documentary-wrapper .title.font_45 h2:hover {
        color: #ff6b00 !important;
    }

.title.font_45 svg {
    width: 60px;
    fill: white;
}

.row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.col-8 {
    flex: 1;
    width: 100%;
    max-width: 65.33%;
}

.col-4 {
    flex: 1;
    width: 100%;
    max-width: 33.33%;
}

.col-10 {
    width: 78.33333333%;
}

.col-2 {
    width: 18.66666%;
}

section.tab_slider_sec.bg-transperent .rounded_sec,
.transperent-bg .rounded_sec {
    background-color: transparent;
}

section.documentary-wrapper.news-slider {
    background-image: linear-gradient( to left, #cccccc 75%, #ececec 20% ) !important;
}

    section.documentary-wrapper.news-slider .slider_bg.video img {
        border-radius: 0px !important;
        object-fit: cover;
    }

.slider_bottom_row.documentary .swiper-thumbs {
    display: flex;
    flex-direction: column;
}

.slider_bottom_row.videos .swiper-thumbs {
    flex-direction: column-reverse;
}

.News-slides .video_container .sideBy_thumb_slider_wrapper .swiper-slide {
    padding: 0;
}

.News-slides .swiper-slide .slider_bg img {
    border-radius: 0px !important;
    object-fit: cover;
}

.News-Slider-Wrap {
    background-image: linear-gradient( to left, #ffffff 73%, #ececec 0% ) !important;
    margin-bottom: 80px !important;
}

    .News-Slider-Wrap .video-thumb::before,
    .News-Slider-Wrap .slider_bg.video::before {
        opacity: 0 !important;
    }

    .News-Slider-Wrap .slider_info {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .News-Slider-Wrap p.lg_para {
        color: var(--dim-text-color) !important;
    }

    .News-Slider-Wrap .slider_desc.video-title h2 {
        color: black !important;
    }

    .News-Slider-Wrap .news_swiper img {
        top: -10%;
    }

    .News-Slider-Wrap .swiper-button-next-newstab,
    .News-Slider-Wrap .swiper-button-prev-newstab {
        filter: brightness(0);
    }

section.ad {
    display: flex;
    width: 100%;
}

    section.ad img {
        padding-left: 20%;
        padding-right: 20%;
    }

section.mini-ad {
    padding: 0 30%;
}

.more_browse.white_link {
    margin-right: auto;
    align-items: center;
    display: flex;
}

.swiper_slide_card .item-metas {
    font-size: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px;
}

    .swiper_slide_card .item-metas .author-name,
    .swiper_slide_card .item-metas .time p {
        font-size: 11px !important;
    }

    .swiper_slide_card .item-metas .author-img {
        height: 30px;
        width: 30px;
    }

.no-border-card .tab_item_bg {
    border-radius: 5px !important;
}

.flex-box-content {
    display: flex;
    justify-content: space-between;
    padding: 25px 0px;
    gap: 40px;
    width: 100%;
    height: 100%;
}

.content-card {
    display: flex;
    flex-direction: column;
    border-radius: 4px !important;
    gap: 15px;
    width: 100%;
    height: 100%;
}

.content-title {
    color: var(--border);
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

.content.item-metas {
    justify-content: center;
}

section.tab_slider_sec.Section-flex-boxes.bg-dark {
    background-color: var(--dark-bg-color) !important;
    margin-bottom: 0px !important;
}

.flex-slider-thumbs-wrap {
    display: flex;
    flex-direction: column;
}

.grid-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));
    grid-gap: 20px;
}

.grid-item {
    padding-bottom: 4px;
    text-align: center;
}

.grid-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.video-grid-image,
.grid-image {
    position: relative;
}

    .video-grid-image::before,
    .featured-video-img a::before {
        content: "";
        position: absolute;
        bottom: 7%;
        right: 4%;
        width: 50px;
        height: 50px;
        background-image: url(/mdn2023/images/play.svg);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 1;
        cursor: pointer;
    }

.video-carousel {
    position: relative;
}

    .video-carousel::before {
        content: "";
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        background-image: url(/mdn2023/images/play.svg);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 1;
        cursor: pointer;
    }

.small-play-btn::before {
    width: 35px;
    height: 35px;
}

.video-grid-title {
    padding-top: 5px;
}

    .video-grid-title h5,
    .grid-title {
        line-height: 1.8;
    }

.video-page ul.tabs {
    margin-top: 5px;
}

.Load-wrapper {
    padding-top: 20px;
}

.Load-more {
    display: flex;
    justify-content: center;
    padding: 10px 0px;
}

.section_head.title_tab_bar {
    padding-bottom: 20px;
}

.for-you .more_browse.white_link {
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

.for-you .rounded_sec.transperent-bg {
    background-color: transparent;
}

.big-video-item {
    width: 100%;
    padding-top: 56.25%;
    height: 100%;
    position: relative;
}

    .big-video-item::before {
        content: "";
        position: absolute;
        bottom: 50%;
        right: 44%;
        width: 6%;
        height: 14%;
        background-image: url(/mdn2023/images/play.svg);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 1;
        cursor: pointer;
    }

section.video-details-wrap .mini_container {
    padding-left: 8.5vw;
    padding-right: 8.5vw;
}

.big-video-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.theme-light .video-item-title h2 {
    color: black;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.card-div .title h6,
.big-slider-carousels .slide-content .section-header.title h2,
.card-div.big.inside .title h4,
.card-div.big.inside .title h3,
.carousel-title p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.video-featured .row .col-8 {
    max-width: 54%;
}

.min-width .container {
    width: 59%;
}

.card-items-wrap {
    padding: 7px;
}

.video-item-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background: white;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .video-item-content .slide_info_wrap.article .img_icon {
        width: fit-content;
        height: fit-content;
        margin: 0;
    }

    .video-item-content .lg_para {
        padding-left: 20px;
        line-height: 1.8;
    }

.video-details-wrap .ad-holder {
    padding: 60px 15%;
    border-bottom: 1px solid var(--dark-border);
}

.post-type.post-metas .orange-border {
    border: 1px solid var(--orange) !important;
}

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

.orange-border {
    border: 1px solid var(--orange) !important;
}

.breaking-news-vertical .breaking-text h5 {
    font-weight: 600 !important;
    color: black;
    -webkit-line-clamp: unset !important;
}

.breaking-news-vertical ::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.breaking-news-vertical ::-webkit-scrollbar-thumb {
    background: #ad0000;
    border: 0px none #ffffff;
}

    .breaking-news-vertical ::-webkit-scrollbar-thumb:active {
        background: #000000;
    }

.breaking-news-vertical ::-webkit-scrollbar-track {
    background: #a5a5a5b3;
    border: 0px none #ffffff;
    border-radius: 0px;
}

.pop-div .tabs {
    padding-bottom: 20px;
}

section.group-posts-wrapper .row {
    flex-wrap: unset !important;
}

.posts-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}

.post-card.big-card .single-item {
    display: flex;
    flex-direction: column !important;
}

    .post-card.big-card .single-item .item-image {
        width: 100%;
    }

    .post-card.big-card .single-item .item-content {
        max-width: 95% !important;
    }

.post-card .single-item .item-content {
    justify-content: center !important;
    gap: 20px !important;
}

.post-card .single-item img {
    border-radius: 4px !important;
}

.post-card .single-item .author-img img {
    border-radius: 50% !important;
}

.theme-light .tab_content_wrapper .item-metas .author-name {
    color: black;
    font-weight: 700;
}

.tab_content_wrapper .item-metas {
    padding: 5px 0px !important;
    margin: 0 !important;
}

.col-12.col-md-6 .section_head.title_tab_bar {
    max-width: 90%;
}

.news-grid .section_head.title_tab_bar {
    padding: 0px 15px;
}

.theme-light .news-grid .section_head.title_tab_bar h3 {
    color: black;
    font-weight: 600;
}

.post-media-showroom {
    position: relative;
    overflow: hidden;
}

.big-post-media a,
.post-media-showroom,
.big-post-media {
}

    .post-media-showroom a::before {
        background-image: linear-gradient( to left, #0000000f 0%, rgba(0, 0, 0, 0) 56% );
        position: absolute;
        right: 0;
        top: 0;
        width: 10%;
        content: "";
        height: 100%;
        z-index: 9;
    }

.post-flex-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.big-post-media img {
    border-radius: 0;
    max-width: 100%;
    height: auto;
}

.big-post-media {
    position: relative;
}

section.big-section-wrap .container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.col.lft .live-btn-thumb {
    position: absolute;
    left: 30px;
    bottom: 30px;
    top: unset;
    z-index: 3;
}

    .col.lft .live-btn-thumb .live-btn .live-text {
        padding: 9px 29px;
        font-size: 19px;
        border: 1px solid;
        font-weight: 400;
        border-radius: 10px;
    }

.live-indicator {
    display: flex;
    gap: 10px;
    align-items: center;
}

.meta-box {
    width: 50%;
    display: flex;
    gap: 15px;
    align-items: center;
}

.live-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.live.post-info::before {
    background-image: linear-gradient(45deg, #c12121, #890404);
}

.numbered-swiper-section
.live
.swiper-pagination-numbered
.swiper-pagination-bullet-active,
.theme-dark
.numbered-swiper-section
.live
.swiper-pagination-numbered
.swiper-pagination-bullet-active {
    background: #ac1616 !important;
}

.live .category-meta {
    color: white;
}

numbered-swiper-section .live h2 {
    font-weight: 400;
}

.numbered-swiper-section .live h2,
.numbered-swiper-section .live h4 {
    color: white !important;
}

.live h4 {
    font-weight: 300;
}

.live p {
    color: white !important;
    opacity: 1;
}

.circle {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #b20202;
    position: relative;
}

    .circle:before,
    .circle:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid #b20202;
        border-radius: 50%;
    }

    .circle:before {
        animation: ripple 2s linear infinite;
    }

    .circle:after {
        animation: ripple 2s linear 1s infinite;
    }

@keyframes ripple {
    50% {
        transform: scale(1.6);
        opacity: 1;
    }

    100% {
        transform: scale(1.9);
        opacity: 0;
    }
}

.post-info .Category p {
    border: 1.5px solid var(--dim-text-color);
    color: var(--dim-text-color) !important;
    background-color: transparent;
    font-weight: 400;
    padding: 5px 15px;
}

.post-info .Category:hover p {
    color: white !important;
    border: 1.5px solid var(--orange);
}

.post-info .img_icon {
    width: 30px !important;
    height: 30px !important;
    margin: 0;
}

.theme-light .big-section-wrap h2 {
    color: black;
}

.post-info p.lg_para {
    padding-top: 30px;
    padding-top: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    color: #3c423e;
    position: relative;
    margin-bottom: 10px;
}

.coverage_sec.dark p {
    color: white !important;
}

section.documentary-wrapper.padding-decrease {
    padding: 0px !important;
}

.full-cover-bg .container::after {
    content: unset !important;
}

.full-cover-bg .title_tab_bar .title.font_45 h2 {
    color: white !important;
}

.full-cover-bg {
    background-image: url(/mdn2023/images/bg-cover-video.jpg) !important;
    background-size: cover;
    background-position: center;
    margin: 0;
    background-repeat: no-repeat;
    width: 100%;
    height: fit-content;
    position: relative;
    background-blend-mode: unset !important;
}

    .full-cover-bg .all_news_slider.side_by_slider {
        padding-bottom: 0px !important;
    }

.stretched-carousel-wrapper .carousel-image-wrap {
    border-radius: 5px;
    border: 2px solid #547bd9;
    overflow: hidden;
}

.stretched-carousel {
    box-sizing: border-box;
    transition: flex 0.8s ease;
    transition-delay: 0.4s;
    margin-left: 20px;
}

.stretched-carousel-wrapper :last-child {
    margin: 0px;
}

.stretched-carousel-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section .time.no-margin {
    margin-bottom: 0px;
}

.carousel-image {
    width: 100%;
    height: 322px;
    position: relative;
    background-repeat: no-repeat;
    background: round;
}

.home .white-cards-container {
    width: 100%;
}

.home .item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.carousel-title {
    width: 100%;
    text-align: center;
    font-weight: 600;
    padding: 10px 0px;
}

.home ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    column-count: 2;
    display: inline-block;
    float: left;
    counter-reset: section;
    margin-left: auto;
    margin-bottom: 0px !important;
}

.home .item-content h4 {
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.carousel-title h4 {
    line-height: 1.8;
    -webkit-line-clamp: 1 !important;
}

.content.small-btn-svg {
    right: 10px;
    bottom: 10px;
}

.small-btn-svg .flex-content .play-btn {
    width: 35px;
}

.media-wrapper {
    width: 100%;
    height: 100%;
}

.live-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}

.big-wrapper {
    display: flex;
    flex-direction: column;
    width: 78%;
    height: 100%;
    margin: auto;
}

.single-player.live-player.sticky-player {
    width: 100%;
    height: 100%;
}

.date {
    color: var(--dim-text-color);
}

.embed-responsive-item {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
}

    .embed-responsive-item img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

.live-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    background: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.post-details span {
    font-size: unset !important;
}

.live-metas-wrapper h4 {
    font-weight: 400;
}

.live-metas-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0px;
}

.live-wrap .section_head.title_tab_bar .title.font_45 {
    width: 100%;
    text-align: right;
    justify-content: start;
}

.social-metas-wrap {
    display: flex;
    gap: 10px;
}

    .social-metas-wrap .social-share-icon svg {
        height: 15px !important;
    }

.side .adv_block {
    height: 100%;
    width: 100%;
    padding: 7vw 0px;
}

.pt0 p {
    color: white !important;
}

.pt0 .tab_item_bg {
    border-radius: 0px !important;
}

section.breaking-news.linear-bg-dark {
    margin-bottom: 30px !important;
}

.breaking-swiper .breaking-metas {
    min-height: 35px;
}

section.breaking-news,
live-section,
.mini-grid-section {
    padding: 30px 0px;
}

section.live-section {
    padding-top: 40px;
}

.breaking-content-wrap .breaking-meta.red {
    color: red !important;
}

.breaking-meta.red {
    color: red !important;
}

.breaking-content::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

.breaking-content::-webkit-scrollbar-track {
    background: #d6d6d6;
}

.breaking-content::-webkit-scrollbar-thumb {
    background-color: #da101b;
    border-radius: 0px;
    border: 2px solid #da101b;
}

.breaking-wrapper h3 {
    color: white;
}

.grid-section .video-grid-title h5 {
    font-weight: 500;
    text-align: right;
}

.adv_wrap {
    background-color: var(--border);
}

.breaking-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.breaking-title {
    display: flex;
}

    .breaking-title h4 {
        padding: 10px;
        color: white;
        background-image: linear-gradient(45deg, red, #b71414);
        margin-bottom: 0;
    }

.single-news {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 5px;
    padding: 10px 0px;
    flex: 0 0 auto;
    padding: 15px;
    border-bottom: 3px solid #cc0f0f;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 40%;
}

.breaking-content {
    display: flex;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.breaking-news .breaking-content {
    margin-top: 15px;
}

.breaking-item {
    padding: 15px;
    border-bottom: 3px solid #cc0f0f;
    background-color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.breaking-metas {
    display: flex;
    gap: 10px;
    padding: 5px 0px;
    align-items: center;
}

.breaking-meta,
.breaking-meta a {
    position: relative;
    font-weight: 500;
    color: var(--dark-border);
    font-size: 11px;
}

    .breaking-meta + .breaking-meta {
        padding: 0px 10px;
    }

        .breaking-meta + .breaking-meta:before {
            content: "";
            width: 2px;
            height: 80%;
            position: absolute;
            right: 0;
            bottom: 10%;
            background: #dbdbdb;
        }

.breaking-news-vertical .breaking-meta + .breaking-meta:before {
    background: #ff6b009e;
    height: 70%;
}

.breaking-news-vertical .breaking-meta {
    font-size: 13px;
}

.breaking-news-vertical .breaking-content-wrap .breaking-meta + .breaking-meta {
    font-weight: 700;
}

.breaking-news-vertical .breaking-meta a {
    font-size: 16px !important;
}

.breaking-text {
    min-height: 60px;
}

    .breaking-text h5 {
        font-weight: 400 !important;
        color: var(--dark-border);
        line-height: 1.8;
    }

.mini-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    grid-gap: 20px;
}

.mini-grid-item .video-grid-image::before {
    width: 30px;
    height: 30px;
}

.coverage .video-grid-image::before {
    content: unset;
}

.videos-featured .video-grid-title {
    padding-top: 10px;
}

    .videos-featured .video-grid-title.featured {
        padding-top: 17px;
    }

.wamadat-widget {
    padding: 20px 0px;
}

.grid-section .video-grid-title h5 {
    font-weight: 400;
    text-align: right;
    -webkit-line-clamp: 1;
}

.grid-metas {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .grid-metas .img_icon {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin: 0;
    }

.grid-wrapper-duo {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px;
}

.details-metas {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.border-bottom .container {
    padding-bottom: 30px;
    border-bottom: 2px solid var(--border);
}

.border-bottom {
    padding-bottom: 0;
}

.details-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

section.breaking-news.vertical .breaking-content {
    flex-direction: column;
}

section.breaking-news-vertical .title {
    padding: 15px;
    background-image: linear-gradient(45deg, #970a0a, #ea0000);
}

    section.breaking-news-vertical .title :where(h3, h4) {
        color: white;
    }

.breaking-content-wrap {
    display: flex;
    flex-direction: column;
    background-color: white;
}

    .breaking-content-wrap .breaking-meta,
    .breaking-meta a {
        color: var(--shadow-text-color) !important;
    }

    .breaking-content-wrap .single-news + .single-news::before {
        content: unset !important;
    }

    .breaking-content-wrap .breaking-meta + .breaking-meta {
        color: #f01c1c !important;
    }

section.breaking-news-vertical .breaking-text {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border);
}

.breaking-content-wrap .single-news:last-child .breaking-text {
    border-bottom: none;
}

.breaking-content-wrap .single-news + .single-news {
    padding: 10px 10px;
}

.grid-widget {
    display: flex;
    width: 100%;
}

.two-card .tab_content_wrapper .tab-content .inner-wrapper {
    flex-direction: row !important;
    align-items: center;
}

aside.post-aside .widget-title h2 {
    font-size: 20px;
}

aside.post-aside .widget-title {
    padding: 15px 10px;
}

.grid-widget .equal {
    width: 49%;
    padding: 10px;
    box-sizing: border-box;
}

.grid-widget .widget-media {
    position: relative;
}

    .grid-widget .widget-media img {
        height: auto;
        width: 100%;
        display: block;
    }

.widget-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.vertical-posts-widgets {
    display: flex;
    flex-direction: column;
}

    .vertical-posts-widgets .grid-widget {
        margin-bottom: 10px;
    }

.news-section .adv_block {
    padding: 4vw;
    max-height: 30%;
}

.grid-title h3 {
    color: black;
}

.grid-title h4 {
    line-height: 1.8;
}

.big_slides {
    flex-direction: column;
    display: flex !important;
}

.big-slides .slider_bottom_row {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    left: unset;
    bottom: unset;
    justify-content: revert;
    gap: 10px;
}

.big-slides .slider_navigation {
    margin-top: 0px;
}

.big-slides .slider_bottom_row .sideBy_thumb_slider_wrapper {
    max-width: 100%;
}

    .big-slides
    .slider_bottom_row
    .sideBy_thumb_slider_wrapper
    .slider_bg.big-thumb {
        height: fit-content;
    }

.big-slider .swiper-slide {
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100% !important;
}

.big-slides .swiper-slide .slider_info,
.big-slides .swiper-slide .slider_bg.media {
    width: 55%;
    padding: 0px 2px;
}

.slide_info_wrap.flex-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.big-slides .swiper-slide .slider_info {
    padding: 10px;
}

.big-slides .post-metas-col {
    padding: 10px 0px;
}

.big-slides p.lg_para {
    color: var(--dark-border);
    font-weight: 400;
}

.big_slider .swiper-slide {
    flex-direction: row-reverse;
    padding-bottom: 12px;
}

.big-slider-section .big_slider h2 {
    font-weight: 600;
    margin-bottom: 0px !important;
    line-height: 1.8;
}

.swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
    opacity: 1;
    transition: 0.3s all;
}

.big-slider-section
.swiper-slide.swiper-slide-visible:not(.swiper-slide-thumb-active) {
    opacity: 0.66;
    transition: 0.3s all;
}

.sideBy_thumb_slider_wrapper .swiper-slide:not(.swiper-slide-thumb-active) {
    opacity: 0.8;
}

.big-slider-section .slider_desc {
    margin-bottom: 0px !important;
}

.big_slider .swiper-slide .slider_bg.media {
    position: relative;
}

section .post-metas .category-meta {
    color: white !important;
}

.orange-svg .social-share-icon svg path {
    fill: var(--orange) !important;
}

section .category-meta {
    padding: 3px 8px;
    background: var(--orange);
    color: white !important;
    font-weight: 400;
    font-size: 10px;
    border-radius: 2px;
    line-height: 1.7;
    white-space: nowrap;
}
.author-name {
    white-space: nowrap;
}
.grid-wrapper-4.datalist .time {
    padding: 0px;
}

.category-meta:hover {
    background: var(--orange);
    color: white;
}

.bg-grey {
    background-color: #f3f3f3;
}

.bg-light {
    background-color: #f9f9f9d9;
}

section.tab_slider_sec.Section-flex-boxes.padding-btn-sec::after .news-section {
    padding-top: 50px;
    padding-bottom: 15px;
}

.search_wrap .search-indicator {
    color: #1c3664;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    transition: 0s;
}

span.category-results-count {
    font-size: 1.4rem;
    line-height: 1.8;
}

.white-card.grey-themed {
    background: #f3f3f3;
}

.theme-light .grey-card-theme {
    background: #f3f3f3;
}

.theme-dark .grey-card-theme {
    background: #2f3841;
}

.search_wrap {
    display: flex;
    align-items: center;
}

    .search_wrap form {
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: space-around;
    }

.theme-dark .search_wrap p {
    color: var(--text-color);
}

.more_browse.white_link.show-in-mobile {
    display: none;
}

.comm_tabination_sec .hide-in-mobile {
    margin: 0;
}

.title-with-more {
    display: flex;
    justify-content: space-between;
}

a.search-click.svg_icon:hover p {
    color: #ec8323;
    transition: 0.3s;
}

.static-section .block-title {
    background: transparent;
    box-shadow: 0px 3px 7px #00000000;
}

section.static-section section {
    background: transparent;
}

section.static-section section {
    background: transparent;
    width: 100%;
    text-align: right;
    direction: rtl;
    padding-top: 10px;
}

.show_nav .container {
    max-width: 100%;
    padding: 0;
}

section.static-section.light_bg,
section.static-section section .text-content,
section.static-section section .text-content li,
section.static-section .words,
section.static-section .words a {
    direction: rtl;
    font-size: 15px;
    color: #404040;
    line-height: 1.6;
    padding: 20px 0px;
    font-weight: 400;
}

section.static-section a {
    width: fit-content;
    font-kerning: auto;
    display: inline;
}

@media screen and (max-width: 680px) {
    .text-style,
    .text-style a,
    .close {
        font-size: 15px;
    }
}

@media screen and (max-width: 380px) {
    .banner-tex.text-style,
    .text-style a {
        font-size: 8px;
    }
}

@media screen and (max-width: 250px) {
    .banner-alpha {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .button-holder {
        justify-content: space-between;
        width: 90%;
    }
}

.banner {
    background-image: linear-gradient(to left, #0268e4, #294871);
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-between;
}

.top-section {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
}

.text-style-2 a,
.text-style-2 {
    font-weight: 500;
    color: white !important;
    font-size: 17px;
}

.banner-button {
    background: #da6800;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 999;
    width: fit-content;
}

    .banner-button:hover {
        background: #ff6a00;
        color: white !important;
    }

.mini-search form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.button-holder-2 {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    width: 90%;
}

.close-2 {
    font-size: 20px;
    color: #c4bfbfc2;
    cursor: pointer;
}

#openButton {
    position: fixed;
    top: 50vh;
    left: -9px;
    transform: translateY(-50%);
    padding: 16px 20px;
    border-radius: 10px;
    text-align: revert;
    font-weight: 700;
    font-size: 24px;
    background-color: #da6800;
    color: #fff !important;
    border: none;
    cursor: pointer;
    z-index: 9999;
}

    #openButton:hover {
        background-image: linear-gradient(to left, #0268e4, #294871);
    }

.banner.flex-column {
    left: -1000px;
    height: fit-content;
    width: 35%;
    position: fixed;
    top: 43vh;
    transition: left 0.3s ease;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.open .banner.flex-column {
    left: 0;
}

#asideContent {
    padding: 20px;
}

.latest-news-meta.date-time {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .latest-news-meta.date-time .date {
        font-size: 11px;
    }

.single-latest-news-metas {
    display: flex;
    align-items: flex-end;
}

.latest-news-meta a {
    color: #4a4a4a !important;
    font-weight: 500;
    padding: 5px;
    font-size: 20px;
}

.blue-text a {
    color: #1446c8 !important;
}

.latest-news-meta .time {
    font-weight: bold;
    padding: 5px;
    text-align: center;
    background-color: red;
    color: white;
    font-size: 20px;
}

.single-latest-news-text h3 {
    color: black;
    line-height: 1.7;
    -webkit-line-clamp: 4;
}

.single-latest-news-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--light-dark-text-color);
}

.flex-column-latest-news {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0px;
}

.single-latest-news {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.col-8 .ad {
    padding: 10px;
}

.latest-featured-inner-wrap {
    display: flex;
    justify-content: space-between;
}

.red-gradient-grid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(45deg, #7c0202, #f60404);
    border-radius: 5px;
    width: 175px;
    height: 175px;
}

.latest-new-content {
    width: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.red-gradient-grid .time {
    background: var(--orange);
    font-size: 29px;
    padding: 5px;
}

.red-gradient-grid .latest-news-meta a,
.red-gradient-grid .latest-news-meta .date {
    color: #e4e4e4 !important;
}

.red-gradient-grid .latest-news-meta.date-time {
    align-items: center;
}

.latest-news-featured h2 {
    line-height: 1.8;
}

.latest-new-content .featured-item-social-metas {
    gap: 15px;
}

.checkbox {
    opacity: 0;
    position: absolute;
}

.checkbox-label {
    background-color: #4d565c;
    width: 60px;
    height: 27px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .navbar .toggle-mode {
    display: flex;
    justify-content: space-between;
    padding: 10px 4vh;
    border-bottom: 1px solid var(--border);
}

header.show_nav .toggle-mode.nav_mobile.hide_in_desktop {
    display: flex !important;
}

span.light-text {
    color: #233c69;
    font-size: 12px;
    font-weight: 400;
}

.theme-light span.dark-text {
    display: none;
}

span.dark-text {
    color: var(--text-color);
    font-size: 12px;
    font-weight: 400;
}

.theme-light .checkbox-label {
    background-color: var(--orange);
}

.theme-dark span.light-text {
    display: none;
}

.theme-light span.light-text {
    color: var(--bg_blue);
}

.checkbox-label img {
    filter: brightness(5.5);
}

.checkbox-label .ball {
    background-color: #fff;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 5px;
    top: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

.checkbox:checked + .checkbox-label .ball {
    transform: translateX(28px);
}

.cards-container {
    display: flex;
    gap: 10px;
}

.card-row {
    display: flex;
    gap: 10px;
}

.card-div.inside {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.left-container {
    flex-direction: column;
    display: flex;
    flex: 1;
    grid-gap: 10px;
}

.right-container {
    flex: 1;
}

.big .content {
    bottom: 20px;
    width: 90%;
}

.slider_navigation.custom-navs {
    position: absolute;
    width: 76%;
    top: 30%;
    margin-top: 0;
    right: -7px;
    display: flex;
    justify-content: space-between;
}

.btn-nav {
    background: unset !important;
}

.custom-navs.slider_navigation .swiper-button-next,
.custom-navs.slider_navigation .swiper-button-prev,
.custom-navs.slider_navigation div[class*="swiper-button-next"],
.custom-navs.slider_navigation div[class*="swiper-button-prev"] {
    width: fit-content;
    background: unset;
    height: auto;
}

.custom-navs img {
    height: 30px !important;
}

.big-navs img {
    height: 50px !important;
}

.custom-navs div[class*="swiper-button-prev"] img {
    transform: rotate(180deg);
}

.minimize-nav .nav-box {
    width: 25px;
}

.custom-navs.minimize-nav img {
    height: 25px !important;
}

.slider_navigation.custom-navs.full {
    width: 101% !important;
    top: 23% !important;
    right: -5px !important;
}

.nav-box {
    background: white;
    border-radius: 5px;
    border: 1px solid #80808047;
    z-index: 15;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
    user-select: none;
}

    .nav-box:hover {
        background: #1c3664;
    }

        .nav-box:hover img {
            filter: brightness(1000);
        }

.content {
    width: 90%;
    height: fit-content;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .content .Category {
        width: fit-content;
    }

.card-div .author-name,
.card-div.big.inside .title h4,
.card-div .title h5,
.card-div.big .title h3,
.card-div .time p {
    color: white !important;
    line-height: 1.8;
}

.bg-sports .infograpgh-section {
    background: #f3f3f3 !important;
}

.infograpgh-section h4 {
    color: white;
}

.animated-category a {
    color: #908e8e;
}

.box-items-wrap {
    width: 100%;
    height: 100%;
    padding: 10px;
}

.bg-sports .section_head.title_tab_bar .title h2 {
    color: black !important;
}

.card-div.big.inside .title h5 {
    font-weight: 700;
}

.inside .content .Category p {
    border: 1px solid white;
    font-size: 12px;
    color: white !important;
}

.content .Category p {
    border: 1px solid white;
    background: transparent;
    padding: 2px 10px;
    font-weight: 300;
}

/* .image-holder:before {
        content: "";
        height: 50%;
        width: 100%;
        z-index: 1;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 5px;
    } */

.col-47 .big-card .fixed-height {
    min-height: 73px;
}

.shadow-card .flex-slider-thumbs-wrap {
    background: #1c3664;
}

.shadow-card .mangoswiper .swiper-slide {
    align-items: unset;
    flex-direction: revert;
    padding: 0px;
}

.shadow-card .slider_desc.video-title {
    margin-bottom: 10px;
    height: 103px;
}

.mangoswiper .slider_info {
    max-width: 51.27% !important;
    padding: 0;
    height: fit-content;
    margin-top: 0;
    padding-top: 20px;
}

.mangoswiper .big_slider .slider_bg.video {
    max-width: 47%;
}

.big_slider .slider_bg.video {
    min-width: 600px;
}

.shadow-card .slider_info {
    padding-right: 22px !important;
    padding: 20px 0px 10px 0px;
}

.shadow-card {
    padding-bottom: 20px !important;
}

    .shadow-card .tab-content .side_by_slider .slider_bottom_row {
        bottom: 10px !important;
        left: unset !important;
        right: 20px;
        padding-left: 30px;
    }

section.documentary-wrapper.shadow .side_by_slider .slider_bg {
    padding-top: 60% !important;
}

.shadow-card .thumb_controler {
    display: none;
}

.shadow-card .mangoswiper {
    border-radius: 5px !important;
}

.shadow-card .video-thumb::before {
    content: unset !important;
}

.shadow-card .swiper-wrapper .side_by_slider .video-thumb {
    padding-top: 60% !important;
}

.theme-light .shadow-card .title.font_45 h2 {
    color: black !important;
}

.shadow-card .swiper-wrapper {
    padding: 0px !important;
}

.shadow-card .slider_bg.video::before {
    content: "";
    height: 100%;
    width: 50%;
    z-index: 1;
    background-image: linear-gradient( to left, rgb(28 54 98) 26%, rgba(0, 0, 0, 0) );
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    top: 0 !important;
    right: -1px !important;
    bottom: unset !important;
    border-radius: 5px;
    cursor: unset !important;
}

.col-12.col-md-6 {
    flex: 1;
}

.aside-cards .row {
    gap: 20px;
}

.col-12.col-md-6 .single-item {
    width: 100%;
}

.flex-row {
    display: flex;
    gap: 20px;
}

    .flex-row .content {
        width: 90%;
    }

section.group-posts-wrapper.transperent-bg .row {
    gap: 20px;
}

.brown-bg {
    background-color: #3c423e !important;
}

    .brown-bg .item-content .item.title a {
        font-size: 1.4rem;
    }

    .brown-bg .item-content {
        flex: 0 0 68%;
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start;
        padding: 10px 0px;
    }

        .brown-bg .item-content .item.title,
        .brown-bg .item-content .item.title a,
        .brown-bg .author-name,
        .brown-bg .time p,
        .brown-bg .section-header.title h2 {
            color: white !important;
        }

.brown-bg {
    margin-bottom: 0px !important;
}

.revert .swiper-slide {
    flex-direction: revert;
}

.revert .slider_bottom_row.documentary {
    right: 0;
    bottom: 6px !important;
}

.dark-bg.row-reverse-wrap .all_news_slider.side_by_slider::after {
    top: unset !important;
    content: unset !important;
    background-color: transparent !important;
}

.theme-dark .dark-bg .all_news_slider.side_by_slider {
    background: black !important;
}

.News-Slider .big_slider .swiper-slide {
    flex-wrap: nowrap;
    padding: 0px 3px;
    gap: 20px;
}

.add-padding .rounded_sec {
    padding-top: 30px;
}

#player {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.metas-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

.video-info {
    padding: 10px 0px;
}

.other-featured-videos h5 {
    padding-bottom: 10px;
}

.align-right .grid-item {
    align-items: flex-start;
}

.grid-item .time p {
    width: fit-content;
}

.align-right h5,
.align-right h4,
.align-right h3 {
    text-align: right;
    line-height: 1.8;
}

.grid-item .img_icon {
    width: fit-content !important;
    height: fit-content !important;
    margin: 0;
}

    .grid-item .img_icon img {
        width: 25px !important;
        height: 25px !important;
        margin: 0;
    }

.grid-item .post-metas {
    display: flex;
    align-items: center;
    padding: 10px 0px 0px;
}

.grid-item .single-meta {
    display: flex !important;
    align-items: center;
}

.more-btn a {
    padding: 10px 20px;
    border: 1px solid currentColor;
    cursor: pointer;
}

.zawaya-container {
    padding-left: 10vw;
    padding-right: 10vw;
    width: 100%;
}

.widget-tab {
    display: flex;
    padding: 22px;
    gap: 20px;
}

.widget-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    flex: 1;
    padding: 10px 0px;
}

.widget-media {
    flex: 1;
}

.widget .section_head.title_tab_bar {
    justify-content: start;
    gap: 15px;
}

.widget-content .lg_para {
    display: -webkit-box;
    -webkit-line-clamp: 3;
}

.lg_para.fixed-height {
    min-height: 80px;
}

.widget-wrap {
    padding: 15px;
}

.theme-light .widget .widget-wrap {
    background-color: #c4c4c438;
}

.theme-dark .widget .widget-wrap {
    background-color: #212121;
}

.widget .has_advertising {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.widget .tab_slider_col {
    flex-wrap: nowrap !important;
}

.podcast-container .mini_container {
    flex: 2 !important;
}

.widget .grid_tab_sec .tab_slider_col {
    width: 75%;
}

a {
    position: relative;
}

.background-pattern-white {
    position: absolute;
    height: 100%;
    width: 130%;
    right: 0;
    background-color: #ffffff;
    opacity: 0.7;
    background-image: linear-gradient(0deg, #ffffff 38%, rgb(236 236 236) 38%);
    background-size: 100% 32%;
}

.hide_in_desktop a::before {
    content: unset !important;
}

.swiper-breaking-container .swiper-slide {
    width: 400px;
    height: 200px;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    background: rgb(0, 0, 0);
    background: linear-gradient( 90deg, rgba(0, 0, 0, 1) 0%, rgba(50, 50, 80, 1) 55%, rgba(50, 50, 93, 1) 100% );
    color: #fff;
}

.breaking-content::before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 17%;
    content: "";
    z-index: 10;
}

.theme-light .breaking-content::before {
    background: linear-gradient( to right, rgb(243 243 243) 14%, rgba(0, 0, 0, 0) 32% );
}

.theme-dark .breaking-content::before {
    background-image: linear-gradient(to right, black, rgba(0, 0, 0, 0) 32%);
}

section.breaking-news-vertical .single-news {
    width: 100%;
    border-bottom: unset;
    border-radius: 0px;
    background-color: transparent;
}

.coverage_sec.blue .flex-head.blue,
.coverage_sec.blue .news-grid {
    background: var(--bg_blue);
}

.featured-item {
    display: flex;
    justify-content: space-between;
    background-color: #ececec;
    border-radius: 5px;
}

section.featured-program {
    padding-bottom: 30px;
    overflow: hidden;
}

.grid-card-box .card-title {
    padding-bottom: 10px;
    min-height: 82px;
}

    .grid-card-box .card-title h3 {
        display: -webkit-box;
        -webkit-line-clamp: 2 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        line-height: 1.8;
    }

.flex-content {
    display: flex;
    align-items: center;
}

.episode-section {
    padding-top: 10px;
}

.title-with-more-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
}

.title-with-more-wrap p {
    color: white;
}

.title-with-more-wrap h3 {
    margin-bottom: 0px;
}

.flex-content .play-btn {
    width: 60px;
    margin-left: 20px;
}

.small-play {
    width: 40px;
    margin-left: 20px;
}

.featured-latest-section .small-cards .content {
    bottom: 10px;
    right: 10px;
}

.swiper-coverflow :where(.swiper-slide-prev, .swiper-slide-next) {
    margin-bottom: -50px;
}

.flex-content .play-btn img {
    object-fit: contain;
    margin: 0;
}

section.society .title {
    min-height: 73px;
}

.society .title h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-height: 1.8;
}

.medium-extra .item-image {
    flex: 0 0 37%;
}

.grid-card-box .lg_para p {
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-height: 1.8;
}

.white-card.padding-20 {
    padding: 20px;
}

.featured-media-wrap {
    width: 30%;
}

.featured-text-wrap {
    width: 68%;
    padding: 20px;
    display: flex;
    gap: 40px;
    flex-direction: column;
    justify-content: space-evenly;
}

.featured-item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.featured-item-social-metas {
    display: flex;
    gap: 5px;
}

.featured-item-bottom {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.featured-item-metas {
    display: flex;
    flex-wrap: wrap;
}

.featured-meta {
    display: flex;
    align-items: center;
}

.featured-item-content h4 {
    color: var(--cust_shadow);
}

.featured-meta p {
    color: var(--cust_shadow);
}

.theme-light .featured-item-title h2 {
    color: black;
}

.featured-item img {
    border-radius: 0px !important;
    margin: 0;
}

.grid-wrapper-4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 20px;
}

    .grid-wrapper-4 .grid-item {
        text-align: right;
    }

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    border: 1px solid #707070;
    border-radius: 3px;
}

.clear-text-btn svg {
    width: 20px;
    max-height: 20px;
}

button.search-btn {
    width: fit-content;
    background-color: var(--orange);
    color: white;
    font-size: 17px;
    padding: 10px 20px;
}

input#query {
    flex: 1;
    background-color: transparent;
    border: none;
    font-size: 18px;
    padding: 10px;
    color: var(--shadow-text-color);
    width: 80%;
}

button.clear-text-btn {
    background: transparent;
}

.form-check input[type="checkbox"],
.form-check input[type="radio"] {
    opacity: 0;
    position: absolute;
}

    .form-check input[type="checkbox"] + label,
    .form-check input[type="radio"] + label {
        position: relative;
        font-family: var(--secondary-font);
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: var(--s-regular);
        color: var(--grey-dark-three);
        padding-left: 1.5rem;
        cursor: pointer;
    }

        .form-check input[type="checkbox"] + label::before,
        input[type="radio"] + label::before {
            content: " ";
            position: absolute;
            top: 0.5rem;
            left: 0;
            width: 1.2rem;
            height: 1.2rem;
            background-color: #e6e6e6;
            border: 0.2rem solid var(--grey-light-one);
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

        .form-check input[type="checkbox"] + label::after,
        input[type="radio"] + label::after {
            content: " ";
            position: absolute;
            top: 0.8rem;
            left: 3rem;
            width: 0.8rem;
            height: 0.5rem;
            background-color: transparent;
            border-bottom: 0.2rem solid #fff;
            border-left: 0.2rem solid #fff;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(315deg);
            opacity: 0;
            border-radius: 0;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

    .form-check input[type="checkbox"]:checked + label::before,
    .form-check input[type="radio"]:checked + label::before {
        background-color: var(--orange);
        border-color: var(--orange);
    }

    .form-check input[type="checkbox"]:checked + label::after,
    .form-check input[type="radio"]:checked + label::after {
        opacity: 1;
    }

    .form-check input[type="checkbox"] + label::before {
        width: 1.4rem;
        height: 1.4rem;
        top: 0.5rem;
        border-radius: 5px;
    }

input[type="checkbox"] + label::after {
    top: 0.8rem;
    left: 0.2rem;
}

input[type="checkbox"]:checked + label::before {
    border-color: var(--primary-color);
}

input[type="radio"] {
    width: auto;
}

input#fromDate,
input#toDate {
    width: 90%;
}

.form-check input[type="radio"] + label::before {
    border-radius: 50%;
}

.form-check input[type="radio"] + label::after {
    width: 0.6rem;
    height: 0.6rem;
    left: 0.5rem;
    top: 1.2rem;
    background: #fff;
    border-radius: 50%;
}

.categories li {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0.7rem 0;
    align-items: center;
    padding-left: 25px;
}

ul.categories {
    padding: 0;
    margin: 0px !important;
    padding-bottom: 20px;
}

.form-check input[type="checkbox"] + label,
.form-check input[type="radio"] + label {
    padding-inline-start: 2rem;
    font-size: 1rem;
    display: flex;
    color: black;
}

.search-check-header {
    background-color: #d1d1d1;
    padding: 12px 20px;
}

    .search-check-header h3 {
        color: black;
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

    .form-check input[type="checkbox"] + label::before,
    .form-check input[type="radio"] + label::before {
        right: 0;
    }

    .form-check input[type="checkbox"] + label::after {
        right: 0.3rem;
    }

span.category-results-count {
    color: var(--orange);
}

.search-inner-wrap {
    background-color: white;
    padding-bottom: 20px;
    box-shadow: -1px 0px 10px 2px #00000014;
}

.advanced-search-settings {
    padding: 20px 10px;
}

.date-range-wrapper {
    display: grid;
    grid-template-columns: 20% 80%;
    -webkit-align-items: center;
    align-items: center;
    -moz-column-gap: 1rem;
    -ms-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 2rem;
    margin-bottom: 1rem;
    padding-top: 40px;
    border-top: 1px solid var(--border);
}

.input-group.date {
    border: 0;
    flex: 1;
    height: 35px;
}

button.btn.submit-search {
    background: #1446c8;
    border-radius: 0px;
    font-size: 18px;
    padding: 20px;
    width: 80%;
    font-weight: 400;
}

.submit-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.search-form-section {
    padding-bottom: 40px;
}

button.btn.submit-search:hover {
    background: #09297a;
}

.result-index {
    display: flex;
    gap: 15px;
    align-items: center;
}

section.videos-featured {
    width: 100%;
    height: fit-content;
    background-image: url(/mdn2023/images/bg-cover-video.jpg) !important;
    background-size: cover;
    margin: 0px;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

    section.videos-featured .font_45 h2 {
        color: white !important;
    }

.top-featured-video {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 10px;
}

.featured-video-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 50px 0px;
    flex: 1;
}

.flex-metas {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.videos-featured .Category {
    width: fit-content;
}

.featured-video-img {
    position: relative;
    flex: 1;
}

.full-cover-bg .all_news_slider.side_by_slider::after {
    content: unset;
}

.reverse .swiper-wrapper .swiper-slide {
    flex-direction: row-reverse;
}

.reverse .slider_bottom_row.documentary.revert-slider-thumbs {
    right: unset;
}

.slide-title h5 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 700;
    line-height: 1.8;
}

.slider-img {
    position: relative;
}

.videos-featured .video-grid-title h5 {
    color: white;
    line-height: 1.6;
}

.videos-featured .time p {
    color: white !important;
}

.slide-title {
    padding: 10px 0px;
}

.background-pattern-sky-blue {
    position: absolute;
    height: 100%;
    bottom: 4px;
    width: 130%;
    height: 45%;
    right: 0;
    background-color: #165ea4;
    background-repeat: no-repeat;
    opacity: 0.7;
    background-size: 100% 32%;
    z-index: -1;
}

span.title__h2Text {
    max-width: 90%;
    font-size: 20px !important;
    line-height: 1.8 !important;
}

section.documentary-wrapper.Video.video-bg {
    background-image: url(/mdn2023/images/bg-cover-video.jpg);
    background-blend-mode: unset !important;
}

.pd-40 .rounded_sec {
    padding: 40px 0px;
}

.pd-btm-40 {
    padding-bottom: 40px;
}

section.aside-back-section {
    padding: 0px;
}

.flex-inner-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px 20px;
    width: 45%;
    position: relative;
}

.big-slides container {
    position: relative;
}

.big-slides .flex-inner-slide .slider_info {
    max-width: 100% !important;
    width: 100%;
}

.coverage_sec .section_head {
    margin-bottom: 0;
    position: relative;
    align-items: flex-end;
}

.btm_line span {
    color: black;
    padding-bottom: 20px;
    position: relative;
    display: block;
}

.img_title {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    width: 100%;
    height: fit-content;
    z-index: 1;
}

    .img_title .tab_item_bg {
        max-width: 40%;
        overflow: visible;
    }

.covetage_wrap .news-grid {
    flex-direction: row;
    padding: 4% 3%;
}

section.coverage_sec {
    padding: 20px 0px;
    background-color: white;
    padding-bottom: 5%;
}

.btm_line span::after {
    position: absolute;
    right: 0;
    background: var(--orange);
    content: "";
    bottom: 0;
    height: 3px;
    width: 36px;
}

.flex-head {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-end;
    padding: 20px;
    background: white;
}

.absolute-place-holder {
    width: 100%;
    position: absolute;
    height: 100%;
    top: -28%;
    height: fit-content;
}

.img_title .tab_item_bg img {
    position: relative !important;
}

.img_title .tab_item_bg {
    max-width: 40%;
    overflow: visible;
    height: 100%;
    position: relative;
    padding-top: 13.8%;
    width: 100%;
}

.big-video-img::before {
    content: "";
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 10%;
    height: 17%;
    background-image: url(/mdn2023/images/play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
}

.small-video-img::before {
    content: "";
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 17%;
    height: 30%;
    background-image: url(/mdn2023/images/play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
}

.grid-wrapper-3-aside {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    grid-gap: 15px;
}

.card-media {
    position: relative;
}

section.flex-cards-container .flex-box {
    gap: 20px;
}

.small-card-title-holder p {
    line-height: 26px !important;
    font-size: 15px;
    font-weight: 500;
    color: black;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.card-title-holder h3 {
    color: black;
    font-weight: 600;
    line-height: 1.8;
    padding-top: 5px;
}

.load-container {
    padding-top: 20px;
}

.featured-coverage .tab_item_bg_wrap {
    max-width: 20%;
}

.featured-coverage .widget-summary {
    padding-bottom: 50px;
    max-width: 75%;
}

    .featured-coverage .widget-summary p {
        font-weight: 300;
        line-height: 1.8;
        padding-top: 40px;
        color: #4a4a4a;
    }

.pd-0 {
    padding: 0px !important;
}

.featured-coverage.top-title-coverage.light_bg.pd-top-0 {
    overflow-x: clip;
    z-index: 5;
    position: sticky;
    top: 78px;
    padding: 0;
}

section.featured-coverage .widget-title::before {
    background: #2f5391;
    position: absolute;
    margin-right: -70%;
    height: 100%;
    width: 500%;
    content: "";
    top: 0;
    z-index: -1;
}

.featured-coverage .widget-title {
    background: transparent;
    position: relative;
    padding: 20px 0px;
}

.p-0 {
    padding: 0;
}

section.featured-coverage {
    overflow: visible;
    z-index: 1;
    position: relative;
}

.featured-coverage .tab_item_bg_wrap img {
    top: 38px;
    border-radius: 0px;
}

.flex-widgets {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.medium_article_list {
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 30px 0px;
}

    .medium_article_list .item_content {
        font-weight: 500;
        padding: 20px;
        background: #e5e5e5;
        width: fit-content;
        border-radius: 10px;
        height: fit-content;
        box-shadow: 0px 0px 4px #0000002e;
    }

section.home-featured .container {
    display: flex;
}

section.home-featured .col.rt {
    background: #f8f8f8;
    padding: 10px 15px;
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.home-featured .big-post-media img {
    display: block;
}

.home-featured h2 {
    color: black !important;
    font-size: 24px;
    -webkit-line-clamp: 3;
    line-height: 43px;
}

.mini-grid-item h6 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 400;
    line-height: 1.7;
    padding-top: 5px;
}

.home-featured .col.lft {
    max-width: 60% !important;
}

.home-featured .col.rt {
    max-width: 40% !important;
}

ul.tabs.material-UI a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ececec;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 13px;
    gap: 5px;
    min-width: 90px;
}

.tabs.material-UI > * + * {
    margin-right: 10px !important;
}

.tabs.material-UI a::before {
    content: unset;
}

.theme-light .material-UI a:hover {
    color: black !important;
    border: 1px solid var(--orange);
}

.tab-svg {
    display: flex;
    align-items: center;
}

.tabs.material-UI .current a {
    background: var(--orange);
    border: 1px solid var(--orange);
    color: white !important;
    font-weight: 400;
    padding-left: 16px;
}

.tabs.material-UI svg {
    fill: white;
    width: 17px;
}

.tabs.material-UI .tab-link:not(.current) svg {
    opacity: 0;
    width: 0;
}

.theme-light .tabs.material-UI .tab-link a {
    color: black;
}

#Dribbble-Light-Preview {
    fill: #9f9f9f;
}

.more-hover-svg img {
    height: 25px !important;
    width: fit-content;
    max-width: 22px;
    filter: grayscale(1);
}

.more-hover-svg a {
    font-size: 12px;
    color: #446ed1 !important;
    display: flex;
    align-items: center;
    border-radius: 20px;
    font-weight: 400;
}

.featured-author-section .has_advertising {
    align-items: center;
}

.featured-author-section .ad-div {
    margin-bottom: 0px !important;
}

.more-hover-svg a:hover {
    color: currentColor !important;
}

.infograpgh-section .more-hover-svg a:hover {
    color: white !important;
}

.more-hover-svg span {
    width: 0;
    opacity: 0;
    transition: all 0.3s ease;
}

section .font_45.title_hover:hover a {
    color: inherit;
}

.flex-start .title:hover span {
    width: auto;
    margin-left: 8px;
    opacity: 1;
}

.flex-start .title {
    cursor: pointer;
    min-width: 240px;
}

    .flex-start .title h2 {
        margin: 0;
    }

    .flex-start .title:hover .more-hover-svg {
        background: #8080801a;
        padding-right: 12px;
    }

    .flex-start .title:hover #Dribbble-Light-Preview {
        fill: blue;
    }

.featured-posts {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 10px;
}

    .featured-posts .single-item {
        padding-top: 15px;
        border-top: 1px solid #c4c4c494;
    }

    .featured-posts h5 {
        font-weight: 400 !important;
        font-size: 13px !important;
    }

.home-featured .time p {
    font-size: 10px !important;
}

.home-featured .slider_desc.title {
    margin-bottom: 20px !important;
}

.home-featured .time p {
    font-size: 10px !important;
}

.home-featured .item-content .item.title,
.item-content .item.title a {
    -webkit-line-clamp: 2 !important;
}

.theme-light .Video .tick-tabs .tab-link a,
.theme-light .Video .tick-tabs .tab-link span {
    color: white !important;
}

.theme-light .Video .tick-tabs .tab-link:not(.current) a:hover,
.theme-light .Video .tick-tabs .tab-link:not(.current) span:hover {
    color: white !important;
}

.block_title h2 {
    padding: 10px 0px;
    color: black !important;
}

.numbered-swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .numbered-swiper .swiper-slide {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        width: 100%;
    }

.numbered-swiper-section .slider_navigation {
    width: fit-content;
    height: fit-content;
    display: flex;
    position: absolute;
    top: 10px;
    z-index: 1;
    margin: 0;
    right: 40%;
}

.numbered-swiper-section .swiper-pagination-numbered {
    width: fit-content !important;
}

    .numbered-swiper-section .swiper-pagination-numbered .swiper-pagination-bullet {
        right: 0 !important;
        transform: scale(1);
        border-radius: 5px;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        border-radius: 5px;
        background-color: white;
        color: black;
        opacity: 1;
        font-weight: 400;
    }

.theme-dark
.numbered-swiper-section
.swiper-pagination-numbered
.swiper-pagination-bullet-active {
    background: #132a53 !important;
}

.theme-dark .category-meta:hover {
    color: var(--orange) !important;
    background-color: white !important;
}

.numbered-swiper-section
.swiper-pagination-numbered
.swiper-pagination-bullet-active {
    background: var(--orange) !important;
    color: white !important;
}

.swiper-pagination-numbered {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    gap: 5px;
}

    .swiper-pagination-numbered span {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        font-weight: 400;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding: 15px 12px;
        opacity: 1;
        background: var(--orange);
        color: white;
    }

    .swiper-pagination-numbered .swiper-pagination-bullet-active {
        background: #fcfcfc !important;
        color: black !important;
    }

.news-pagination-indicator {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: left;
}

    .news-pagination-indicator .swiper-pagination-bullet-active {
        background: var(--orange);
        width: 30px !important;
    }

.item-infowrap {
    min-height: 52px;
}

.swiper-pagination-lines,
.swiper-pagination-news {
    position: relative;
    min-width: 55px;
    min-height: 26px;
    left: 0 !important;
    transform: unset !important;
    display: flex;
    width: fit-content !important;
}

.absolute_navigation .swiper-pagination-bullets.swiper-pagination-horizontal,
.absolute-full-navigation
.swiper-pagination-bullets.swiper-pagination-horizontal {
    min-height: unset;
    bottom: 0px !important;
}

.swiper-pagination-lines .swiper-pagination-bullet-active {
    background: var(--orange);
}

.absolute_navigation {
    position: absolute;
    left: 61%;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
}

.absolute-full-navigation {
    position: absolute;
    left: 48%;
    bottom: -20px;
    display: flex;
    justify-content: flex-end;
    margin-top: -20px;
}

.swiper-pagination-lines .swiper-pagination-bullet {
    border-radius: 5px !important;
    right: unset !important;
    width: 20px;
    height: 4px;
    transform: scale(1);
    margin: 0 !important;
}

.read-swiper-pagination > .swiper-pagination-bullet {
    border-radius: 5px !important;
    right: unset !important;
    width: 100% !important;
    height: 4px;
    transform: scale(1);
    margin: 0 !important;
    background-color: white !important;
    opacity: 100;
}

.read-swiper-pagination > .swiper-pagination-bullet-active {
    position: relative
}

    .read-swiper-pagination > .swiper-pagination-bullet-active:after {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        inset-block: 0 !important;
        background-color: var(--orange) !important;
        animation: animate-read-pagination !important;
        animation-duration: 4s !important;
        animation-timing-function: linear !important;
        border-radius: 5px !important
    }

@keyframes animate-read-pagination {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.whatsapp-service-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 40px;
}

.whatsapp-service-title {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0px;
    background: var(--orange);
    color: white;
}

.whatsapp-service-grid {
    display: flex;
    justify-content: center;
    gap: 30px;
    width: 60%;
    padding-top: 15px;
}

.whatsapp-service-grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    flex: 1 1 0%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    transition: all 0.4s;
    padding: 30px;
    border-radius: 5px;
    background: #fffefe40;
    border: 1px solid #ececec00;
}

    .whatsapp-service-grid-item h2 {
        color: black !important;
        margin: 0;
        font-weight: 500;
    }

span.whatsapp-service-subscription-icon {
    font-size: 12rem;
    color: #f16500;
    margin: 10px 0px;
}

.whatsapp-service-grid-item-content p {
    font-weight: 500;
}

.whatsapp-service-grid-item-content a {
    font-weight: 500;
    color: var(--orange);
    text-decoration: underline;
}

    .whatsapp-service-grid-item-content a:hover {
        text-decoration: underline;
    }

.whatsapp-service-grid-item:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    border: 1px solid var(--orange);
}

.slider_navigation.custom-navs.big-navs {
    width: 56%;
    top: 34%;
}

.most-read-section .most-read-swiper {
    overflow: hidden;
}

.read-section section {
    padding-bottom: 0px;
}

.swiper-pagination-mostRead,
.number-pagination .swiper-pagination-bg,
.number-pagination .swiper-pagination-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

section .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-right: 10px !important;
}

.most-read-swiper img {
    margin: 0;
}

.slider_navigation.most-read,
.slider_navigation.number-pagination {
    display: flex;
    width: fit-content !important;
}

.swiper-button-prev-mostRead,
.number-pagination div[class*="swiper-button-prev"],
.large div[class*="swiper-button-prev"] {
    transform: rotate(180deg);
}

.post-details .slider_desc h2 {
    -webkit-line-clamp: unset !important;
}

li.more.btn-quicknext.el-icon {
    background-color: unset !important;
}

.section_head.title_tab_bar.newline {
    align-items: center;
    flex-wrap: wrap;
}

.result-index h5 {
    margin-bottom: unset;
}

.theme-dark #search-app .search-card-pagination .btn-quicknext svg {
    color: white;
}

#search-app .category-meta {
    padding: 4px 12px;
    font-size: 12px;
}

.swiper-button-prev-mostRead img,
.swiper-button-next-mostRead img,
.number-pagination img {
    height: 25px !important;
    width: 35px;
    filter: invert(61%) sepia(98%) saturate(3849%) hue-rotate(357deg) brightness(96%) contrast(112%);
}

.slider_navigation.large {
    position: absolute;
    top: 36%;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0;
}

.swiper-pagination-coverflow {
    display: flex;
    justify-content: center;
    padding: 25px 0px;
}

.coverflow-btn {
    z-index: 9;
}

.fixed-height-info {
    height: 50px;
}

.follow-up .grid-metas {
    margin-top: 5px;
}

.follow-up.light_bg {
    padding-bottom: 50px;
}

.most-read-section .slider_navigation .swiper-button-next,
.most-read-section .slider_navigation .swiper-button-prev,
.most-read-section .slider_navigation div[class*="swiper-button-next"],
.most-read-section .slider_navigation div[class*="swiper-button-prev"],
.number-pagination .swiper-button-next,
.number-pagination .swiper-button-prev,
.number-pagination div[class*="swiper-button-next"],
.number-pagination div[class*="swiper-button-prev"] {
    width: 35px !important;
    background: unset !important;
    height: auto !important;
}

.swiper-pagination-mostRead .swiper-pagination-bullet,
.number-pagination .swiper-pagination-bullet {
    padding: 13px 8px;
    width: fit-content;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    margin: 0 !important;
}

    .swiper-pagination-mostRead
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover,
    .number-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
        background: #b0b0b0;
    }

.swiper-pagination-mostRead .swiper-pagination-bullet-active,
.number-pagination .swiper-pagination-bullet-active,
.featured-news .number-pagination .swiper-pagination-bullet-active {
    background: var(--orange);
}

.most-read-section .digit .tab_item_bg::after {
    counter-increment: section;
    content: "0" counter(section) "";
    color: #bababa;
    list-style-type: decimal-leading-zero;
    font-size: 56px;
    position: relative;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    min-width: 70px;
}

.most-read-section .tab_item_bg::after {
    counter-increment: section;
    content: "" counter(section) "";
    color: #bababa;
    list-style-type: decimal-leading-zero;
    font-size: 56px;
    position: relative;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    min-width: 70px;
}

.most-read-swiper .swiper-wrapper {
    counter-reset: section;
    margin-left: auto;
    margin-bottom: 0 !important;
}

.most-read-section .tab_item_bg {
    display: flex;
    align-items: self-end;
    gap: 2px;
}

.most-read-section .tab_item_info {
    width: calc(100% - 50px) !important;
}

.most-read-swiper .tab_item_info h4 {
    -webkit-line-clamp: 3;
}

.most-read-section .tab_item_info p {
    -webkit-line-clamp: 3;
}

.hide_in_mobile .theme_wrap .icon {
    border-radius: 5px;
    padding: 5px;
    width: 36px;
    height: 33px;
    background: #ececec7a;
}

.hide_in_mobile .search-icon {
    padding: 7px;
    border-radius: 5px;
    background: #f4f4f4;
}

.adjust-nav .slider_navigation.large.slider-center {
    top: 37%;
}

.featured-author-wrap {
    display: flex;
    width: 70%;
    align-items: center;
    gap: 25px;
}

.wide-card img {
    width: 100%;
}

.featured-author-sub-text h5 {
    font-weight: 300;
}

.featured-author-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    gap: 20px;
    flex-basis: 60%;
}

.featured-author-img {
    flex-basis: 40%;
}

.author-share {
    display: flex;
    width: 20%;
}

.featured-author-name h2 {
    font-weight: 600;
}

.grid-wrapper-2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
    grid-gap: 30px;
}

section.author-related .grid-item {
    flex-direction: row;
    gap: 10px;
}

.big-card-related .col-54 {
    width: 54%;
}

.big-card-related .col-44 {
    max-width: 44.66%;
}

.wide-card .card-title {
    min-height: 70px;
}

.featured-card .fixed-height {
    min-height: 73px;
}

.inside-sports .grid-wrapper-one .item-title {
    min-height: 58px;
}

.inside-sports .grid-wrapper-one .item-image {
    flex: 0 0 30%;
}

.inside-sports .grid-wrapper-one {
    grid-gap: 18px;
}

.featured-media-wrap.ipad-show {
    display: none;
}

.featured-item-content :where(h3, h4) {
    line-height: 1.77;
}

.wide-card .white-card h3,
.white-cards-container.vertical .card-title h5,
.white-cards-container.horizontal.hide-in-ipad h5,
.inside-sports .item-title h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-height: 1.8;
}

.big-card-related .grid-wrapper-one {
    grid-gap: 20px;
}

.horizontal .grid-image {
    flex-basis: 35%;
}

.horizontal .grid-content {
    flex-basis: 65%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
}

.horizontal .lg_para {
    text-align: right;
}

    .horizontal .lg_para p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

.horizontal h3 {
    font-weight: 600;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.border-0 {
    border-radius: 0px !important;
}

.flex-meta {
    display: flex;
    gap: 10px;
    align-items: center;
}

.item-info-wrap {
    height: 75px;
    overflow: visible;
}

.mangoswiper_doc .slider_info.align {
    max-width: 51%;
}

.tawsiyat .title.font_45 h2 {
    margin-top: 0px !important;
}

.culture .swiper-slide.tab,
.different-ideas .swiper-slide.tab {
    margin-left: 10px;
    width: 16%;
}

.episodes .swiper-slide.tab,
.most-read-section .swiper-slide {
    margin-left: 10px;
    width: 24.28%;
}

.society-section .swiper-slide.tab,
.sports .swiper-slide.tab {
    margin-left: 10px;
    width: 32.5%;
}

.slider-grid-5 .swiper-slide {
    width: 20%;
    margin-left: 10px;
}

.slider-grid-3 .swiper-slide {
    width: 32.5%;
    margin-left: 10px;
}

.slider-grid-6 .swiper-slide {
    width: 15.46666%;
    margin-left: 18px;
}

.slider-grid-3 .swiper-slide {
    width: 32.67%;
    margin-left: 10px;
}

.slider-grid-4 .swiper-slide {
    width: 24.42%;
    margin-left: 10px;
}

.small-slides-slider .tab_item_bg img {
    margin: 0 !important;
}

.featured-news .container {
    position: relative;
}

.authors .card-div .title h5 {
    text-shadow: -2px -1px 7px black;
}

.notice .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.notice-content-wrap {
    width: 90%;
}

.close-notice {
    width: 50px;
    cursor: pointer;
}

.notice-content-text h2,
.notice-title h2 {
    color: white;
    line-height: 1.8;
}

.close-notice img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(100);
}

.notice.red-bg {
    background: linear-gradient(108deg, #ad0202, #b53333);
}

.notice-top.hide {
    display: none;
}

.notice.blue-bg {
    background: linear-gradient(45deg, #1c3664, #1446c8);
}

.blue-bg-cookie {
    background: linear-gradient(45deg, #1c3664, #1446c8);
    padding: 20px;
    border-radius: 5px;
}

.container.blue-bg-cookie {
    align-items: stretch;
}

.blue-bg-cookie .notice-content-wrap {
    width: 60%;
}

.notice-bottom.hide {
    display: none;
}

.notice {
    padding: 30px 0px 20px 0px;
}

.notice-title h1 {
    color: white;
}

.notice-content-text h5 {
    font-weight: 300;
    color: white;
    line-height: 1.6;
}

.animated-grids .grid-item .lg_para p {
    color: white;
    text-align: right;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: 1.5rem;
    font-weight: 200;
}

.read-cards-section.animated-grids .grid-item:hover .animated-box {
    top: 50%;
}

.close-notice.mobile-only {
    display: none;
}

.notice-content-text h5 a {
    color: inherit;
    text-decoration: underline;
    display: inline;
    font-size: inherit;
}

.notice-content {
    padding-top: 15px;
}

.notice-content-metas {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.notice-meta + .notice-meta::before {
    content: "";
    width: 1px;
    height: 80%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ffffff8c;
}

.notice-meta {
    position: relative;
    padding: 0px 15px;
    font-size: 1.3rem;
    color: white;
    font-weight: 200;
}

.flex-notice {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.notice .container.blue-bg-cookie {
    align-items: stretch;
}

.notice-content-button button {
    color: #1c3664;
    background: white;
    font-size: 1.8rem;
    padding: 5px 10px;
    font-weight: 500;
    border-radius: 5px;
    line-height: 1.7;
}

.blue-bg-cookie .close-notice {
    width: 35px;
}

.meta-first {
    padding-right: 0px;
}

.notice-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 20;
}

.static-content-wrapper {
    flex-basis: 70%;
}

section.static-section .container {
    display: flex;
    display: flex;
    justify-content: space-between;
}

section.static-section .ad-horizontal {
    margin: 40px 0px;
}

.item-text-wrap .single-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2.2rem;
    border-top: 1px solid black;
    font-weight: 500;
    color: var(--orange);
}

    .item-text-wrap .single-info span {
        padding-bottom: 10px;
        border-bottom: 1px solid black;
        margin-bottom: 10px;
        padding: 10px 10px;
        color: black;
        font-weight: 300;
        width: max-content;
    }

.single-info + .single-info span {
    padding: 10px 50px;
}

.medium_article_list .item-title {
    font-weight: 600;
    font-size: 2.4rem;
    padding-bottom: 15px;
    color: black;
}

.item-text-wrap {
    display: flex;
}

    .item-text-wrap .item.static {
        margin-bottom: 40px;
    }

.community-participation-form :-moz-placeholder {
    color: #898989;
    opacity: 1;
    font-weight: 300;
}

.community-participation-form ::-moz-placeholder {
    color: #898989;
    opacity: 1;
    font-weight: 300;
}

.community-participation-form :-ms-input-placeholder {
    color: #898989;
    font-weight: 300;
}

.community-participation-form ::-ms-input-placeholder {
    color: #898989;
    font-weight: 300;
}

.community-participation-form ::placeholder {
    color: #898989;
    font-weight: 300;
}

.community-participation-form label {
    display: none;
}

#termId,
.community-participation-form option {
    cursor: pointer;
}

label:hover .custom-svg-input-holder p {
    color: var(--orange);
}

.community-participation-form textarea,
.community-participation-form input,
.community-participation-form select,
#label-custom {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #898989ad;
    background: white;
    width: 100%;
    height: 60px;
    color: black;
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.8;
}

#label-custom,
.community-participation-form select {
    display: block;
    cursor: pointer;
    color: #898989;
    font-weight: 300;
}

.community-participation-form option {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 5px;
    border: 1px solid #898989ad;
    background: white;
    width: 100%;
    color: #898989;
    height: 60px;
    line-height: 1.8;
}

.community-participation-form textarea {
    height: 120px;
}

.community-participation-submit-btn {
    font-size: 24px;
    background: #1446c8;
    border-radius: 5px;
    font-weight: 400;
    max-width: 50%;
}

.community-participation-form #formFieldset {
    border: 0px;
    padding: 10px 0px;
}

.alert.alert-danger {
    font-size: 1.5rem;
    padding: 20px 15px;
    background: #ffb4b473;
    border-radius: 5px;
    position: relative;
    color: red;
    width: 100%;
}

.uploaded-pdf-name {
    position: absolute;
    top: 20%;
    background: white;
    padding: 0px 20px;
}

.error-event input[required],
.error-event label[required],
.error-event select[required] {
    border: 1px solid red !important;
}

.success-alert .alert.alert-danger {
    background: #19875433;
    color: #198754;
}

.community-participation-form .row {
    flex-wrap: nowrap;
    position: relative;
}

    .community-participation-form .row .col-md-8,
    .community-participation-form .col-md-4 {
        flex-direction: column;
        display: flex;
        width: 49%;
    }

        .community-participation-form .row .col-md-8 .row {
            display: block;
        }

.community-participation-form .col {
    width: 100%;
}

.community-participation-submit-btn:hover {
    background: var(--orange);
}

section .blue-themed .section_head {
    justify-content: flex-start !important;
}

.blue-themed .tab-link a::before {
    content: unset !important;
}

.section_head.title_tab_bar.blue-themed {
    justify-content: flex-start;
    border-bottom: 1px solid #1446c8;
    align-items: center;
    padding-bottom: 10px;
}

.blue-themed .tabs {
    margin: 0;
    margin-right: 30px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    max-width: 100% !important;
}

.theme-dark .blue-themed .tab-link.active a {
    color: var(--orange) !important;
    border: 1px solid var(--orange);
}

.orange-meta p {
    color: var(--orange) !important;
    font-weight: 300;
}

.white-themed .tab-link:not(.active) a {
    color: #e9e6e6 !important;
}

.theme-light .white-themed .tab-link.active a {
    color: white !important;
}

.white-themed li.active::before {
    background: white !important;
}

.blue-themed .section_head.title_tab_bar {
    padding-bottom: 0px !important;
}

.white-themed .tab_slider_col.blue-themed {
    border-bottom: 1px solid white;
}

.tab_slider_col.blue-themed {
}

.blue-themed li {
    height: 100%;
    display: flex;
    align-items: center;
}

    .blue-themed li.tab-link a {
        padding: 5px 0px;
    }

    .blue-themed li.tab-link.active a {
        padding: 5px 10px;
        border: 1px solid #5882ef;
        border-radius: 5px;
        color: #2e5acc !important;
    }

.theme-light .blue-themed li.tab-link.active a {
    border: 1px solid #5882ef;
    color: #2e5acc !important;
}

.blue-themed .title {
    padding-bottom: 10px;
}

.blue-themed li.active::before {
}

.blue-themed li {
    position: relative;
}

.blue-themed h2 {
    color: #1446c8 !important;
    font-weight: 500 !important;
}

.blue-themed .tab-link:not(.active) a {
    color: #4a4a4a;
}

.blue-themed a:hover {
    color: #1446c8 !important;
}

.dark-blue {
    background: rgb(28 54 100) !important;
    padding-bottom: 20px !important;
}

    .dark-blue h2,
    .dark-blue a {
        color: white !important;
        font-weight: 400 !important;
    }

    .dark-blue .section_head.title_tab_bar {
        padding-bottom: 0px;
    }

    .dark-blue ::before {
        content: unset !important;
    }

    .dark-blue .section_head {
        justify-content: flex-start;
    }

    .dark-blue .tabs {
        margin-right: 30px !important;
    }

    .dark-blue .tab-link a {
        border: 1px solid transparent;
        border-radius: 10px;
        padding: 7px 10px;
    }

    .dark-blue .tab-link.active a {
        border: 1px solid rgb(88 130 239);
        color: white !important;
    }

    .dark-blue.tab_slider_sec .tabs > * + * {
        margin-right: 10px !important;
    }

section.featured-grid-section .grid-summary,
section.featured-grid-section .grid-title {
    text-align: right;
    padding-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

    section.featured-grid-section .grid-summary p {
        color: #4a4a4a;
        font-weight: 300;
    }

    section.featured-grid-section .grid-title h3 {
        line-height: 1.6;
    }

.border-below {
    border-bottom: 1px solid #cbcbcb;
}

.sports .Category p {
    margin-bottom: 5px;
}

.most-read-section .blue-num .tab_item_bg::after {
    color: #1446c8;
    font-size: 50px;
}

.sports .item-content * + * {
    margin-bottom: 10px;
}

.sports-grid .fixed-height {
    height: 70px;
    width: 99%;
}

.sports-grid .grid-item .time {
    padding-top: 0px;
}

.loadmoresection {
    padding: 40px 0px;
}

.sports .sports-grid .Category p {
    margin-bottom: 0px;
}

.space-between {
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.sports .time p {
    opacity: 1;
}

.static-page .ad-div {
    padding: 60px 0px;
}

.ad-div {
    overflow: hidden;
}

.col-4 .ad-div {
    position: sticky;
    top: 70px;
    padding-top: 40px;
}

.white-icon svg {
    filter: invert(1);
}

.white-icon {
    margin-right: auto;
}

p.privacy-header {
    font-size: 25px;
}

.theme-light p.privacy-header {
    color: black;
}

p.privacy-title {
    font-size: 30px;
}

.theme-light p.privacy-title {
    color: black;
}

p.privacy-content {
    font-size: 20px;
}

.theme-light p.privacy-content {
    color: black;
}

.break-line {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding: 5px 0px;
}

.custom-file {
    position: relative;
}

.custom-svg-input-holder p {
    color: #898989;
    font-weight: 300;
    margin: 0px 10px;
}

.img-svg-wrap-1 img {
    width: 26px;
}

.img-svg-wrap-2 img {
    width: 15px;
    border-radius: 0px;
}

.custom-svg-input-holder {
    position: absolute;
    top: 15px;
    left: 20px;
    display: flex;
    align-items: center;
    width: fit-content;
}

.custom-text-holder h4 {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #898989;
    font-weight: 300;
}

.align-right .grid-title h4 {
    text-align: right;
}

.sideBy_thumb_slider_wrapper .swiper-slide {
    margin-left: 20px;
    max-width: 208px;
}

.podcast-cover-image img {
    min-height: 104px;
}

.widget-watch h3 {
    color: white;
}

.Category.article-detail-category p {
    font-size: 12px;
}

.right-most .col-6 {
    width: 49.33%;
}

.right-most .grid-wrapper-3 {
    grid-gap: 15px;
    row-gap: 60px;
}

.col-52 {
    width: 100%;
    max-width: 52%;
}

.col-47 {
    width: 100%;
    max-width: 47%;
}

.col-50 {
    width: 50.33%;
}

.col-57 {
    width: 100%;
    max-width: 57%;
}

.col-51 {
    width: 100%;
    width: 51%;
}

.col-48 {
    width: 100%;
    max-width: 48%;
}

.col-49 {
    width: 100%;
    max-width: 49.33%;
}

.col-48 .grid-wrapper-one {
    grid-gap: 35px;
}

.col-42 {
    width: 100%;
    max-width: 42%;
}

.no-gap {
    gap: 0px !important;
}

.white-bg-colored {
    background: white;
}

.grey-bg-colored,
.grey-bg-colored .white-card {
    background: #f3f3f3;
}

.col-47 img {
    width: 100%;
}

.left-most .col-6 {
}

.grid-wrapper-dual-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
    row-gap: 26px;
    column-gap: 20px;
}

.white-cards-container {
    display: flex;
    padding-top: 20px;
    justify-content: space-between;
}

.white-card + .white-card {
    margin-right: 15px;
}

.white-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: white;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.all-bordered {
    border-radius: 5px;
}

.white-card-metas {
    display: flex;
    align-items: center;
    padding: 8px 0px;
    height: 49px;
    justify-content: space-between;
    margin-top: auto;
}

.card-div.inside h3 {
    color: white;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

    .card-div.inside h3.grid-main-title {
        -webkit-line-clamp: 2;
    }

.grouped-metas {
    display: flex;
    align-items: center;
}

.country-img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0;
}

.grouped-metas div + div {
    margin-right: 20px;
}

.country-img img {
    width: 100%;
}

.grid-card img {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.grid-card h5,
.grid-card .max-content h4 .white-card .card-title h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-height: 1.8;
}

.grid-card .card-title {
    height: 51px;
}

.coverage-wrap {
    max-width: 56.44%;
    width: 100%;
}

.weather-wrap {
    max-width: 42%;
    width: 100%;
}

.widgets-featured-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-pag {
    height: fit-content;
    margin: 0;
    align-items: baseline;
}

.white-wrap {
    background: white;
    padding: 30px 20px;
    border-radius: 5px;
    position: relative;
}

.tab_item_info.fixed-height {
    min-height: 87px;
}

.swiper-slide.white-themed-slide::before {
    right: 0px;
    position: absolute;
    bottom: 0px;
    width: 95%;
    height: 48%;
    background: white;
    content: "";
    border-radius: 5px;
    z-index: -1;
}

.swiper-slide.white-themed-slide {
    padding: 10px;
    position: relative;
}

.meta-inside,
.tag-on-edge {
    position: relative;
}

    .meta-inside .inner-metas {
        position: absolute;
        right: 10px;
        bottom: 10px;
        display: flex;
        align-items: center;
        z-index: 2;
    }

        .meta-inside .inner-metas * + * {
            margin-left: 5px;
        }

    .tag-on-edge .Category {
        position: absolute;
        right: 5px;
        bottom: -10px;
    }

.single-item .white-card :where(.Category, .title) {
    margin-bottom: 5px !important;
}

.bg-blue-sports section {
    background: #ececec !important;
}

.misc-section .single-item + .single-item {
    margin-top: 15px;
}

.box-items-wrap p {
    color: white;
    font-weight: 400;
}

.two-one-align .col-52 {
    max-width: 53%;
}

.two-one-align .item-image {
    flex: 0 0 30%;
}

.two-one-align .stretched .item-image {
    flex: 0 0 37%;
}

.two-one-align .col-47 {
    max-width: 45%;
}

.x-logo img {
    filter: brightness(15);
    margin-bottom: 3px;
    min-width: 19px !important;
}

.white-card :where(h4, h3) {
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.white-card h3 {
    -webkit-line-clamp: 2 !important;
}

.item-info h4 {
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 600;
}

.filter-tabs .tab-link.remove-filters a {
    flex-direction: row-reverse;
    color: var(--orange) !important;
    border: 0px !important;
}

.filter-tabs .remove-filters .tab-svg {
    width: 11px;
    height: 11px;
}

    .filter-tabs .remove-filters .tab-svg img {
        opacity: 1 !important;
        width: 12px !important;
        height: 12px;
        filter: invert(46%) sepia(15%) saturate(6394%) hue-rotate(343deg) brightness(102%) contrast(106%);
    }

.pd-top-10 {
    padding-top: 10px;
}

.pd-top-15 {
    padding-top: 15px;
}

.minimize-width {
    max-width: 95%;
}

.big-swiper-carousel .swiper-slide {
    margin-left: 10px;
    width: 24.41%;
}

.metas-align-row {
    display: flex;
    align-items: center;
    margin-top: auto;
}

    .metas-align-row .Category {
        margin-bottom: 0px !important;
        margin-left: 20px;
    }

    .metas-align-row .time {
        margin-right: 20px;
    }

.author-wrap {
    display: flex;
    align-items: center;
}

.blue-meta p {
    color: blue !important;
}

.author-wrap .author-name {
    padding: 0px 10px;
    padding-right: 0px;
}

.col-6.col-md-6 .inlarge {
    margin-top: 20px;
}

.two-one-align .inlarge .item-image {
    flex: 0 0 40%;
}

.inlarge .item-image,
.col-6.col-md-6 .inlarge .item-image {
    flex: 0 0 45%;
}

.inlarge .white-card {
    flex: 0 0 53%;
}

.blue-card {
    background: #2f5391;
    padding: 20px 10px;
    border-radius: 5px;
}

    .blue-card h2 {
        color: white !important;
        font-weight: 400 !important;
    }

section .blue-card :where(.author-name, .time p) {
    color: white !important;
    opacity: 1;
    font-weight: 400;
}

.card-items .card-title {
    min-height: 73px;
}

.card-items {
    margin-top: 15px;
}

.blue-card h3 {
    color: white;
    max-width: 95%;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.resize-col .col-6.col-md-6:first-child {
    margin-top: 0px;
    max-width: 42%;
}

.resize-col .col-6.col-md-6 {
    max-width: 55%;
    height: 100%;
    margin-top: 28px;
}

.white-card p {
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.scaled_tab_sec.press .tab_item_info p {
    -webkit-line-clamp: 3 !important;
}

section .grid-wrapper-2 .inlarge {
    margin-top: 0px;
}

.theme-society {
    background: #566a5c;
}

    .theme-society :where(h3, h4) {
        color: white;
        line-height: 1.8;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

.reverse-row .row {
    flex-direction: row-reverse;
}

.theme-society .card-title {
    height: 75px;
}

.society .grid-wrapper-2 {
    margin-top: 20px;
    grid-gap: 15px;
}

.col-8 .ad-div {
    padding: 0px;
    margin-bottom: 40px;
}

.breaking-content-wrap.inside {
    max-height: 925px !important;
}

.theme-society .time p {
    color: #dfdfdf !important;
}

.medium .item-image {
    flex: 0 0 33%;
}

.faces-section {
    background-image: url(/mdn2023/images/faces.png);
    background-size: cover;
}

.africa-slider-section {
    background-image: url(/mdn2023/images/africa-bg.png);
    background-size: cover;
}

.dark-slider-theme h2,
.dark-slider-theme h3,
.dark-slider-theme p {
    color: white !important;
}

.dark-slider-theme .swiper-button-prev-mostRead img,
.dark-slider-theme .swiper-button-next-mostRead img,
.dark-slider-theme .number-pagination img {
    filter: brightness(5);
}

.dark-slider-theme .swiper-pagination-bullet-active {
    background: white !important;
    color: black;
}

section .card-title.max-content {
    min-height: 102px;
}

.white-cards-container.vertical .white-card + .white-card {
    margin-top: 15px;
}

.dark-slider-theme
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: dimgrey;
    color: white;
    opacity: 1;
}

.white-cards-container.vertical {
    flex-direction: column;
    padding: 0px;
}

.vertical .white-card.all-bordered {
    margin-right: 0px;
}

.video-with-related .flex-box-items {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
    padding-right: 5px;
}

.video-with-related.reverse-row .flex-box-items {
    padding-right: 20px;
    padding-left: 5px;
}

.reverse-cols {
    flex-direction: row-reverse;
}

.video-with-related .row {
    border-radius: 5px;
}

.item-details-wrap .post-title {
    margin-bottom: 20px;
}

.item-details-wrap .lg_para {
    margin-bottom: 10px;
}

.item-details-wrap .lg_para {
    line-height: 125%;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 400;
}

.item-details-wrap .time {
    margin-bottom: 20px;
}

.white-themed-box {
    background: white;
}

.flex-box-items .grid-wrapper-3 {
    grid-gap: 10px;
}

.content-image {
    position: relative;
}

    .content-image img {
        width: 100%;
    }

body .item-details-wrap h3 {
    color: #4a4a4a;
    font-weight: 600;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-20 {
    margin-top: 20px;
}

.coverflow-btn-box {
    background: #f6f6f6;
    z-index: 2;
    border-radius: 5px;
    border: 1px solid #e6e4e4e0;
    transition: 0.2s all;
}

.coverflow-slider .swiper-coverflow::before {
    content: "";
    position: absolute;
    top: 70px;
    left: 0px;
    width: 100%;
    background: white;
    height: 65%;
}

.coverflow-btn-box.next-box {
    margin-right: 535px !important;
    margin-left: 29px !important;
}

.coverflow-btn-box:hover img {
    filter: brightness(6);
}

.coverflow-btn-box:hover {
    background: var(--orange);
    border: 1px solid var(--orange);
}

.coverflow-slider .swiper-coverflow {
    position: relative;
    padding: 0px 20px;
}

.society-news .card-title {
    min-height: 40px;
}

.swiper-coverflow :where(.swiper-slide) {
    opacity: 0;
}

.swiper-coverflow .swiper-slide-active .coverflow-slide-title {
    height: fit-content;
    text-shadow: 4px 1px 7px black;
    padding-top: 0px;
}

    .swiper-coverflow .swiper-slide-active .coverflow-slide-title h2 {
        -webkit-line-clamp: 1;
        color: white;
    }

.swiper-coverflow .swiper-slide-active {
    position: relative;
}

.swiper-slide.no-gap .fixed-height {
    min-height: 58px;
}

.swiper-carousel .carousel-title {
    min-height: 92px;
}

.col-4 section.breaking-news-vertical {
    margin-bottom: 20px;
}

.grouped-metas .author-img {
    margin-left: 0.8rem;
}

section.podcast-container .ad-div {
    margin-bottom: 0px !important;
}

.swiper-coverflow .swiper-slide-active a:before {
    content: "";
    height: 60%;
    width: 100%;
    z-index: 1;
    background-image: linear-gradient(to top, #000000a6 15%, transparent 57%);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 5px;
}

.swiper-coverflow .coverflow-slide-title h2 {
    -webkit-line-clamp: 2;
    color: black;
    padding-top: 10px;
}

.swiper-coverflow .coverflow-slide-title {
    padding-top: 10px;
}

.swiper-coverflow .swiper-slide-active .coverflow-slide-title h2 {
    color: white;
}

.unmatched-grids .item-image {
    position: relative;
}

.animated-grids.podcast .grid-item:hover .animated-box,
.animated-grids.low-hover .grid-item:hover .animated-box {
    top: 45%;
    text-align: revert;
    right: 20px;
}
/*
                .animated-grids.low-hover .grid-item:hover .animated-box {
                    top: 60%;
                } */

.animated-box a:before {
    content: unset !important;
}

.podcast-play {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 50px;
}

.podcast-details-wrap .article-content-wrap {
    border-bottom: 0px;
}

.podcast-content-wrap {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
}

.podcast-white-box h2 {
    margin-bottom: 15px !important;
}

.podcast-white-box {
    background: white;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.theme-dark .podcast-white-box {
    background: #2f3841;
}

.big-wrapper-player iframe {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.podcast-img {
    flex: 0 0 35%;
}

    .podcast-img img {
        width: 100%;
    }

.podcast-details-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 10px;
}

.podcast-play img {
    border-radius: 0px;
}

.swiper-coverflow
:where(.swiper-slide-active, .swiper-slide-prev, .swiper-slide-next) {
    opacity: 1;
}

.swiper-coverflow :where(.swiper-slide-prev, .swiper-slide-next) .content {
    position: relative;
    bottom: unset;
    right: 10px;
    display: none;
}

.swiper-coverflow .swiper-slide:not(.swiper-slide-active) {
    pointer-events: none;
}

.swiper-coverflow :where(.swiper-slide-prev, .swiper-slide-next) .play-btn {
    display: none;
}

.society-section .fixed-height {
    min-height: 58px;
}

.video-grid-image img {
    width: 100%;
}

.hide-indesktop {
    display: none;
}

section.coverflow-slider .section_head.title_tab_bar {
    padding-bottom: 0px;
}

.white-box-activate .swiper-slide {
    padding: 20px;
    border-radius: 5px;
}

.white-box-activate .swiper-slide {
    background: white;
}

.grid-small-section.dark-bg {
    background: #1f252b;
    border-radius: 5px;
    padding: 15px;
}

.podcast-img-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.podcast-banner .podcast-share-grid {
    position: absolute;
    top: 35%;
    right: 35px;
}

.animated-grids .image,
.animated-grids .image a {
    position: relative;
    overflow: hidden;
}

.hideitem-desktop {
    display: none;
}

.small-grid-image {
    flex: 0 0 33.22%;
    display: block;
    position: relative;
    margin-left: 0.8rem;
}

.animated-grids .image a::before {
    background: #000000b3;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    -webkit-transition: all 0.4s ease-in-out 0s;
    z-index: 9;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    border-radius: 5px;
}

.animated-grids .grid-item:hover .image a::before {
    top: 0;
}

.animated-grids .grid-item:hover .animated-box {
    width: 100%;
    top: 40%;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    z-index: 9;
}

.swiper-carousel .carousel-title h3 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.animated-grids .grid-item .animated-box .title h3 {
    color: white;
    -webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 400;
    padding-bottom: 10px;
}

.animated-grids .grid-item .animated-box {
    position: absolute;
    text-align: center;
    width: 100%;
    text-align: center;
    top: 100%;
    left: 0;
    opacity: 0;
}

.misc-section .col-48 .grid-wrapper-one {
    grid-gap: 20px;
}

.misc-section .col-48 h4 {
    min-height: 58px;
}

.misc-section .col-52 {
    max-width: 51%;
}

.misc-section .col-48 {
    max-width: 49%;
}

.swiper-coverflow
:where(.swiper-slide-prev, .swiper-slide-next)
.tab_item_bg::before {
    content: "";
    bottom: 0;
    width: 45%;
    height: 100%;
    position: absolute;
}

.swiper-coverflow :where(.swiper-slide-next) .tab_item_bg::before {
    right: 0;
    background: linear-gradient(to left, #0000008f, transparent);
}

.swiper-coverflow :where(.swiper-slide-prev) .tab_item_bg::before {
    left: 0;
    background: linear-gradient(to right, #0000008f, transparent);
}

.grid-image img {
    width: 100%;
}

.grid-small-section.dark-bg.dark_themed-section {
    background: #f3f3f3;
}

.big-card-section {
    padding-top: 6px;
}

.video-details-wrap iframe {
    border-radius: 5px;
}

.news-cast {
    width: 77%;
}

.home .episode_content {
    background: white;
    border-radius: 5px;
}

.news-cast-related {
    width: 21%;
    margin-right: 10px;
    padding: 10px;
    border-radius: 5px;
}

.card-div.hide-in-desktop {
    display: none;
}

.with-filters .title.font_45 {
    min-width: max-content;
}

.filter-tabs {
    padding: 0;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
    overflow: visible;
    margin-top: 0px;
    margin-bottom: 0px;
}

.tab_slider_col.news-theme h2 {
    color: #1c3664 !important;
    font-weight: 500 !important;
}

.filter-section {
    padding: 20px 0px;
}

.mg-bottom-25 {
    margin-bottom: 25px;
}

.news-theme .section_head.title_tab_bar {
    padding-bottom: 0px;
}

.news-theme .title {
    padding-bottom: 10px;
}

.filter-tabs .tab-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #898989;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 15px;
    gap: 5px;
    min-width: 90px;
    font-weight: 400;
    transition: 0.3s all;
    white-space: nowrap;
}

.filter-tabs::-webkit-scrollbar {
    display: none;
}

.filter-tabs .current .tab-svg {
    width: 11px;
}

.filter-tabs .tab-link:not(.current) img {
    opacity: 0;
    width: 2px;
}

.filter-tabs .current .tab-svg img {
    width: 100%;
}

.filter-tabs .tab-link.current a {
    color: white;
    background: var(--orange);
    border: 1px solid var(--orange);
    font-weight: 400;
}

.filter-tabs .tab-link:not(.current) a {
    color: #ececec;
    border: 1px solid #c6c6c6;
}

.blue-svg img {
    filter: unset;
}

.filter-tabs .tab-svg {
    display: flex;
    align-items: center;
    width: 0px;
    height: 14px;
}

.filter-tabs * + * {
    margin-right: 10px !important;
}

.pd-bottom-10 {
    padding-bottom: 10px;
}

.min-wdth-title {
    max-width: 99%;
}

.slider_navigation.arrows-small-navigation {
    position: relative;
    width: 70px;
    margin-right: auto;
    padding: 0;
    justify-content: space-between;
}

.swiper-button-prev-news.arrow.swiper-button-disabled,
.swiper-button-next-news.arrow.swiper-button-disabled {
    background: #c9c9c9 !important;
}

.swiper-button-next-news.arrow:not(.swiper-button-disabled),
.swiper-button-prev-news.arrow:not(.swiper-button-disabled) {
    background: var(--orange) !important;
}

.arrow {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    z-index: 5;
    opacity: 1;
}

    .arrow img {
        filter: brightness(20.5);
        width: 30px;
        height: 30px !important;
    }

.swiper-button-prev-news.arrow img {
    transform: rotate(180deg);
}

.swiper-button-next-news.arrow,
.swiper-button-prev-news.arrow {
    display: block !important;
    background: unset !important;
    width: 30px !important;
    height: 30px !important;
}

.post-details iframe[src*="facebook"] {
    width: unset !important;
}

.notFound-section {
    overflow: hidden;
    padding-bottom: 30px !important;
}

    .notFound-section .error-btn a {
        padding: 6px 12px;
        width: fit-content;
        border-radius: 5px;
        border: 1px solid var(--orange);
        color: var(--orange);
        font-weight: 400;
    }

    .notFound-section .error-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

blockquote {
    margin: 0 0 20px;
    padding: 20px;
    background-color: #f8f8f8;
    border-left: 6px solid var(--orange);
    font-size: 16px;
    border-top-right-radius: 5px;
    line-height: 1.4;
    font-style: italic;
    border-bottom-right-radius: 5px;
    box-shadow: 3px 0px 7px #a9a9a963;
}

.p-content p {
    text-align: justify;
}

.live-coverage-show {
    position: absolute;
    bottom: 0;
    padding: 20px;
    right: 0;
    width: 100%;
    background: linear-gradient(45deg, #df1717, #ad0000);
    z-index: 9;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .live-coverage-show .content {
        width: 100% !important;
        position: relative;
        right: unset !important;
        bottom: unset !important;
    }

.live-indicator {
    position: absolute;
    left: 15px;
    top: -18px;
    background: white;
    border-radius: 5px;
    padding: 5px 10px;
    box-shadow: -5px 5px 10px #0000002e;
}

    .live-indicator .live-indicator-text h4 {
        color: #b20202;
        line-height: 1.7;
    }

.font-resize-click .resize-indicator {
    font-size: 17px;
    position: relative;
    padding: 0px 9px 12px 9px;
    background-color: #ececec7a;
    border-radius: 5px;
    font-weight: 400;
    color: var(--orange);
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.theme-dark .font-resize-click .resize-indicator {
    color: #fff;
    background: #aaaaaa38;
}

.font-resize-click .resize-indicator:hover {
    background: var(--orange);
    color: white;
}

.noUi-handle {
    box-shadow: unset;
    border-radius: 50%;
    width: 12px !important;
    height: 12px !important;
    opacity: 1;
    top: -8px;
    background-color: white !important;
}

.noUi-horizontal {
    height: 1px;
    background: white;
    min-width: 100px;
}

.noUi-connects {
    border-radius: 3px;
    height: 2px !important;
}

.noUi-horizontal {
    height: 1px !important;
    background: white !important;
}

.noUi-connect {
    background: white !important;
}

.noUi-marker-horizontal.noUi-marker,
.noUi-target.noUi-horizontal .noUi-tooltip {
    background: white;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 8px !important;
    top: -4px !important;
    width: 1px !important;
}

.font-slider-wrapper {
    width: 200px;
    padding: 15px;
    background: #f36928;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none;
    position: absolute;
    top: 120%;
    left: -90px;
    z-index: 1;
}

.font-resize-click {
    position: relative;
}

.show-font-slider .font-slider-wrapper {
    display: flex;
}

.noUi-target .noUi-active.noUi-handle {
    top: -6px !important;
    left: -5px !important;
}

.small-font,
.bigger-font {
    user-select: none;
    width: 22px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: -8px;
}

.bigger-font {
    font-size: 22px;
    font-weight: 500;
    color: white;
}

.theme-dark .blue-num .author-name {
    color: #808080 !important;
}

.small-font {
    font-size: 17px;
    font-weight: 400;
    color: white;
}

.noUi-handle .noUi-tooltip {
    display: none;
}

html.increase-2 {
    font-size: 72%;
}

html.increase-3 {
    font-size: 80%;
}

    html.increase-3 .grid-card .card-title {
        height: 64px;
    }

.grid-item h4 {
    text-align: right;
}

html.increase-3 .read-section .fixed-height {
    height: 60px;
}

html.increase-3 .item-info-wrap {
    height: 100px;
}

html.increase-3 .inlarge .white-card p {
    font-size: 1.2rem;
    -webkit-line-clamp: 3;
}

html.increase-3 .fixed-height-info,
html.increase-3 .sports-grid .fixed-height {
    height: 95px;
}

html.increase-2 .editors-pick .item.title {
    height: 100px;
}

html.increase-2 .Grid-themed .fixed-height {
    height: 65px;
}

html.increase-3 .Grid-themed .fixed-height {
    height: 73px;
}

html.increase-2 .fixed-height-info {
    height: 90px;
}

html.increase-3 .Grid-section .item.title {
    -webkit-line-clamp: 2 !important;
    height: 80px;
}

.uploaded-pdf-name.show-file {
    position: absolute;
    top: 3%;
    font-size: 13px;
    border-radius: 5px;
    right: 2%;
    background: white;
    padding: 20px;
    padding-left: 50px;
}

.noUi-pips-horizontal {
    padding: 0px !important;
    height: fit-content !important;
}

.cookie-notice {
    bottom: 30px;
}

.search-click:hover p {
    color: var(--orange);
}

.noUi-handle-touch-area {
    cursor: grab;
}

.theme-light .darklogo {
    display: none;
}

.theme-dark .lightlogo {
    display: none;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: grab;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: "";
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

button.slick-arrow.slick-next,
button.slick-arrow.slick-prev {
    position: absolute;
    top: 45%;
    z-index: 2;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid white;
}

button.slick-arrow.slick-next {
    left: 0;
}

button.slick-arrow.slick-prev {
    right: 0;
}

    button.slick-arrow.slick-next:focus,
    button.slick-arrow.slick-prev:focus {
        background-color: azure !important;
        color: black !important;
    }

.float {
    position: fixed;
    bottom: 20px;
    left: 10px;
}

.control-btn {
    --color: #8b4dd7;
    font-family: inherit;
    display: inline-block;
    width: fit-content;
    padding: 0px 10px;
    text-align: center;
    height: 2.6em;
    line-height: 2.5em;
    overflow: hidden;
    z-index: 99;
    color: white;
    border: 2px solid var(--color);
    border-radius: 6px;
    background: var(--color);
    font-weight: 400;
    font-size: 17px;
}

    .control-btn::before {
        position: absolute;
        content: "";
        background: #610baa;
        width: 180%;
        height: 180%;
        z-index: -1;
        border-radius: 50%;
        top: 100%;
        left: 100%;
        transition: 0.4s all;
    }

    .control-btn:hover {
        color: white;
    }

        .control-btn:hover::before {
            top: -10px;
            left: -50px;
        }

.float2 {
    position: fixed;
    bottom: 100px;
    left: 10px;
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .grid_2 {
        width: 49%;
    }

    .advblock_home {
        display: none !important;
    }
}

@media screen and (max-width: 1439px) {
    .grid_2 {
        width: 48%;
    }
}

.post-details .news-image-holder img {
    height: auto;
}

.slider_desc {
    margin-bottom: 20px;
}

footer {
    display: block;
}

.post-details figure iframe.editormedia {
}

.post-details iframe[src*="youtube"] {
    height: calc(55vw * 0.6);
    border: 0;
    width: 100%;
}

iframe[src*="youtube"] {
    height: calc(55vw * 0.6);
    border: 0;
}

.ad-div .ad-inner > div {
    margin: 0 auto;
}

.news_tab_swiper .tab_item_bg img {
    width: auto !important;
    margin: initial !important;
}

.post-details h3 {
    text-align: right;
}

.post-details .post-media figcaption,
.post-details.content-media-item figcaption {
    background: #e1e1e1;
    color: var(--textcolor);
    margin: 0;
    padding: 0;
    padding: 0.5rem;
}

.post-details p {
    margin-bottom: 2rem;
}

.post-details .p-content a {
    color: #f36928;
    display: inline;
}

.post-details h4 {
    font-weight: bold;
    color: #f36928;
}

    .post-details h4 a {
        font-weight: bold;
        color: #f36928;
    }

.post-details .p-content h2 {
    margin-top: 30px;
}

.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.post-metas .about-author a img {
    border-radius: 0px;
}

.covetage_wrap .news-content .news-content-title p {
    line-height: 1.6 !important;
}

.news-image-holder {
    display: block;
    position: relative;
    margin-left: 10px;
}

section.documentary-wrapper .swiper-slide .slide_info_wrap,
section.documentary-wrapper .swiper-slide .day_time {
    padding: 0 !important;
}

.podcast-content {
    gap: 20px;
}

.pd-top-0 {
    padding-top: 0;
}

.loadspinner:before {
    content: "\f51f";
}

.title.font_45 {
    width: fit-content;
}

.more_browse {
    width: initial;
}

.theme-light .video-page-separator {
    display: none;
}

.documentary-wrapper .big_slider .slider_bg.video::before {
    top: initial;
}

.featured-media-wrap {
    max-height: initial;
}

.post-type.post-metas.type-wrap ul {
    padding: 10px 0px;
}

.podcast-container .ad-div {
    padding: 0px;
}

.cookieinfo {
    z-index: -10 !important;
    opacity: 0 !important;
}

.cookie-notice {
    display: none;
}

.dropdown-content {
    font-size: 20px;
    font-variant: unicase;
}

.details-section .details-content p {
    font-size: 1.8rem;
    font-weight: 400;
}

.pd-restore .pd-top {
    padding-top: 30px;
}

.theme-dark .light_bg .breaking-wrapper .title {
    background: #1c242a96 !important;
}

.p-content button.slick-arrow {
    padding: 10px !important;
}

.slick-prev img {
    transform: rotate(180deg);
}

button.slick-arrow:hover {
    background: #e2ebf5;
}

.theme-dark button.slick-arrow {
    background: #606060;
    border: 1px solid #58585838;
}

    .theme-dark button.slick-arrow img {
        filter: brightness(4.5);
    }

    .theme-dark button.slick-arrow.slick-next:focus,
    .theme-dark button.slick-arrow.slick-prev:focus {
        background: #606060 !important;
    }

@media (max-width: 1199px) {
    button.slick-arrow.slick-next,
    button.slick-arrow.slick-prev {
        top: 35%;
    }
}

.single-post-wrap.aside {
    width: 32%;
    background: white;
    padding: 15px;
    border-radius: 5px;
}

.flex-wrap-box {
    display: flex;
}

    .flex-wrap-box .white-card-metas {
        margin-right: 10px;
        flex-direction: column;
        height: unset;
        margin-top: auto;
        min-width: fit-content;
        padding-bottom: 0px;
        align-items: self-start;
    }

        .flex-wrap-box .white-card-metas .grouped-metas {
            margin-bottom: 6px;
        }

.single-post-wrap.aside h4.item.title {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    line-height: 1.5;
    height: unset;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2 !important;
}

.single-post-wrap.aside .lg_para {
    -webkit-line-clamp: 4;
}

.flex-wrap-box img {
    max-width: 170px;
}

.theme-dark .single-post-wrap.aside {
    background: #2f3841;
}

    .theme-dark .single-post-wrap.aside .item.title {
        color: white;
    }

.p-content .embed-responsive-16by9 [data-embed*="youtube"]::before {
    content: "";
    position: absolute;
    top: 45%;
    left: 50%;
    width: 60px;
    height: 60px;
    background-image: url(/mdn2023/images/play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .p-content .embed-responsive-16by9 [data-embed*="youtube"]::before {
        content: "";
        position: absolute;
        top: 40%;
        left: 45%;
        width: 50px;
        height: 50px;
        background-image: url(/mdn2023/images/play.svg);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 1;
        cursor: pointer;
    }
}

[data-page-name*="Details"] .lg_para {
    -webkit-line-clamp: unset !important;
}

.sub_menu.mega_navigation.show {
    opacity: 1 !important;
    max-height: 400px !important;
    visibility: unset !important;
    background-color: white !important;
}

/*  .icon.svg_icon.rotate_icon {
            transform: rotate(-180deg);
        } */
header .main_link .nav_item a::before {
    z-index: -1;
}

.has_dropdown:hover .mega_navigation {
    opacity: 1 !important;
    max-height: 400px !important;
    visibility: unset !important;
}

.theme-light .has_dropdown:hover .mega_navigation {
    background-color: white !important;
}

.has_dropdown:hover .icon.svg_icon.rotate_icon {
    transform: unset !important;
}

.brighten-bullets .swiper-pagination-bullet {
    opacity: 80% !important;
    background: #b0b0b0;
}

.brighten-bullets.number-pagination .swiper-pagination-bullet-active {
    background: var(--orange);
}

@media screen and (max-width: 767px) {
    .coverage-widget picture {
        width: 100%;
    }

    @media only screen and (max-width: 998px) {
        .slider_navigation.hide-ipad {
            display: none;
        }
    }
}

/* details new design below */

.new-details-tag-container {
    gap: 2.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 0.5fr));
    width: 100%;
    padding: 0 !important;
    list-style: none;
}

@media (max-width: 550px) {
    .new-details-tag-container {
        grid-template-columns: repeat(auto-fit, minmax(120px, 0.5fr));
        gap: 1rem;
    }
}

.new-details-tag-container > li {
    width: 100%;
    height: 100%;
}

    .new-details-tag-container > li > a {
        display: flex;
        align-items: center;
        width: 100%;
    }

.new-details-tag-container img {
    border-radius: 50%;
    border: 3px solid #fff;
    height: 64px;
    width: 64px;
    object-fit: cover;
    z-index: 2;
    margin: 0;
    margin-left: -12px;
}

.new-details-tag-container span {
    background-color: white !important;
    padding-block: 8px;
    font-size: 14px;
    display: block;
    padding-inline: 20px;
    z-index: 1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    word-break: keep-all;
    width: 100%;
    font-weight: 400;
}

.new-details-tag-container > li > a:hover span {
    background-color: rgb(255, 107, 0) !important;
    color: white !important;
}

.theme-dark .new-details-tag-container span {
    background-color: #3c423e !important;
    color: white;
}

.theme-dark .new-details-tag-container > li > a:hover span {
    background-color: white !important;
    color: black !important;
}

.theme-dark .new-details-tag-container img {
    border-color: #898989;
}

@media (max-width: 550px) {
    .new-details-tag-container img {
        height: 50px;
        width: 50px;
    }

    .new-details-tag-container span {
        padding-block: 4px;
        font-size: 12px;
        padding-right: 15px;
        padding-left: 5px;
    }
}

/* audio player style below */

audio {
    margin-top: 10px;
    width: 100%;
}

    audio::-webkit-media-controls-enclosure {
        background-color: transparent;
    }

    audio * {
        color: white;
    }

    audio::-webkit-media-controls-panel {
        background-color: rgba(255, 255, 255, 0.3);
    }

.audio-player {
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    margin-top: auto;
}

    .audio-player audio {
        display: none;
    }

.audio-control-btn {
    all: unset;
    width: 100%;
    max-width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
    background-color: #1446c8;
    display: grid;
    place-items: center;
}

    .audio-control-btn:hover,
    .audio-control-btn:focus {
        background-color: #1446c8;
    }

.seek-wrapper {
    position: relative;
    width: 100%;
}

.seekBar {
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background: #ddd;
    height: 10px;
    border-radius: 5px;
    outline: none;
}

    .seekBar::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #1446c8;
        cursor: pointer;
    }

    .seekBar::-moz-range-thumb {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #1446c8;
        cursor: pointer;
    }

.seekTooltip {
    /* position: absolute;
    top: -35px; */
    color: black;
    padding: 5px;
    border-radius: 5px;
    /*  display: none;
    transform: translateX(-50%); */
}

.theme-dark .seekTooltip {
    /* position: absolute;
    top: -35px; */
    color: white;
    padding: 5px;
    border-radius: 5px;
    /*  display: none;
    transform: translateX(-50%); */
}

.listen-sub-sound .seekTooltip {
    color: black;
}

.listen-sub-sound #seekTooltip {
    color: black;
}

.control-slider {
    width: 100px;
    cursor: pointer;
}

.listen-toggle-icon {
    height: 25px;
    width: 25px;
}

.special-documents {
    padding: 0;
}

._long {
    aspect-ratio: 0.8;
}

.sd-anchor,
.sd-grid-image {
    height: 100%;
}

.sd-grid-image {
    object-fit: cover;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.sd-details-featured {
    display: grid;
    gap: 20px;
    margin-bottom: 45px;
    border-bottom: 2px solid lightgray;
    padding-bottom: 45px;
    padding-top: 20px;
}

@media (min-width: 992px) {
    .sd-details-featured {
        display: grid;
        grid-template-columns: 0.45fr 0.55fr;
        gap: 20px;
        margin-bottom: 45px;
        border-bottom: 2px solid lightgray;
        padding-bottom: 45px;
    }
}

.sd-details-featured h2 {
    font-size: 3.4rem;
    font-weight: bold;
    color: black !important;
}

html.theme-dark .sd-details-featured h2 {
    color: white !important;
}

.sd-details-featured p {
    font-size: 18px;
}

.sd-details-featured > img {
    aspect-ratio: 1.3;
}

.sd-details-right-col {
    display: flex;
    flex-direction: column;
}

.sd-details-featured .slide_info_wrap {
    margin-top: auto;
}

.sd-details-container > .grid-wrapper-3 {
    display: grid;
    grid-template-columns: 1fr !important;
}

@media (min-width: 560px) {
    .sd-details-container > .grid-wrapper-3 {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (min-width: 768px) {
    .sd-details-container > .grid-wrapper-3 {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}
/* !     top bar Style -------------------------------------------------------------------------------------- */

.podcast_section_head {
    padding: 0;
    /* margin-bottom: 20px; */
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15) !important;
    position: relative;
    z-index: 1;
}

.podcast_flex_head {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 50px;
}

.podcast_tabs_img {
    display: flex;
    padding: 0;
    align-items: center;
    gap: 15px;
}

.podcast_title_head {
    font-size: 1.5rem;
    margin: 0;
    color: black !important;
}

.theme-dark .podcast_title_head {
    color: white !important;
}

.podcast_icons_head {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* !     mean section Style -------------------------------------------------------------------------------------- */
/* General Container */
/* .containerM {
  max-width: 1410px;
  margin: 0 auto;
  padding: 0 15px;
} */

/* Podcast New Container */
.podcast_new_container {
    display: flex;
    gap: 10px;
    position: relative;
}

.podcast_details {
    display: flex;
    background-color: white;
    overflow: visible;
    flex-grow: 1;
    position: relative;
    border-radius: 10px 0 0 10px;
}

.theme-dark .podcast_details {
    background-color: transparent;
}

.podcast_details::before {
    content: "";
    position: absolute;
    top: 0;
    right: -400px;
    bottom: 0;
    width: 60%;
    background-color: white;
    z-index: 0;
}

.theme-dark .podcast_details::before {
    background-color: transparent;
}

.podcast_inside_cont {
    display: flex;
    flex-grow: 1;
    padding-block: 25px;
    position: relative;
}

/* Podcast Card Image */
.podcast_card_img {
    background-color: #002159;
    border-radius: 8px;
    flex-shrink: 0; /* Prevents shrinking */
    width: auto;
    max-width: 224px;
}

.podcast-ads {
    background-color: #ffffff;
    border-radius: 8px;
    flex-shrink: 0;
    width: auto;
    min-width: 224px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .podcast-ads h1 {
        color: #0042b2;
        text-align: center;
        font-size: 15px;
    }

/* Image Side */
.pd_img_side img {
    object-fit: cover;
    height: 100% !important;
    width: 100%;
}

/* Description Text */
.description_text {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

/* Podcast Text */
.det_podcast {
    max-width: 500px;
}

    .det_podcast p {
        font-size: 13px;
    }

.theme-light .det_podcast p {
    color: #000000;
}

.det_podcast h2 {
    font-weight: bold;
}

.det_podcast h4 {
    font-weight: normal;
}

.det_podcast h2,
.det_podcast h4 {
    color: #1446c8 !important;
    font-size: 20px;
}

.card_main_section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-block: 12px;
    padding-inline: 6px;
    min-height: 266px;
}

/* Media Queries */
@media (max-width: 1200px) {
    .podcast_new_container {
        flex-direction: column;
    }

    .podcast_details {
        width: 100%;
        justify-content: space-between;
    }

    .podcast_card_img {
        display: none !important;
    }

    .podcast-ads {
        display: none !important;
    }

    .det_podcast {
        /* max-width: 380px; */
        width: 100%;
    }
}

/*!  choose section ----------------------------------------------------------- */
.podcast_card_blue {
    display: flex;
}

.podcast_img_card {
    width: 100%;
    height: auto;
}

.podcast_h1_right {
    width: 210px !important;
    min-width: 210px !important;
    height: 100%;
}

    .podcast_h1_right h1 {
        color: #1446c8;
        width: 140px;
        font-size: 22px;
    }

.podcast_btnicon_play {
    display: flex;
    align-items: center;
    float: right;
    gap: 7px;
    margin-top: auto;
    justify-content: center;
    align-self: flex-start;
}

    .podcast_btnicon_play img {
        width: 35px;
        height: 35px;
    }

.theme-dark .main-play {
    fill: white;
    filter: invert(1);
}

.podcast_btnicon_play span {
    font-size: 12px;
    color: #000000;
    font-weight: 300;
    direction: ltr;
    align-content: center;
}

.theme-dark .podcast_btnicon_play span {
    color: white !important;
}

.podcast_init_c {
    border-radius: 10px;
}

.podcast_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.podcast_init_c h2 {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 10px;
}

.podcast_init_c p {
    font-size: 14px;
    color: white;
    text-align: justify;
    display: -webkit-box;
    line-height: 25px !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

@media (min-width: 1024px) {

    .podcast_inside_cont {
        padding-left: 15px;
    }
}
/* Large Desktop (>= 1024px) */
@media (max-width: 1024px) {
    #todayPodcast .podcast_btnicon_play {
        margin-top: 15px;
    }

    .pd_img_side img {
        width: 100%;
    }

    .arch_img_side {
        width: 223px;
        height: auto;
    }
}
/* ! swiper section ------------------------------------------------------ */
.podcast_swiper_group {
    display: flex;
}

.titl_mar {
    margin-bottom: 8px;
}

.theme-light .card-title p.lg_para {
    color: #000000;
}

.card-title p.lg_para {
    font-size: 15px !important;
    text-align: justify;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 4 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.card-title a h1 {
    color: black;
    font-size: 22px;
}

.card-title a h3 {
    font-weight: bold;
    font-size: 18px;
}

.related-pdcast .card-title a h3 {
}

.white_card_swiper {
    border-radius: 10px;
    background-color: #ffffff;
    height: unset !important;
    display: flex;
    flex-direction: column;
}

.card_white_new {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-block: 12px;
    padding-inline: 10px;
    min-height: 220px;
    gap: 12px;
}

/* todo Small Desktop (<= 768px) */
@media (max-width: 768px) {
    .podcast_swiper_group {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .audio-control-btn {
        height: 35px;
        max-width: 35px;
    }

    .audio-player {
        gap: 5px;
    }

    .podcast_card_blue {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .podcast_grid_cards {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .podcast_h1_right {
        text-align: start;
        width: 100%;
    }

        .podcast_h1_right h1 {
            color: #1446c8;
            width: 100%;
            font-size: 22px;
        }

    .podcast_inside_cont {
        flex-direction: column;
        gap: 40px;
    }

    .right_info p {
        font-size: 12px !important;
        max-width: 95%;
    }

    .right_info h2 {
        font-size: 25px;
    }

    .right_info h4 {
        font-size: 15px;
    }
}

@media (max-width: 750px) {
    .arch_img_side {
        width: 100% !important;
        height: auto;
    }

    .podcast_details {
        flex-direction: column-reverse;
    }
}
/* ! session section &  archive section ------------------------------------------------------ */

.podcast_grid_cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.podcast_f_items {
    display: flex;
}

    .podcast_f_items > span {
        color: #c4c4c4;
        font-size: 16px;
        text-decoration: underline;
        text-decoration-color: #c4c4c4;
        display: inline-block;
        /*position: absolute;
        top: 0;
        left: 16px;*/
        padding: 2px 5px;
        width: 80px;
        text-align: end;
        box-sizing: border-box;
    }

        .podcast_f_items > span:hover {
            cursor: pointer !important;
        }

.podcast_g_card {
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    gap: 10px 12px;
}

.podcast_f_desc {
    display: flex;
    align-items: center; /* Vertically centers items */
    gap: 10px;
    background-color: white;
    border-radius: 10px 14px 14px 10px;
}

.image_container {
    max-width: 121px;
    height: auto;
}

.session_section {
    background-color: white;
}

    .session_section + .session_section {
        background-color: unset;
    }

.theme-dark .session_section {
    background-color: transparent;
}

    .theme-dark .session_section .podcast_f_desc {
        background-color: transparent;
        color: white !important;
    }

        .theme-dark .session_section .podcast_f_desc .items_pd h4,
        .theme-dark .session_section .podcast_f_desc .items_pd h5 {
            color: white !important;
        }

.items_pd h4,
.items_pd h5 {
    color: black;
    margin: 0;
}

.items_pd h4 {
    font-size: 18px;
}

.items_pd h5 {
    font-size: 15px;
    margin-top: 6px;
}

.responsive-iframe {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}

    .responsive-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

.h4-arch {
    font-size: 12px;
}
/*? Tablet (<= 578px) */
@media (max-width: 520px) {
    #podcast_box {
        margin: 10px 0px;
    }

    .podcast_g_card {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .items_pd h4 {
        font-size: 12px;
    }

    .items_pd h5 {
        font-size: 13px;
        margin-top: 6px;
    }

    .podcast_grid_cards {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px;
    }

    .podcast_h1_right h1 {
        font-size: 22px;
    }

    .podcast_btnicon_play span {
        font-size: 10px;
    }

    .podcast_init_c h2 {
        font-size: 17px;
    }

    .podcast_init_c p {
        font-size: 14px;
    }
}

/* Small Desktop (<= 768px) */
@media (max-width: 1200px) {
    .podcast_f_items {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .podcast_g_card {
        grid-template-columns: repeat(2, 1fr);
    }

    .items_pd h4 {
        font-size: 15px;
    }

    .items_pd h5 {
        font-size: 15px;
        margin-top: 6px;
    }
}

/*! box section ------------------------------------------------------  */
.popup-box {
    position: fixed;
    bottom: 0;
    left: 100px;
    width: 100%;
    max-width: 32%;
    background: white;
    border-top: 1px solid #ccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: height 0.3s ease, opacity 0.3s ease;
    height: 0;
    overflow: hidden;
    z-index: 1000;
    padding: 25px 10px;
}

@media (max-width: 600px) {
    .popup-box {
        width: 95%;
        left: 3%;
        bottom: 0px;
    }

    .podcast_init_c h2 {
        min-height: unset;
    }
}

.popup-box.visible {
    height: 240px;
}

.popup-box.reduced-height {
    height: 110px;
}

    .popup-box.reduced-height .popup-content {
        display: none;
    }

    .popup-box.reduced-height .total-time {
        padding-bottom: 10px;
    }

.popup-box .popup-header {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.popup-box .popup-image {
    width: 95px;
    height: 95px;
    margin-right: 10px;
}

.popup-title {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.theme-dark .popup-title h3 {
    color: #3d3d3d;
}

.popup-title h3 {
    font-size: 15px;
    display: inline-block;
    white-space: nowrap;
    width: max-content;
}

.play_side_audio {
    margin-left: 10px;
    width: 42.5px;
    height: 42.5px;
    cursor: pointer;
}

.popup-box .popup-title span {
    font-size: 13px;
    color: gray;
}

.popup-box .close-button {
    position: absolute;
    top: -8px;
    left: 8px;
    background: none;
    border: none;
    font-size: 20px;
    margin-left: auto;
    cursor: pointer;
    transition: transform 0.3s ease;
}

    .popup-box .close-button .arrow_rotating.rotate {
        transform: rotate(180deg);
    }

.close-popup-box {
    position: absolute;
    top: -28px;
    right: 0px;
    background: none;
    border: none;
    font-size: 22px;
    margin-left: auto;
    cursor: pointer;
}

    .close-popup-box:hover {
        color: #ff0000; /* Change the color on hover */
    }

.popup-box .popup-content {
    padding: 10px;
}

    .popup-box .popup-content p {
        font-size: 10px !important;
        color: #a3a3a3;
    }

    .popup-box .popup-content .aud-sec {
        margin-top: 22px;
    }

.hidden {
    display: none;
}

/* ? audio custom style */
.popup-progress-bar {
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background-color: #ddd;
    margin-bottom: 10px;
    position: relative;
}

.progress-bar-fill {
    height: 3px;
    background-color: #000000;
    border-radius: 5px;
    width: 0;
    /* transition: width 0.1s ease; */
    float: inline-end;
}

.popup-controls {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.display_time {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    padding-inline-end: 10px;
}

.play-pause-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding-top: 10px;
}

.play-pause {
    cursor: pointer;
    width: 40px;
    height: 40px;
}

    .play-pause img {
        width: 100%;
    }

.control-icon {
    width: 15px;
    height: 15px;
    border-radius: 0;
    cursor: pointer;
}

.speedup_time_audio {
    padding-top: 12px;
}

.speed-control {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
}

    .speed-control span {
        font-size: 13px;
    }

.appearance_time {
    width: 15px;
    height: 15px;
    background-color: #000000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    cursor: pointer;
}
/*flaoting player*/
.theme-dark .floating-player {
    background: #323a42;
    border-top: 0px;
}

.floating-player {
    position: fixed;
    bottom: 0;
    left: 100px;
    width: 100%;
    max-width: 32%;
    background: white;
    border-top: 1px solid #ccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: height 0.3s ease, opacity 0.3s ease;
    height: 0;
    overflow: hidden;
    z-index: 1000;
    padding: 10px;
    padding-bottom: 16px;
    min-height: 235px;
}

    .floating-player .floating-player-wrap {
        margin-top: 10px;
        width: 100%;
        height: 100%;
        position: relative;
    }
/*! archive section ------------------------------------------------------  */
.gp_right_side {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    justify-items: flex-start;
}

    .gp_right_side p {
        font-size: 12px;
        max-width: 186px;
        margin: 0;
        text-align: justify;
        overflow-wrap: break-word;
    }

.podcast_viewall_button {
    background: #000;
    border-radius: 14px;
    color: white;
    padding: 5px 10px;
    display: inline-block;
    max-width: 120px;
}

    .podcast_viewall_button:hover {
        background-color: rgb(60, 61, 60);
        color: white;
    }
/* Small Desktop (<= 768px) */
@media (max-width: 1200px) {
    .podcast_swiper_group {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .gp_right_side {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        justify-items: flex-start;
        gap: 15px;
    }

        .gp_right_side p {
            font-size: 12px;
            max-width: 100%;
        }
}

@media (max-width: 766px) {
    .podcast_details::before {
        right: -200px;
    }
}

@media (max-width: 380px) {
    .podcast_details::before {
        right: -100px;
    }
}

@media (max-width: 420px) {
    .gp_right_side p {
        font-size: 10px;
        max-width: 100%;
    }

    .podcast_btnicon_play img {
        width: 25px;
        height: 25px;
    }

    .podcast_btnicon_play span {
        font-size: 8px;
    }
}
/*! ## Details ## new   main section ============================================================================================ */
.right_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* gap: 20px; */
    padding-block: 18px;
    /* max-width: 710px; */
    flex: 1;
    position: relative;
}

.podcast_icons_head a {
    padding: 0;
    margin: 0;
}

.podcast_arch_flex {
    display: flex;
    background-color: white;
    padding-right: 121px;
    gap: 30px;
    flex-grow: 1;
    border-radius: 10px 0 0 10px;
}

.right_info p {
    font-size: 15px !important;
    max-width: 95%;
}

.right_info h2 {
    margin: 0;
    padding: 0;
    font-size: 35px;
    font-weight: 600;
}

.right_info h2,
.author_details h5,
.author_details p {
    color: var(--white) !important;
}

.right_info h4 {
    color: #1446c8 !important;
    font-size: 20px;
    font-weight: normal;
}

.author_details {
    display: flex;
    justify-items: center;
    gap: 40px;
}

    .author_details h5 {
        margin: 0;
        padding: 0;
        font-size: 15px;
        font-weight: bold;
    }

    .author_details p {
        margin: 0;
        padding: 0;
        font-size: 15px;
        font-weight: 500;
    }
/*! ## Details ## new   cards section ============================================================================================ */

.grid_audio_c {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.audio-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.card-content {
    display: flex;
    justify-content: space-between;
}

.text-content {
    flex: 1;
    padding-inline: 16px;
    padding-block: 16px;
}

    .text-content h1 {
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        color: var(--white);
    }

    .text-content p {
        margin: 8px 0;
        color: var(--text-color);
        font-size: 15px;
        line-height: 1.5 !important;
    }

.image-content {
    width: 226px;
    flex-shrink: 0;
}

    .image-content img {
        height: auto;
        border-radius: 10px 10px 10px 0px !important;
    }

.theme-dark
.audio-player {
    border-top: 1px solid #eeeeee14;
}

.theme-dark
.time span {
    color: #c7c7c7;
}

.grid_audio_c .audio-player {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 16px 24px 16px;
    border-top: 1px solid #eee;
}

.podcast_viewall_button {
    margin-top: 20px;
}

.play-audio_details {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.play-button {
    max-width: 34px;
    max-height: 34px;
    cursor: pointer;
}

.progress-bar {
    flex: 1;
    height: 4px;
    background-color: #eee;
    border-radius: 2px;
    position: relative;
    margin: auto;
}

.progress-play {
    width: 0;
    height: 100%;
    background-color: var(--text-color);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    float: inline-end;
}

.appearance {
    width: 15px;
    height: 15px;
    background-color: var(--text-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: none;
    cursor: pointer;
}

.time {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
}

    .time span {
        font-size: 0.875em;
        color: #666;
    }

.container button {
    display: block;
    /* margin-inline: auto; */
    /*  margin-top: 50px;*/
}

@media (max-width: 490px) {
    .card-content {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .image-content {
        width: 100%;
    }

        .image-content img {
            height: auto;
            border-radius: 4px;
        }

    .text-content h1 {
        font-size: 15px;
        font-weight: 500;
        margin: 0;
        color: #000000;
    }
}

@media (max-width: 1200px) {
    .grid_audio_c {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .floating-player {
        max-width: 45%;
    }
}

@media (min-width: 1181px) {
    .show-mobile-toggle {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    .show-mobile-toggle {
        display: block;
    }

    .hide-mobile-toggle {
        display: none !important;
    }
}

@media (max-width: 980px) {
    .floating-player {
        max-width: 90%;
        left: 20px;
    }
}


@media (max-width: 767px) {
    .floating-player {
        max-width: 93%;
        left: 15px;
    }
}
/*! ## Details ## new  section ============================================================================================ */
/* Container Styles */
.content-div-video {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    background-color: white;
}

.content-div-episode {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.podcast_rig_side {
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    padding-top: 10px;
    flex-grow: 1;
    flex-shrink: 1;
}
/* Content Details Styles */
.content_details {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding-right: 16px;
    align-items: stretch;
    height: 100%;
}

    .content_details h2,
    .content_details h5,
    .content_details h3,
    .content_details p {
        margin: 0;
        padding: 0;
    }

    .content_details h2,
    .content_details h3,
    .content_details p {
        color: var(--white) !important;
    }
    /* Typography Styles */
    .content_details p {
        font-size: 18px !important;
        padding-left: 10px !important;
        font-weight: 300;
    }

    .content_details h2 {
        font-size: 30px;
        font-weight: 900;
    }

    .content_details h5 {
        color: #959595 !important;
        font-size: 12px;
    }

    .content_details h3 {
        font-size: 25px;
        font-weight: 600;
    }

.episode-img {
    max-width: 466px;
    border-radius: 10px;
    margin-left: auto;
}
/* Image Styles */
.arch_img_side {
    width: 323px;
    height: auto;
    border-radius: 10px;
    margin-left: auto;
}

/*! ## Details ## video   cards section ============================================================================================ */
.podcast_video_card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.video-audio-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.video-card-content {
    display: flex;
    padding: 0;
}

.left-side-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
}

.video-image-content {
    position: relative;
    width: 424px;
    height: 272px;
    border-radius: 10px;
}

    .video-image-content video {
        flex-shrink: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

.video-player {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    cursor: pointer;
    border-radius: 50%;
}

.play-button-overlay,
.pause-button-overlay {
    position: absolute;
    z-index: 2;
}

.play-button-overlay {
    display: block;
}

.pause-button-overlay {
    display: none;
}

.play-button-container {
    position: relative;
    display: inline-block;
}

.tooltip {
    visibility: hidden;
    background-color: #fff;
    color: #000;
    font-weight: Bold;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 10px;
    box-shadow: 0 3px 6px #00000029;
    border: 1px solid #ddd;
}

    .tooltip::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        border-width: 8px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
    }

.play-button-container:hover .tooltip {
    visibility: visible;
}

@media (max-width: 990px) {
    .video-card-content {
        flex-direction: column;
    }

    .video-image-content {
        width: 100%;
        height: auto !important;
    }
}
/*! ## Details ## last video swiper section ============================================================================================ */

.arch_video_side {
    position: relative;
    width: 829px;
    /* height: 466px; */
    border-radius: 10px;
    flex-shrink: 0;
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    border-radius: 10px;
}

    .video-container video {
        flex-shrink: 0;
        object-fit: cover;
        border-radius: 10px;
    }

.video-swiper {
    position: relative;
    /* width: 401px; */
    height: 226px;
    overflow: hidden;
    border-radius: 10px;
}

    .video-swiper video {
        flex-shrink: 0;
        object-fit: cover;
    }

@media (max-width: 1420px) {
    .arch_video_side {
        width: 700px;
        height: auto !important;
    }
}

@media (max-width: 1200px) {
    .content-div-video {
        display: flex;
        flex-direction: column;
    }

    .arch_video_side {
        width: 100% !important;
        height: auto !important;
    }

    .podcast_rig_side {
        flex-grow: 1;
        flex-shrink: 4;
    }

    .episode-img {
        width: auto !important;
    }
}

@media (max-width: 560px) {
    .content_details p {
        font-size: 15px !important;
        font-weight: 300;
        padding-left: 10px;
    }
}

@media (max-width: 990px) {
    .content-div-episode {
        display: flex;
        flex-direction: column;
    }

    .episode-img {
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .partial_container {
        max-width: 80%;
        width: 100%;
    }
}

.img_full {
    width: 100%;
}

.theme-text-color {
    color: var(--white) !important;
    font-size: 20px;
    margin-bottom: 30px;
}

.cover_section {
    padding: 15px 0px;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

@media screen and (min-width: 800px) and (max-width: 991px) {
    .custom-read-wraps .row {
        flex-direction: column
    }

    .custom-read-wraps .col-8 {
        max-width: 100%;
    }

    .custom-read-wraps .col-4 {
        max-width: 100%;
        margin-top: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .custom-read-wraps .col-8 {
        max-width: 66.66% !important;
    }

    .custom-read-wraps .col-4 {
        max-width: 30.33%;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .custom-read-wraps .col-8 {
        max-width: 70.33% !important;
    }

    .custom-read-wraps .col-4 {
        max-width: 27% !important;
    }
}

@media (min-width: 1400px) {
    .custom-read-wraps .col-8 {
        max-width: 71.33% !important;
    }

    .custom-read-wraps .col-4 {
        max-width: 26% !important;
    }
}

.theme-dark .custom-read-wraps .grid-title h3 {
    color: white !important;
}

.theme-dark .custom-read-wraps {
    background-color: #1c242a !important;
}

.theme-light .custom-read-wraps {
    background-color: white !important;
}

.custom-read-wraps .col-4 .meta-inside .inner-metas {
    padding: 2px 15px;
    right: 0px;
}

.custom-read-wraps .col-4 .grid-item {
    padding-bottom: 0px !important;
}

.custom-read-wraps .col-4 .image-holder:before {
    cursor: pointer;
}

.custom-read-wraps .col-4 .image-holder:before {
    height: 60%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95),transparent);
}

.custom-read-wraps .col-4 .grid-title h3 {
    font-weight: 400 !important;
}

.custom-read-wraps .col-4 .title h3 {
    font-size: 2.3rem;
    margin-bottom: 8px;
}

.custom-read-wraps .grid-item.image-holder img {
    width: 100%;
}

section.banner-section {
    padding-top: 0px !important;
    padding-bottom: 40px !important;
}

.swiper-pagination-lines .swiper-pagination-bullet {
    font-size: 0;
}

.single-post-wrap.aside h4.item.title {
    min-height: unset !important;
    line-height: 1.7 !important;
    color: black;
    margin-bottom: 5px !important;
    font-size: 1.8rem !important;
}

section.animated-grids.infograpgh-section .grid-item:hover .animated-box {
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 1200px) {
    .live-coverage-show .content {
        gap: 0px;
    }

        .live-coverage-show .content .time {
            padding: 0px;
        }

    .live-coverage-show .grid-metas {
        padding: 8px 0px 0px 0px;
    }

    .live-coverage-show {
        padding: 12px;
    }

        .live-coverage-show .content h3 {
            -webkit-line-clamp: 2;
        }


    section.home .col-52 {
        max-width: 50.55%;
    }

    .hover_zoom.culture .card-title {
        min-height: 53px;
        height: unset;
    }

    .featured-grids.home.pd-top-10.hide-in-ipad .card-title {
        min-height: 51px;
        height: unset;
    }
}

.item-image.tag-on-edge {
    height: fit-content;
}

.editors-pick .comm_sq_list.grid_2 .item-content {
    flex: 1;
}

.live-coverage-show .img_icon {
    height: 30px;
    min-width: 30px;
    overflow: hidden;
}

.live-coverage-show {
    padding: 17px;
}

.live-indicator {
    top: -28px;
}

@media (min-width: 768px) {
    .hover_zoom.culture .card-title {
        min-height: 53px;
        height: unset;
    }

    .grid-card .card-title {
        height: 53px;
    }
}

@media (max-width: 980px) {
    .absolute-full-navigation {
        bottom: -2px;
    }

    .tab_slider_sec .tabs {
        max-width: 420px;
    }

    .aside-tabs .absolute_navigation {
        bottom: -5px;
    }
}

@media screen and (max-width: 980px) {
    .live-coverage-show {
        position: relative;
    }

    .flex-wrap-box img {
        max-width: 220px;
    }

    .single-post-wrap.aside .author-img {
        width: 38px !important;
        height: 38px !important;
    }

    .single-post-wrap.aside .author-name {
        font-size: 17px !important;
    }

    .single-post-wrap.aside .time p {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 786px) {
    .hover_zoom.culture .card-title {
        min-height: 53px;
        height: unset;
    }

    section .country-img {
        min-height: 25px;
        min-width: 25px;
        max-height: 25px;
        max-width: 25px;
    }

    section.mobile-featured.home .item-content h4 {
        font-size: 1.3rem;
    }

    .mobile-featured.home .column_list.no_padding .time {
        padding: 0px;
    }

    section.mobile-featured.home .episode_content .item-content {
        flex: 1 !important;
        padding: 2px 0px 2px 10px !important;
    }

    .mobile-featured.home .grid-image.meta-inside {
        flex: 0 0 42%;
    }

    .weather_info {
        padding: 10px 0px;
    }

    section .weather_box .icon.wather_icon {
        width: 30px;
        height: 30px;
    }

    .flex-wrap-box img {
        max-width: 85% !important;
        margin: 0;
        margin-bottom: 5px;
    }

    .single-post-wrap.aside .time {
        padding: 3px 0px;
    }

    .single-post-wrap.aside .flex-wrap-box {
        flex-direction: column;
        align-items: start;
        justify-items: start;
    }

        .single-post-wrap.aside .flex-wrap-box .white-card-metas {
            margin-right: 0px
        }

    .live-coverage-show h3 {
        font-size: 1.45rem !important;
    }

    .live-coverage-show .content {
        gap: 0px;
    }

    .live-coverage-show .card-div.inside h3 {
        -webkit-line-clamp: 2;
    }

    section .live-indicator .live-indicator-text h4 {
        font-size: 1.2rem;
    }

    section .live-indicator {
        left: 10px;
        padding: 5px 8px;
    }

    .Section-flex-boxes.editors-pick .item-image {
        flex: 0 0 42% !important;
        margin: 0;
    }

    html.increase-2 .editors-pick .item.title {
        min-height: unset;
        height: unset;
        font-size: 1.4rem;
    }
}

body:not([data-page-name="Africa"]) .mobile-featured.home .col-47 .image-holder::before {
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
    background-image: linear-gradient(to top, rgb(0 0 0 /85%) 23%, rgba(0, 0, 0, 0));
    background-size: cover;
    position: absolute;
    right: 0px !important;
    bottom: 0px !important;
    border-radius: 5px;
    cursor: unset !important;
}

body:not([data-page-name="Africa"]) .featured-grids.home .col-47 .image-holder::before {
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
    background-image: linear-gradient(to top, rgb(0 0 0 / 78%) 10%, rgba(0, 0, 0, 0));
    background-size: cover;
    position: absolute;
    right: 0px !important;
    bottom: 0px !important;
    border-radius: 5px;
    cursor: unset !important;
}

.mobile-featured.home .col-47 .image-holder,
.featured-grids.home .col-47 .image-holder {
    position: relative;
}

.video-item-title h1 {
    color: var(--white);
    line-height: 1.7;
    font-weight: 400;
}
@media (min-width: 550px) {
    .video-item-title h1 {
        font-size: 2.8rem;
    }
}

@media (max-width: 980px) {
    .video-item-title h1 {
        font-size: 2.3rem;
    }
}