.articles .author,
.articles .slug a {
    letter-spacing: .48px;
    text-transform: uppercase
}

.video-select-dp {
    width: 100%;
    height: 40px !important;
}

.footer-menu,
.footer-social {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.copyright-text,
.footer-magazine-title,
.footer-menu li a,
.important p {
    font-weight: 700;
    color: var(--black)
}

.articles .article-img-box,
.main-img-div,
.ps-image,
.rhs-video-list,
.rm-menu .rm-menu-li,
.slide_container {
    position: relative
}

.sidepanel ul,
.sidepanel_list {
    list-style-type: none
}

#banner-cube-pe,
.cursor-pointer,
.dot {
    cursor: pointer
}

@font-face {
    font-family: Aspekta;
    src: url(../resource/fonts/Aspekta/Aspekta-700.woff2), url(../resource/fonts/Aspekta/Aspekta-400.woff2)
}

@font-face {
    font-family: Roboto, sans-serif;
    src: url(../resource/fonts/Roboto/Roboto-Medium.ttf)
}

:root {
    --primary-red: #ed1c24;
    --dark-red: #5f0b0e;
    --white: #ffffff;
    --black: #000000;
    --black-one: #333;
    --black-two: #111;
    --grey-one: #6b7b84;
    --grey-two: #909090;
    --grey-three: #d5d5d5;
    --grey-four: #f2f2f2;
    --grey-five: #f5f0f0;
    --grey-six: #6e6b6b;
    --aspekta: "Aspekta";
    --roboto: "Roboto", sans-serif;
    --marcellus: "Marcellus", serif;
    --source-sans-pro: "Source Sans 3", sans-serif
}

.slider,
html {
    overflow-x: hidden
}

.rm-footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--grey-three)
}

.footer-social,
.team-pics {
    justify-content: center
}

.footer-social li:not(:last-child) {
    margin-right: 25px
}

.footer-social li a img {
    opacity: 50%;
    width: 32px;
    height: auto
}

.footer-menu {
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center
}

.countdown-timer .timer ul li:not(:last-child),
.footer-menu li:not(:last-child) {
    margin-right: 15px
}

.footer-menu li a {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase
}

.footer-magazine-title {
    font-size: 26px;
    text-align: center
}

.close_bar,
.display-none,
.outlookfooterlogomobile {
    display: none
}

.footer-magazine-list,
.footer-menu-small {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.footer-magazine-list {
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center
}

.footer-magazine-list li {
    margin: 10px
}

.footer-magazine-list li a img {
    height: auto
}

.footer-menu-small {
    flex-wrap: wrap;
    margin-top: 30px;
    margin-left: 30px;
    justify-content: center
}

.footer-menu-small li:not(:last-child) {
    margin-right: 45px
}

.footer-menu-small li a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none
}

.copyright-text {
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
    opacity: 50%
}

.rm-header {
    z-index: 99;
    box-shadow: 0 2px 4px 0 rgba(17, 17, 17, .2)
}

.flex-d-col {
    flex-direction: column
}

.header_nav {
    line-height: 0;
    border-bottom: .3px solid #e5e5e5
}

.item-center-place {
    place-items: center;
    margin: 15px 0
}

.col-gap {
    column-gap: 1rem
}

.subscribe_btn_border {
    border-radius: 3px;
    border: 2px solid #ed1c24
}

.menu_bar {
    display: block;
    padding: 5px 10px
}

.menu_side_list {
    align-items: center;
    justify-content: center;
    margin-right: auto;
    margin-bottom: .3rem
}

.sidepanel_list {
    align-items: center;
    justify-content: center;
    column-gap: 2rem;
    margin-right: auto;
    margin-bottom: 3rem;
    padding-bottom: 10rem;
    padding-left: 0;
    text-transform: uppercase
}

.rm-menu .rm-menu-list-block {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    justify-content: center
}

.rm-menu .rm-menu-list-block .rm-menu-li,
.search-election .form-control {
    padding: 8px
}

.rm-menu .rm-menu-list-block .rm-menu-li:hover {
    background-color: var(--black)
}

.rm-menu .rm-menu-list-block .rm-menu-li .rm-category {
    font-weight: 600;
    text-align: center;
    line-height: normal;
    color: var(--black);
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--source-sans-pro)
}

.rm-menu .rm-submenu .rm-submenu-li .rm-dd,
.rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu .rm-dd,
.rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul li a {
    font-weight: 600;
    text-align: center;
    line-height: normal;
    color: var(--white);
    letter-spacing: .6px;
    text-decoration: none;
    font-family: var(--source-sans-pro);
    text-transform: uppercase
}

.rm-menu .rm-submenu {
    display: none;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    z-index: 10000
}

.rm-menu .rm-menu-li:hover .rm-submenu {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    min-width: 100%;
    background-color: var(--black);
    left: 0
}

.rm-menu .rm-submenu .rm-submenu-li .rm-dd {
    padding: 0 1rem;
    white-space: nowrap
}

.rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul {
    width: 100%;
    display: none;
    list-style: none;
    z-index: 10000;
    background-color: #000;
    top: 0;
    left: 99%;
    right: 0;
    flex-direction: column;
    padding: 7px 5px
}

.rm-menu-list-block:last-child li:last-child .rm-submenu .rm-submenu-li .rm-nested-submenu ul {
    /* left: -99% */
}

.rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul li a {
    font-size: 15px
}

.sign-sub-search .subscribe {
    margin: 0 15px
}

.navbar-brand {
    margin: 0
}

.in-house-banner-main .navbar-brand img {
    max-width: 432px;
    /* max-height: 75px; */
}
.heading-badge,
.outlook-lens-box {
    text-align: center;
    margin-bottom: .5rem;
    background-color: red;
    font-size: 16px;
    line-height: 1.5;
}

.sign-sub-search .sign-in a {
    font-size: 12px;
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
    text-transform: uppercase
}

.articles .article-hero-heading,
.hero-section,
.mag-month {
    margin-top: 10px
}

.articles .article-img-box.custom1 {
    height: 101px !important
}

.articles .article-img-box .article-img {
    width: 100%;
    border: 1px solid #d5d5d58c
}

.articles .article-img-box.custom .article-img,
.articles .article-img-box.custom1 .article-img,
.background-fit,
.slider-height-fix img,
.story-author-details img {
    object-fit: cover
}

.ads-box a img,
.articles .article-img-box .article-img1,
.mag-latest-issue a img,
.magazine-article,
.outlook-com .row img,
.ob-jsembed iframe,
.w-100-p,
.week-w-100 {
    width: 100%
}

.articles .article-img-box .card-article-img {
    width: 100%;
    height: 207px;
    object-fit: cover
}

.articles .article-img-box .photo-icon,
.articles .article-img-box .video-icon {
    bottom: 0;
    width: 32px;
    height: 32px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
    right: 0
}

.articles .article-img-box .photo-icon {
    background-image: url(../resource/images/icons/image-icon.png)
}

.articles .article-img-box .video-icon {
    background-image: url(../resource/images/icons/video-play-icon.png)
}

.all-issues .rm-pills .nav-tabs .nav-link,
.articles .slug,
.popular .article-heading-one {
    line-height: 1
}

.articles .slug a {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    color: var(--primary-red);
    font-family: var(--source-sans-pro)
}

.articles .slug a:hover {
    color: var(--dark-red)
}

.articles .article-heading-five a:hover,
.articles .article-heading-four a:hover,
.articles .article-heading-one a:hover,
.articles .article-heading-three a:hover,
.articles .article-heading-two a:hover,
.articles .article-hero-heading a:hover,
.story .article-hero-list li .story-listing-head a:hover,
.txt-red {
    color: var(--primary-red)
}

.articles .article-heading-five a,
.articles .article-heading-four a,
.articles .article-heading-one a,
.articles .article-heading-three a,
.articles .article-heading-two a,
.articles .article-hero-heading a,
.articles .author .name a,
.popular .article-heading-one a,
.story .article-hero-list li .whats-hot-title a {
    color: var(--black);
    text-decoration: none
}

.articles .article-hero-heading a {
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    font-style: normal;
    text-align: center;
    font-family: var(--marcellus)
}

.opnion-author .article-heading-one {
    column-gap: 1rem;
    padding-top: .7rem;
    padding-bottom: .7rem
}

.opnion-author .article-heading-one a img {
    border-radius: 3px
}

.articles .article-heading-one a {
    font-size: 18px;
    line-height: 24px;
    font-family: var(--marcellus)
}

.artical_box {
    column-gap: 2rem;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.artical_box::-webkit-scrollbar {
    display: none
}

.artical_img {
    border-right: 1px solid #d5d5d5;
    padding-right: 1rem
}

.outlook-lens-box {
    padding: 0px 5px;
    font-size: 16px;
    line-height: 1.5;
    width: fit-content;
}

.heading-badge span,
.latest-slider-heading,
.outlook-lens-box span,
.popular-heading {
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

.heading-badge {
    width: 80px
}

.author-text,
.opnion-box,
.text-start {
    text-align: start
}

.font-medium {
    font-weight: 500
}

.margin-b-2 {
    margin-bottom: 2rem
}

.font-size-1 {
    font-size: 1rem
}

.long_read_desc {
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #506068;
    margin-top: 7px
}

.author-text,
.sport-card {
    font-size: 12px
}

.opnion-box {
    margin-bottom: .5rem;
    display: flex;
    align-items: center
}

.category-head,
.slider_nav {
    justify-content: space-between
}

.opnion-box .heading,
.opnion-box span {
    text-transform: uppercase;
    color: #a38a00;
    font-weight: 500
}

.opnion-box .line {
    display: inline-block;
    width: 100%;
    height: 2px;
    margin-bottom: .25rem;
    background-color: #a38a00
}

.artical_heading_one {
    text-align: start;
    display: flex;
    border-bottom: 2px solid #000
}

.popular .article-heading-one a {
    font-size: 15px;
    line-height: normal;
    font-family: var(--marcellus)
}

.text-end {
    text-align: end
}

.height-96 {
    height: 96%
}

.popular-box {
    padding: 0 5px;
    width: max-content;
    text-align: center;
    margin-bottom: .75rem;
    background-color: red;
    font-size: 16px;
    line-height: 1.5;
}

.latest-slider {
    height: 450px;
    margin-right: auto;
    overflow: hidden
}

.slider-box {
    width: 80px;
    background-color: red;
    text-align: center
}

.slide_container {
    width: 100%;
    height: 115%
}

.slide-2,
.slider_dots,
.slider_nav {
    position: absolute
}

.slide-2 {
    width: 100%;
    height: 100%;
    transition: .5s;
    background-color: #fff
}

.slider_nav {
    text-align: center;
    bottom: 100px;
    right: 10px;
    display: flex;
    column-gap: .5rem
}

.slider_dots {
    bottom: 10px;
    right: 350px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    column-gap: 10px
}

.nav_buttons {
    display: flex;
    column-gap: 1rem
}

.three-line-ellipsis,
.two-line-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.nav_buttons .nav_btn {
    border: 2px solid red;
    background-color: #fff;
    padding: 5px 10px;
    display: flex;
    align-items: center
}

.category-head,
.category-head-2 {
    align-items: center;
    margin-bottom: 24px
}

.sport-summary-card {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.sport-card {
    padding: .5rem;
    background: red;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.hr-grey,
.mag-latest-issue {
    border: 1px solid var(--grey-three)
}

.articles .article-heading-two {
    margin-top: 6px
}

.articles .article-heading-two a {
    font-size: 24px;
    line-height: 30px;
    font-family: var(--marcellus)
}

.articles .article-heading-five,
.articles .article-heading-three {
    margin-top: 4px;
    line-height: 1.2
}

.articles .article-heading-three a {
    font-size: 15px;
    font-family: var(--marcellus)
}

.articles .article-heading-four {
    line-height: 1.2
}

.articles .article-heading-four a {
    font-size: 26px;
    font-family: var(--marcellus)
}

.articles .article-heading-five a {
    font-size: 16px;
    font-family: var(--marcellus)
}

.ai-magazine .issue-date,
.all-issues .date-n-tabs,
.articles .article-desc,
.articles .author,
.articles .author .date,
.author-page-detials .author-name,
.author-page-detials .editor,
.author-page-detials .summary,
.author-page-detials h5,
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item.active,
.category-head .title a,
.category-head-2 .title a,
.category-head-two h2,
.http-error-code-box .hec-btn,
.http-error-code-box .hec-desc,
.http-error-code-box .hec-title,
.important p,
.jnl-grey-bg .jnl-box .jnl-title,
.jon,
.jon-head,
.jon-subtitle,
.latest-issue-box .head-title,
.latest-issue-box .subscribe,
.lms-btn,
.newsletter-subscription-form .form-label,
.opinions .opinions-list .by-author,
.outlook-weekender-box .head-title,
.results-count,
.rm-pills .nav-link,
.rm-pills .sorted-authors .author-list .author-name a,
.rm-pills .tab-content .sorted-authors h4,
.ob-article p,
.ob-blockquote blockquote,
.spotlight h5 a,
.topic-desc {
    font-family: var(--source-sans-pro)
}

.articles .article-desc {
    font-size: 15px;
    margin-bottom: 0;
    color: var(--grey-one)
}

.articles .author {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 0;
    color: var(--grey-one)
}

.articles .author .date {
    font-size: 14px;
    color: #506068;
    font-weight: 400;
    margin-left: 10px;
    line-height: 10px;
    font-style: normal;
    letter-spacing: .56px;
    text-transform: capitalize
}

.author .name a,
.opinions .opinions-list .by-author span a {
    font-weight: 700;
    text-decoration: none;
    color: var(--primary-red)
}

.articles .author .name a {
    font-size: 12px;
    font-weight: 700
}

.articles .author .name a:hover {
    font-weight: 700;
    color: var(--grey-one)
}

.articles .author .name a:not(:last-child)::after {
    content: ",";
    margin-left: 3px;
    margin-right: 3px;
    color: var(--grey-one)
}

.three-line-ellipsis {
    -webkit-line-clamp: 3
}

.two-line-ellipsis {
    -webkit-line-clamp: 2
}

.one-line-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.h-35 {
    height: 35px
}

.article-hero-list,
.opinions .opinions-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.article-hero-list .spotlight-comp:not(:last-child),
.article-hero-list li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--grey-three)
}

.article-white-desc {
    margin-top: 8px
}

.article-white-desc a {
    font-size: 16px;
    color: var(--white);
    text-decoration: none;
    font-family: var(--marcellus)
}

.category-head .title a,
.mag-latest-issue h4 {
    font-size: 24px;
    line-height: normal;
    letter-spacing: .96px;
    text-transform: uppercase
}

.hr-grey {
    width: 100%;
    margin: 24px 0
}

.form-control,
.ps-social ul li:not(:last-child) {
    margin-right: 10px
}

.mag-latest-issue {
    padding: 0 8px 8px
}

.ads-box,
.ads-box-600 {
    min-width: 300px;
    padding: 8px 0;
    display: inline-block;
    background-color: #fcfcfc;
    text-align: center
}

.ads-box1{
    padding: 8px;
    display: inline-block;
    background-color: #fcfcfc;
    text-align: center
}

.mag-latest-issue h4 {
    text-align: center;
    font-family: var(--aspekta)
}

.ads-box h6,
.ads-box h3,
.ads-box1 h3,
.ads-box-600 h6, .ads-box-desk h3 {
    opacity: .5;
    font-size: 12px;
    text-align: center;
    color: var(--black);
    font-family: var(--roboto)
}

.small-add-box {
    height: 315px;
    width: 300px
}

.category-head {
    display: flex;
    border-top: 2px solid var(--black);
}

.category-head .title a {
    font-weight: 700;
    font-style: normal;
    color: var(--black);
    text-decoration: none
}

.all-issues .rm-pills .nav-tabs .nav-link.active,
.category-head .title a:hover,
.category-head-white .title a:hover,
.spotlight a:hover {
    text-decoration: underline
}

.category-head .more a,
.category-head-2 .more a {
    opacity: .5;
    text-decoration: none;
    color: var(--primary-red);
    text-transform: capitalize;
    font-family: var(--source-sans-pro);
}

.category-head-2 .title a,
.category-head-white .title a {
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none
}

.category-head .more a:hover,
.category-head-2 .more a:hover {
    opacity: 1;
    color: var(--primary-red)
}

.category-head-2 {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid var(--black)
}

.category-head-2 .title a {
    font-size: 18px;
    font-style: normal;
    color: var(--black);
    line-height: normal;
    letter-spacing: .96px
}

.category-head-white .title a,
.latest-issue-box .head-title,
.outlook-weekender-box .head-title {
    font-size: 24px;
    letter-spacing: .96px;
    font-style: normal;
    line-height: normal
}

.category-head-2 .title a:hover,
.closebtn,
.cta-anchor,
.long-read-btns a,
.long-read-btns2 a,
.navbar-toggler:focus,
.sidepanel a,
.text-decoration-none,
.to-mail,
.week-link a,
.weekender-anchor,
.weekender-routing-ref,
ins {
    text-decoration: none
}

.category-head-white {
    display: flex;
    margin-bottom: 24px;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid var(--white)
}

.category-head-white .title a {
    color: var(--white);
    font-family: var(--aspekta)
}

.category-head-white .more a {
    opacity: .5;
    font-size: 14px;
    color: var(--white);
    text-decoration: none;
    text-transform: capitalize
}

.category-head-white .more a:hover {
    opacity: 1
}

.slider-bg {
    padding: 40px 0;
    background-color: var(--black-two)
}

.slider-one .articles,
.slider-one1 .articles {
    padding: 0 10px
}

.slider-one1 .slick-prev {
    z-index: 9
}

.outlook-weekender-box {
    padding: 24px;
    background-color: var(--black)
}

.outlook-weekender-box .head-title {
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase
}

.outlook-weekender-box .articles .article-heading-one a {
    font-size: 16px;
    color: var(--white)
}

.latest-issue-box .articles .article-heading-one,
.mag-article .articles .article-heading-one,
.mag-issue-cover-story .articles .article-heading-two,
.mag-issue-cover-story .articles .article-img-box,
.magazine-issue,
.magazine-story-lists .articles .article-heading-two,
.outlook-weekender-box .articles .article-heading-one,
.rm-spotlight .articles .article-heading-five,
.rm-story-pills .articles .article-heading-one,
.rm-story-pills .articles .article-img-box {
    margin-top: 0
}

.outlook-weekender-box .articles .author {
    margin-top: 12px
}

.latest-issue-box .view-more,
.outlook-weekender-box .view-more {
    width: 100%;
    display: flex;
    margin-top: 10px;
    text-align: right;
    align-items: center;
    justify-content: end
}

.outlook-weekender-box .view-more a {
    line-height: 1;
    padding-top: 10px;
    font-size: 12px;
    text-align: right;
    font-style: normal;
    color: var(--white);
    text-decoration: none;
    text-transform: uppercase
}

.outlook-weekender-box .view-more a img {
    width: 20px;
    margin-top: -5px;
    margin-left: 5px
}

.latest-issue-box {
    padding: 24px;
    background-color: var(--grey-five);
    border-top: 2px solid var(--primary-red)
}

.latest-issue-box .head-title {
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--black);
    text-transform: uppercase
}

.latest-issue-box .subscribe {
    width: 100%;
    border: none;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 16px;
    color: var(--white);
    align-items: center;
    letter-spacing: .64px;
    justify-content: center;
    text-transform: uppercase;
    background-color: var(--grey-six)
}

.jnl-grey-bg .jnl-box .jnl-title,
.opinions .title {
    top: -16px;
    font-weight: 700;
    padding-right: 10px;
    text-transform: uppercase
}

.latest-issue-box .view-more a {
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    padding-top: 10px;
    text-align: right;
    font-style: normal;
    color: var(--black-one);
    text-decoration: none;
    text-transform: uppercase
}

.latest-issue-box .view-more a img {
    width: 15px;
    margin-top: -2px;
    margin-left: 5px
}

.opinions {
    margin-top: 15px;
    position: relative;
    border-top: 2px solid #a38a00
}

.opinions .title {
    font-size: 20px;
    color: #a38a00;
    position: relative;
    letter-spacing: .8px;
    background-color: var(--white)
}

.opinions .view-more {
    line-height: 1;
    text-align: right;
    margin-top: 10px
}

.opinions .view-more a {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    color: var(--primary-red)
}

.opinions .opinions-list li:not(:first-child) {
    margin-top: 32px
}

.opinions .opinions-list .specific-article {
    display: flex;
    align-items: end;
    border-bottom: 1px solid var(--grey-two)
}

.opinions .opinions-list .specific-article .avatar img {
    width: 64px;
    height: auto
}

.opinions .opinions-list .specific-article .opinion-title {
    margin-left: 5px
}

.opinions .opinions-list .specific-article .opinion-title a {
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    color: var(--black);
    line-height: normal;
    text-decoration: none;
    text-transform: capitalize;
    font-family: var(--marcellus)
}

.opinions .opinions-list .by-author {
    font-size: 12px;
    color: var(--grey-one);
    letter-spacing: .48px;
    text-transform: uppercase
}

.jnl-grey-bg {
    padding: 40px;
    background-color: #F0F1F2
}

.jnl-grey-bg .jnl-box {
    padding: 20px 0 24px;
    position: relative;
    /* border-top: 3px solid var(--primary-red);
    border-right: 3px solid var(--primary-red);
    border-bottom: 3px solid var(--primary-red) */
}

.jnl-grey-bg .jnl-box .jnl-title {
    font-size: 20px;
    position: absolute;
    letter-spacing: .8px;
    color: var(--primary-red);
    /* background-color: var(--grey-three) */
}

.jnl-grey-bg .jnl-box .jnl-subscribe,
.red-subscribe {
    font-size: 16px;
    text-transform: capitalize;
    background-color: var(--primary-red);
    font-weight: 600;
    color: var(--white);
    margin-right: 10px
}

.jnl-grey-bg .jnl-box .jnl-subscribe {
    border: none;
    bottom: -25px;
    padding: 13px 40px;
    position: absolute;
    font-family: var(--roboto)
}

.jnl-grey-bg .jnl-box .jnl-head,
.jnl-grey-bg .jnl-box .jnl-subtitle {
    font-family: var(--source-sans-pro);
    line-height: normal;
    font-style: normal
}

.jnl-grey-bg .jnl-box .jnl-head {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize
}

.jnl-grey-bg .jnl-box .jnl-subtitle {
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    color: var(--grey-six)
}

.news-letter-subscribe-popup .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.news-letter-subscribe-popup .popup-head {
    background-color: #ffcaca;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.news-letter-subscribe-popup .popup-content {
    background-color: #fff;
    border-radius: 16px;
    width: 505px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
    font-family: "Arial", sans-serif;
}

.news-letter-subscribe-popup .close-btn-news-letter-popup {
    position: absolute;
    top: -4px;
    right: 4px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #999;
}

.news-letter-subscribe-popup .close-btn-news-letter-popup:hover {
    color: #333;
}

.news-letter-subscribe-popup .popup-content .popup-head h2 {
    font-size: 28px;
    font-weight: 700;
    padding: 25px 20px;
    margin: 0;
}

.news-letter-subscribe-popup .popup-head-bottom {
    padding: 40px;
}

.news-letter-subscribe-popup .benefits-list {
    list-style-type: none;
    padding: 0;
    margin: 20px 0;
    text-align: left;
}

.news-letter-subscribe-popup .benefits-list li {
    font-size: 14px;
    margin: 4px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.news-letter-subscribe-popup .subscription-form {
    margin-top: 15px;
}

.news-letter-subscribe-popup .subscription-form .subscribe-input {
    outline: 0 none;
}

.news-letter-subscribe-popup .subscription-form input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.news-letter-subscribe-popup .subscription-form button {
    background-color: #ED1C24;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
}

.news-letter-subscribe-popup .subscription-form button:hover {
    background-color: #d35556;
}

.form-label {
    margin-top: 24px;
    font-family: var(--roboto)
}

.form-control {
    border: none;
    padding: 15px 16px;
    border-radius: 0
}

.form-control:focus,
.newsletter-checkbox .form-check-input:focus {
    box-shadow: none
}

.red-subscribe {
    border: none;
    padding: 13px 40px;
    font-family: var(--roboto)
}

.jon,
.spotlight h5 a {
    text-transform: uppercase
}

.spotlight-line {
    background-color: #000;
    height: 1px !important;
    width: 100% !important
}

.spotlight-line-lg {
    background-color: #d5d5d5;
    height: .75px !important;
    width: 99% !important;
    margin: 0 auto
}

.bg-primary-red,
.lms-btn:hover,
.search-election .search-btn {
    background-color: var(--primary-red)
}

.spotlight h5 a {
    display: flex;
    font-size: 22px;
    margin-bottom: 0;
    color: var(--black);
    align-items: center;
    text-decoration: none;
    letter-spacing: .88px;
    font-weight: 700 !important
}

.spotlight h5 a img {
    width: 25px;
    margin-top: 2px;
    margin-left: 5px
}

.spotlight .articles .author .name a {
    color: var(--grey-six)
}

.bg-primary-light-red,
.story .tags ul li a {
    background: rgba(237, 28, 36, .2)
}

.jon {
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
    letter-spacing: .8px
}

.jon-head {
    font-size: 32px;
    font-weight: 400;
    color: var(--white)
}

.newsletter-subscription-form .desc,
.newsletter-subscription-form .title,
.page-title,
.search-election .search-btn {
    font-weight: 700;
    font-family: var(--source-sans-pro)
}

.jon-subtitle {
    font-size: 15px;
    color: var(--grey-two)
}

.category-head-two h2,
.page-title {
    font-size: 34px;
    letter-spacing: 1.36px;
    text-transform: uppercase
}

.breadcrumb .breadcrumb-item a {
    font-size: 15px;
    text-decoration: none;
    color: var(--grey-one);
    text-transform: uppercase
}

.breadcrumb .breadcrumb-item.active {
    color: var(--primary-red);
    text-transform: uppercase
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "\00BB";
    font-size: 25px;
    line-height: .8;
    content: "\00BB"
}

.page-title {
    text-align: center;
    margin-bottom: 25px
}

.lms-btn,
.results-count {
    text-transform: capitalize
}

.search-election {
    margin-top: 16px;
    border-radius: 0;
    border: 1px solid var(--grey-three)
}

.search-election .search-btn {
    padding: 10px 16px;
    border-radius: 0;
    color: var(--white);
    letter-spacing: .64px;
    border: 1px solid var(--primary-red)
}

.results-count {
    opacity: .5;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: var(--black);
    letter-spacing: .6px
}

.election-news-list .article-hero-list {
    margin-bottom: 25px;
}

.newsletter-subscription-form {
    position: relative;
    padding: 56px 20px 36px;
    border: 2px solid var(--primary-red)
}

.ads-box-lg,
.sticky-container {
    position: sticky;
    top: 0
}

.newsletter-subscription-form .title {
    font-size: 32px;
    text-align: center;
    color: var(--primary-red)
}

.newsletter-subscription-form .desc {
    font-size: 20px;
    text-align: center
}

.newsletter-subscription-form .o-logo {
    left: 50%;
    top: -30px;
    padding: 8px;
    position: absolute;
    transform: translateX(-50%);
    background-color: var(--white)
}

.newsletter-subscription-form .form-control {
    padding: 8px;
    margin-right: 0;
    border: 1px solid var(--grey-two)
}

.newsletter-subscription-form .form-label {
    font-size: 16px;
    color: var(--black-one)
}

.newsletter-subscription-form .form-control:focus {
    border-color: var(--primary-red)
}

.newsletter-subscription-form .form-text {
    color: #a9a9a9;
    margin: 16px 0
}

.lms-btn,
.newsletter-subscription-form .newsletter-submit {
    font-weight: 600;
    color: var(--white);
    font-size: 16px;
    width: 100%
}

.newsletter-subscription-form .newsletter-submit {
    border: none;
    padding: 8px 16px;
    border-radius: 0;
    text-transform: uppercase;
    background-color: var(--primary-red)
}

.author-page-detials .social-red,
.rm-pills .sorted-authors .author-list,
.story .tags ul {
    padding-left: 0;
    display: flex;
    list-style: none
}

.fw-bold-600,
.newsletter-subscription-form span {
    font-weight: 600
}

.lms-btn {
    height: 48px;
    border: none;
    text-align: center;
    color: var(--white);
    letter-spacing: 2px;
    background-color: var(--grey-six);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.lms-btn .load-text {
    text-decoration: none;
    color: var(--white) !important;
}

.category-head-two h2 {
    font-weight: 700;
    line-height: normal;
    color: var(--black);
    border-bottom: 3px solid var(--black)
}

.category-head-two h1 {
    font-weight: 700;
    line-height: normal;
    color: var(--black);
    text-transform: capitalize;
    border-bottom: 3px solid var(--black)
}

.author-page-detials h5,
.book-review-topic-section p,
.sidepanel a,
.topic-desc {
    font-size: 18px
}

.topic-desc {
    font-weight: 400;
    color: var(--black)
}

.rm-pills .nav-tabs .nav-item.show .nav-link,
.rm-pills .nav-tabs .nav-link.active {
    border-color: transparent !important
}

.rm-pills .nav-link {
    padding: 0;
    opacity: .6;
    font-size: 16px;
    color: var(--primary-red)
}

.rm-pills .nav-item:not(:last-child) {
    margin-right: 26px
}

.rm-pills .nav-tabs .nav-link.active {
    opacity: 1;
    font-weight: 700;
    color: var(--primary-red)
}

.rm-pills .nav-tabs {
    border-bottom: none !important
}

.rm-pills .tab-content {
    margin-top: 50px
}

.rm-pills .tab-content .sorted-authors h4 {
    font-size: 26px;
    font-weight: 700;
    color: var(--black);
    padding-bottom: 5px;
    letter-spacing: 1.04px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--grey-one)
}

.rm-pills .sorted-authors .author-list {
    flex-wrap: wrap;
    margin-top: 24px;
    margin-bottom: 40px
}

.rm-pills .sorted-authors .author-list li,
.social-mobile {
    margin-bottom: 20px
}

.rm-pills .sorted-authors .author-list img {
    height: auto;
    margin-bottom: 16px
}

.rm-pills .sorted-authors .author-list .author-name {
    text-align: center;
    margin-bottom: 4px
}

.rm-pills .sorted-authors .author-list .author-name a {
    font-size: 20px;
    font-weight: 700;
    color: var(--black);
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: capitalize
}

.rm-pills .sorted-authors .author-list .designation {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    color: var(--grey-one)
}

.rm-pills .nav-tabs .nav-link:focus,
.rm-pills .nav-tabs .nav-link:hover {
    border-color: transparent
}

.all-issues .rm-pills .nav-item:not(:last-child) {
    margin-right: 24px
}

.author-page-detials .author-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-right: 24px;
    text-transform: uppercase
}

.author-page-detials .social-red,
.ob-also-read p,
.ob-blockquote blockquote,
.ob-summary p,
.story .story-multi-author img {
    margin-bottom: 0
}

.author-page-detials .social-red li {
    margin-right: 8px
}

.author-page-detials .social-red li img {
    width: 24px;
    height: auto
}

.author-page-detials .editor {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--grey-two);
    text-transform: capitalize
}

.author-page-detials h5 {
    margin-top: 24px;
    font-weight: 700
}

.author-page-detials .summary {
    font-size: 16px;
    font-style: normal;
    line-height: normal
}

.ai-magazine,
.spotlight-row {
    margin-bottom: 40px
}

.ai-magazine .issue-date {
    margin-top: 8px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0
}

.all-issues .date-n-tabs {
    display: flex;
    font-weight: 700;
    align-items: center;
    justify-content: space-between
}

.story .story-title {
    color: var(--black);
    text-decoration: none;
    font-family: var(--marcellus)
}

.story .subcap-story {
    font-size: 16px;
    margin-bottom: 0;
    font-style: italic;
    color: var(--grey-one);
    font-family: var(--source-sans-pro)
}

.check-your-plans .title,
.story .article-hero-list li .story-listing-head a,
.story .story-pills .nav-pills .nav-link,
.story .tags ul li a {
    color: var(--black);
    font-family: var(--source-sans-pro)
}

.ob-article,
.ob-element h2,
.ob-element h3,
.story .article-hero-list li:first-child,
.story .story-author-details {
    margin-top: 20px
}

.story .story-author-details img {
    margin-bottom: 8px
}

.story .story-author-details .story-author-name {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--source-sans-pro);
    display: flex;
    align-items: center;
}

.story .story-author-details .story-dec-time {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: normal;
    color: var(--grey-one);
    font-family: var(--source-sans-pro)
}

.story-dec-time, .story-dec-time-mobile {
    text-transform: none;
}

.story .story-para {
    font-size: 20px;
    line-height: 32px
}

.story .story-para .big-letter {
    float: left;
    font-size: 400%;
    line-height: 80%;
    color: var(--primary-red)
}

.story-highlights {
    display: flex;
    padding: 16px;
    margin-bottom: 20px;
    align-items: start;
    background: rgba(210, 5, 30, .1)
}

.story-highlights p {
    font-size: 26px;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 0;
    font-family: var(--source-sans-pro)
}

.art-cnt,
.art-main-head p,
.art-pre p:first-child,
.art-pre p:nth-child(2),
.check-cnt .check-det p,
.check-cnt a,
.check-cnt p,
.drk-cnt,
.mag-auth-det p:first-child,
.mag-auth-det p:nth-child(2),
.news-head p,
.quot-cnt p,
.sticky-cont a {
    font-family: "Source Sans Pro"
}

.story .tags {
    display: flex;
    margin-top: 80px
}

.story .tags .tags-title {
    font-size: 24px;
    font-weight: 700;
    margin-right: 20px;
    font-style: normal;
    line-height: normal;
    font-family: var(--source-sans-pro)
}

.story .tags ul {
    flex-wrap: wrap;
    margin-bottom: 0
}

.story .tags ul li a {
    font-size: 15px;
    font-weight: 600;
    padding: 4px 8px;
    text-decoration: none;
    text-transform: capitalize
}

.story .story-pills .nav-pills .nav-item:not(:last-child),
.story .tags ul li:not(:last-child) {
    margin-right: 16px
}

.check-cnt .check-det,
.story .tags ul li {
    margin-bottom: 16px
}

.story .story-pills .nav-pills {
    border-bottom: 1px solid var(--grey-one)
}

.story .story-pills .nav-pills .nav-link.active {
    font-weight: 700;
    border-radius: 0;
    border-bottom: 2px solid var(--primary-red)
}

.story .story-pills .nav-pills .nav-link {
    padding: 0 8px;
    font-size: 26px;
    text-transform: uppercase;
    background-color: transparent
}

.story .story-list-heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: .8px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--primary-red)
}

.story .article-hero-list li {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative
}

.story .article-hero-list li .story-listing-head {
    margin-left: 15px
}

.story .article-hero-list li .story-listing-head a {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    font-style: normal;
    text-decoration: none
}

.story .article-hero-list li .whats-hot-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 0;
    font-style: normal;
    font-family: var(--source-sans-pro)
}

.ob-element .content ol li,
.ob-element .content ul li,
.slider2-cast .slider-title,
.story .story-watch-list .nav-pills .nav-link {
    font-size: 20px
}

.check-your-plans {
    padding: 8px;
    border: 1px solid #c4c4c4
}

.check-your-plans .title {
    font-size: 20px;
    margin-top: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 8px;
    text-align: center;
    font-style: normal
}

.check-your-plans .cyp-btn,
.check-your-plans .grey-desc {
    font-size: 16px;
    text-align: center;
    font-family: var(--source-sans-pro);
    font-style: normal
}

.drk-cnt,
.sticky-cont a {
    line-height: normal;
    color: var(--white)
}

.check-your-plans .grey-desc {
    font-weight: 400;
    line-height: normal;
    color: var(--grey-one)
}

.check-your-plans .cyp-btn {
    width: 100%;
    border: none;
    display: block;
    padding: 8px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    color: var(--white);
    letter-spacing: .64px;
    background-color: var(--primary-red)
}

.story .story-slug {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--primary-red);
    font-family: var(--source-sans-pro)
}

.ob-element .content h2 a,
.ob-element .content ol li a,
.ob-element .content ul li a,
.ob-text .content p a,
.story .story-slug a {
    text-decoration: none;
    color: var(--primary-red)
}

.text-red,
.timeline-section .link a {
    text-decoration: underline;
    color: var(--primary-red)
}

.sidebar-mob {
    margin-bottom: 24px
}

.sidebar-mob .sidebar-input {
    outline: 0;
    width: 80%;
    border: none;
    color: var(--white);
    padding: 10px 16px;
    background: rgba(255, 255, 255, .2)
}

.sidebar-mob .sidebar-input::placeholder {
    color: var(--white)
}

.sidebar-mob .sidebar-search-btn {
    width: 20%;
    border: none;
    background-color: var(--primary-red)
}

.magazine-container {
    display: flex;
    align-items: start
}

.sticky-container {
    width: 30%;
    background-color: #c12a2a;
    padding: 25px;
    height: 100vh
}

.stk-ol-lg {
    margin-bottom: 30px
}

.sticky-cont a {
    font-size: 18px;
    font-weight: 600;
    opacity: .5;
    text-decoration: none;
    display: block
}

.drk-cnt {
    font-size: 18px;
    font-weight: 600;
    opacity: 1 !important
}

.art-cnt,
.art-main-head h1,
.art-main-head p,
.quot-cnt p {
    color: var(--black)
}

.art-cnt {
    padding: 40px;
    font-size: 20px;
    line-height: 32px
}

.art-main-head h1 {
    font-family: Marcellus
}

.art-main-head p {
    font-size: 18px;
    opacity: .5
}

.news-otl-head p,
.quot-cnt p {
    font-size: 26px;
    margin-bottom: 0
}

.mag-auth-det {
    margin-left: 20px
}

.mag-auth-det p:first-child {
    margin-bottom: 0;
    color: var(--black);
    font-weight: 600;
    text-transform: capitalize
}

.mag-auth-det p:nth-child(2) {
    color: var(--grey-one);
    font-size: 14px;
    margin-bottom: 0
}

.quotation-art {
    margin: 40px 0;
    padding: 16px;
    background-color: rgba(210, 5, 30, .1)
}

.quot-cnt p {
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    padding-left: 16px
}

.art-pre p:nth-child(2),
.news-head h2,
.news-head p {
    line-height: normal;
    margin-bottom: 0
}

.story-change {
    margin-top: 40px
}

.art-pre {
    padding: 2px 8px
}

.art-pre p:first-child {
    color: var(--primary-red);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 4px
}

.art-pre p:nth-child(2) {
    overflow: hidden;
    color: var(--black-two);
    font-size: 16px;
    font-weight: 600
}

.check-cnt .check-det h5,
.news-head h2,
.news-otl-head p {
    font-weight: 700;
    font-family: "Source Sans Pro";
    text-transform: uppercase
}

.news-head {
    text-align: center !important;
    margin: 40px 0
}

.news-head h2 {
    color: var(--black-three)
}

.news-head p {
    color: var(--black);
    opacity: .5
}

.newsletter-otl:not(:last-child) {
    margin-bottom: 64px
}

.news-otl-head {
    border-bottom: 1px solid var(--grey-three);
    margin-bottom: 24px
}

.news-otl-head p {
    color: var(--black-three);
    line-height: normal
}

.check-cnt .check-det h5,
.check-cnt p,
.http-error-code-box .hec-desc,
.http-error-code-box .hec-title {
    color: var(--black);
    line-height: normal
}

.newsletter-checkbox {
    margin: 0 8px 0 0
}

.newsletter-checkbox .form-check-input {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 2px solid var(--grey-two)
}

.http-error-code-box .hec-btn,
.newsletter-checkbox .form-check-input:hover {
    border: 2px solid var(--primary-red)
}

.newsletter-checkbox .form-check-input:checked {
    background-color: var(--primary-red);
    border: 2px solid var(--primary-red)
}

.check-cnt .check-det h5 {
    letter-spacing: .4px;
    margin-bottom: 4px
}

.check-cnt .check-det p {
    color: var(--grey-seven);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .28px;
    text-transform: uppercase;
    margin-bottom: 0
}

.check-cnt p {
    font-size: 18px;
    margin-bottom: 8px
}

.check-cnt a {
    color: var(--primary-red);
    font-size: 14px
}

.arrow-btn .slick-next:before,
.arrow-btn .slick-prev:before {
    content: ""
}

.arrow-btn .slick-next {
    right: 5px;
    background-image: url(https://images.assettype.com/outlookindia/2024-02/daf28da9-418f-4f24-8fe8-f6e0e1a05310/right_chevron.png)
}

.arrow-btn .slick-prev {
    left: 5px;
    background-image: url(https://images.assettype.com/outlookindia/2024-02/b309d7a7-9eb9-45f4-87d7-a2aca697a4b1/left_chevron.png)
}

.http-error-code-box {
    display: flex;
    text-align: center;
    margin-bottom: 25px;
    justify-content: center
}

.http-error-code-box .hec-title {
    font-weight: 800;
    font-style: normal;
    letter-spacing: 3.84px;
    text-transform: uppercase
}

.http-error-code-box .hec-desc {
    font-weight: 400;
    text-align: center;
    font-style: normal
}

.http-error-code-box .hec-btn {
    height: 48px;
    margin: auto;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 40px;
    font-style: normal;
    text-align: center;
    line-height: normal;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    color: var(--primary-red);
    text-transform: capitalize;
    background-color: transparent
}

.live-blog-timeline::after,
.live-blog-timeline::before {
    position: absolute;
    background-color: var(--primary-red);
    content: ""
}

.live-blog-timeline::before {
    top: 40%;
    left: -51px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.live-blog-timeline::after {
    top: 50%;
    left: -50px;
    width: 50px;
    height: 1px
}

.timeline-section {
    padding: 0 45px;
    border-left: 1px solid var(--primary-red)
}

.timeline-section .link a {
    letter-spacing: .48px
}

.book-review-topic-section {
    border: 4px solid #ed1c2480;
    padding: 25px
}

.truncate-4-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4
}

.search-form {
    z-index: 9999;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 3px 5px #00000094;
    height: 40px;
    max-width: 0;
    transition: max-width .3s ease-out;
    width: 300px
}

.search-form.active {
    max-width: 300px
}

.search-form input[type=text] {
    border: 1px solid transparent;
    transition: border-color .3s;
    padding: 8px;
    width: 100%
}

.search-form input[type=text]:focus {
    border: none
}

.btnSearch {
    width: 50px !important;
    color: #fff;
    background: #fe0610;
    border: 1px solid #fe0610 !important;
    font-weight: 700;
    font-size: 16px
}

.sticky {
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #d3d3d3;
    z-index: 10
}

.navbar-toggler:focus {
    outline: 0;
    box-shadow: none !important
}

.longread-box {
    position: relative;
    padding: 10px 24px;
    background-color: #f5f0f0;
    border-top: 1.5px solid red
}

.long-read-topic {
    max-height: 435px;
    overflow-y: scroll;
    overflow-x: hidden
}

.live-dot,
.long-read-btns,
.story-multi-author .article-authors {
    display: flex
}

.slider1-mobile .slider-desc,
.slider1-mobile .slider-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.long-read-btns a {
    width: 50% !important;
    border: none
}

.long-read-btns2 a {
    width: 100% !important;
    border: none
}

.long-read-btns2 a:first-child {
    background: #6e6b6b;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 4px;
    padding: .5rem 4rem
}

.long-read-btns a:first-child {
    background: #6e6b6b;
    font-weight: 500;
    color: #fff;
    margin-right: 4px
}

.long-read-btns a:nth-child(2) {
    border: 1px solid #333;
    font-weight: 500;
    color: #6e6b6b;
    margin-left: 4px
}

.long-read-btns2 a:nth-child(2) {
    border: 1px solid #333;
    font-size: 1rem;
    font-weight: 500;
    color: #6e6b6b;
    padding: .5rem 4rem
}

.popular a:hover {
    color: red !important;
    cursor: pointer
}

.about .about-banner img,
.about-content-img img,
.popular {
    margin: 0 auto
}

.slick-dots {
    bottom: 28px;
    left: 0
}

.slick-dots li button::before {
    color: #fff !important;
    opacity: .7;
    font-size: 15px
}

.sidepanel {
    width: 300px;
    position: absolute;
    z-index: 105;
    height: 100vh;
    top: 40px;
    left: -300px;
    background-color: #111;
    overflow: auto;
    transition: .5s;
    padding-top: 30px
}

.sidepanel a {
    padding: 8px 8px 8px 32px;
    color: #fff;
    display: block;
    transition: .3s
}

.sidepanel a:hover {
    color: #f1f1f1
}

.closebtn {
    font-size: 25px;
    padding: 3px 10px;
    background: #000;
    color: #fff
}

.dot {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 0, 0, .395);
    border-radius: 50%;
    transition: background-color .3s
}

.dot.active {
    background-color: red;
    border-radius: 10px;
    width: 30px;
    transition: .3s ease-in-out
}

.photos-section-web {
    color: #fff;
    font-size: 16px
}

.photos-section-web .text-photos {
    opacity: .7
}

.in-house-banner1 {
    transition: opacity .5s ease-in-out;
    width: 1200px;
    background-color: #fcfcfc
}

.in-house-banner2 {
    transition: opacity .5s ease-in-out;
    margin: 0 auto
}

.hidden {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.in-house-banner-mobile {
    margin-top: 10rem
}

.sticky-ads {
    top: 135px;
    position: sticky;
    position: -webkit-sticky;
    background-color: #fff
}

.rm-social-share ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    background-color: var(--white)
}

.rm-social-share ul li,
.rm-social-share ul li img {
    width: 40px;
    height: 40px
}

.scrolled {
    transition: 1s ease-in-out
}

.rm-main {
    z-index: 1
}

.inHouseScrollNav {
    z-index: 999;
    background-color: transparent
}

.slider2-cast,
.weekender-slider .slider1-title-div {
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, .5);
    padding: 20px;
    text-align: center;
    color: #fff;
    font-family: var(--marcellus)
}

.oc-nav,
.ob-element .content table {
    width: 100% !important
}

.ob-element .content p img{
    width: 100% !important;
}

.slider-weekend-main {
    width: 100%;
    position: absolute;
    transition: 1s;
    border: 2px solid red
}

.weekender-slider .slider1-title-div {
    position: absolute;
    top: 50%;
    width: 70%
}

.slider2-content .slider-title,
.weekender-slider .slider1-title-text {
    font-size: 32px
}

.akc-gallery .is-active a,
.weekender-slider .slider1-title-text+a:hover {
    color: var(--primary-red) !important
}

.weekender-slider .slider1-mobile {
    padding: 12px;
    font-weight: 700;
    font-family: var(--marcellus);
    text-align: center
}

.slider1-mobile .slider-title {
    font-size: 20px;
    font-weight: 700;
    overflow: hidden
}

.slider1-mobile .slider-desc {
    font-size: 14px;
    color: #00000033;
    overflow: hidden
}

.slider1-mobile .slider-author,
.slider2-cast .slider-author,
.slider2-cast .slider-desc {
    font-size: 14px
}

.slider-nav button {
    border: none;
    background-color: #fff;
    padding: 5px 10px;
    display: flex;
    align-items: center
}

.slider-nav-button-div {
    text-align: center;
    margin-top: 15px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    column-gap: .5rem
}

.slider2-content {
    position: absolute;
    top: 15%;
    padding: 20px;
    font-family: var(--marcellus);
    width: 50%;
    text-align: center
}

.slider2-content .slider-desc {
    color: var(--grey-one)
}

.slider-banner-outlook-week .read-article {
    font-size: 16px;
    text-decoration: none
}

.slider2-cast {
    top: 250px;
    width: 90%
}

.weekender-main-container {
    position: relative;
    height: 510px;
    width: 100%
}

.slide-content-mobile,
.slider-height-fix {
    height: 506px
}

.magazine-head {
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center
}

.magazine-head .mag-text {
    font-weight: 700
}

.magazine-editions-m_container__25yef {
    margin: var(--arrow-spacing-m)
}

@media (min-width:768px) {
    .magazine-editions-m_container__25yef {
        margin: var(--arrow-spacing-l)
    }
    .wst-height-cat img{
        height: 300px !important;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        object-position: center;
    }
}

.magazine-editions-m_issues__3uAxC {
    grid-column-gap: var(--arrow-spacing-l);
    grid-row-gap: var(--arrow-spacing-l);
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width:768px) and (min-width:992px) {
    .magazine-editions-m_container__25yef {
        margin: 0
    }

    .magazine-editions-m_issues__3uAxC {
        grid-column-gap: 70px
    }
    .wst-height-cat img{
        height: 430px !important;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        object-position: center;
    }
}

.magazine-editions-m_date__3Pk-s {
    display: flex;
    font-size: var(--arrow-fs-xs);
    font-weight: var(--arrow-fw-bold);
    justify-content: center;
    line-height: var(--arrow-lh-2);
    margin-top: var(--arrow-spacing-s)
}

.Sponsor-bg,
.magazine-cards-m_content__16_KC,
.magazine-editions-m_info__qUEWB,
.our-team,
.outlook-download,
.ob-video {
    text-align: center
}

.magazine-editions-m_dark__2Fh4J {
    color: var(--arrow-c-mono2)
}

.magazine-editions-m_light__3Nki0 {
    color: var(--arrow-c-invert-mono2)
}

.magazine-cards-m_magazine-header__2pSI3 {
    grid-gap: var(--arrow-fs-l);
    display: grid;
    margin: 0 var(--arrow-fs-xs)
}

.magazine-cards-m_time__3DIrk {
    font-size: var(--arrow-fs-xs);
    font-weight: var(--arrow-fw-bold);
    line-height: var(--arrow-lh-1)
}

.magazine-cards-m_magazine-header__2pSI3 .arr--collection-name {
    margin: var(--arrow-spacing-xs) 0
}

.magazine-cards-m_story-cards__1mNHC {
    grid-gap: var(--arrow-fs-xs);
    display: grid;
    grid-template-columns: 1fr
}

.magazine-cards-m_story-cards__1mNHC .arr--story-card {
    grid-template-columns: 1fr 4fr;
    text-align: initial
}

.magazine-cards-m_widget__2aE9g {
    margin-top: var(--arrow-spacing-xl)
}

@media (min-width:992px) {
    .magazine-cards-m_magazine-header__2pSI3 {
        grid-row-gap: 0;
        grid-column-gap: 48px;
        margin: 0 0 var(--arrow-spacing-xs)
    }

    .magazine-cards-m_widget-button__3P7F7 .arr--button {
        margin: var(--arrow-spacing-l) 0 0
    }
}

.magazine-cards-m_summary__2jUgG {
    font-size: var(--arrow-fs-xs)
}

.magazine-cards-m_summary__2jUgG.magazine-cards-m_dark__3CSmK {
    color: var(--arrow-c-mono4)
}

.magazine-cards-m_summary__2jUgG.magazine-cards-m_light__33r9r {
    color: var(--arrow-c-invert-mono4)
}

.magazine-cards-m_dark__3CSmK {
    color: var(--arrow-c-mono2)
}

.magazine-cards-m_light__33r9r {
    color: var(--arrow-c-invert-mono2)
}

html[dir=rtl] .magazine-cards-m_time__3DIrk {
    direction: ltr;
    text-align: right
}

.card-article-img1 {
    width: 100%;
    height: 130px;
    object-fit: cover
}

.about h3 {
    text-align: center;
    font-weight: 700
}

.about .about-banner {
    margin: 2rem auto;
    text-align: center
}

.about-content {
    margin: 4rem auto;
    width: 53%
}

.vm-content img {
    width: 38%
}

.vm-content {
    margin: 2rem auto
}

.vm-content span {
    position: absolute;
    bottom: 0;
    left: 12px;
    background: rgba(43, 42, 42, .7);
    color: #fff;
    padding: 5px
}

.about-content-img {
    margin: 3rem auto
}

.about-line-lg {
    background-color: #888;
    height: .75px !important;
    width: 100% !important;
    margin: 2rem auto 3rem
}

.outlook-pills .story-pills ul li button {
    font-size: 1rem !important;
    font-weight: 600
}

.outlook-download img {
    width: 100%;
    margin-bottom: 2rem
}

.outlook-download a {
    margin-top: 3rem
}

.outlook-download a button {
    background-color: #ed1c24;
    color: #fff;
    border: none;
    padding: .75rem 1.5rem;
    border-radius: .4rem
}

.marq-slider {
    margin: 2rem auto;
    width: 90%;
    display: flex;
    overflow-x: auto;
    gap: 1rem
}

.marq-slider .slide {
    flex: 0 0 30%;
    text-align: center;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
    border-radius: 10px
}

.marq-slider .slide img {
    width: 100%;
    border-radius: 10px 10px 0 0
}

.marq-slider .slide .slide-content {
    padding: .5rem 1rem
}

.team-section {
    margin: 3rem auto;
    text-align: center;
    width: 75%
}

.team-section .our-team h4 {
    margin-top: 3rem;
    margin-bottom: 2rem
}

.member-content {
    margin-top: 1rem;
    text-align: center
}

.acc-img {
    height: 40% !important;
    width: 40% !important;
    float: right
}

.articles .publish-contact {
    width: 65px
}

.about-us-pills .tab-pane:not(.active),
.displayAuth,
.toggle-submenu-child-ul,
.week-s-header,
ul.submenu-child {
    display: none
}

.fs-10 {
    font-size: 10px
}

.border-other-stories {
    border-bottom: 3px solid #000
}

.mag-year {
    width: 15%;
    margin-left: auto
}

.mag-year select {
    padding: 6px
}

.weekender-bottom-outlook {
    height: 70vh;
    display: flex;
    align-items: center
}

.ads-box1,
.ob-blockquote .attribution,
.ob-edge-icon,
.star,
.stars {
    display: inline-block
}

.mob-years {
    column-gap: 4rem
}

.art-main-desc {
    font-size: 13px;
    color: #6b7b84
}

.week-s-sticky {
    top: 0
}

.magazine-all-article-time a {
    text-decoration: none !important;
    color: #000
}

.ss-h-100 {
    height: 100px
}

.ss-h-75 {
    height: 75px
}

.h-163 {
    height: 163px
}

.h-286 {
    height: 286px
}

@media (min-width:768px) {

    .magazine-cards-m_intro-button__3J5c6 .arr--button,
    html[dir=rtl] .magazine-cards-m_intro-button__3J5c6 .arr--button {
        margin: var(--arrow-spacing-l) 0 0
    }

    .magazine-editions-m_issues__3uAxC {
        grid-template-columns: repeat(4, 1fr)
    }

    .magazine-editions-m_date__3Pk-s {
        margin-top: var(--arrow-spacing-m)
    }

    .magazine-cards-m_magazine-header__2pSI3 {
        grid-template-columns: 1fr 3fr
    }

    .magazine-cards-m_content__16_KC {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left
    }

    .magazine-cards-m_story-cards__1mNHC {
        grid-gap: var(--arrow-spacing-l);
        grid-template-columns: 1fr 1fr
    }

    .magazine-cards-m_widget__2aE9g {
        grid-column: 1/3;
        margin-top: var(--arrow-spacing-l)
    }

    .magazine-cards-m_summary__2jUgG {
        font-size: var(--arrow-fs-s)
    }

    .h-286-min-768 {
        height: 286px
    }
}

.h-348 {
    max-height: 348px
}

.member-pic {
    width: 20%
}

#button-loader {
    display: block;
    position: relative;
    width: 25px;
    height: 25px;
    margin: auto;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-animation: .9s linear infinite spin;
    animation: .9s linear infinite spin
}

.story-author-details .story-author-img,
.story-author-details img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ob-article p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px
}

.ob-article img {
    text-align: center !important
}

.ob-article .ob-image {
    margin-top: 10px;
    margin-bottom: 10px
}

.ob-image-caption .ob-attribution {
    color: var(--grey-six);
    margin-right: 20px;
    color: grey
}

.story-photos {
    height: 108px;
    object-fit: cover
}

.main-img-div img,
.story-hero-img {
    object-fit: contain
}

.ob-image-caption {
    color: grey
}

.week-link a {
    color: #fff
}

.ob-file a,
.story-author-details a {
    color: #000;
    text-decoration: none
}

.toggle-submenu-child-canvas {
    margin-top: -4px;
    padding-right: 10px;
    padding-bottom: 0
}

.rm-submenu-li .rm-nested-submenu ul {
    row-gap: 10px
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.ob-summary {
    padding: 20px 14px 14px;
    margin-top: 40px;
    position: relative;
    border: 1px solid #e0e0e0
}

.ob-summary .headline {
    top: -20px;
    font-weight: 500;
    padding: 0 15px;
    position: absolute;
    font-size: x-large;
    color: var(--white);
    background-color: #ed1c25
}

.ob-element {
    margin: 20px 0 0
}

.ob-also-read {
    padding: 10px;
    border: 1px solid
}

.ob-also-read .article-heading-one a {
    font-size: 24px;
    color: var(--black);
    text-decoration: none;
    font-family: var(--marcellus)
}

.ob-also-read .ss-h-100 {
    height: 130px
}

.ob-also-read p {
    margin-top: 5px;
    font-size: 16px;
    text-transform: capitalize
}

.category .articles .article-heading-one a,
.ob-also-read .author .name a {
    font-size: 16px
}

.ob-blurb {
    border-left: 2px solid var(--primary-red)
}

.ob-blurb blockquote {
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
    padding-left: 10px
}

.ob-data-table td,
.ob-data-table th {
    border: 1px solid #000;
    padding: 5px
}

.ob-edge-icon {
    background-color: #ed1c25;
    color: rgb(255 255 255);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-right: 8px;
    text-align: center;
    height: 35px;
    width: 35px;
    border-radius: 5px
}

.ob-answer,
.ob-question {
    display: flex;
    align-items: flex-start
}

.header-height {
    height: 250px
}

.figure-mt,
.header-mt {
    margin-top: 1rem
}

.ob-card .quote blockquote::before {
    width: 40px;
    height: 5px;
    content: "";
    display: inline-block;
    background-color: var(--primary-red);
    position: absolute
}

.ob-card .quote blockquote {
    font-size: 26px;
    font-weight: 500
}

.ob-card .quote .attribution {
    color: #6c757d;
    font-size: 20px;
    font-style: italic
}

.ob-bigfact .bigfact-title {
    font-size: 42px;
    font-weight: 500;
    color: var(--primary-red)
}

.ob-blockquote .attribution,
.ob-file .ob-file-name,
.ob-file .ob-title {
    font-size: 24px;
    font-weight: 500
}

.ob-bigfact .bigfact-description {
    font-size: 24px;
    font-weight: 500;
    font-style: italic
}

.ob-blockquote {
    color: var(--white);
    padding: 20px 30px;
    background-color: var(--primary-red)
}

.ob-blockquote blockquote::before {
    content: "“";
    font-size: 40px
}

.ob-blockquote .attribution {
    width: 100%;
    text-align: right;
    font-style: italic
}

.ob-jsembed {
    display: flex;
    justify-content: center
}

.cta-anchor .cta-text,
.ob-file .ob-type {
    font-size: 20px;
    background-color: var(--primary-red)
}

.ob-file .ob-file-wrapper {
    padding: 20px;
    display: flex;
    margin-top: 15px;
    border-radius: 10px;
    align-items: center;
    border: 1px solid #e5e5e5;
    justify-content: space-between
}

.ob-file .db-file-content {
    display: flex;
    align-items: center;
    flex-flow: row-reverse
}

.ob-file .ob-type {
    padding: 10px;
    font-weight: 500;
    margin-right: 20px;
    border-radius: 8px;
    color: var(--white)
}

.ob-file a {
    border: 1px solid;
    padding: 8px 16px;
    border-radius: 5px
}

.countdown-timer .timer ul,
.ps-social ul {
    display: flex;
    list-style: none;
    padding-left: 0
}

.ob-data .ob-data-table {
    margin: auto
}

.cta-anchor .cta-text {
    color: #fff;
    padding: 15px;
    border-radius: 8px
}

td a {
    color: var(--primary-red);
    text-decoration: none
}

.ob-element .content h3 a,
.ob-element .content h4 a {
    font-weight: 700;
    color: var(--primary-red);
    text-decoration: none
}

.category-head-white,
.tabs-mobile .slider-one1 .articles {
    padding: 0 !important
}

.video-gallery .slider-one .slick-next {
    right: 5px !important
}

.video-gallery .slider-one .slick-prev {
    left: 5px !important
}

.iframe-border-none iframe {
    border: 0 !important
}

.ps-image .ps-image-count {
    top: 0;
    left: 0;
    line-height: 1;
    font-size: 24px;
    font-weight: 700;
    padding: 5px 10px;
    position: absolute;
    color: var(--white);
    background-color: var(--primary-red)
}

.ps-image .ob-image-caption {
    padding: 5px;
    background-color: var(--grey-five)
}

.ps-social ul {
    align-items: center;
    margin: 5px 0 25px
}

.ps-popular {
    width: 35px
}

.video-gallery .articles .article-img-box .article-img {
    height: 111px;
    object-fit: cover
}

.fs-18 {
    font-size: 18px !important
}

.live-blog-m_card-share__nvSEx {
    margin-top: 30px;
    margin-bottom: 30px
}

.arr--element-container {
    margin-bottom: 30px
}

.live_blog .ob-card:not(:last-child) {
    border-bottom: 1px solid var(--grey-two)
}

.red-dot {
    animation-name: blinking;
    animation-duration: .5s;
    animation-iteration-count: infinite
}

@keyframes blinking {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.important {
    text-align: left;
    max-width: 600px;
    border-radius: 5px;
    margin: 35px auto 0
}

#cube-close-pe,
.arr__timeago {
    /* text-align: center; */
    font-weight: 700
}

.mag-main-date {
    color: rgb(0, 0, 0) !important;
    margin: 10px 0px 0px !important;
    font-size: 24px !important;
    line-height: 28px !important;
    /* font-family: franklin-fothic-demi-cond-regular !important; */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.mag-sub-date {
    font-size: 14px;
    line-height: 16px;
    /* font-family: franklinGothicBook; */
    margin: 10px 0px 0px;
    color: rgb(144, 144, 144);
    font-style: normal;
}

.rhs-video-list img {
    border: 1px solid #d5d5d58c
}

.rhs-video-list .video-icon {
    top: 50%;
    left: 50%;
    z-index: 99;
    position: absolute;
    color: var(--white);
    transform: translate(-50%, -50%)
}

.rhs-video-list .video-icon svg {
    width: 30px;
    height: 30px
}

.rhs-video-list .video-icon svg path:hover {
    fill: var(--primary-red)
}

.absolute-caption-div {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0, .5);
    color: #fff;
    padding: 0 6px
}

.main-img-div .ob-attribution {
    font-weight: 700;
    color: #fff !important
}

.main-img-div .ob-image-caption .ob-attribution,
.star:last-child {
    margin-right: 0
}

.icon-img-ht {
    height: 30px
}

.info-img-absolute {
    position: absolute;
    bottom: 8px;
    right: 8px;
    filter: invert(1)
}

.ob-text table {
    border-collapse: collapse
}

.ob-text table,
.ob-text td,
.ob-text th {
    border: 1px solid
}

.trc_user_exclude_btn {
    z-index: 9 !important
}

#banner-cube-pe {
    position: fixed;
    margin: auto;
    z-index: 100001;
    bottom: 100px;
    left: 55px;
    width: 150px;
    height: 150px;
    perspective: 800px;
    perspective-origin: 50% 225px
}

#cube-close-pe {
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    position: absolute;
    z-index: 4500;
    font-size: 20px;
    background: red;
    border-radius: 50%;
    color: #fff;
    line-height: 1.1
}

@media (max-width:480px) {
    #banner-cube-pe {
        transform: scale(.5)
    }
}

#cube-side-expensive {
    position: absolute;
    height: 150px;
    width: 150px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, .6);
    transition: -webkit-transform 1s ease-in-out;
    backface-visibility: visible
}

#banner-cube-stage {
    transition: transform 4s;
    transform-style: preserve-3d;
    position: relative
}

#banner-cube-shape {
    animation: 14s linear infinite spin_Cube;
    position: relative;
    top: 46px;
    margin: 0 auto;
    height: 150px;
    width: 150px;
    transform-style: preserve-3d
}

@keyframes spin_Cube {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(-360deg)
    }
}

.social-mobile .bg-fb {
    background-color: #3b5998
}

.social-mobile .bg-linkedin {
    background-color: #0a66c2
}

.social-mobile .bg-x {
    background-color: #000
}

.social-mobile .bg-wtsapp {
    background-color: #25d366
}

.akc-ss-img {
    height: 100% !important;
    max-height: 450px !important;
    object-fit: cover !important
}

.akc-single {
    background: #000 !important
}

.akc-single .draggable {
    height: 450px !important
}

.akc-gallery .slick-next {
    margin-right: 2rem !important;
    z-index: 10
}

.akc-gallery .slick-prev {
    margin-left: 2rem !important;
    z-index: 10
}

.akc-gallery button {
    border-radius: 100%;
    background-color: #1d1d1d94
}

.akc-gallery .articles .article-img-box .article-img {
    height: 100px;
    object-fit: cover
}

.outlook_rating {
    font-family: "Open Sans", sans-serif;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px
}

.arr__timeago,
.countdown-timer,
.ssp,
ul.next_prev_stories span {
    font-family: var(--source-sans-pro)
}

.stars {
    margin: 0 10px
}

.star.on {
    color: orange
}

.star {
    font-size: 20px;
    color: #b9b6b6
}

.star:before {
    content: "\2605"
}

.star.half:after {
    content: "\2605";
    color: orange;
    position: absolute;
    margin-left: -17px;
    width: 9px;
    overflow: hidden
}

.important-message {
    padding: 2%;
    background-color: #f6f6f6;
    border-top: 2px solid #d2051e
}

.important-message span {
    font-weight: 800;
    color: var(--primary-red)
}

.bullet-point-listicle {
    font-size: 30px
}

.read-more-story button,
.read-more-story123 {
    font-size: 18px;
    padding: 8px 16px;
    font-weight: var(--source-sans-pro);
    background-color: var(--primary-red);
    color: var(--white);
    text-align: center
}

.read-more-story button {
    width: 100%;
    border: none;
    margin-bottom: 10px
}

@keyframes slideDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.scroll-animation {
    animation: .35s ease-out slideDown
}

.sports-news-page .photos-random {
    padding: 0 4px
}

.read-more-story123 {
    border-radius: 20px;
    margin: 0 auto 10px;
    width: 80%;
    border: none
}

.read-more-story123 a {
    color: var(--white);
    text-decoration: none
}

.comp-point-table {
    border-radius: 10px;
    border: 2px solid var(--primary-red)
}

.countdown-timer {
    width: 300px;
    text-align: center;
    margin-bottom: 10px
}

.countdown-timer .ads-block {
    width: 300px;
    height: 50px;
    background-color: var(--grey-three)
}

.countdown-timer .ct-p-block {
    padding: 5px 8px;
    border: 2px solid var(--grey-three)
}

.story-multi-author .author-initial-avatar,
.story-multi-author .img-class {
    height: 50px;
    border-radius: 50%;
    margin-right: 5px;
    width: 50px
}

.countdown-timer .next-match-block .nm-title {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px
}

.countdown-timer .next-match {
    display: flex;
    line-height: 1;
    font-size: 22px;
    font-weight: 700;
    align-items: center;
    color: var(--grey-six);
    justify-content: center
}

.countdown-timer .next-match span {
    font-size: 15px;
    margin: 0 5px;
    color: var(--primary-red)
}

.countdown-timer .timer ul {
    margin-top: 5px;
    margin-bottom: 0;
    justify-content: center
}

.countdown-timer .timer ul li .count {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-red)
}

.countdown-timer .timer ul li .count-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-red)
}

.ob-also-read {
    margin-bottom: 15px
}

.main-img-div img {
    max-width: 100%;
    min-width: 300px
}

.info-img-absolute .icon-img-ht {
    min-width: 30px !important
}

.story-multi-author .article-authors {
    display: flex !important;
    column-gap: 1rem;
    row-gap: 0.6rem
}

.story-multi-author .article-name-date {
    display: block;
    flex-direction: column
}

.story-multi-author .author-initial-avatar {
    background-color: #007bff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: x-large
}

.story-dec-time-mobile {
    display: none;
    color: gray
}

.rotate-180 {
    transform: rotate(180deg)
}

.story-auth-more-less span {
    color: red
}

.displayAuth svg {
    width: 50px;
    height: 12px;
    position: absolute;
    top: 8px;
    left: 28px
}

.displayAuth .toggle-svg {
    height: 20px !important;
    width: 20px !important;
    margin-top: 8px;
}

.akc-author-img {
    height: 180px !important;
    object-fit: cover
}

ul.next_prev_stories {
    width: 100%;
    position: relative;
    padding-top: 30px;
    border-top: dotted 1px var(--black);
    padding-left: 0
}

ul.next_prev_stories li a {
    text-decoration: none;
    font-family: var(--marcellus)
}

ul.next_prev_stories li {
    position: relative;
    font-size: 14px;
    list-style-type: none
}

ul.next_prev_stories .next {
    text-align: right;
}

ul.next_prev_stories .next span {
    display: flex;
    align-items: center;
    justify-content: end
}

ul.next_prev_stories span {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #e0001b;
    margin-bottom: 8px;
    text-decoration: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

ul.next_prev_stories section {
    width: 100%;
    overflow: hidden;
    position: inherit;
    font-weight: 300;
    line-height: 1.3;
    color: #000;
    font-size: 18px
}

ul.next_prev_stories li.next span:after {
    content: "\00BB";
    padding-left: 5px;
    font-size: 20px;
    line-height: 7px;
    display: inline-block;
    vertical-align: text-top
}

ul.next_prev_stories li.prev span:before {
    content: "\00AB";
    padding-right: 5px;
    font-size: 20px;
    line-height: 7px;
    display: inline-block;
    vertical-align: text-top
}

.np-img {
    width: 100%;
    height: 90px;
    object-fit: contain;
    border: 1px solid #f9f3f3;
}

.np-title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-latest-stories .ls-heading {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    text-decoration: none;
    font-family: var(--source-sans-pro);
}

.footer-latest-stories .ls-heading:hover {
    color: var(--primary-red);
}

.footer-latest-stories .ls-title {
    font-weight: 700;
    width: max-content;
    color: var(--black);
    font-family: var(--source-sans-pro);
    border-bottom: 2px solid var(--black);
}

.category-head .title {
    line-height: 1;
    margin-bottom: 0px;
}

.category-head .more {
    font-size: 15px;
}

.magazine-section-head {
    font-size: 16px;
}

.category-head-white .title {
    line-height: 1;
    margin-bottom: 0px;
}

.category-head-white .more {
    font-size: 15px;
}

.home-icon-menu svg path:hover {
    fill: var(--primary-red);
}

.story .story-slug {
    margin-top: 15px;
}

.ls-ol-footer {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    margin-left: 5px;
}

.ls-ol-footer li {
    font-size: 14px;
}

.ls-ol-footer li::marker {
    font-weight: 700;
    color: var(--primary-red);
}

.ws-bg-white {
    background-color: var(--white);
}

.ws-bg-white .category-head-white {
    color: var(--black);
    border-top: 2px solid var(--black);
}

.ws-bg-white .category-head-white .title a {
    color: var(--black);
}

.ws-bg-white .slick-next:before, .ws-bg-white .slick-prev:before {
    color: var(--black);
}

.ws-bg-white .article-white-desc a {
    color: var(--black);
}

.elections .category-head {
    border-top: none;
    border-bottom: 2px solid var(--black);
}

.elections.lsb .articles .article-heading-one {
    margin-top: 0px;
}

.elections.lsb .article-hero-list li:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.elections.epw .political-party-box {
    width: 100%;
    border: 1px solid var(--grey-three);
}

.elections.epw .political-party-box .party-name {
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    font-family: var(--source-sans-pro);
    border-bottom: 1px solid var(--grey-three);
}

.elections.epw .political-party-box .party-name a {
    color: var(--black);
    text-decoration: none;
}

.elections.epw .political-party-box .party-story-box {
    padding: 8px;
}

.elections.epw .party-story-box ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.elections.epw .party-story-box ul li:not(:last-child) {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--grey-three);
}

.elections.epw {
    margin-bottom: 20px;
}

.party-story-box ul li a {
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    text-decoration: none;
    font-family: var(--marcellus);
}

.party-story-box ul li a:hover {
    color: var(--primary-red);
}

.election-head{
    text-decoration: none !important;
}

.traveller-head .category-head-two h2 {
    border-bottom: none;
}
.ads-bottom {
    border-bottom: 1px solid var(--grey-three);
    margin-bottom: 10px;
    min-width: 300px;
}
.ads-box-desk{min-width: 100%;padding: 8px 0;display: inline-block;background-color: #fcfcfc;text-align: center}

.width-fit-content {
    width: fit-content !important;
}

.magazine-w-300 {
    width: 300px;
}

.buy-amazon {
    top: 0px;
    position: absolute;
}
  
.buy-amazon img {
    width: 170px;
}

.related-main-text {
    font-size: 26px;
    font-weight: 700;
    border-bottom: 2px solid #ED1C24;
}