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

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

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

.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: #fff;
    --black: #000;
    --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;
    --source-serif-pro: "Source Serif Pro",serif
}

.slider,html {
    overflow-x: hidden
}

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

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

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

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

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

.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;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.menu_side_list {
    margin-bottom: .3rem
}

.menu_side_list,.sidepanel_list {
    align-items: center;
    justify-content: center;
    margin-right: auto
}

.sidepanel_list {
    column-gap: 2rem;
    margin-bottom: 3rem;
    padding-bottom: 10rem;
    padding-left: 0;
    text-transform: uppercase
}

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

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

.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 {
    color: var(--black);
    font-family: var(--source-sans-pro);
    font-weight: 600;
    letter-spacing: .6px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.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 {
    color: var(--white);
    font-family: var(--source-sans-pro);
    font-weight: 600;
    letter-spacing: .6px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

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

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

.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 {
    background-color: #000;
    display: none;
    flex-direction: column;
    left: 99%;
    list-style: none;
    padding: 7px 5px;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000
}

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

.heading-badge,.outlook-lens-box {
    background-color: red;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: .5rem;
    text-align: center
}

.sign-sub-search .sign-in a {
    color: var(--black);
    font-size: 12px;
    font-weight: 500;
    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 {
    border: 1px solid #d5d5d58c;
    width: 100%
}

.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,.sb-jsembed iframe,.w-100-p,.week-w-100 {
    width: 100%
}

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

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

.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 {
    color: var(--primary-red);
    font-family: var(--source-sans-pro);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none
}

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

.articles .article-heading-six a {
    line-height: normal
}

.articles .article-heading-five a:hover,.articles .article-heading-four a:hover,.articles .article-heading-one a:hover,.articles .article-heading-six 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-six 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-family: var(--marcellus);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    text-align: center
}

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

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

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

.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 {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 5px;
    width: fit-content
}

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

.heading-badge {
    width: 140px
}

.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 {
    color: #506068;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 7px
}

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

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

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

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

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

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

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

.text-end {
    text-align: end
}

.height-96 {
    height: 96%
}

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

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

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

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

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

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

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

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

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

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

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

.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 {
    background: red;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    padding: .5rem
}

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

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

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

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

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

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

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

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

.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,.sb-article p,.sb-blockquote blockquote,.spotlight h5 a,.topic-desc {
    font-family: var(--source-sans-pro)
}

.sb-article,.sb-article p,.sb-blockquote blockquote {
    font-family: var(--source-serif-pro)!important
}

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

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

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

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

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

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

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

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

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

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

.h-35 {
    height: 35px
}

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

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

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

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

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

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

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

.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: 316px
}

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

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

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

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

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

.category-head .title a {
    color: var(--black);
    font-style: normal;
    font-weight: 700;
    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 {
    color: var(--primary-red);
    font-family: var(--source-sans-pro);
    text-decoration: none;
    text-transform: capitalize
}

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

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

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

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

.category-head-white .title a,.latest-issue-box .head-title,.outlook-weekender-box .head-title {
    font-size: 24px;
    font-style: normal;
    letter-spacing: .96px;
    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 {
    align-items: center;
    border-top: 2px solid var(--white);
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

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

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

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

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

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

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

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

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

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

.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 {
    align-items: center;
    display: flex;
    justify-content: end;
    margin-top: 10px;
    text-align: right;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jnl-grey-bg {
    background-color: var(--grey-three);
    padding: 40px
}

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

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

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

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

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

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

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

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

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

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

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

.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;
    margin: 0 auto;
    width: 99%!important
}

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

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

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

.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;
    letter-spacing: .8px
}

.jon,.jon-head {
    color: var(--white)
}

.jon-head {
    font-size: 32px;
    font-weight: 400
}

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

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

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

.breadcrumb .breadcrumb-item a {
    color: var(--grey-one);
    font-size: 15px;
    text-decoration: none;
    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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    width: 100%
}

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

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

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

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

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

.category-head-two h2 {
    border-bottom: 3px solid var(--black)
}

.category-head-4stories h2,.category-head-two h2 {
    color: var(--black);
    font-weight: 700;
    line-height: normal
}

.category-head-4stories h2 {
    border-bottom: none!important
}

.category-head-4stories {
    align-items: center;
    border-bottom: 3px solid var(--black)
}

.category-head-4stories .more a {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: capitalize
}

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

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

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

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

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

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

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

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

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

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

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

.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 {
    margin-bottom: 4px;
    text-align: center
}

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

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

.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;
    margin-bottom: 0;
    margin-right: 24px;
    text-transform: uppercase
}

.author-page-detials .social-red,.sb-also-read p,.sb-blockquote blockquote,.sb-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 {
    height: auto;
    width: 24px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-family: var(--source-sans-pro);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 20px
}

.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 {
    border-bottom: 2px solid var(--primary-red);
    border-radius: 0;
    font-weight: 700
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-red-readmore {
    color: var(--primary-red)!important
}

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

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

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

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

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

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

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

.sticky-cont a {
    display: block;
    opacity: .5;
    text-decoration: none
}

.drk-cnt,.sticky-cont a {
    font-size: 18px;
    font-weight: 600
}

.drk-cnt {
    opacity: 1!important
}

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

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

.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 {
    color: var(--black);
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize
}

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

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

.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;
    margin-bottom: 4px;
    text-transform: uppercase
}

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

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

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

.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 {
    border: 2px solid var(--grey-two);
    border-radius: 2px;
    height: 20px;
    width: 20px
}

.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;
    letter-spacing: .28px;
    line-height: normal;
    margin-bottom: 0;
    text-transform: uppercase
}

.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 {
    background-image: url(https://images.assettype.com/outlookindia/2024-02/daf28da9-418f-4f24-8fe8-f6e0e1a05310/right_chevron.png);
    right: 5px
}

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

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

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

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

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

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

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

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

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

.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 {
    background-color: #fff;
    box-shadow: 0 3px 5px #00000094;
    height: 40px;
    max-width: 0;
    overflow: hidden;
    transition: max-width .3s ease-out;
    width: 300px;
    z-index: 9999
}

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

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

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

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

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

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

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

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

.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 {
    border: none;
    width: 50%!important
}

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

.long-read-btns2 a:first-child {
    font-size: 1rem;
    padding: .5rem 4rem
}

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

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

.long-read-btns2 a:nth-child(2) {
    border: 1px solid #333;
    color: #6e6b6b;
    font-size: 1rem;
    font-weight: 500;
    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;
    font-size: 15px;
    opacity: .7
}

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

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

.sidepanel a:hover {
    color: #f1f1f1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.rm-main {
    z-index: 1
}

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

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

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

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

.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 {
    font-family: var(--marcellus);
    font-weight: 700;
    padding: 12px;
    text-align: center
}

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

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

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

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

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

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

.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 {
    height: 510px;
    position: relative;
    width: 100%
}

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

.magazine-head {
    align-items: center;
    display: flex;
    height: 65px;
    justify-content: 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)
    }
}

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

.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,.sb-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 {
    height: 130px;
    object-fit: cover;
    width: 100%
}

.about h1 {
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.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 {
    background: rgba(43,42,42,.7);
    bottom: 0;
    color: #fff;
    left: 12px;
    padding: 5px;
    position: absolute
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mag-year select {
    padding: 6px
}

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

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

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

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

.week-s-sticky {
    top: 0
}

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

.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 {
    -webkit-animation: spin .9s linear infinite;
    animation: spin .9s linear infinite;
    border: 3px solid transparent;
    border-radius: 50%;
    border-top-color: #fff;
    display: block;
    height: 25px;
    margin: auto;
    position: relative;
    width: 25px
}

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

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

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

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

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

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

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

.sb-image-caption {
    color: grey
}

.week-link a {
    color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.header-height {
    height: 250px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sb-element .content h3 a,.sb-element .content h4 a {
    color: var(--primary-red);
    font-weight: 700;
    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 {
    background-color: var(--primary-red);
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
    left: 0;
    line-height: 1;
    padding: 5px 10px;
    position: absolute;
    top: 0
}

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

.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-bottom: 30px;
    margin-top: 30px
}

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

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

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

@keyframes blinking {
    0%,to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.trc_user_exclude_btn {
    z-index: 9!important
}

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

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

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

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

#banner-cube-stage {
    transition: transform 4s
}

#banner-cube-shape,#banner-cube-stage {
    position: relative;
    transform-style: preserve-3d
}

#banner-cube-shape {
    animation: spin_Cube 14s linear infinite;
    height: 150px;
    margin: 0 auto;
    top: 46px;
    width: 150px
}

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

    to {
        transform: rotateY(-1turn)
    }
}

.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 {
    background-color: #1d1d1d94;
    border-radius: 100%
}

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

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

.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 {
    color: #b9b6b6;
    font-size: 20px
}

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

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

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

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

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

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

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

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

    to {
        transform: translateY(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main-img-div img {
    max-width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    margin-left: 5px;
    padding: 0 10px
}

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

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

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

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

.ws-bg-white .article-white-desc a,.ws-bg-white .category-head-white .title a,.ws-bg-white .slick-next:before,.ws-bg-white .slick-prev:before {
    color: var(--black)
}

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

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

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

.elections.epw .political-party-box {
    width: 100%
}

.elections.epw .political-party-box .party-name {
    font-family: var(--source-sans-pro);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%
}

.elections.epw .political-party-box .party-name img {
    margin-left: 15px;
    width: 9px
}

.elections.epw .political-party-box .party-name p {
    margin: 0
}

.elections.epw .political-party-box .party-name a {
    align-items: center;
    color: var(--black);
    display: flex;
    padding: 8px;
    text-decoration: none
}

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

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

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

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

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

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

.video-select-dp {
    font-family: var(--source-sans-pro);
    height: 40px;
    width: 100%
}

.elections-ls .category-head-two h2 {
    font-size: 24px
}

.lang-btn .btn:hover {
    border-color: transparent!important
}

.taboola-top-border {
    border-top: 1px solid var(--grey-three);
    margin: 1rem 0
}

.election-video-box .expand {
    position: absolute;
    width: 30px
}

.election-party-divide .br-grey:last-child {
    border-right: transparent!important
}

.elections .modal {
    background-color: #000;
    background-color: rgba(0,0,0,.9);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 500;
    z-index: 9999
}

.elections .modal-content {
    background-color: transparent!important;
    display: block;
    display: flex;
    height: 100vh;
    justify-content: center;
    margin: auto;
    max-width: 500px;
    width: 60%
}

.elections .close {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    right: 35px;
    top: 15px;
    transition: .3s
}

.elections .close:focus,.elections .close:hover {
    color: #bbb;
    cursor: pointer;
    text-decoration: none
}

.ls-article-list .articles .article-img-box .article-img {
    height: 85px;
    object-fit: contain;
    object-position: top
}

.rm-festivals .ads-box,.rm-festivals .ads-box-600 {
    background-color: transparent!important
}

.elections-phase-main {
    background-color: var(--primary-red);
    color: #fff;
    font-family: var(--source-sans-pro);
    height: 250px;
    margin: auto;
    width: 300px
}

.elections-phase-main .latest-line {
    font-size: 12px
}

.elections-phase-main p {
    margin: 0
}

.elections-phase-main a {
    color: #fff;
    text-decoration: none
}

.grid-election {
    --gap: 1rem;
    --line-offset: calc(var(--gap)/2);
    --line-thickness: 1px;
    --line-color: #fff;
    display: grid;
    font-size: 14px;
    gap: var(--gap);
    grid-template-columns: repeat(3,minmax(0,1fr));
    overflow: hidden
}

.grid-election .results-button {
    background-color: var(--primary-red);
    grid-column: span 2;
    padding: 8px 6px;
    z-index: 1
}

.grid-election .results-button a {
    background-color: #ff0;
    border: 1px solid #ff0;
    border-radius: 4px;
    color: #000
}

.grid-election-item {
    position: relative
}

.grid-election-item:after,.grid-election-item:before {
    background-color: var(--line-color);
    content: "";
    position: absolute;
    z-index: 1
}

.grid-election-item:after {
    block-size: var(--line-thickness);
    inline-size: 100vw;
    inset-block-start: calc(var(--line-offset)*-1);
    inset-inline-start: 0
}

.grid-election-item:before {
    block-size: 100vh;
    inline-size: var(--line-thickness);
    inset-inline-start: calc(var(--line-offset)*-1)
}

.results-button-bottom {
    background-color: #ff0;
    bottom: 0;
    position: absolute;
    width: 100%
}

.results-button-bottom a {
    color: #000;
    display: block;
    font-size: 14px
}

.map-separator {
    background-color: #fff;
    height: 1px;
    width: 100%
}

.grid-election-map {
    font-size: 14px
}

.elections-phase-main {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 1s ease-in-out
}

.election-hand-img {
    width: 44px
}

.elections-phase-main.active {
    display: block;
    opacity: 1;
    position: relative
}

.election-main-head {
    border-bottom: 2px solid var(--black);
    border-top: none;
    font-family: var(--source-sans-pro);
    font-size: 40px;
    font-weight: 700
}

.election-main-head p {
    margin: 0
}

.election-map-img {
    align-items: center;
    display: flex;
    height: 65px;
    justify-content: center;
    width: 65px
}

.election-item-map img {
    width: 100%
}

.faq-list-main {
    background-color: #f5f0f0;
    padding: 20px
}

.faq-list {
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.faq-list::-webkit-scrollbar {
    display: none
}

.faq-list a {
    color: var(--black);
    font-family: var(--marcellus);
    font-size: 18px;
    line-height: 24px;
    text-decoration: none
}

.faq-list .list-group-item {
    border: none;
    cursor: pointer
}

.faq-list .list-group-item:hover {
    background-color: #f5f0f0;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.rhs-video-list img {
    height: 90px;
    object-fit: contain
}

.candidates-btn {
    box-sizing: border-box
}

.candidates-btn:hover {
    border: 1px solid var(--primary-red)!important;
    box-shadow: 0 0 10px var(--primary-red)!important
}

.e-profile {
    border: 1px solid var(--grey-two);
    padding: 8px;
    text-align: center
}

.e-profile .pp {
    height: 200px;
    object-fit: cover;
    object-position: top;
    width: 200px
}

.e-profile .pp-name {
    font-family: var(--marcellus);
    font-size: 20px;
    margin-top: 8px
}

.e-profile .pp-desc {
    background-color: #cecece;
    border-top: 1px solid var(--primary-red);
    padding: 8px
}

.e-profile .pp-desc .content {
    color: var(--black);
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    text-transform: capitalize
}

.e-profile-bio-data a {
    text-decoration: none
}

.e-profile-bio-data a:hover {
    color: var(--primary-red);
    text-decoration: underline
}

.e-profile-bio-data {
    font-size: 18px
}

.read-more-profile {
    background-color: var(--primary-red);
    border: 1px solid transparent;
    color: var(--white);
    font-weight: 600;
    padding: 4px;
    text-align: center;
    width: 100%
}

.text-left {
    text-align: left!important
}

.footer-latest-stories ol li::marker {
    color: var(--primary-red);
    font-size: 14px;
    font-weight: 700
}

.footer-latest-stories .ls-heading {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.footer-latest-stories .fls-title {
    border-bottom: 1px solid var(--black);
    font-size: 19px;
    margin-bottom: 15px;
    padding-bottom: 5px
}

.breadcrumb .breadcrumb-item.active {
    margin-top: 2px
}

.fo-box .fo-box-ads {
    background-color: #00552c;
    padding: 16px 20px;
    width: 100%
}

.french-open {
    margin-bottom: 80px
}

.fss-box {
    font-family: var(--marcellus);
    font-weight: 400;
    line-height: normal
}

.fss-box .fss-title {
    margin-bottom: 20px;
    width: 100%
}

.fss-box .fss-title a {
    text-shadow: 2px 3px 10px #000
}

.fo-author {
    font-family: var(--source-sans-pro);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .48px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase
}

.fo-author span {
    font-weight: 700
}

.fo-article-detail {
    text-align: center
}

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

.fo-box .article-white-desc a {
    font-family: var(--source-sans-pro)!important;
    font-weight: 700
}

.fss-box img {
    object-fit: cover
}

.sl-box .sl-box-ads {
    background-color: #110647;
    padding: 16px 20px;
    width: 100%
}

.sports-league {
    margin-bottom: 80px
}

.sl-slider-box {
    font-family: var(--marcellus);
    font-weight: 400;
    line-height: normal
}

.sl-slider-box .sl-slider-title {
    margin-bottom: 20px;
    width: 100%
}

.sl-author {
    font-family: var(--source-sans-pro);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .48px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase
}

.sl-author span {
    font-weight: 700
}

.sl-article-detail {
    text-align: center
}

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

.sl-box .article-white-desc a {
    font-family: var(--source-sans-pro)!important;
    font-weight: 700
}

.sl-vm {
    align-items: center;
    background-color: var(--grey-six);
    border: none;
    color: var(--white);
    display: flex;
    font-family: var(--source-sans-pro);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 8px;
    height: 48px;
    justify-content: center;
    letter-spacing: .64px;
    line-height: normal;
    margin: auto;
    padding: 8px 40px;
    text-transform: capitalize
}

.sports-league .next-match-sch {
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.25);
    padding: 16px;
    width: 300px
}

.next-match-sch .nm-head {
    color: var(--black);
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    justify-content: space-between;
    line-height: normal;
    margin-bottom: 16px;
    text-transform: uppercase
}

.next-match-sch .nm-versus .flag-img-sqaure {
    border: 1px solid var(--grey-three);
    border-radius: 2px;
    width: 24px
}

.next-match-sch .nm-versus {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    justify-content: space-between;
    line-height: normal;
    text-transform: uppercase;
    width: 100%
}

.next-match-sch .nm-versus .nm-line {
    width: 50px
}

.run-tbl {
    background-color: var(--white);
    border-radius: 8px
}

.run-tbl.bs {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.25)
}

.group-table .slick-next {
    right: -20px!important
}

.run-tbl .group-head-table {
    align-items: center;
    border: 2px solid #fff;
    border-radius: 16px;
    color: var(--white);
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    left: 50%;
    line-height: normal;
    padding: 0 8px;
    position: absolute;
    text-transform: uppercase;
    top: -16px;
    transform: translateX(-50%);
    width: 200px
}

.group-head-table.lavender {
    background-color: #9684fe
}

.group-head-table.maroon {
    background-color: #a50454
}

.group-head-table.aqua {
    background-color: #10d2b1
}

.run-tbl.pr {
    position: relative
}

.run-nm {
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding: 4px;
    text-transform: uppercase
}

.run-nm.pink {
    background-color: #fd0286;
    margin-top: 11px
}

.run-nm.blue {
    background-color: #3b27ff
}

.tbl-run-head {
    border-bottom: 1px solid #d5d5d5
}

.tbl-run-head tr th {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase
}

.tbl-run-body tr td {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 8px;
    padding-top: 8px;
    text-transform: capitalize
}

.tbl-run-body tr:not(:last-child) {
    border-bottom: 1px solid #f5f5f5
}

.tbl-more {
    color: #ed1c24;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    text-transform: capitalize
}

.previous-winner .pw-card img {
    border-radius: 100px;
    width: 100%
}

.previous-winner .pw-card {
    border: 1px solid #efefef;
    border-radius: 4px
}

.previous-winner .pw-card .pw-card-details {
    padding: 8px;
    text-align: center
}

.pw-card-details .pw-card-name {
    font-family: var(--source-sans-pro);
    font-size: 16px;
    font-weight: 600
}

.pw-card-details .pw-card-name,.pw-card-details .pw-details {
    font-style: normal;
    line-height: normal;
    text-transform: capitalize
}

.pw-card-details .pw-details {
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    opacity: .5
}

.sl-sticky-score {
    background-color: var(--black);
    bottom: 10px;
    padding: 8px;
    position: fixed;
    right: 10px;
    width: 300px;
    z-index: 9999
}

.sl-sticky-score .sl-sticky-ads img {
    height: 100px;
    width: 320px
}

.sl-sticky-score .sl-sticky-ads {
    margin-bottom: 16px
}

.sl-sticky-score .close {
    cursor: pointer;
    position: absolute;
    right: -8px;
    top: -30px
}

.sl-sc-score .live-head {
    color: var(--white);
    display: flex;
    font-family: var(--source-sans-pro);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    justify-content: space-between;
    line-height: normal;
    padding: 8px 16px;
    text-transform: uppercase
}

.sl-sc-score .live-head.yellow {
    background-color: orange
}

.sl-sc-score .sl-current-score-box {
    padding: 8px 16px
}

.sl-current-score-box .current-score {
    color: var(--white);
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    justify-content: space-between;
    line-height: normal;
    margin-bottom: 8px
}

.current-score .sl-cs-flag {
    margin-right: 5px;
    width: 24px
}

.current-score .over {
    color: var(--white);
    font-size: 16px;
    font-weight: 700
}

.current-score .over,.current-score .yet-to-bat {
    font-style: normal;
    line-height: normal;
    text-transform: uppercase
}

.current-score .yet-to-bat {
    font-size: 14px;
    font-weight: 600;
    opacity: .5
}

.previous-winner-table .slick-next:before,.previous-winner-table .slick-prev:before {
    color: #000!important
}

.year-win {
    background-color: #596dbc;
    color: #fff;
    font-size: 13px;
    margin-bottom: 2%;
    margin-top: 5px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center
}

.sports-photo .title a:hover {
    color: #fff;
    text-decoration: none
}

.todays-horoscope-box {
    border: 1px solid var(--grey-three);
    padding: 0 20px;
    position: relative
}

.todays-horoscope-box a {
    text-decoration: none
}

.todays-horoscope-box .th-title {
    background-color: var(--white);
    color: var(--black);
    font-family: var(--source-sans-pro);
    font-size: 32px;
    font-weight: 700;
    left: 50%;
    line-height: normal;
    padding: 0 24px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    transform: translate(-50%,-50%)
}

.todays-horoscope-box .horoscope-box {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 hsla(0,0%,53%,.25);
    cursor: pointer;
    padding-bottom: 8px
}

.todays-horoscope-box .horoscope-box:hover {
    background: #ffe09c
}

.todays-horoscope-box .horoscope-box .hsp-title {
    color: var(--black);
    font-weight: 600;
    line-height: 1;
    margin-top: 8px;
    text-decoration: none;
    text-transform: uppercase
}

.todays-horoscope-box .horoscope-box .hsp-title,.todays-horoscope-box .sub-title {
    font-family: var(--source-sans-pro);
    font-size: 16px;
    font-style: normal;
    text-align: center
}

.todays-horoscope-box .sub-title {
    color: #000;
    font-weight: 400;
    line-height: normal;
    margin: 24px 0 16px;
    text-transform: capitalize
}

.horoscope-cards {
    margin-top: 40px
}

.hc-box {
    height: 100%
}

.hc-box .hc-card-title {
    background-color: #ffe09c;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 1;
    padding: 8px 16px;
    text-align: center
}

.hc-box .hc-card-content {
    border-bottom: 1px solid var(--grey-three);
    border-left: 1px solid var(--grey-three);
    border-right: 1px solid var(--grey-three);
    height: calc(100% - 36px);
    padding: 16px
}

.hc-box .hc-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    list-style: none;
    padding-left: 0
}

.hc-box .hc-card-list a {
    color: var(--black);
    text-decoration: none
}

.hc-box .hc-card-list .gemstone,.hc-box .hc-card-list .numero {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 hsla(0,0%,53%,.25);
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: 64px;
    justify-content: center;
    padding: 8px;
    width: 64px
}

.hc-box .hc-card-list .gemstone:hover,.hc-box .hc-card-list .numero:hover {
    background: #ffe09c
}

.hc-box .hc-card-list .hc-tags {
    align-items: flex-start;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 hsla(0,0%,53%,.25);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    line-height: normal;
    padding: 8px
}

.hc-box .hc-card-list .hc-tags:hover {
    background: #ffe09c
}

.hc-box .astrologer-profile .astro-name {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
    text-transform: uppercase
}

.hc-box .astrologer-profile .astro-content {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 32px
}

.hc-box .astrologer-profile .hc-ask-btn {
    background: none;
    border: none;
    padding: 0;
    width: 105px
}

.horoscope-tabs .nav-pills {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0!important;
    overflow-x: scroll;
    padding-bottom: 20px
}

.horoscope-tabs .nav-pills .nav-item {
    position: relative
}

.horoscope-tabs .nav-pills::-webkit-scrollbar {
    display: none
}

.horoscope-tabs .nav-pills .nav-link {
    box-shadow: 0 1px 2px 0 hsla(0,0%,53%,.25);
    padding: 0
}

.horoscope-tabs .nav-pills .nav-link.active {
    background: #ffe09c;
    border-radius: 4px
}

.horoscope-tabs .nav-pills .nav-link.active:after {
    background-image: url(https://images.assettype.com/outlookindia/2024-05/af394abd-2558-49eb-a275-630f3dceb96e/polygon.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    content: "";
    height: 25px;
    position: absolute;
    transform: translateX(-50%);
    width: 25px
}

.horoscope-tabs .nav-pills .nav-link .ht-title {
    color: var(--black)!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 8px 0;
    text-align: center;
    text-transform: uppercase
}

.horoscope-tabs .nav-pills {
    column-gap: 12px
}

.horoscope-tabs .tab-pane {
    background: #ffe09c;
    border-radius: 8px;
    padding: 16px
}

.horoscope-tabs .horoscope-details .hd-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px
}

.horoscope-tabs .horoscope-details .hd-content {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.horoscope-tabs .horoscope-details .hd-list {
    margin-bottom: 8px
}

.horoscope-tabs .horoscope-details .hd-list li:not(:last-child) {
    margin-bottom: 10px
}

.horoscope-tabs .horoscope-details .hd-list li::marker {
    font-size: 16px;
    font-weight: 700
}

.horoscope-tabs .horoscope-details .hd-quality {
    font-size: 16px;
    font-weight: 700
}

.horoscope-tabs .horoscope-details .horoscope-read-more {
    color: #ff9100;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline
}

.latest-horoscope-stories {
    border: 1px solid var(--grey-three);
    margin-top: 34px
}

.latest-horoscope-stories .nav-pills .nav-link {
    border-radius: 0;
    color: var(--black);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .32px;
    line-height: normal;
    text-transform: uppercase;
    width: 100%
}

.latest-horoscope-stories .nav-pills li {
    width: 50%
}

.latest-horoscope-stories .nav-pills .nav-link.active {
    background-color: #ffe09c;
    padding: 8px 16px
}

.latest-horoscope-stories .nav-pills {
    border-bottom: 1px solid var(--grey-three);
    margin-bottom: 0!important
}

.latest-horoscope-stories .tab-pane {
    padding: 16px
}

.latest-horoscope-stories .latest-stories {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ls-read-more {
    color: #ff9100;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline
}

.horoscope-scroll-list {
    margin-top: 34px;
    overflow-x: scroll
}

.horoscope-scroll-list::-webkit-scrollbar {
    display: none
}

.numero {
    width: 100px
}

.gemstone {
    width: 130px
}

.gemstone .hsp-title,.numero .hsp-title {
    margin-top: 0;
    padding-top: 8px
}

.horoscope-scroll-list ul {
    column-gap: 24px;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin-bottom: 0;
    padding: 10px 10px 10px 0
}

.horoscope-scroll-list ul::-webkit-scrollbar {
    display: none
}

.horoscope-scroll-list ul li {
    position: relative
}

.horoscope-tabs .horoscope-scroll-list ul li.active .horoscope-box {
    background-color: #ffe09c
}

.horoscope-tabs .horoscope-scroll-list ul {
    padding-bottom: 23px;
    padding-top: 0
}

.horoscope-tabs .horoscope-scroll-list ul li.active:after {
    background-image: url(https://images.assettype.com/outlookindia/2024-05/af394abd-2558-49eb-a275-630f3dceb96e/polygon.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    content: "";
    height: 25px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 25px
}

.horoscope-scroll-list ul li .horoscope-box {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 hsla(0,0%,53%,.25);
    cursor: pointer;
    padding-bottom: 8px
}

.horoscope-scroll-list ul li .horoscope-box:hover {
    background-color: #ffe09c
}

.horoscope-scroll-list ul li .horoscope-box .hsp-title {
    color: var(--black);
    font-family: var(--source-sans-pro);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    margin-top: 8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.horoscope-scroll-list a {
    text-decoration: none
}

.horoscope-tabs .horoscope-details .hd-content .highlight {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.horoscope-tabs .horoscope-details .hd-title-two {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px
}

.run-tbl {
    height: 272px
}

.previous-winner .ads-box,.sl-content .ads-box {
    padding: 0!important
}

.spotlight-others-home .articles .article-img-box .article-img {
    object-position: top
}

.spotlight-others-home .spotlight.rm-spotlight {
    padding: 0 10px
}

.spotlight-others-home .slick-dots li button:before {
    color: #000!important
}

.bg-t .ads-box {
    background-color: transparent!important
}

.cc-more a {
    color: var(--primary-red);
    font-size: 15px
}

.football-nav {
    border-top: 1px solid hsla(0,0%,7%,.2);
    box-shadow: 0 2px 4px 0 hsla(0,0%,7%,.2)
}

.olympic-header-nav {
    border-bottom: 1px solid var(--grey-five);
    border-top: 1px solid var(--grey-five)
}

.football-nav a {
    text-decoration: none
}

.football-nav .tab-head-text {
    font-size: 20px
}

.football-tab-pane .active-tab {
    border-bottom: 4px solid #d2051e;
    font-weight: 700
}

.football-tab-pane .active-tab a {
    color: #000
}

.football-tab-pane .inactive-tab a {
    color: #000;
    font-weight: 700;
    opacity: 50%
}

.football-tab-pane .inactive-tab:hover {
    border-bottom: 4px solid #d2051e
}

.football-tab-pane .inactive-tab:hover a {
    color: #000;
    font-weight: 700;
    opacity: 100%
}

.football-section .head-title {
    border-bottom: 4px solid #000;
    font-size: 34px
}

.f-live-score-main {
    height: 36vh;
    overflow-y: scroll;
    padding: 0 6px
}

.f-live-score-card {
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.25);
    font-family: var(--source-sans-pro);
    padding: 16px
}

.f-live-score-card .group-div {
    font-size: 14px;
    margin-bottom: 8px
}

.f-live-score-card .team-div {
    padding-bottom: 8px
}

.f-live-score-card a {
    color: #000;
    text-decoration: none
}

.score-card-main {
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.25);
    margin-bottom: 16px;
    padding: 16px
}

.score-card-main a {
    color: #000;
    text-decoration: none
}

.score-card-main .group-div {
    font-size: 14px;
    margin-bottom: 16px
}

.score-card-main .team-div {
    margin-bottom: 16px
}

.score-card-main .match-location .head {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px
}

.score-card-main .match-location .sub-head {
    color: #000;
    font-size: 14px;
    opacity: 50%
}

.score-card-main .text-mute {
    color: #000;
    opacity: 50%
}

.score-card-main .team-goals-card {
    font-size: 14px
}

.score-card-main .team-goals-card ul {
    padding-left: 1.5rem
}

.score-card-main .card-summary a {
    border-radius: 20px;
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    padding: 8px 16px;
    text-decoration: none
}

.f-uefa-blue a {
    border: 1px solid #1f47dd;
    color: #1f47dd
}

.f-uefa-blue-txt a {
    color: #1f47dd
}

.f-match-table {
    border-collapse: collapse;
    margin-bottom: 16px;
    width: 100%
}

.f-match-table th {
    border-bottom: 1px solid #ccc;
    padding: 8px;
    text-align: center
}

.f-match-table td {
    border-bottom: 1px solid #f5f5f5;
    padding: 8px;
    text-align: center
}

.f-match-table .flag {
    height: auto;
    vertical-align: middle;
    width: 24px
}

.txt-dark-grey {
    color: #6c6d6f
}

.football-section .fs-15 {
    font-size: 15px
}

.football-section .score-vs {
    width: 20%
}

.football-section .fix-team-1,.football-section .fix-team-2 {
    width: 40%
}

.football-stats-table th {
    border-bottom: 1px solid #ccc;
    padding: 8px;
    text-align: center
}

.football-stats-table td {
    border-bottom: 1px solid #f5f5f5
}

.football-statistics-table td,.football-statistics-table th,.football-stats-table td {
    padding: 8px;
    text-align: center
}

.football-statistics-table .stats-shots {
    width: 5%
}

.f-team-cards-main .team-name {
    font-size: 24px;
    font-weight: 600
}

.f-team-cards-main .team-stats-link a {
    font-size: 12px;
    text-decoration: none
}

.gloss-width {
    width: 40px
}

.border-bottom-f-nav {
    border-bottom: 1px solid hsla(0,0%,7%,.2)
}

.football-section .fs-14 {
    font-size: 14px
}

.football-section .f-table-container {
    overflow-x: auto;
    width: 100%
}

.football-stats-table .f-team-stats-table-row {
    vertical-align: middle!important
}

.table-striped-commentary td {
    color: #000;
    font-weight: 600;
    opacity: 65%
}

.f-live-score-card .live-card-date {
    font-size: 12px;
    font-weight: 600
}

.f-live-score-card .live-card-line {
    color: var(--black);
    font-family: var(--source-sans-pro);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.slider-container-custom-1,.slider-container-custom-2 {
    overflow: hidden;
    position: relative;
    width: 100%
}

.slider-custom-1,.slider-custom-2 {
    display: flex;
    transition: transform .5s ease-in-out
}

.slider-item-custom-1,.slider-item-custom-2 {
    box-sizing: border-box;
    min-width: 25%
}

button.ss-next,button.ss-prev {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

button.ss-prev {
    left: 0
}

button.ss-next {
    right: 0
}

.active-red-slider {
    color: var(--primary-red)
}

.slider-more-red {
    color: var(--primary-red)!important
}

.live-non-blinker {
    margin-left: auto;
    width: 92%
}

.live-blog-indicator {
    background-color: var(--primary-red);
    color: var(--white);
    font-family: var(--source-sans-pro)!important;
    font-size: 20px;
    margin-bottom: 8px;
    padding: .5px 4px 0;
    text-transform: uppercase;
    width: max-content
}

.live-blog-intro {
    border-bottom: 1px solid var(--grey-two);
    font-family: var(--source-serif-pro)!important;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 12px
}

.sb-data {
    overflow-x: auto!important
}

.text-in-image {
    position: relative
}

.text-in-image .text-abs {
    bottom: 0;
    color: var(--white);
    font-family: var(--source-sans-pro);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    left: 5px;
    line-height: normal;
    position: absolute
}

.rm-oly-home-rank {
    text-transform: capitalize
}

.rm-oly-home-rank .rank-name {
    font-size: 12px;
    text-transform: capitalize
}

.rm-oly-home-rank .rank-country {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: .5;
    text-transform: capitalize
}

.schedule-table .schedule-date {
    font-family: var(--source-sans-pro);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
    text-transform: uppercase
}

.schedule-table th:first-child {
    width: 20%
}

.schedule-ul {
    list-style: none;
    padding-left: 0
}

.border-title-b {
    border-bottom: 1px solid var(--black)
}

.schedule-ul li:not(:last-child) {
    border-bottom: 1px solid var(--grey-five);
    margin-bottom: 8px;
    padding-bottom: 8px
}

.rm-olympics-tab {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    width: max-content
}

.rm-olympics-tab button {
    background-color: inherit;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    font-family: var(--source-sans-pro);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .6px;
    line-height: 1;
    margin: 4px;
    outline: none;
    padding: 8px;
    text-transform: uppercase;
    transition: .3s
}

.rm-olympics-tab button:hover {
    background-color: #ddd
}

.rm-olympics-tab button.active {
    background-color: var(--white)
}

.tabcontent {
    border-top: none;
    display: none
}

.tabcontent:first-of-type {
    display: block
}

.olympics-header {
    align-items: center;
    display: flex
}

.olympics-header .prev-arrow {
    margin-right: 24px
}

.olympics-header .prev-arrow img {
    width: 20px
}

.olympics-header .oly-logo img {
    width: 40px
}

.olympics-header .menu ul {
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.olympics-header .menu ul li a {
    color: var(--black);
    font-family: var(--source-sans-pro);
    font-style: normal;
    font-weight: 600;
    letter-spacing: .64px;
    line-height: normal;
    opacity: .5;
    padding: 8px 24px;
    text-decoration: none;
    text-transform: uppercase;
    text-wrap: nowrap
}

.olympics-header .menu ul li a.active {
    border-bottom: 3px solid var(--primary-red);
    color: var(--black);
    opacity: 1
}

.sch-br {
    border: 1px solid var(--d5d5d5,#d5d5d5)
}

.sch-br .srh-ar {
    border: none;
    width: 390px
}

.sch-br .srh-ar:focus-visible {
    outline: none
}

.crss-btn:hover {
    cursor: pointer
}

.srch-btn {
    background-color: #ed1c24;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .64px;
    line-height: normal
}

.olmypic-tbl thead tr {
    border-bottom: 1px solid #d5d5d5
}

.olmypic-tbl tr th {
    font-size: 15px;
    font-weight: 600
}

.olmypic-tbl tr td,.olmypic-tbl tr th {
    border: none;
    color: #000;
    line-height: normal;
    text-transform: capitalize
}

.olmypic-tbl tr td {
    font-size: 14px;
    font-weight: 400
}

.cty-rk {
    width: 40px
}

.cty-wdt {
    width: 80px
}

.bullet-listing {
    list-style-type: none;
    padding-left: 0
}

.bullet-listing li {
    margin: 0;
    padding-bottom: 1em;
    padding-left: 20px;
    position: relative
}

.bullet-listing li:before {
    background-color: #c00;
    bottom: 0;
    content: "";
    left: 1px;
    position: absolute;
    top: 0;
    width: 2px
}

.bullet-listing li:first-child:before {
    top: 15px
}

.bullet-listing li:last-child:before {
    height: 12px
}

.bullet-listing li:first-child .listing-big-head {
    color: var(--black);
    font-family: var(--marcellus);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none
}

.bullet-listing li:first-child .listing-big-head:hover {
    color: var(--primary-red)
}

.bullet-listing li:not(:first-child) a {
    color: var(--black);
    font-family: var(--source-sans-pro);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none
}

.bullet-listing li:not(:first-child) a:hover {
    color: var(--primary-red)
}

.bullet-listing .bullet {
    margin-left: -22px;
    width: 18px;
    fill: #c00;
    float: left;
    padding-right: 10px
}

.bullet-listing .bullet.big {
    margin-left: -23px;
    padding-right: 8px;
    width: 18px
}

.budget-live-blog {
    background-color: #fef1f2;
    height: 100%;
    padding-left: 15px;
    width: 100%
}

.budget-live-blog .bug-live-head {
    color: var(--primary-red);
    font-family: var(--source-sans-pro);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px 0;
    text-transform: uppercase
}

.budget-live-blog ul {
    list-style-type: none;
    padding-left: 0
}

.budget-live-blog ul li {
    margin: 0;
    padding-bottom: 1em;
    padding-left: 20px;
    position: relative
}

.budget-live-blog ul li .timing {
    font-weight: 400;
    margin-bottom: 8px;
    opacity: .5
}

.budget-live-blog ul li .bug-live-title a,.budget-live-blog ul li .timing {
    color: var(--black);
    font-family: var(--source-sans-pro);
    font-size: 15px;
    font-style: normal;
    line-height: normal
}

.budget-live-blog ul li .bug-live-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    align-self: stretch;
    font-weight: 600;
    text-decoration: none;
    -webkit-box-orient: vertical
}

.budget-live-blog ul li:before {
    background-color: #c00;
    bottom: 0;
    content: "";
    left: 4px;
    position: absolute;
    top: 0;
    width: 2px
}

.budget-live-blog ul li:first-child:before {
    top: 15px
}

.budget-live-blog ul li:last-child:before {
    height: 11px
}

.budget-live-blog .bullet {
    margin-left: -20px;
    width: 20px;
    fill: #c00;
    float: left;
    padding-right: 10px
}

.budget-live-blog .bullet.big {
    margin-left: -22px;
    padding-right: 8px;
    width: 16px
}

.budget-live-blog .budget-overflow {
    height: 337px;
    overflow-y: scroll
}

.budget-slider .slick-next {
    right: 25px
}

.budget-slider .slick-prev {
    left: 25px;
    z-index: 1
}

.budget-slider .articles .article-img-box .article-img {
    height: 400px
}

.story-container-whatshot .sb-article a {
    text-decoration-line: underline!important
}

.main-img-div-sb-img img {
    max-height: 485px
}

.date-carousel-1 .date-c-next-btn,.date-carousel-1 .date-c-prev-btn {
    width: 4%
}

.date-carousel-1 .dates-slider {
    width: 88%
}

.article-heading-one h3 {
    font-size: 18px
}

.article-white-desc h3 {
    font-size: 16px
}

.others-sidepanel {
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 8px 8px 8px 32px;
    transition: .3s
}

#mySidepanel {
    left: -300px;
    position: absolute;
    transition: .5s;
    width: 300px
}

.close-btn,.open-btn {
    color: #fff;
    cursor: pointer;
    padding: 10px
}

.open-btn {
    display: block
}

.close-btn {
    display: none
}

.tricolor-grad {
    animation: gradientAnimation 5s infinite;
    background: linear-gradient(90deg,#f93 25%,#fff 50%,#138808 75%);
    border-top: 1px solid var(--grey-three);
    font-family: var(--source-sans-pro);
    font-weight: 700;
    padding: 5px;
    text-align: center;
    transition: height 1s ease,opacity 1s ease;
    width: 100%
}

.tricolor-bg-ani {
    background-size: 130% 100%;
    transition: height 1s ease
}

@keyframes gradientAnimation {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.category-head-4stories {
    display: flex;
    justify-content: space-between
}

.wst-height-cat {
    object-position: top
}

.wst-height-cat-vis {
    object-fit: contain!important
}

.buy-amazon {
    position: absolute;
    top: 0
}

.buy-amazon img {
    width: 170px
}

.astro-picks-right {
    border-bottom: 1px solid var(--primary-red);
    display: flex;
    justify-content: space-between
}

.astro-picks-right .more a {
    color: var(--primary-red);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    text-transform: capitalize
}

.astro-picks-right .story-list-heading {
    border-bottom: none
}