: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: #1c3664;
    --dark-border: #4a4a4a;
    --meta-color: #c1c1c1;
}

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

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

.news-image-holder {
    /* width: 100%;
    max-width: 28%;
    padding-top: 18%;
     height: 100%;
    position: relative; */
    flex: 0 0 30%;
    display: block;
    position: relative;
    margin-left: 5px;
}

    .news-image-holder img {
        /* position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100%; 
     height: 100%; 
    object-fit: cover;*/
        width: 100%;
        height: auto;
        display: block;
    }

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

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

.covetage_wrap .news-content .news-content-title p {
    /* line-height: 1.2 !important; */
}

section.Slide-News.bg-gray.margin-btn {
    margin-bottom: 8%;
}
/* .news-latest-container .swiper-wrapper{
    width: 100;
} */
.section-header.title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.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 .sideBy_thumb_slider_wrapper .swiper {
    /* overflow: visible; */
}

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

    .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;
}

.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;
}

.theme-light .news-main-container .slide_info_wrap .Category p {
    color: var(--text-color);
    border: 1px solid var(--text-color);
    background: transparent;
    width: fit-content;
}

.Category:hover p {
    background-color: var(--orange) !important;
    color: white !important;
}

.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;
    }

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

.time p {
    color: var(--dim-text-color) !important;
    opacity: 0.6;
    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;
}

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

.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;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex: 1; */
    /* flex: 0 0 100%; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}

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

img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    object-position: top;
}

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

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

.news-content {
    /* display: flex;
    flex-direction: column;
    gap: 10px;
    width: 65%;
    justify-content: space-between;
    padding: 5px 0px; */
    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 h6 {
        line-height: 1.8;
    }

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

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

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

.news-latest-container .swiper, .swiper-container {
    height: 460px;
    background-color: transparent;
    /* background-image: linear-gradient(to top, rgb(0 0 0 / 80%) 80%, rgb(64 63 63 / 0%) 100%); */
}

.news-latest-container .sideBy_thumb_slider_wrapper .swiper {
    /* overflow: hidden;
    position: absolute;
    right: 30%;
    top: 10%;
    max-width: 30%; */
    height: fit-content;
    padding: 10px 5px;
}

.multi_info_scale_sec .rounded_sec.light_bg {
    background-color: #ececec;
}
/* VIDEO SECTION */
.bg-remove {
    background-image: unset !important;
}

.row-reverse-wrap .title_tab_bar .title.font_45 h2 {
    color: black !important;
}

.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;
    /* padding-top: 31% ; */
}

.row-reverse-wrap .container {
    background-image: unset !important;
}
/* section.documentary-wrapper.Video.hide-slider-nav.row-reverse-wrap.bg-remove{
    padding-top: 4%;
} */
.row-reverse-wrap .mini_container .title.font_45 h2 {
    /* color: white !important; */
}

.row-reverse-wrap .swiper-slide .slider_bg.video img {
    /* position: absolute; */
    width: 100%;
    z-index: 125;
    /* top: -25px; */
}

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

    .row-reverse-wrap .container::after {
        content: "";
        position: absolute;
        top: -3px;
        left: 0;
        width: 100%;
        height: 8%;
        mix-blend-mode: unset;
        background-position: top;
        background-color: rgb(236 236 236);
    }

.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;
}

.big-section-wrap.linear-bg-dark .slider_desc h2 {
    line-height: 55px;
    -webkit-line-clamp: 3 !important;
    /* background */
    /*    display: inline;
    background-image: linear-gradient(to bottom, rgb(255 255 255) 90% , rgb(236 236 236) 10% );
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 32%;*/
}

.theme-dark .background-pattern-white {
    background: none;
    /*    background-image: linear-gradient(rgb(124 124 124 / 42%) 90%, rgb(236 236 236 / 5%) 10%);
*/
}

.swiper-slide.tab {
    display: flex;
    flex-direction: column;
    /* max-width: 225px; */
    gap: 5px;
}

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

.theme-light .more_browse a, .theme-light body a.more_browse_btn:hover::before {
    color: var(--orange);
    -webkit-filter: invert(48%) sepia(99%) saturate(2911%) hue-rotate(2deg) brightness(102%) contrast(109%);
    filter: invert(48%) sepia(99%) saturate(2911%) hue-rotate(2deg) brightness(102%) contrast(109%);
}

.section-header.title h2 {
    color: black !important;
    font-size: 31px;
    font-weight: 500;
}

.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;
}

/*Raed Section*/
.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 {
    font-size: 28px;
}

.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: 99%;
}

.item-content {
    /* display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 70%;
    justify-content: center; */
    flex: 0 0 68%;
}

    .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);
    }

.slide-title h7 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

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

.author-img {
    width: 35px;
    height: 35px;
}

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

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

.item-image {
    /* padding-top: 18.3%;
    position: relative;
    width: 22%; */
    flex: 0 0 25%;
    display: block;
    position: relative;
    margin-left: 0.5rem;
}

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

.item-image img {
    /*    height: 100%;*/
    width: 100%;
    display: block;
    /* top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 5px;
    object-position: top;
    position: absolute; */
}

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

/*Chosen Grids*/
.comm_sq_list.grid_2 .column_list li a::before {
    counter-increment: section;
    content: "" counter(section) "";
    color: #A2A6BB;
    font-size: 60px;
    position: relative;
    display: inline-block;
    line-height: 70%;
    font-weight: 500;
}

.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: calc(100% - 23px);
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.grid_2 ul.column_list {
    column-count: 3;
    display: inline-block;
    counter-reset: section;
    /* margin-left: -25px; */
    /* margin-right: -25px; */
    margin-left: auto;
}

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

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

.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 {
    max-width: calc(100% - 50px);
    display: flex;
    /* flex-direction: column; */
}

.Grid-section .item.title {
    -webkit-line-clamp: 2 !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !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 .rounded_sec.black_bg {
    background: transparent;
}

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

.column_list li + li {
    border-bottom: 1px solid var(--border) !important;
}

.column_list li:nth-child(2n) {
    border-bottom: none !important;
}

.column_list li:first-child {
    border-bottom: 1px solid var(--border) !important;
}

/*Different Ideas Section*/
.grid_tab_sec .tab_slider_col {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.comm_tabination_sec.grid_tab_sec .section_head {
    width: 100%;
    max-width: 15.4%;
    flex-direction: column;
    overflow: hidden;
    align-items: flex-start;
    margin-bottom: 22px;
}

.grid_tab_sec .tab_content_wrapper {
    max-width: 83.4%;
    margin: unset;
    /* padding-top: 45px; */
}

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

.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: 13px;
    font-weight: 600;
    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-size: 40px;
    font-weight: 600 !important;
}

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 {
    /* padding-top: 60% !important; */
}
/*DOCUMENTARY SECTION*/
.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;
    font-size: 22px;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 400;
    text-align: start;
}

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

section.documentary-wrapper .side_by_slider .slider_bg {
    /* padding-top: 56.25% !important; */
}

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;
}

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

section.documentary-wrapper.Video.hide-slider-nav.row-reverse-wrap.bg-remove {
    padding-bottom: 0px;
}

section.documentary-wrapper {
    background-image: url(/mdn2023/images/dark-bg.png);
    background-size: cover;
    background-position: center;
    margin: 0;
    background-repeat: no-repeat;
    padding: 20px 0px;
    width: 100%;
    height: fit-content;
    background-blend-mode: luminosity;
    position: relative;
    z-index: 1;
    padding-bottom: 40px;
}

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 {
    font-weight: 500;
    padding: 10px;
}

section.documentary-wrapper .tab_slider_sec .tab-link a:hover {
    transform: scale(1.1);
}

section.documentary-wrapper .mini-container .big_slider .slider_bg.video {
    /* padding-top: 31% !important; */
}

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

section.documentary-wrapper .side_by_slider .slider_bottom_row {
    width: 45%;
    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 {
    font-size: 15px;
    line-height: 125%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 400;
    color: white;
    opacity: 0.7;
    margin: 0;
}

section.documentary-wrapper .lg_para {
    min-height: 82px;
}

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

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

    .slider_bottom_row.video.documentary .sideBy_thumb_slider_wrapper .swiper-slide .slider_bg img {
        border-radius: 5px;
    }

.documentary-wrapper .big_slider .slider_bg.video::before {
    top: 70%;
}

.documentary-wrapper .slider_bg.video img {
    border-radius: 5px !important;
    /* position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; */
    display: block;
    position: relative;
    height: auto;
    width: 100%;
}

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

a.more_browse_btn {
    display: flex;
    align-items: center;
}

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

.news-col {
    gap: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
/*Episodes Section*/
.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;
    }


/*section.tab_slider_sec.Section-flex-boxes.padding-btn-sec::after {
    content: '';
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 4.5vw;
    right: 4.5vw;
    width: 91%;
    background: #c4c4c466;
    z-index: 5;
}*/
/*PODCAST SECTION*/
section.podcast-container {
    height: fit-content;
    margin-bottom: 35px;
    overflow: hidden;
    width: 100%;
}

.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%;
    /* background-color: #f5f4f4;
    background-image: url(/mdn2023/images/podcast-banner.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat; */
}

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

.podcast-inner-wrapper {
    height: 100%;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
}

.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: center;
    gap: 10px;
}

.item.title.podcast a {
    color: var(--dark-text-color);
    font-weight: 700;
    opacity: 0.8;
}

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

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

.podcast-share-grid {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.podcast-mdn-logo {
    height: 50%;
    width: 100%;
}

    .podcast-mdn-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        scale: 0.78;
    }

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

.podcast-icons-col {
    display: flex;
    width: 100%;
    height: fit-content;
    gap: 5px;
}

.podcast-social-logo a {
    width: max-content;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    gap: 4px;
    flex-direction: row-reverse;
    display: flex;
    border-radius: 5px;
    border: 1px solid var(--border);
    cursor: pointer;
}

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

.podcast-social-logo img {
    object-fit: contain;
    width: 20px;
    height: 100%;
    margin: 0;
}

.podcast-logo-text {
    font-size: 10px;
    font-weight: 700;
}

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

.podcast-container .inner_sec {
    flex: 2;
}

.podcast-container .podcast-ad {
    /*    flex: 1;*/
    max-height: 340px;
    width: 270px;
}

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

.Sports a.more_browse_btn {
    visibility: hidden;
}
/*INFOGRAPH SECTION*/
.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: 20;
    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 .tab_item_bg img {
    position: absolute !important;
}

.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 .slider_bg img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    flex: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

.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;
}

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;
    padding-top: 44.1% !important;
    position: absolute !important;
    top: 15% !important;
    left: -13% !important;
}

.news-wrap img {
    /* height: auto !important; */
}
/* BREADCRUMB SECTION */
.breadcrumb-container {
    margin: 10px 0px;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding: 0 1rem;
    color: var(--grey-dark-four);
}

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

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

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

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

li.breadcrumb-item a {
    color: var(--dim-text-color);
    font-weight: 400;
}

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 .swiper_slide_card.big-slide img {
        transition: 0.5s;
        transition-delay: 0.2s;
        object-fit: cover;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        object-position: top;
    }

.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:hover img {
    scale: 1.1;
}

.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 .swiper_slide_card.big-slide {
    padding-top: 80%;
}

    .big-slider-carousels .swiper_slide_card.big-slide::before {
        content: '';
        height: 100%;
        width: 100%;
        z-index: 1;
        background-image: linear-gradient(to top, rgb(0 0 0 / 56%) 10%, rgba(0, 0, 0, 0));
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
    }

.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;
}

    .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 {
    color: var(--orange);
}

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

.post-type li {
    border-radius: 1px;
    border: 2px solid var(--orange);
    padding: 5px 10px;
    list-style: none;
}

.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;
}


.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%;
    height: 500px;
    padding: 20px 0px;
    margin: 10px 0px;
}

    .post-image img {
        width: 100%;
        height: 100%;
        object-position: center;
        border-radius: 5px !important;
        object-fit: cover;
    }

.pop-div {
    padding: 16px;
    background-color: white;
    margin: 25px 0px;
}

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

    .pop-div .tab-card {
        display: flex;
        width: 100%;
        gap: 15px;
        overflow: hidden;
    }

        .pop-div .swiper_slide_card .tab_item_bg,
        .pop-div .tab-card .tab_item_bg {
            width: 30%;
            border-radius: 5px !important;
            /* padding-top: 18% !important; */
        }

        .pop-div .swiper_slide_card .tab_item_info,
        .pop-div .tab-card .tab_item_info {
            width: 68%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

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

    .pop-div .tab_item_info p {
        transition: 0.4s;
        font-size: 14px;
    }

    .pop-div .tab_item_info:hover p {
        color: var(--orange) !important;
    }


.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;
    transition: 0.2s;
    font-weight: 400 !important;
}

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

.post-type.post-metas li:hover, .post-metas li:hover a {
    color: white !important;
    background-color: var(--orange);
}

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

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

.image-caption {
    font-size: 11px;
    font-weight: 500;
    color: var(--dim-text-color);
    opacity: 0.8;
}

.widget-title {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px;
    background-color: #132a53;
}

section.widget-watch {
    position: relative;
    padding: 20px 0px;
}

.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 {
    max-width: 100%;
    padding-top: 57.5%;
    position: relative;
}

    .widget-image img {
        position: absolute;
        top: -10%;
        height: 100%;
        left: 0;
        width: 100%;
        object-fit: contain;
    }

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

    .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: center;
    }

.aside-wrap .swiper_slide_card .tab_item_bg img {
    /* height: 75%; */
}

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

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

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

.title.font_45 {
    gap: 10px;
    display: flex;
    align-items: center;
}

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

.title.font_45 svg {
    width: 60px;
    fill: white;
}
/* COL  */
.row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

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

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

.col-10 {
    width: 78.33333333%;
}

.col-2 {
    width: 18.66666%;
}

/* NEWS PAGE */
section.tab_slider_sec.bg-transperent .rounded_sec, .transperent-bg .rounded_sec {
    background-color: transparent;
    /* overflow: hidden; */
}

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 .slider_bottom_row.video.documentary{
    bottom:15% !important;
} */
.News-slides .video_container .slider_bg {
    padding-top: 90px !important;
}
/* .News-slides .slider_bottom_row.video.documentary{
    right: -2% !important;
    left: unset !important;
} */
.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%;
    padding: 10px 20%;
}

.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-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
}

.content-image {
    width: 100%;
    padding-top: 75%;
    border: 1px var(--text-blue);
    position: relative;
}

.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;
}

.bg-dark .rounded_sec.black_bg {
    background-color: transparent;
}

/* Side by Side Sliders thumbs */
.flex-slider-thumbs-wrap {
    display: flex;
    flex-direction: column;
}

/* COVERAGE SECTION */
.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;
    /* background: var(--bg_blue); */
    padding: 5px 20px;
    padding-top: 18px;
}

.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%;
}

/* Video Page */
.grid-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    grid-gap: 20px;
    margin-top: 30px;
}

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

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

.video-grid-image, .grid-image {
    /* padding-top: 60%; */
    position: relative;
}

    .video-grid-image::before,
    .featured-video-img::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-grid-title h6, .grid-title {
    line-height: 1.8;
}

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

.video-grid-image img, .grid-image img {
    /* position: absolute;
    border-radius: 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; */
    position: relative;
    display: block;
    height: auto;
    width: 100%;
}

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

.for-you .container {
    border-top: 1px solid var(--border);
    align-items: center;
    padding: 20px 0px;
}

.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;
}
/* Video Details */
.big-video-item {
    width: 100%;
    padding-top: 50%;
    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,
.carousel-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.video-item-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0px;
}

    .video-item-content .slide_info_wrap.article .img_icon {
        width: 35px;
        height: 35px;
        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 li {
    border-radius: 20px;
    padding: 5px 17px;
    border: 1px solid var(--border);
}

section.section-grid-wrapper.light-bg {
    background-color: white;
    padding-bottom: 20px;
}


/* Read Page */
section.ad.transperent-bg .rounded_sec {
    background-color: transparent;
}

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%;
        /* padding-top: 50%; */
    }

    .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%;
}

/* NEW HOME V2 TOP SECTION */
.news-grid .section_head.title_tab_bar {
    padding: 0px 15px;
}

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

.col.rt {
    width: 100%;
    max-width: 38%;
}

.col.lft {
    width: 100%;
    max-width: 60%;
}

.post-media-showroom {
    /* padding-top: 56.25%; */
    position: relative;
    overflow: hidden;
}

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

.big-post-media img {
    min-height: 412px;
}

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

.col.lft .live-btn-thumb {
    position: absolute;
    right: 50px;
    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;
    }

.post-info .Category p {
    border: 1px solid var(--dim-text-color);
    color: var(--dim-text-color) !important;
    background-color: transparent;
}

.post-info .Category:hover p {
    color: white !important;
}

.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: 4;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}


.coverage_sec.dark p {
    color: white !important;
}
/* .post-media-showroom::before {
    content: '';
   height: 100%;
   width: 100%;
   z-index: 1;
   background-image: linear-gradient(to top, rgb(0 0 0 / 56%) 10%, rgba(0, 0, 0, 0));
  background-size: cover; 
  background-position: bottom; 
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
} */

/* GO MAYADEEN PAGE */
section.video-page.padding-less {
    padding-top: 30px !important;
    padding-bottom: 0px;
}

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

section.stretched-carousel {
    padding: 20px 5px;
}

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

.stretched-carousel {
    flex: 1;
    box-sizing: border-box;
    padding: 10px;
    transition: flex 0.8s ease;
    transition-delay: 0.2s;
}

.carousel-image {
    width: 100%;
    height: 75vh;
    position: relative;
}

    .carousel-image img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
    }

    .carousel-image:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 74%;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, rgb(19 42 83 / 84%), rgba(0, 0, 255, 0));
        z-index: 1;
    }

    .carousel-image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 74%;
        bottom: 0;
        left: 0;
        background: linear-gradient(to top, rgb(19 42 83 / 84%), rgba(0, 0, 255, 0));
        z-index: 1;
    }

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

.stretched-carousel:hover {
    flex: 3;
}


/* LIVE PAGE */
.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: 100%;
    height: 100%;
    padding: 20px 5.5vw;
}

.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;
}

.live-title {
    position: relative;
    padding: 0px 14px;
}

    .live-title::before {
        content: "";
        width: 5px;
        height: 123%;
        position: absolute;
        right: 0px;
        bottom: 0px;
        background-color: red;
    }

.live-metas-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 80%;
}

.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.comm_tabination_sec.grid_tab_sec.hover_zoom.hide-slider-nav-full.linear-bg-dark {
    padding: 35px 0px;
}

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

.theme-light .grey-background .rounded_sec.light_bg,
.theme-light .grey-background .rounded_sec {
    background-color: #ececec;
}

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

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

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

.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;
}


.grid-section .video-grid-title h6 {
    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;
    justify-content: space-between;
}

.single-news {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 10px;
    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-title h5 {
    padding: 10px;
    color: white;
    background-image: linear-gradient(45deg, red, #b71414);
    margin-bottom: 0;
}

.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: 10px 0px;
}

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

    .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-text {
    min-height: 87px;
}

    .breaking-text h6 {
        font-weight: 400 !important;
        color: var(--dark-border);
    }

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

.flex-wrapper .section_head.title_tab_bar {
    flex-direction: row !important;
    padding: 10px 0px;
}

/* COVERAGE PAGE */
.coverage .video-grid-image::before {
    content: unset;
}
/* .coverage .video-grid-image img, .grid-image img {

    border-radius: 0px;
} */
.grid-section .video-grid-title h6 {
    font-weight: 400;
    text-align: right;
    -webkit-line-clamp: 1;
}

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

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

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

/* INFOGRAPGH INSIDE PAGE */
.details-metas {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

section.border-bottom .rounded_sec {
    border-bottom: 2px solid var(--border);
}

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

/* NEWS PAGE */
section.breaking-news.vertical .breaking-content {
    flex-direction: column;
}

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

    section.breaking-news-vertical .title h5 {
        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%;
}

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

    .grid-widget .widget-media {
        /* padding-top: 35%; */
        position: relative;
    }

        .grid-widget .widget-media img {
            height: auto;
            width: 100%;
            display: block;
            /* position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
     object-fit: cover;
    object-position: top; */
        }

.widget-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

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

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

.grid-metas .Category p {
    color: var(--dim-text-color) !important;
    font-weight: 400;
    border: 1px solid currentColor;
}

.grid-metas .Category:hover p {
    color: white !important;
    border: 1px solid var(--orange);
}

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

.grid-title h3 {
    color: black;
}

.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;
}

    .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 {
            /* padding-top:58%; */
            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;
}

.big_slider h2 {
    font-weight: 600;
}

.big_slider .swiper-slide .slider_bg.media {
    /* padding-top: 31% !important; */
    position: relative;
}

.category-meta {
    padding: 6px 19px;
    border-radius: 20px;
    border: 1px solid currentColor;
    color: var(--light-dark-text-color);
    font-weight: 400;
}

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

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

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

.news-section {
    padding-top: 50px;
    padding-bottom: 15px;
}

.big-slider-section section.all_news_slider.side_by_slider {
    padding-top: 20px;
}

.search_wrap p {
    color: #1c3664;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}

.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);
}



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

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

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

@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  */
.latest-news-meta.date-time {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

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

.single-latest-news-metas {
    display: flex;
    align-items: flex-end;
    /* gap: 10px; */
}

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

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

.latest-news-meta .time {
    font-weight: bold;
    padding: 5px 12px;
    text-align: center;
    background-color: red;
    color: white;
    width: fit-content;
}

.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: 25px 0px;
}

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

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


/* MOBILE TOGGLE LIGHT / DARK */
.checkbox {
    opacity: 0;
    position: absolute;
}

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

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

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

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

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

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

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

.theme-light span.light-text {
    color: var(--bg_blue);
    font-size: 11px;
}

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

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

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


/* NEW READ */

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

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

.card-div.inside {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* border-radius: 22px; */
}

.image-holder {
    padding-top: 90%;
    width: 100%;
    /* border-radius: 8px !important; */
}

    .image-holder img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

.right-container .image-holder {
    padding-top: 60% !important;
}

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

.right-container {
    flex: 1;
}

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

.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 h6,
.card-div .time p {
    color: white !important;
    line-height: 1.8;
    font-size: 1em;
}

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

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

.image-holder:before {
    content: '';
    height: 100%;
    width: 100%;
    z-index: 1;
    background-image: linear-gradient(to top, rgb(0 0 0 / 56%) 10%, rgba(0, 0, 0, 0));
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
}

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

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

.shadow-card .slider_desc.video-title {
    margin-bottom: 20px;
}

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

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

.shadow-card .tab-content .side_by_slider .slider_bottom_row {
    bottom: 0% !important;
    left: unset !important;
    padding: 23px 1%;
    padding-right: 0px;
    right: 5px;
}

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

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

    .col-12.col-md-6 .image-holder {
        padding-top: 57%;
        width: 100%;
    }

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

/*.aside-cards .big .content {
    bottom: 40px;
    width: 67%;
}*/

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

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

    .flex-row .image-holder {
        padding-top: 80%;
    }

    /*    .flex-row.small-cards .content {
        bottom: 22%;
        scale: 0.8;
        right: 2%;
    }*/

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

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

.flex-row.small-cards .image-holder {
    padding-top: 90%;
}

.brown-bg .rounded_sec {
    background-color: #3C423E;
}

.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 .container::after {
    top: unset !important;
    content: unset !important;
    background-color: transparent !important;
}

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

.square-img .tab_item_bg {
    /* padding-top: 100%; */
    /* aspect-ratio: 1/1; */
}

/* aspect-ratio: attr(width)/attr(height) */
.ad-holder img {
    border-radius: 0px !important;
}

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

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


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

/* Television Inside */
#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;
}

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

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

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

.zawaya-container {
    padding-left: 10vw;
    padding-right: 10vw;
    width: 100%;
}
/* ZAWAYA */
.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;
    flex: 0 0 30%;
    /*    max-height: 200px;
*/
}

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

.widget-content .lg_para {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    min-height: 85px;
}

.widget-wrap {
    padding: 15px;
}

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

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

.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%;
}
/* BACKGROUND COLOR OF EACH LINE */
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%;
    z-index: -1;
}

/*.section_head.title_tab_bar {
    padding-bottom: 15px;
}
*/


/* BREAKING SWIPER */
.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-image: linear-gradient(to right, rgb(236 236 236) 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;
}

.coverage_sec.blue .flex-head.blue, .coverage_sec.blue .news-grid {
    background: var(--bg_blue);
}

/*Programs */
.featured-item {
    display: flex;
    justify-content: space-between;
    background-color: lightgrey;
}

section.featured-program {
    padding-bottom: 30px;
    overflow: hidden;
}

.featured-media-wrap {
    width: 30%;
    max-height: 200px;
}

.featured-text-wrap {
    width: 68%;
    padding: 20px 10px;
    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-item-content {
    font-size: 20px;
    color: var(--cust_shadow);
}

.featured-meta {
    color: var(--cust_shadow);
}

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

.featured-item img {
    border-radius: 0px !important;
}

.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;
    }

/*Search Page*/
.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)
}

button.clear-text-btn {
    background: transparent;
}

input[type=checkbox], input[type=radio] {
    opacity: 0;
    position: absolute
}

    input[type=checkbox] + label, 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
    }

        input[type=checkbox] + label::before, input[type=radio] + label::before {
            content: " ";
            position: absolute;
            top: .5rem;
            left: 0;
            width: 1.2rem;
            height: 1.2rem;
            background-color: #E6E6E6;
            border: .2rem solid var(--grey-light-one);
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        input[type=checkbox] + label::after, input[type=radio] + label::after {
            content: " ";
            position: absolute;
            top: .8rem;
            left: 3rem;
            width: .8rem;
            height: .5rem;
            background-color: transparent;
            border-bottom: .2rem solid #fff;
            border-left: .2rem solid #fff;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(315deg);
            opacity: 0;
            border-radius: 0;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

    input[type=checkbox]:checked + label::before, input[type=radio]:checked + label::before {
        background-color: var(--orange);
        border-color: var(--orange)
    }

    input[type=checkbox]:checked + label::after, input[type=radio]:checked + label::after {
        opacity: 1
    }

    input[type=checkbox] + label::before {
        width: 1.4rem;
        height: 1.4rem;
        top: 0.5rem;
        border-radius: 5px;
    }

    input[type=checkbox] + label::after {
        top: .8rem;
        left: .2rem
    }

    input[type=checkbox]:checked + label::before {
        border-color: var(--primary-color);
    }

input[type=radio] {
    width: auto
}

input#fromDate, input#toDate {
    width: 90%;
}

input[type=radio] + label::before {
    border-radius: 50%;
}

input[type=radio] + label::after {
    width: .6rem;
    height: .6rem;
    left: .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;
}

input[type=checkbox] + label, 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;
}

input[type=checkbox] + label::before, input[type=radio] + label::before {
    right: 0;
}

input[type=checkbox] + label::after {
    right: 0.2rem;
}

span.category-results-count {
    color: var(--orange);
}

.search-inner-wrap {
    background-color: white;
    padding-bottom: 20px;
}

.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;
}
/*Videos Page*/
section.videos-featured .rounded_sec {
    width: 100%;
    height: fit-content;
    padding-top: 0px;
    background-image: url(/mdn2023/images/cover-video.png) !important;
    background-size: cover;
    margin: 0px;
    background-position: center;
    background-repeat: no-repeat;
}

section.videos-featured .font_45 h2 {
    color: white !important;
}

section.videos-featured.tab_slider_sec.scaled_tab_sec {
    padding-top: 0px;
}

section.videos-featured.tab_slider_sec.scaled_tab_sec {
    padding-top: 0px;
}

.top-featured-video {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.featured-video-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 50px 0px;
}

.flex-metas {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.video-grid-title h6 {
    color: black;
}

.videos-featured .Category p {
    background: transparent;
}

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

.featured-video-img {
    position: relative
}

.reverse .swiper-wrapper .swiper-slide {
    flex-direction: row-reverse;
}

.reverse .slider_bottom_row.documentary.revert-slider-thumbs {
    right: unset;
}
/*.section-grid-wrapper {
    padding: 20px;
}*/
.slide-title h7 {
    font-weight: 700;
}

.slider-img {
    position: relative
}

.videos-featured .video-grid-title h6 {
    color: white;
}

.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;
}

.Section-flex-boxes.Grid-section.linear-bg-dark {
    padding-top: 30px;
}

.title__h2Text {
    max-width: 90%;
    font-size: 20px;
    line-height: 1.8;
}