.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

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

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}







.text--center {
    text-align: center
}

.text--right {
    text-align: right
}

img {
    max-width: 100%
}

* {
    box-sizing: border-box;
    font-size: 100%;
    scrollbar-width: thin
}

a,
a:active,
a:hover {
    text-decoration: none;
    outline: 0
}

a:hover {
    color: #bf1e2e
}

p {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 130%;
    font-family: 'Hind', sans-serif;
    margin: 0
}

.dn-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto
}

.dn-container-small {
    max-width: 960px;
    padding: 0 25px;
    margin-right: auto;
    margin-left: auto
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #bf1e2e;
    margin-bottom: 0;
    --transition: .48s
}

.flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-inline {
    display: inline-flex
}

.flex-inline::after,
.flex-inline::before,
.flex::after,
.flex::before {
    display: none
}

.flex-left {
    justify-content: flex-start
}

.flex-center {
    justify-content: center
}

.flex-right {
    justify-content: flex-end
}

.flex-between {
    justify-content: space-between
}

.flex-around {
    justify-content: space-around
}

.flex-middle {
    align-items: center
}

.flex-bottom {
    align-items: flex-end
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.dn-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 25px
}

.three__col--grid {
    grid-template-columns: repeat(3, 1fr)
}

.seven__col--grid {
    grid-template-columns: repeat(7, 1fr)
}

.mt-40,
.section,
.section-medium {
    margin-top: 20px
}

.dn__news--wrap {
    width: 100%
}

.dn__side--add {
    width: 100%
}

.white .news-title {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sticky {
    position: sticky;
    top: 100px
}

.section-medium.pradesh-samachar {
    margin-top: 20px
}

.container-xsmall {
    max-width: 960px
}

a:hover .news-title {
    color: #bf1e2e
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Hind', sans-serif;
}

@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-ExtraLight.woff2") format("woff2"), url("../fonts/Poppins-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.news-title,
.news-title a {
    font-weight: 500;
    color: rgba(35, 37, 45, .9490196078);
    line-height: 1.45;
    font-size: 21px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

/* Medium devices (tablets) */
@media (max-width: 991px) {
    .news-title,
    .news-title a {
        font-size: 20px;
        line-height: 1.4;
    }
}

/* Small devices (landscape phones) */
@media (max-width: 767px) {
    .news-title,
    .news-title a {
        font-size: 19px;
        line-height: 1.35;
    }
}

/* Extra small devices (portrait phones) */
@media (max-width: 575px) {
    .news-title,
    .news-title a {
        font-size: 18px;
        line-height: 1.3;
    }
}

.news-title.news-title-small {
    line-height: 1.45;
    font-size: 15px;
    font-weight: 500
}

.news-title-large,
.news-title-large a {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700
}

.heading {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 900;
    padding: 0;
    margin: 0
}

.heading a {
    color: inherit
}

.col1 {
    grid-column: span 1
}

.row1 {
    grid-row: span 1
}

.col2 {
    grid-column: span 2
}

.row2 {
    grid-row: span 2
}

.col3 {
    grid-column: span 3
}

.row3 {
    grid-row: span 3
}

.col4 {
    grid-column: span 4
}

.row4 {
    grid-row: span 4
}

.col5 {
    grid-column: span 5
}

.row5 {
    grid-row: span 5
}

.col6 {
    grid-column: span 6
}

.row6 {
    grid-row: span 6
}

.col7 {
    grid-column: span 7
}

.row7 {
    grid-row: span 7
}

.col8 {
    grid-column: span 8
}

.row8 {
    grid-row: span 8
}

.col9 {
    grid-column: span 9
}

.row9 {
    grid-row: span 9
}

.col10 {
    grid-column: span 10
}

.row10 {
    grid-row: span 10
}

.col11 {
    grid-column: span 11
}

.row11 {
    grid-row: span 11
}

.col12 {
    grid-column: span 12
}

.row12 {
    grid-row: span 12
}

.backdrop {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    width: 100%;
    z-index: 17;
    display: block
}

.search-menu--active .search-menu {
    pointer-events: auto;
    transform: translateY(0);
    top: 0
}

.search-menu--active .backdrop {
    opacity: 1;
    pointer-events: auto;
    display: block;
    z-index: 17
}

.show__side--menu .responsive--nav {
    left: 0;
    transition: all .4s ease
}

.trigger-close {
    position: absolute;
    top: 20px;
    right: 15px;
    background: #bf1e2e;
    cursor: pointer;
    border: none;
    padding: 0;
    font-size: 15px;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    font-weight: 700;
    z-index: 1;
    line-height: 28px;
    text-align: center
}

body.show-user-sidebar .user-dashboard {
    right: 0
}

body.show-user-sidebar .backdrop {
    pointer-events: auto;
    display: block;
    z-index: 17;
    opacity: 1
}

.desktop-mode {
    display: none
}

.mobile-mode {
    display: block
}

.exclusive-news-holder .dn-container-small .heading:hover {
    color: #c00505
}

.exclusive-news-holder .dn-container-small .heading:hover a {
    color: #c00505
}

.white .thumbnail-news a .news-title {
    color: #fff
}

.white .thumbnail-news a:hover {
    color: #fff;
    opacity: .87
}

@keyframes red_blink {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 #bf1e2e
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }

    25% {
        opacity: 0;
        transform: translateX(10px) scale(.9)
    }

    26% {
        opacity: 0;
        transform: translateX(-10px) scale(.9)
    }

    55% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }
}


.special__block>div {
    position: relative
}

.special__block>div .gradient-overlay {
    display: block
}

.special__block>div .gradient-overlay:before {
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 30%, #000 100%);
    left: 0;
    bottom: -1px;
    position: absolute;
    content: "";
    border-radius: 3px;
    height: 100%;
    z-index: 1
}

.special__block>div .gradient-overlay img {
    height: 325px;
    width: 100%;
    object-fit: cover
}

.special__block>div .special__block-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 25px 18px
}

.special__block>div .special__block-content .special__block--title {
    font-size: 25px;
    margin: 0 0 10px 0;
    font-weight: 700
}

.special__block>div .special__block-content .special__block--title a {
    color: #fff
}

.special__block>div .special__block-content .special__block--title:hover a {
    color: #c00505
}

.special__block>div .special__block-content .newsInfo {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.special__block>div .special__block-content .newsInfo div {
    font-weight: 500;
    font-size: 15px;
    margin-right: 15px;
    color: #fff
}

.special__block>div .special__block-content .newsInfo div i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.special__block>div .special__block-content .newsInfo div a {
    font-weight: 600;
    display: inline-block;
    padding-right: 9px;
    position: relative;
    color: #fff
}

.special__block>div .special__block-content .newsInfo div.user>img {
    border: 1px dashed #bf1e2e;
    padding: 3px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2392156863);
    height: 32px;
    width: 32px;
    margin-right: 10px
}

.special__block>div .special__block-content .newsInfo div.user>img+img {
    margin-left: -25px
}

.special__block--v1 {
    position: relative;
    flex: 0 0 240px
}

.special__block--v1 .dn-grid {
    grid-gap: 15px;
    margin-top: 10px;
    flex-wrap: nowrap;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.special__block--v1>a {
    display: block;
    overflow: hidden;
    height: 300px
}

.special__block--v1>a .gradient-overlay {
    height: 100%
}

.special__block--v1>a .gradient-overlay p {
    height: 100%
}

.special__block--v1>a .gradient-overlay::before {
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 30%, #000 100%);
    left: 0;
    bottom: -1px;
    position: absolute;
    content: "";
    border-radius: 3px;
    height: 100%;
    z-index: 1
}

.special__block--v1>a .gradient-overlay img {
    transition: all .1s ease-in-out;
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 3px
}

.special__block--v1 .exclusive-news-holder {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    padding-bottom: 20px;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    z-index: 1;
    color: #fff
}

.special__block--v1 .exclusive-news-holder .dn-container-small {
    max-width: 100%;
    margin: 0 20px;
    padding: 15px 0 0 0
}

.special__block--v1 .exclusive-news-holder .dn-container-small .heading {
    font-size: 20px;
    text-align: center;
    line-height: 1.34
}

.special__block--v1 .exclusive-news-holder .dn-container-small .heading:hover a {
    color: #c00505
}

.special__block--v1 .exclusive-news-holder .dn-container-small .newsInfo {
    text-align: center;
    margin: 0;
    padding: 5px 0 0 0;
    flex-wrap: wrap;
    line-height: 1
}

.special__block--v1 .exclusive-news-holder .dn-container-small .newsInfo div {
    color: #fff
}

.special__block--v1 .exclusive-news-holder .dn-container-small .newsInfo div em {
    font-style: normal
}

.special__block--v1 .exclusive-news-holder .dn-container-small .newsInfo div img {
    background: #fff
}

.special__block--v1 .exclusive-news-holder .dn-container-small .newsInfo div i {
    font-size: 12px
}

.special__block--v1 .exclusive-news-holder .dn-container-small .newsInfo div span {
    font-size: 15px;
    color: #fff;
    opacity: .95;
    font-weight: 300
}

.special__block--v1 .exclusive-news-holder .dn-container-small .newsInfo div span a {
    color: #fff;
    opacity: .95;
    font-weight: 300
}

.special__block--v1 .exclusive-col {
    position: relative;
    flex: 0 0 240px
}

.special__block--v1 .exclusive-col>a {
    display: block;
    overflow: hidden;
    height: 300px
}

.special__block--v1 .exclusive-col>a .gradient-overlay {
    height: 100%
}

.special__block--v1 .exclusive-col>a .gradient-overlay p {
    height: 100%
}

.special__block--v1 .exclusive-col>a .gradient-overlay::before {
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 30%, #000 100%);
    left: 0;
    bottom: -1px;
    position: absolute;
    content: "";
    border-radius: 3px;
    height: 100%;
    z-index: 1
}

.special__block--v1 .exclusive-col>a .gradient-overlay img {
    transition: all .1s ease-in-out;
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 3px
}

.special__block--v1 .exclusive-col .exclusive-news-holder {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    padding-bottom: 20px;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    z-index: 1;
    color: #fff
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small {
    max-width: 100%;
    margin: 0 20px;
    padding: 15px 0 0 0
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .heading {
    font-size: 20px;
    text-align: center;
    line-height: 1.34
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .heading:hover a {
    color: #c00505
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .newsInfo {
    text-align: center;
    margin: 0;
    padding: 5px 0 0 0;
    flex-wrap: wrap;
    line-height: 1
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div {
    color: #fff
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div em {
    font-style: normal
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div img {
    background: #fff
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div i {
    font-size: 12px
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div span {
    font-size: 15px;
    color: #fff;
    opacity: .95;
    font-weight: 300
}

.special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div span a {
    color: #fff;
    opacity: .95;
    font-weight: 300
}

.special__block--v2 .dn-grid {
    grid-gap: 0px;
    margin-top: 10px;
    flex-wrap: nowrap;
    display: block
}

.special__block--v2 .dn-grid .columnnews {
    border-top: 1px solid #f1f1f1;
    padding: 12px 0
}

.special__block--v2 .dn-grid .columnnews:last-child {
    padding-bottom: 0
}

.special__block--v2 .dn-grid .columnnews:first-child {
    padding-top: 0;
    border-top: none
}

.special__block--v2 .dn-grid .columnnews>a img {
    height: 190px;
    margin-bottom: 6px
}

.special__block--v2 .dn-grid .columnnews .columnnews-wrap h3.news-title {
    font-size: 18px;
    font-weight: 800
}

.special__block--v2 .columnnews>a {
    position: relative;
    display: block
}

.special__block--v2 .columnnews>a img {
    height: 120px;
    object-fit: cover;
    width: 100%;
    margin-bottom: 4px;
    border-radius: 3px
}

.special__block--v2 .columnnews>a .columnnews-wrap .news-title,
.special__block--v2 .columnnews>a .columnnews-wrap .news-title a {
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4
}

.special__block--v3 .dn-grid {
    grid-gap: 15px;
    margin-top: 10px;
    flex-wrap: nowrap;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.exclusive-col {
    position: relative;
    flex: 0 0 240px
}

.exclusive-col>a {
    display: block;
    overflow: hidden;
    height: 300px
}

.exclusive-col>a .gradient-overlay {
    height: 100%
}

.exclusive-col>a .gradient-overlay p {
    height: 100%
}

.exclusive-col>a .gradient-overlay::before {
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 30%, #000 100%);
    left: 0;
    bottom: -1px;
    position: absolute;
    content: "";
    border-radius: 3px;
    height: 100%;
    z-index: 1
}

.exclusive-col>a .gradient-overlay img {
    transition: all .1s ease-in-out;
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 3px
}

.exclusive-col .exclusive-news-holder {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    padding-bottom: 20px;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    z-index: 1;
    color: #fff
}

.exclusive-col .exclusive-news-holder .dn-container-small {
    max-width: 100%;
    margin: 0 20px;
    padding: 15px 0 0 0
}

.exclusive-col .exclusive-news-holder .dn-container-small .heading {
    font-size: 20px;
    text-align: center;
    line-height: 1.34
}

.exclusive-col .exclusive-news-holder .dn-container-small .heading:hover a {
    color: #c00505
}

.exclusive-col .exclusive-news-holder .dn-container-small .newsInfo {
    text-align: center;
    margin: 0;
    padding: 5px 0 0 0;
    flex-wrap: wrap;
    line-height: 1
}

.exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div {
    color: #fff
}

.exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div em {
    font-style: normal
}

.exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div img {
    background: #fff
}

.exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div i {
    font-size: 12px
}

.exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div span {
    font-size: 15px;
    color: #fff;
    opacity: .95;
    font-weight: 300
}

.exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div span a {
    color: #fff;
    opacity: .95;
    font-weight: 300
}

.overlay-news {
    position: relative;
    height: 100%;
    min-height: 290px;
    overflow: hidden;
    border-radius: 3px
}

.overlay-news .context {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1
}

.overlay-news>a {
    height: 100%;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    display: block
}

.overlay-news>a:before {
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 30%, #000 100%);
    left: 0;
    bottom: -1px;
    position: absolute;
    content: "";
    border-radius: 3px;
    height: 100%;
    z-index: 1
}

.overlay-news>a img {
    transition: all .5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    object-fit: cover;
    border-radius: 3px
}

.overlay-news .overlay-news-content {
    position: absolute;
    padding: 15px 15px 15px 15px;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    color: #fff;
    border-radius: 3px 0 0 3px;
    text-align: center
}

.overlay-news .overlay-news-content h2 {
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-weight: 700;
    line-height: 1.35;
    font-size: 19px
}

.overlay-news .overlay-news-content h2 a {
    color: inherit;
    font-size: 21px;
    line-height: 1.3
}

.overlay-news:hover .overlay-news-content h2 {
    color: #c00505
}

.thumbnail-news .newsInfo {
    display: block
}

.thumbnail-news .newsInfo div {
    font-size: 12px;
    color: #100f0f;
    opacity: .45;
    font-weight: 500;
    padding-top: 2px;
    font-weight: 500
}

.thumbnail-news .newsInfo div i {
    margin-right: 4px
}

.thumbnail-news a img {
    max-width: 80px;
    min-width: 80px;
    height: 60px;
    margin-right: 12px;
    object-fit: cover;
    border-radius: 3px;
    flex: auto;
    margin-left: 0
}

.thumbnail-news a .news-title {
    font-size: 17px;
    line-height: 1.45;
    font-weight: 600
}

.exclusive--news-related {
    z-index: 1;
    position: relative;
    padding: 22px 0;
    background: #fff;
    top: 0;
    margin: 15px 0 0;
    padding: 15px;
    border-radius: 3px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, .15) 0 0 24px
}

.exclusive--news-related .col3 {
    grid-column: span 6
}

.exclusive--news-related .dn-grid {
    gap: 15px;
    margin-top: 10px
}

.exclusive--news-related .three__col--grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px
}

.exclusive--news-related .three__col--grid .thumbnail-news {
    text-align: left
}

.sec-title {
    margin: 0 0 15px 0;
    position: relative;
    display: flex;
    justify-content: space-between
}

.sec-title:before {
    background: #bf1e2e;
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 100%;
    height: 1px;
    opacity: .3
}

.sec-title h2 {
    margin: 0 0 0;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    font-family: poppins;
    color: #bf1e2e;
    align-items: center;
    position: relative;
    background: #fff;
    padding-right: 13px
}

.sec-title h2 a {
    color: #bf1e2e
}

.sec-title a.more {
    margin-top: 0
}

.fixtures-title {
    font-size: 22px;
    margin-bottom: 15px;
    font-family: poppins
}

.sidebar-adv div:not(:first-child) {
    margin-top: 10px
}

.sidebar-adv div a {
    display: flex;
    flex-wrap: wrap
}

.sidebar-adv div a img {
    width: 100%
}

.item-fixture {
    color: rgba(35, 37, 45, .9490196078);
    border: solid 1px #e4e4e4;
    display: flex;
    flex-direction: column;
    background: #fff;
    align-items: stretch;
    background: #fff;
    padding: 15px 0 15px 0;
    position: relative;
    text-align: center;
    border-radius: 10px;
    height: 100%
}

.item-fixture .status {
    border-top: 1px solid #f1f1f1;
    margin-top: 5px;
    line-height: 1.5;
    padding-bottom: 0;
    color: #01ba01;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 0
}

.item-fixture .fixture-live {
    display: block;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    margin: 5px 0 9px 15px
}

.item-fixture .fixture-live i {
    position: relative;
    z-index: 1;
    font-style: normal;
    color: #bf1e2e;
    padding-left: 13px
}

.item-fixture .fixture-live i:before {
    background: #bf1e2e;
    width: 6px;
    position: relative;
    height: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 100%;
    animation: red_blink 1s infinite
}

.item-fixture .fixture-date {
    font-size: 10px;
    padding: 0 11px;
    font-weight: 700;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    opacity: .8
}

.item-fixture .team-wrapper {
    text-align: left;
    padding: 0 12px 0 12px;
    position: relative;
    font-family: 'Hind', sans-serif;
    display: block
}

.item-fixture .team-wrapper .team-winner img {
    width: 11px;
    height: 11px;
    top: -2px;
    left: 24px;
    position: absolute;
    border: none
}

.item-fixture .team-wrapper .vs {
    display: none
}

.item-fixture .team-wrapper .team {
    text-align: left;
    font-size: 14px;
    position: relative;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    font-weight: 700;
    padding-left: 40px;
    padding-top: 8px
}

.item-fixture .team-wrapper .team .score {
    margin-top: 0;
    flex: 1;
    text-align: right;
    position: absolute;
    right: 0;
    font-family: 'Hind', sans-serif;
    font-size: 18px;
    top: 4px
}

.item-fixture .team-wrapper .team .score span {
    opacity: .85;
    font-size: 11px;
    font-weight: 500
}

.item-fixture .team-wrapper .team>img {
    display: block;
    width: 32px;
    border: 1px solid rgba(0, 0, 0, .0901960784);
    height: 32px;
    padding: 2px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover
}

.item-fixture .fixture-type {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    font-size: 10px;
    font-weight: 800;
    top: 3px;
    right: 6px
}

.item-fixture .fixture-type i {
    position: relative;
    z-index: 1;
    font-style: normal;
    color: #fff
}

.item-fixture .fixture-type:before {
    background: #bf1e2e;
    color: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border-radius: 15px
}

.item-fixture .venue {
    padding: 5px 20px 3px 20px;
    text-align: left;
    border-top: 1px solid #f1f1f1;
    font-size: 10px;
    font-weight: 600;
    color: #000;
    line-height: 1.5;
    margin-top: 5px;
    opacity: .74;
    font-family: poppins
}

.item-fixture .venue i {
    opacity: .54;
    margin-right: 3px;
    font-size: 13px
}

.item-fixture:hover {
    color: #111
}

.view-more-btn {
    line-height: 1;
    text-align: center;
    margin-top: 20px
}

.view-more-btn a.btn {
    background: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 5px 40px;
    width: 100%
}

.article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
    height: 170px;
    margin-bottom: 8px;
    border-radius: 3px
}

.article-excerpt-default .article-excerpt-default__link .article-excerpt__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 3px
}

.article-excerpt-default .article-excerpt-default__link .news-title-large {
    font-size: 19px;
    line-height: 1.45;
    font-weight: 700
}

.article-excerpt-default .article-excerpt-default__link p {
    font-size: 17px;
    line-height: 1.55;
    color: #000;
    opacity: .75
}

.list-news ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.list-news ul li {
    padding: 10px 0
}

.list-news ul li:not(:first-child) {
    border-top: 1px solid rgba(33, 30, 30, .1490196078)
}

.list-news ul li a h3 {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.45
}

.section.section-world-news .col6 {
    grid-column: span 12
}

.section.section-world-news .col3 {
    grid-column: span 6
}

.to-top.trigger-close {
    position: fixed;
    bottom: 20px !important;
    right: 30px;
    top: inherit;
    text-align: center;
    line-height: 38px;
    font-size: 23px;
    width: 35px;
    height: 35px;
    transition: background .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    background: #bf1e2e;
    color: #fff;
    background: 0 0;
    cursor: pointer;
    z-index: 2
}

.to-top.trigger-close:hover {
    background: #bf1e2e;
    transition: background .3s, opacity .5s, visibility .5s;
    color: #fff;
    opacity: 1
}

.to-top.show {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
    bottom: 15px;
    transition: bottom .3s, opacity .5s, visibility .5s;
    right: 15px;
    background: #bf1e2e;
    opacity: .7;
    color: #fff;
    z-index: 8
}

.share-counter-wrap {
    position: relative;
    line-height: 1;
    z-index: 1;
    display: flex;
    align-items: center
}

.share-counter {
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    font-family: poppins;
    margin-left: auto;
    padding-right: 5px;
    color: #555;
    line-height: 1.2
}

.share-counter .label {
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 22px;
    display: block;
    padding: 0;
    font-weight: 800
}

.st-btn {
    display: inline-block !important
}

.news-contentarea .contentarea-adv div:first-child {
    margin: 0
}

.news-contentarea .dn-container {
    padding: 0
}

ul.pagination {
    margin: 22px 0 22px 0;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0;
    display: flex;
    justify-content: center;
    text-align: right;
    position: relative
}

ul.pagination li {
    margin: 0 0 7px 0;
    display: inline-block
}

ul.pagination li a,
ul.pagination li span {
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, .6705882353);
    padding: 0 10px;
    line-height: 40px;
    margin: 0 8px;
    height: 40px;
    font-weight: 500;
    border-right: none;
    font-size: 17px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2117647059);
    border-radius: 5px
}

ul.pagination li.active a,
ul.pagination li.active span,
ul.pagination li:hover a,
ul.pagination li:hover span {
    background: #bf1e2e;
    color: #fff;
    border: transparent 1px solid
}

.category-banner {
    margin-bottom: 20px
}

.category-banner .banner {
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Hind', sans-serif;
    font-weight: 700;
    position: relative;
    padding: 30px 0;
    width: 100%;
    min-height: 100px;
    background-size: cover
}

.c-cards-view__author-name {
    font-size: 15px;
    color: rgba(20, 18, 20, .5);
    font-weight: 700;
    position: relative;
    width: 100%;
    padding-top: 5px;
    margin-top: 16px
}

.c-cards-view__author-name:before {
    content: "";
    width: 42px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: #bf1e2e
}

.writer-column a {
    overflow: hidden;
    border-radius: 3px;
    transition: all .1s ease-in-out;
    position: relative;
    display: block
}

.writer-column a .writer-img-wrap {
    height: 275px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .8392156863)
}

.writer-column a .writer-column-wrap {
    position: absolute;
    left: 10px;
    right: 10px;
    border-radius: 4px 4px 0 0;
    bottom: 10px;
    background-color: rgba(255, 255, 255, .5607843137);
    backdrop-filter: blur(6px);
    padding: 7px 20px
}

.writer-column a .writer-column-wrap h3 {
    font-size: 17px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.3
}

.writer-column a .writer-column-wrap h3:after {
    content: "\f2fb";
    font-family: Material-Design-Iconic-Font;
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    top: 0;
    transition: all .1s ease-in-out
}

.writer-column a:hover .writer-column-wrap {
    border-radius: 4px 4px
}

.writer-column a:hover img {
    transform: scale(1.1);
    transition: all .1s ease-in-out
}

.writer-column a:hover h3:after {
    transition: all .1s ease-in-out;
    animation: bounceAlpha .7s ease-in-out
}

.writer-column img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .1s ease-in-out;
    border-radius: 3px
}

.gallery-item a {
    overflow: hidden;
    display: block;
    height: 110px;
    position: relative;
    border-radius: 3px;
    background: 0 0
}

.gallery-item a:before {
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    z-index: -1
}

.gallery-item a img {
    transition: .3s ease;
    margin-bottom: 0;
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 3px
}

.gallery-item a:hover img {
    transform: scale(1.1);
    border-radius: 3px;
    transition: .3s ease;
    opacity: .5
}

.worldcup-t20 .view-more-btn {
    z-index: 1;
    position: relative
}

.breaking-notification {
    position: fixed;
    width: 100%;
    z-index: 12;
    left: 10px;
    bottom: 10px;
    max-width: 360px
}

.breaking-notification .dn-container {
    width: 100%;
    margin: 0;
    padding: 0
}

.breaking-notification .news {
    background: #bf1e2e;
    border-radius: 10px;
    position: relative;
    padding: 15px 8px 10px 18px;
    box-shadow: 0 10px 13px rgba(19, 1, 2, .2705882353);
    transition: .4s cubic-bezier(.175, .885, .32, 1.275)
}

.breaking-notification .news:not(:last-child) {
    margin-bottom: 10px
}

.breaking-notification .news .title a {
    font-size: 17px;
    color: inherit;
    display: block;
    line-height: 1.4;
    color: #fff;
    font-weight: 600
}

.breaking-notification .news .context,
.breaking-notification .news .trigger-close {
    background: rgba(255, 255, 255, .1803921569);
    color: #fff
}

.breaking-notification .news .context {
    font-size: 13px;
    margin-bottom: 8px;
    padding: 10px 10px;
    font-weight: 600;
    padding: 5px 15px 7px 15px;
    border-radius: 20px
}

.breaking-notification .news .close {
    top: 10px;
    right: 10px;
    width: 23px;
    cursor: pointer;
    height: 23px;
    border-radius: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    line-height: 23px;
    background: #fff;
    color: #bf1e2e;
    position: absolute
}

.breaking--special {
    margin-top: 15px;
    border-bottom: solid 1px rgba(0, 0, 0, .16);
    padding-bottom: 15px
}

.breaking--special .full-banner-adv {
    margin-top: 8px
}

.breaking-col:not(:first-child) {
    padding-top: 12px;
    border-top: solid 1px rgba(0, 0, 0, .13);
    margin-top: 12px
}

.breaking-col .heading--sub {
    margin: 8px 0 10px 0
}

.breaking-col .context {
    margin-bottom: 12px
}

.breaking-col .newsInfo {
    justify-content: center;
    margin-top: 8px;
    align-items: center;
    flex-wrap: wrap
}

.breaking-col .newsInfo div img {
    height: 32px;
    width: 32px;
    min-height: auto;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.breaking-col .newsInfo div img+img {
    margin: 0 10px 0 -25px
}

.breaking-col .iframe,
.breaking-col .media {
    width: 100%;
    margin-top: 10px
}

.breaking-col .media,
.breaking-col iframe,
.breaking-col img {
    line-height: 1;
    border-radius: 3px;
    object-fit: cover;
    height: auto;
    width: 100%;
    margin-top: 15px;
    min-height: 250px
}

.breaking-col img {
    min-height: inherit
}

.heading--sub {
    font-size: 18px;
    line-height: 1.45;
    opacity: .6;
    font-weight: 500;
    margin: 10px 0 10px 0
}

.special__block--option .dn-grid {
    grid-gap: 0
}

.special__block--option .dn-grid .col5,
.special__block--option .dn-grid .col7 {
    grid-column: span 12
}

.special__block--option .dn-grid .col5 {
    background: #222;
    padding: 20px;
    height: 370px;
    overflow-y: auto;
    border-radius: 0 3px 3px 0
}

.special__block--option .thumbnail-news:not(:last-child) {
    margin-bottom: 15px
}

.super-block {
    margin-top: 25px
}

.samachar-section {
    grid-gap: 15px
}

.samachar-section .col12 .flex,
.samachar-section .col8 .flex {
    display: block
}

.samachar-section .col12 .flex .article-excerpt__image,
.samachar-section .col8 .flex .article-excerpt__image {
    min-height: inherit;
    max-width: inherit;
    min-width: inherit;
    min-height: auto;
    height: 240px;
    flex: auto
}

.samachar-section .col12 .flex .article-excerpt__image a,
.samachar-section .col8 .flex .article-excerpt__image a {
    display: block;
    height: 100%
}

.samachar-section .col12 .flex .article-excerpt__image a img,
.samachar-section .col8 .flex .article-excerpt__image a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 3px 0 0 3px
}

.samachar-section .col12 .flex .article-excerpt__content--wrap,
.samachar-section .col8 .flex .article-excerpt__content--wrap {
    background: rgba(0, 0, 0, .0705882353);
    flex: 2;
    padding: 22px;
    display: grid;
    border-radius: 0 3px 3px 0;
    place-content: center
}

.samachar-section .col12 .flex .article-excerpt__content--wrap .news-title,
.samachar-section .col8 .flex .article-excerpt__content--wrap .news-title {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700
}

.samachar-section .col12 .flex .article-excerpt__content--wrap .news-title a,
.samachar-section .col8 .flex .article-excerpt__content--wrap .news-title a {
    font-size: inherit
}

.samachar-section .col12 .flex .article-excerpt__content--wrap p,
.samachar-section .col8 .flex .article-excerpt__content--wrap p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8
}

.samachar-section .col4 {
    grid-column: span 6
}

.sidebar-adv {
    display: none
}

.section-hour-news .dn-grid {
    grid-gap: 12px;
    position: sticky;
    top: 100px
}

.section-hour-news .dn-grid .sec-title {
    margin-bottom: 0;
    grid-column: span 12
}

.section-hour-news .dn-grid .col6 {
    grid-column: span 12
}

.election-news-section {
    background: #fceff0;
    padding: 20px;
    position: relative;
    overflow: hidden
}

.election-news-section .dn-grid {
    grid-gap: 15px
}

.election-news-section .dn-grid .col6 {
    grid-column: span 12
}

.election-news-section .dn-grid .col3 {
    grid-column: span 6
}

.more {
    margin-top: 10px;
    text-align: right
}

.more a.more {
    background: 0 0
}

.section-mukhya-news .dn-container .section-category-wrap a.more {
    margin-top: 0 !important
}

.section-mukhya-news .main_stry_sectn {
    grid-gap: 15px;
    text-align: left
}

.section-mukhya-news .main_stry_sectn .col8 {
    grid-column: span 12
}

.section-mukhya-news .main_stry_sectn .col4 {
    grid-column: span 12
}

.section-mukhya-news .main_stry_sectn .columnnews {
    grid-column: span 12
}

.section-mukhya-news .main_stry_sectn .columnnews a {
    display: flex;
    gap: 15px
}

.section-mukhya-news .main_stry_sectn .columnnews a img {
    max-width: 90px;
    min-width: 90px;
    height: 70px;
    margin: 0
}

.section-mukhya-news .dn__side--add {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 15px;
    border-top: 1px solid #f1f1f1;
    margin-top: 15px;
    text-align: left;
    width: 100%
}

.section-category-wrap {
    display: block;
    text-align: right;
    margin-bottom: 15px
}

.section-category-wrap .section-category {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: flex;
    gap: 15px
}

.section-category-wrap .section-category li {
    margin-bottom: 10px
}

.section-category-wrap .section-category li a {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0 10px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, .7098039216);
    background: #fff;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.section-category-wrap .section-category li a:hover {
    color: #bf1e2e;
    border: transparent 1px solid;
    box-shadow: 0 4px 10px rgba(37, 47, 63, .17)
}

.section-headline-news {
    background: #fffae6;
    padding: 20px 0
}

.section-headline-news .sec-title h2 {
    position: relative;
    background: #fffae6
}

.section-headline-news .sec-title a.more {
    background: #fffae6
}

.section-headline-news .dn-grid {
    grid-gap: 15px
}

.section-headline-news .thumbnail-news {
    grid-column: span 12
}

.bg-lightgreen {
    padding: 20px 0;
    background: #392c49 url(../images/arthboard.svg) no-repeat left top;
    background-size: cover
}

.bg-lightgreen .sec-title h2 {
    position: relative;
    background: #2f5a3a;
    color: #fff
}

.bg-lightgreen .sec-title:before {
    background: #fff
}

.bg-lightgreen a.more {
    background: #2f5a3a;
    color: #fff;
    margin-top: 0 !important
}

.section-economy-news .dn-grid {
    grid-gap: 15px
}

.section-economy-news .dn-grid .col3 {
    grid-column: span 6
}

.section-economy-news .dn-grid .col4,
.section-economy-news .dn-grid .overlay-news {
    grid-column: span 12
}

.section-economy-news .owl-carousel {
    height: 100%
}

.section-economy-news .owl-carousel .owl-stage-outer {
    height: 100%
}

.section-economy-news .owl-carousel .owl-stage-outer .owl-stage {
    height: 100%
}

.section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item {
    height: 100%
}

.section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #1d112b;
    border-radius: 3px
}

.section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .columnnews {
    padding: 25px 25px;
    width: 100%
}

.section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .columnnews h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.34
}

.section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .columnnews p {
    font-size: 18px;
    color: rgba(255, 255, 255, .8);
    margin-top: 0;
    padding-top: 9px;
    padding-right: 20px;
    line-height: 1.56;
    font-weight: 300
}

.section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .columnnews a:hover h3 {
    color: #fff;
    opacity: .8
}

.section-economy-news .owl-carousel .owl-nav {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px
}

.section-economy-news .owl-carousel .owl-nav button {
    font-size: 24px;
    margin-left: 15px;
    border: 1px solid #fff;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 100%;
    font-size: 18px
}

.section-economy-news .owl-carousel .owl-nav button.disabled {
    opacity: .3;
    transition: all .1s ease-in-out
}

.white .columnnews a:hover h3 {
    color: #fff;
    opacity: .87
}


.section-euro {
    background: #0d1e62;
    padding: 20px 0;
    position: relative;
    margin-top: 20px
}

.section-euro .dn-container {
    position: relative;
    z-index: 2
}

.section-euro .dn-grid {
    grid-gap: 15px
}

.section-euro .overlay-news {
    grid-column: span 12
}

.section-euro .col4 {
    grid-column: span 6
}

.section-euro .sec-title h2 {
    background: #0d1e62;
    position: relative;
    z-index: 1;
    color: #fff
}

.section-euro .sec-title h2 a {
    color: #fff
}

.section-euro .sec-title:before {
    background: #fff
}

.section-euro .sec-title a.more {
    color: #fff;
    background: #0d1e62
}

.section-euro>img {
    width: 25%;
    position: absolute;
    left: -90px;
    z-index: 1;
    top: 33px;
    opacity: .1
}

.section-euro:after {
    position: absolute;
    right: 0;
    bottom: -10px;
    content: url(../images/euro-player.png);
    max-width: 610px;
    opacity: .1
}

.section-euro .dn__side--add {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, .1607843137)
}

.section-euro .dn__side--add .thumbnail-news {
    padding: 12px 0;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .1607843137)
}

.section-euro .dn__side--add .thumbnail-news:first-child {
    padding-top: 0;
    border-top: none
}

.section-euro .dn__side--add .thumbnail-news:last-child {
    padding-bottom: 0
}

.section-euro .dn__side--add .thumbnail-news a img {
    max-width: 90px;
    min-width: 90px;
    height: 70px;
    margin-right: 15px
}

.section-euro .dn__side--add .thumbnail-news a .news-title {
    font-size: 17px;
    font-weight: 600
}

.section-webstories .sec-title h2 {
    position: relative;
    padding-left: 42px
}

.section-webstories .sec-title h2 i.stories {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 32px;
    height: 32px;
    z-index: 1;
    border-radius: 100%;
    filter: brightness(1.2);
    position: absolute;
    left: 0;
    top: -4px;
    border-radius: 11px 0
}

.stories {
    position: absolute;
    right: 15px;
    top: 15px;
    background: #bf1e2e url(../images/icon-stories.png) no-repeat center center/50% auto;
    width: 32px;
    height: 32px;
    z-index: 1;
    border-radius: 100%;
    filter: brightness(1.2)
}

.stories__timeline.scrollable.dn-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    grid-gap: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.stories__timeline.scrollable.dn-grid .overlay-news {
    min-height: 280px;
    position: relative;
    border-radius: 10px;
    flex-basis: 250px;
    flex-grow: 0;
    flex-shrink: 0
}

.stories__timeline.scrollable.dn-grid .overlay-news h2 {
    font-size: 20px
}

.stories__timeline.scrollable.dn-grid .overlay-news .date {
    margin-top: 10px;
    opacity: .97;
    font-size: 11px;
    color: rgba(255, 255, 255, .8117647059);
    font-weight: 600
}

.section-nada {
    position: relative;
    line-height: 1;
    padding: 30px 0 20px 0
}

.section-nada:before {
    content: " ";
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url("../images/slider3.jpg");
    position: absolute;
    left: 0;
    opacity: .1;
    top: 0
}

.section-nada .sec-title {
    justify-content: center
}

.section-nada .sec-title:before {
    background: #bf1e2e
}

.section-nada .sec-title h2 {
    padding-left: 14px;
    background: #bf1e2e;
    font-size: 18px;
    color: #fff;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: -13px;
    transform: skew(-10deg)
}

.section-nada .sec-title h2 strong {
    font-family: 'Hind', sans-serif;
}

.section-nada .all {
    padding-top: 20px;
    text-align: center;
    border: none;
    padding-bottom: 0;
    margin: 0
}

.section-nada .all a {
    border: 1px solid #bf1e2e;
    color: #bf1e2e;
    padding: 10px 20px;
    font-size: 16px;
    display: inline-block;
    border-radius: 8px
}

.section-nada .all a:hover {
    background: #bf1e2e;
    color: #fff
}

.section-nada .dn-grid {
    grid-gap: 15px
}

.section-nada .dn-grid .columnnews {
    grid-column: span 6
}

.section-crime-news .dn-grid {
    grid-gap: 15px
}

.section-crime-news .dn-grid .col4 {
    grid-column: span 6
}

.section-crime-news .dn__side--add {
    border-top: 1px solid rgba(6, 5, 5, .168627451);
    padding-top: 15px;
    margin-top: 15px
}

.section-crime-news .dn__side--add .thumbnail-news:not(:last-child) {
    padding-bottom: 12px
}

.section-horoscope {
    background: linear-gradient(251deg, rgba(242, 249, 255, .38) 1.69%, rgba(254, 236, 236, .47) 99.37%);
    padding: 20px 0;
    line-height: 1;
    color: #bf1e2e;
    position: relative;
    line-height: 1;
    color: #fff;
    position: relative
}

.section-horoscope .dn-container {
    position: relative;
    z-index: 1
}

.section-horoscope a.more {
    background: 0 0;
    margin-top: 0;
    padding: 0
}

.section-horoscope .horoscope-title {
    margin-bottom: 15px;
    gap: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.section-horoscope .horoscope-title h2 {
    margin: 0 0 0;
    line-height: 1;
    font-size: 22px;
    font-weight: 700;
    font-family: poppins;
    color: #bf1e2e;
    align-items: center;
    position: relative;
    padding-right: 13px
}

.section-horoscope .horoscope-title h2 span {
    font-weight: 600;
    color: rgba(35, 37, 45, .9490196078);
    font-size: 13px;
    font-family: 'Hind', sans-serif;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid rgba(16, 14, 14, .18);
    margin-left: 10px
}

.section-horoscope .dn-grid {
    grid-gap: 15px
}

.horoscope-item {
    padding: 11px;
    grid-column: span 6;
    border-radius: 8px;
    text-align: center;
    display: block;
    font-weight: 500;
    color: rgba(0, 0, 0, .6705882353);
    font-size: 12px;
    transition: all .1s ease-in-out;
    box-shadow: 0 0 14px rgba(191, 30, 46, .14);
    background: #fff
}

.horoscope-item h5 {
    font-size: 14px;
    margin: 0 0 8px 0;
    line-height: 1;
    font-weight: 800
}

.horoscope-item img {
    margin-bottom: 9px;
    height: 48px;
    width: 48px;
    padding: 11px;
    object-position: center top;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    padding: 9px
}

.horoscope-item:hover {
    background: #fff;
    opacity: .97;
    box-shadow: 0 0 14px rgba(9, 9, 10, .29);
    transform: scale(1.011)
}

.horoscope-item:hover img {
    background-color: rgba(185, 33, 49, .09)
}

.dnn_special-block {
    background: linear-gradient(251deg, rgba(191, 30, 46, 0) 1.69%, rgba(254, 236, 236, .59) 99.37%);
    padding: 20px 0;
    position: relative;
    margin-top: 20px
}

.dnn_special-block .dn-grid {
    grid-gap: 15px
}

.dnn_special-block::before {
    background-image: url("../images/pattern-wave.png");
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    content: "";
    opacity: .3
}

.dnn_special-block .sec-title {
    margin: 0 0 20px 0;
    position: relative;
    display: flex;
    justify-content: center
}

.dnn_special-block .sec-title:before {
    background: #bf1e2e
}

.dnn_special-block .sec-title h2 {
    font-size: 18px;
    padding-left: 14px;
    background: #bf1e2e;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 800;
    padding-right: 25px;
    transform: skew(-10deg)
}

.dnn_special-block .sec-title h2 a {
    position: relative;
    color: #fff;
    z-index: 1
}

.dnn_special-block .sec-title h2 i {
    margin-right: 4px;
    font-size: 22px
}

.dnn_special-block .col5,
.dnn_special-block .col7 {
    grid-column: span 12
}

.dnn_special-block .col3 {
    grid-column: span 6
}

.section-photo-story .dn-grid {
    grid-gap: 15px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    grid-gap: 15px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.section-photo-story .dn-grid .col4,
.section-photo-story .dn-grid .col8 {
    flex: 0 0 250px
}

.samachar-section.interview-section .col12 .article-excerpt__content--wrap,
.samachar-section.interview-section .col8 .article-excerpt__content--wrap {
    position: relative;
    background: linear-gradient(to right, #004863, #4376a5)
}

.samachar-section.interview-section .col12 .article-excerpt__content--wrap:before,
.samachar-section.interview-section .col8 .article-excerpt__content--wrap:before {
    top: -10px;
    left: 50%;
    transform: translateY(-50%) rotate(90deg);
    z-index: 2;
    color: #236086;
    content: "\f2f4";
    font-family: Material-Design-Iconic-Font;
    position: absolute;
    font-size: 100px
}

.samachar-section.interview-section .col12 .article-excerpt__content--wrap:after,
.samachar-section.interview-section .col8 .article-excerpt__content--wrap:after {
    position: absolute;
    right: 20px;
    top: 0;
    content: "\f1b2";
    font-family: Material-Design-Iconic-Font;
    font-size: 105px;
    color: #fff;
    opacity: .2
}

.samachar-section.interview-section .col12 .article-excerpt__content--wrap .news-title a,
.samachar-section.interview-section .col8 .article-excerpt__content--wrap .news-title a {
    color: #fff
}

.samachar-section.interview-section .col12 .article-excerpt__content--wrap p,
.samachar-section.interview-section .col8 .article-excerpt__content--wrap p {
    color: #fff;
    opacity: .85
}

.section-interview-news .dn__side--add .section-blog-post {
    padding-top: 20px;
    max-width: inherit;
    margin-top: 15px;
    border-top: 2px solid #bf1e2e
}

.blog-post.thumbnail-news {
    border-bottom: 1px solid rgba(204, 204, 204, .5490196078);
    padding: 12px 0;
    position: relative
}

.blog-post.thumbnail-news .newsInfo div {
    opacity: .75;
    font-weight: 500
}

.blog-post.thumbnail-news:first-child {
    padding-top: 0
}

.blog-post.thumbnail-news:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.blog-post.thumbnail-news>a {
    padding-left: 64px;
    display: flex
}

.blog-post.thumbnail-news>a .author-icon {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    overflow: hidden;
    max-width: inherit;
    min-width: inherit;
    position: absolute;
    left: 0
}

.blog-post.thumbnail-news>a .author-icon img {
    max-width: inherit;
    min-width: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section-constitution {
    background: linear-gradient(251deg, rgba(243, 249, 255, .68) 1.69%, rgba(191, 30, 46, .11) 99.37%);
    padding-top: 35px
}

.section-constitution .dn-container .sec-title {
    margin: 0 0 20px 0;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center
}

.section-constitution .dn-container .sec-title h2 {
    padding-left: 25px;
    padding-right: 25px;
    background: #bf1e2e !important;
    font-size: 18px;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: -16px;
    transform: skew(-10deg)
}

.section-constitution .dn-container .sec-title:before {
    background: #bf1e2e !important
}

.section-constitution:after {
    content: url(../images/book.png);
    position: absolute;
    right: 0;
    bottom: -10px;
    opacity: .23;
    z-index: -1
}

.section-constitution .col3 {
    grid-column: span 6
}

.section.section-health-news .dn__side--add {
    border-top: none;
    padding-top: 5px
}

.section.section-health-news .dn-grid {
    grid-gap: 15px
}

.section.section-health-news .article-excerpt-default .article-excerpt-default__link .news-title-large {
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700
}

.section.section-health-news .thumbnail-news.col6 {
    grid-column: span 12
}

.section.section-health-news .dn__side--add {
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 2px solid #bf1e2e
}

.section.section-crime-news.section-literature-news .list-news ul,
.tech-news .list-news ul {
    margin-top: 10px
}

.section.section-crime-news.section-literature-news .list-news ul li,
.tech-news .list-news ul li {
    position: relative;
    padding: 8px 0 8px 23px;
    border-top: 1px solid rgba(33, 30, 30, .1490196078)
}

.section.section-crime-news.section-literature-news .list-news ul li:first-child,
.tech-news .list-news ul li:first-child {
    border-top: none
}

.section.section-crime-news.section-literature-news .list-news ul li:before,
.tech-news .list-news ul li:before {
    position: absolute;
    left: 0;
    top: 20px;
    content: "";
    background: #bf1e2e;
    width: 6px;
    height: 6px;
    border-radius: 100%
}

.section.section-crime-news.section-literature-news .list-news ul li a h3,
.tech-news .list-news ul li a h3 {
    font-weight: 700;
    font-size: 17px;
    line-height: 1.58
}

.section.section-sports-news .dn-grid {
    grid-gap: 15px
}

.section.section-sports-news .dn-grid .overlay-news {
    grid-column: span 12
}

.section.section-sports-news .dn-grid .col3 {
    grid-column: span 6
}

.section-entertainment {
    background: #022c6b url("https://themadheshpost.com/wp-content/uploads/2025/06/55.jpg");
    padding: 20px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    background-attachment: fixed
}

.section-entertainment .sec-title h2,
.section-entertainment a.more {
    background: #3a062c;
    color: #fff
}

.section-entertainment .dn-grid {
    grid-gap: 15px
}

.section-entertainment .dn-grid .col4,
.section-entertainment .dn-grid .col8 {
    grid-column: span 12
}

.section-entertainment .dn-grid .overlay-news.col4 {
    grid-column: span 6
}

.section-entertainment .dn-grid .overlay-news.col4 h2 {
    font-size: 18px
}

.section.white .sec-title::before {
    background: #fff
}

.section.section-world-news .dn-grid {
    grid-gap: 15px
}

.section-prabash-news .dn-grid {
    grid-gap: 15px
}

.section-prabash-news .dn-grid .overlay-news {
    grid-column: span 12
}

.section-prabash-news .dn-grid .col5 {
    grid-column: span 12
}

.section-prabash-news .dn__side--add {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 2px solid #bf1e2e
}

.section-prabash-news .dn__side--add .thumbnail-news:not(:last-child) {
    margin-bottom: 12px
}

.section.section-special-news .dn-grid {
    grid-gap: 15px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-wrap: nowrap
}

.section.section-special-news .dn-grid .overlay-news {
    flex: 0 0 250px
}

.section.section-special-news .dn-grid .overlay-news .overlay-news-content h2 {
    font-size: 20px;
    font-weight: 700
}

.section-rochak-news .dn-grid {
    grid-gap: 15px
}

.section-rochak-news .dn-grid .col5 {
    grid-column: span 12
}

.section-rochak-news .dn-grid .col4 {
    grid-column: span 12
}

.bg-black {
    background: #000 url("https://themadheshpost.com/wp-content/uploads/2025/06/66.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 0
}

.bg-black .sec-title a.more {
    background: #000;
    color: #fff
}

.bg-black .sec-title h2 {
    background: #000;
    color: #fff
}

.bg-black .sec-title h2 a {
    color: #fff
}

.section-tv .col5,
.section-tv .col7 {
    grid-column: span 12
}

.section-tv .thumbnail-news {
    padding: 12px 0 12px 0;
    border-top: 1px solid rgba(255, 255, 255, .168627451)
}

.section-tv .thumbnail-news:first-child {
    padding-top: 0;
    border-top: none
}

.section-tv .thumbnail-news:last-child {
    padding-bottom: 0
}


.sticky-header-adv {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

.sticky-header-adv .dn-container>div>div {
    padding: 15px 0 15px 0
}

.sticky-header-adv .mobile-mode div a img {
    height: 75px;
    display: block;
    width: 100%
}

.header-adv {
    line-height: 0
}

.header-adv .dn-wrap .mobile-mode {
    padding: 15px
}

.super-block.exclusive--news.special__block--v4 .dn-grid {
    margin-top: 15px;
    grid-gap: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: auto;
    list-style: none;
    text-align: left;
    display: flex
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col {
    flex: 0 0 260px
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col>a {
    height: 300px;
    overflow: hidden
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder {
    padding-bottom: 30px
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .heading {
    line-height: 1.3
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .heading a {
    line-height: 1.3;
    font-size: 19px;
    display: block
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .newsInfo {
    padding: 5px 0 0 0;
    gap: 10px
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .newsInfo div {
    font-size: 13px
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .newsInfo div:not(:last-child) {
    margin-right: 0
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .newsInfo div span {
    font-size: 13px
}

.super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .newsInfo div span a {
    font-size: 13px
}

.columnnews a .video-play {
    position: absolute;
    top: 15px;
    right: 14px;
    color: #fff;
    background: 0 0;
    font-size: 45px;
    padding: 0
}

.uml-election {
    padding: 20px 0;
    background: #a60e0e;
    position: relative
}

.uml-election:after {
    content: "";
    background: url(../images/uml-logo.png);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .1
}

.uml-election .elec-title-wrap {
    position: relative;
    z-index: 1;
    color: #fff;
    margin-bottom: 12px;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.uml-election .elec-title-wrap .elec-title {
    font-size: 20px;
    font-weight: 600;
    font-family: poppins;
    padding-bottom: 7px;
    display: inline-block;
    vertical-align: middle
}

.uml-election .elec-title-wrap span {
    font-size: 14px;
    opacity: .8;
    font-weight: 600;
    padding-left: 8px
}

.uml-election .elec-title-wrap .more {
    margin: 0
}

.uml-election .elec-title-wrap .more a {
    margin-top: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.uml-election .elec-title-wrap .more a i {
    font-size: 17px;
    padding-left: 5px
}

.uml-election .election-news-section {
    background: 0 0;
    padding: 0 !important;
    color: #fff;
    position: relative;
    z-index: 1
}

.uml-election .election-news-section .columnnews .columnnews-wrap h3 {
    color: #fff
}

.single-special-landing {
    background: rgba(0, 0, 0, .9019607843);
    color: #fff;
    padding: 20px 0
}

.single-special-landing .video-box {
    margin-bottom: 15px
}

.single-special-landing .video-box iframe {
    max-height: 250px;
    width: 100%
}

.special-detail-landing .photofeature-wrap {
    margin-top: 20px
}

.special-detail-landing .photofeature-wrap .dn-grid {
    grid-gap: 15px
}

.special-detail-landing .post-detail {
    padding: 0 0 12px 0;
    margin-top: 0;
    border-top: none
}

.special-detail-landing .post-detail .newsInfo {
    gap: 10px
}

.special-detail-landing .post-detail .newsInfo div.post-hour {
    border-left: none;
    margin-left: auto;
    padding: 0;
    margin-right: 0
}

.special-detail-landing .post-detail .newsInfo div.post-hour span {
    font-size: 12px;
    opacity: .75
}

.special-detail-landing .post-detail .newsInfo div.mobile-mode {
    display: block
}

.special-detail-landing .post-detail .newsInfo div.mobile-mode a {
    margin-right: 0
}

.special-detail-landing .post-detail .news-post-share {
    text-align: center;
    width: 100%;
    justify-content: center;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .0901960784);
    margin-top: 11px
}

.contentexcerpt {
    font-size: 20px;
    opacity: .75;
    font-weight: 500;
    margin: 0;
    margin-top: 15px;
    border-top: rgba(204, 204, 204, .7411764706) solid 1px;
    padding: 15px 0 0 0;
    line-height: 1.6
}

.news-detail-landing {
    padding-top: 0
}

.post-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 12px 0 12px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    border-top: 1px dashed rgba(0, 0, 0, .2);
    transition: all .1s ease-in-out;
    margin-top: 10px
}

.post-detail .newsInfo {
    width: 100%;
    justify-content: space-between
}

.post-detail .newsInfo div {
    font-size: 14px
}

.post-detail .newsInfo div>img:first-child {
    margin-left: 0
}

.post-detail .newsInfo div:not(:last-child) {
    margin-right: 14px
}

.post-detail .newsInfo div i {
    margin-right: 4px;
    font-size: 12px
}

.post-detail .newsInfo div.post-hour img {
    margin-right: 2px;
    width: 12px;
    opacity: .5;
    display: inline-block;
    vertical-align: middle
}

.post-detail .newsInfo div.post-hour span {
    font-size: 12px;
    opacity: .75
}

.post-detail .newsInfo div a {
    font-size: 13px;
    font-weight: 600
}

.post-detail .news-post-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    position: relative;
    flex-wrap: wrap;
    z-index: 1;
    padding-top: 8px
}

.post-detail .news-post-share .comment a {
    display: inherit
}

.post-detail .news-post-share .comment a i {
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    font-size: 25px;
    margin-right: 8px;
    color: #bf1e2e
}

.post-detail .news-post-share .comment a span {
    font-size: 20px;
    font-weight: 900;
    color: #bf1e2e;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.featured-image {
    margin: 15px 0 0 0;
    position: relative;
    line-height: 1
}

.featured-image img {
    width: 100%;
    border-radius: 3px
}

.featured-image .news-contentarea .incontent-caption,
.featured-image figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    padding: 10px 10px;
    font-size: 13px;
    line-height: 1.78;
    border-radius: 0 0 3px 3px
}

.news-video iframe,
.the-content iframe {
    margin-top: 20px;
    display: block;
    width: 100%;
    max-height: 300px
}

.the-content .table-container {
    max-height: 400px;
    width: 100%;
    overflow-x: auto
}

.the-content iframe {
    margin-top: 0
}

.the-content table {
    margin-bottom: 20px;
    border-collapse: collapse;
    width: 100%
}

.the-content table tr {
    background: #fff;
    border-radius: 0 3px 3px 0
}

.the-content table tr:first-child {
    border-bottom: 2px solid rgba(0, 0, 0, .1019607843);
    padding: 5px 19px;
    font-weight: 800;
    font-size: 16px;
    text-align: left;
    background: #f2f2f2;
    position: sticky;
    top: 0
}

.the-content table tr:nth-child(2n) {
    background-color: rgba(191, 30, 46, .06)
}

.the-content table tr:hover {
    background: rgba(0, 0, 0, .05)
}

.the-content table tr td {
    padding: 8px 15px;
    border-bottom: 1px solid #dee2e6;
    font-size: 15px;
    font-weight: 300;
    white-space: nowrap
}

.the-content table tr td strong {
    font-weight: 700
}

.the-content ol,
.the-content ul {
    margin: 0;
    list-style: none;
    padding: 0 0 16px 0
}

.the-content ol li,
.the-content ul li {
    margin-bottom: 9px;
    position: relative;
    padding-left: 20px;
    display: block
}

.the-content ol li:last-child,
.the-content ul li:last-child {
    margin-bottom: 0
}

.the-content ol li:before,
.the-content ul li:before {
    content: "";
    height: 8px;
    width: 8px;
    position: absolute;
    background: #bf1e2e;
    left: 0;
    top: 13px;
    border-radius: 100%
}

.the-content blockquote {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 400
}

.the-content blockquote.blockquote-left,
.the-content blockquote.blockquote-right {
    background: 0 0;
    padding: 0;
    position: relative;
    margin: 0 0 20px 0;
    color: #bf1e2e;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 800
}

.the-content blockquote.blockquote-left:before,
.the-content blockquote.blockquote-right:before {
    content: "\f1b2";
    font-family: Material-Design-Iconic-Font;
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 140px;
    opacity: .2;
    line-height: 0;
    color: #bf1e2e
}

.the-content blockquote.blockquote-left {
    margin-bottom: 15px
}

.the-content blockquote.blockquote-right::before {
    left: 0
}

.flex.content-flex {
    display: block
}

.flex.content-flex .post__detail-fixed {
    display: block;
    max-width: inherit;
    position: relative;
    padding-bottom: 0;
    z-index: 1
}

.flex.content-flex .post-detail {
    border: none;
    display: block;
    padding: 0;
    text-align: center;
    margin: 12px 0 0 0;
    position: sticky;
    top: 190px
}

.flex.content-flex .post-detail .newsInfo {
    display: block;
    text-align: right
}

.flex.content-flex .post-detail .newsInfo .comment,
.flex.content-flex .post-detail .newsInfo .post-hour,
.flex.content-flex .post-detail .newsInfo .share-counter,
.flex.content-flex .post-detail .newsInfo .user,
.flex.content-flex .post-detail .newsInfo div#st-2 {
    display: none
}

.flex.content-flex .post-detail .newsInfo .bookmark {
    margin-right: 0;
    padding: 0
}

.flex.content-flex .post-detail .newsInfo .bookmark a {
    font-size: 16px;
    text-align: left;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    margin: 0;
    position: relative
}

.flex.content-flex .post-detail .newsInfo .bookmark a i {
    margin: 0 10px 0 0;
    color: rgba(35, 37, 45, .54);
    font-size: 18px;
    border: 2px solid rgba(35, 37, 45, .54);
    width: 32px;
    height: 32px;
    display: inline-flex;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    border-radius: 8px;
    justify-content: center;
    align-items: center
}

.flex.content-flex .post-detail .newsInfo .bookmark a:hover i {
    background: #bf1e2e;
    color: #fff;
    border-color: #bf1e2e
}

.news-contentarea,
.the-content {
    position: relative;
    flex: 2;
    margin: 12px 0 0 0;
    font-weight: 400;
    line-height: 1.8;
    text-align: justify;
    font-size: 20px
}

.news-contentarea p,
.the-content p {
    font-weight: 500;
    margin: 0 0 15px 0;
    font-weight: 400;
    line-height: 1.8;
    text-align: justify
}

.highlight-container {
    background: #f1f1f1;
    border-radius: 8px
}

.highlight-container .highlight-title {
    background: #bf1e2e;
    color: #fff;
    padding: 8px 20px;
    font-weight: 800;
    border-radius: 8px 8px 0 0
}

.highlight-container .highlight-body {
    padding: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    opacity: .95;
    line-height: 1.7;
    text-align: justify;
    color: #000
}

.content-banner--single {
    border: 1px solid #bf1e2e;
    justify-content: space-around;
    margin-bottom: 20px;
    text-align: center;
    column-count: 1;
    column-gap: 15px;
    padding-bottom: 10px;
    border-left: none;
    border-right: none;
    padding-top: 30px;
    line-height: 1
}

.related-thumbnail .insidenews-related strong,
.related-thumbnail .related-news-title {
    font-weight: 700;
    font-size: 25px;
    display: block;
    position: relative;
    color: #bf1e2e
}

.related-thumbnail .thumbnail-news {
    background: #f1f1f1;
    margin-bottom: 15px;
    border-radius: 0 3px 3px 0
}

.related-thumbnail .thumbnail-news>a {
    float: left;
    margin-right: 25px
}

.related-thumbnail .thumbnail-news>a img {
    border-radius: 3px 0 0 3px;
    max-width: 125px;
    min-width: 125px;
    height: 100%;
    margin-right: 0;
    object-fit: cover;
    flex: auto
}

.related-thumbnail .thumbnail-news .thumbnail-content-wrap {
    padding: 20px 15px 20px 0
}

.related-thumbnail .thumbnail-news .thumbnail-content-wrap .news-title {
    font-weight: 500;
    color: #12356d;
    line-height: 1.45;
    font-size: 21px;
    margin-bottom: 0;
    opacity: 1;
    text-align: left
}

.related-thumbnail .thumbnail-news .thumbnail-content-wrap .news-title a {
    font-weight: 700;
    opacity: 1;
    color: #12356d
}

.insidenews-related {
    background: #fff;
    padding: 20px 15px 20px 20px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .1294117647);
    border-radius: 3px;
    margin-bottom: 20px
}

.insidenews-related .related-news-title,
.insidenews-related strong {
    font-weight: 700;
    font-size: 25px;
    display: block;
    position: relative;
    color: #bf1e2e
}

.insidenews-related a {
    padding-left: 20px;
    font-size: 18px;
    color: #12356d;
    position: relative;
    display: block;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, .1490196078);
    padding-bottom: 9px;
    padding-top: 4px
}

.insidenews-related a:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.insidenews-related a:hover {
    color: #bf1e2e
}

.insidenews-related a:before {
    content: "";
    height: 8px;
    width: 8px;
    position: absolute;
    background: #bf1e2e;
    left: 0;
    top: 13px;
    border-radius: 100%
}

.insidenews-related.insidenews-left,
.insidenews-related.insidenews-right {
    z-index: 1;
    position: relative;
    margin-bottom: 20px !important
}

.related-tags {
    margin-top: 15px;
    text-align: right
}

.related-tags a {
    font-size: 13px;
    padding: 5px 15px 5px 25px;
    border-radius: 60px;
    background: #fff;
    display: inline-block;
    color: #bf1e2e;
    font-weight: 700;
    position: relative;
    box-shadow: 0 0 7px rgba(0, 0, 0, .2705882353);
    margin: 0 0 7px 11px
}

.related-tags a::before {
    position: absolute;
    content: "#";
    left: 15px;
    top: 5px
}

.tournment-fixtures {
    background: #130663;
    padding: 20px 0
}

.tournment-fixtures .fixtures-title {
    margin-bottom: 15px;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Hind', sans-serif;
}

.tournment-fixtures .sec-title:before {
    background: 0 0;
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 100%;
    height: 1px;
    opacity: .3
}

.tournment-fixtures .sec-title h2 {
    background: #130663;
    color: #fff
}

.tournment-fixtures .sec-title a.more {
    background: #bf1e2e;
    color: #fff;
    border-radius: 28px;
    padding: 5px 14px;
    font-size: 14px
}

.section-medium.news-detail-landing .tournment-fixtures {
    padding: 20px 18px;
    margin: 15px 0 0 0;
    border-radius: 8px
}

.section-medium.news-detail-landing .tournment-fixtures .sec-title h2 {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px
}

.section-medium.news-detail-landing .tournment-fixtures .sec-title h2 img {
    width: 35px;
    height: 35px;
    margin-right: 6px;
    border-radius: 5px
}

.section-medium.news-detail-landing .tournment-fixtures .flex {
    gap: 15px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.section-medium.news-detail-landing .tournment-fixtures .flex>a {
    flex: 0 0 280px
}

.section-medium.news-detail-landing .tournment-fixtures .flex>a .fixture-type {
    top: 3px;
    right: 6px
}

.author-title,
.comment-title,
.reaction-wrap h2 {
    font-size: 22px;
    font-weight: 600;
    color: #bf1e2e
}

.reaction-wrap {
    border: 1px solid rgba(0, 0, 0, .09);
    padding: 18px 20px;
    border-radius: 3px
}

.reaction-wrap .reaction-emoji {
    gap: 14px;
    margin-top: 12px
}

.reaction-wrap .reaction-emoji>div {
    text-align: center;
    flex: 0 0 45%
}

.reaction-wrap .reaction-emoji>div .rction-emoji-wrap {
    transition: .3s linear;
    cursor: pointer;
    transform: translateY(5px);
    position: relative;
    display: block
}

.reaction-wrap .reaction-emoji>div .rction-emoji-wrap:hover {
    transition: .3s linear;
    transform: translateY(-5px)
}

.reaction-wrap .reaction-emoji>div .rction-emoji-wrap img {
    width: 38px;
    height: 38px;
    object-fit: contain
}

.reaction-wrap .reaction-emoji>div .rction-emoji-wrap.emoji-likes strong {
    color: #31caa8
}

.reaction-wrap .reaction-emoji>div .rction-emoji-wrap.emoji-dislikes strong {
    color: #ff6756
}

.reaction-wrap .reaction-emoji>div .rction-emoji-wrap.emoji-neutral strong {
    color: #99a4b7
}

.reaction-wrap .reaction-emoji>div .rction-emoji-wrap.emoji-angry strong {
    color: #e14a4a
}

.reaction-wrap .reaction-emoji>div .rction-emoji-wrap p {
    font-size: 15px;
    font-weight: 600;
    color: rgba(0, 0, 0, .59);
    font-family: 'Hind', sans-serif;
    text-transform: capitalize
}

.m-35 {
    margin: 20px 0
}

.comment-list-wrap {
    border-top: 1px solid rgba(0, 0, 0, .0588235294);
    padding-top: 18px;
    margin: 18px 0 0 0
}

.comment-list-wrap .comment-title {
    padding-bottom: 10px
}

.comment-list-wrap .comment-count {
    background: #bf1e2e;
    color: #fff;
    font-family: 'Hind', sans-serif;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 3px
}

.feedback-row {
    margin-top: 15px;
    position: relative
}

.feedback-row .text-link {
    margin-bottom: 0
}

.feedback-row .name {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.3px;
    font-family: poppins;
    line-height: 1.65;
    display: flex;
    opacity: .8;
    align-items: center;
    gap: 10px
}

.feedback-row .user-name {
    padding-left: 50px
}

.feedback-row .user-icon {
    position: absolute;
    flex: 1;
    height: 40px;
    width: 40px;
    max-width: 40px;
    min-width: 40px;
    overflow: hidden;
    padding: 2px;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .2392156863);
    top: 0;
    left: 0
}

.feedback-row .user-icon img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
    object-fit: cover
}

.feedback-row .user-feedback {
    flex: 2;
    width: 100%;
    margin: 0
}

.feedback-row .total-reply {
    display: inline-block;
    font-family: poppins;
    font-size: 13px;
    font-weight: 600
}

.feedback-row .total-reply strong {
    font-family: 'Hind', sans-serif;
    border: 1px solid #bf1e2e;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    color: #bf1e2e;
    margin-right: 7px;
    font-size: 16px;
    font-weight: 500
}

.feedback-row .feedback-date {
    font-size: 12px;
    line-height: 1;
    padding-top: 4px
}

.feedback-row .feedback {
    padding: 15px;
    margin-top: 15px;
    font-size: 15px;
    line-height: 175%;
    position: relative;
    font-weight: 500;
    color: rgba(0, 0, 0, .7882352941);
    background: #f1f1f1;
    border-radius: 3px
}

.feedback-row .feedback .comment-form {
    padding: 0;
    background: 0 0;
    margin-top: 15px
}

.feedback-row .replies {
    margin: 18px 0 0 20px
}

.text-link {
    margin-bottom: 20px;
    font-weight: 700;
    position: relative;
    margin-top: 10px;
    display: inline-block;
    color: #bf1e2e;
    font-size: 14px;
    margin-right: 5px;
    font-weight: 600;
    transition: all .1s ease-in-out
}

.text-link:before {
    width: 35px;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    background: #bf1e2e;
    height: 2px;
    transition: all .1s ease-in-out
}

.text-link:hover:before {
    width: 100%
}

.comment-form {
    background: rgba(6, 6, 6, .04);
    padding: 20px;
    border-radius: 3px
}

.comment-form .form-group {
    position: relative;
    margin-bottom: 15px
}

.comment-form .form-group:last-child {
    margin-bottom: 0
}

.comment-form .form-group label {
    font-size: 15px;
    display: block;
    font-weight: 800;
    opacity: .8
}

.comment-form .form-group textarea {
    width: 100%;
    font-family: 'Hind', sans-serif;
    height: 100px;
    border-radius: 4px;
    margin-top: 0;
    font-size: 17px;
    line-height: 175%;
    padding: 6px 15px 5px 12px;
    border: none;
    outline: 0;
    resize: none;
    border: 1px solid #ccc
}

.fb-comment-wrap {
    background: rgba(6, 6, 6, .04);
    padding: 15px 25px 0 25px;
    border: 1px solid rgba(0, 0, 0, .0588235294);
    border-radius: 3px
}

.fb-comment-wrap iframe {
    width: 100% !important
}

.about_author {
    background: #fff;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 0 18px rgba(21, 22, 22, .09);
    font-weight: 500;
    padding-bottom: 0
}

.about_author .author-title {
    margin-bottom: 15px
}

.about_author .author_img img {
    height: 48px;
    width: 48px;
    max-width: 48px;
    border-radius: 50%;
    margin-right: 15px;
    padding: 4px;
    border: 1px dashed #bf1e2e;
    background: #fff;
    object-fit: cover
}

.about_author .author_bio {
    flex: 1;
    position: relative
}

.about_author .author_bio h6 {
    font-size: 14px;
    margin-bottom: 3px;
    color: #000;
    font-weight: 600;
    font-family: poppins
}

.about_author .author_bio p {
    margin: 0;
    color: #bf1e2e;
    font-size: 14px
}

.about_author .author_bio .text-link {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px
}

.about_author .author_bio .author-social {
    margin-top: 15px;
    position: static
}

.about_author .author_bio .author-social a {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    color: #000;
    transition: all .1s ease-in-out;
    opacity: .6;
    font-size: 15px;
    background: rgba(0, 0, 0, .1019607843);
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 100%
}

.about_author .author_bio .author-social a:hover {
    color: #fff;
    background: #bf1e2e;
    opacity: 1
}

.news-container {
    width: 100%
}

.related-news .dn-grid,
.you-missed-it .dn-grid {
    grid-gap: 15px
}

.related-news .dn-grid .col3,
.related-news .dn-grid .col4,
.you-missed-it .dn-grid .col3,
.you-missed-it .dn-grid .col4 {
    grid-column: span 6
}

.read-more .dn-grid {
    grid-gap: 15px
}

.read-more .dn-grid .col6 {
    grid-column: span 12
}

.sidebar-news-title {
    color: #bf1e2e;
    font-size: 25px;
    font-family: poppins;
    margin-bottom: 0
}

.sidebar-news-title span {
    margin-right: 5px
}

.m-30 {
    margin: 25px 0 0 0
}

.just-in-news ul,
.trending-sidebar ul {
    margin-bottom: 20px
}

.just-in-news ul li,
.trending-sidebar ul li {
    position: relative;
    padding: 9px 0 9px 20px
}

.just-in-news ul li a .news-title,
.trending-sidebar ul li a .news-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5
}

.bg-shades {
    background: #f0f0f0;
    padding: 25px 0
}

.bg-shades .sec-title a.more,
.bg-shades .sec-title h2 {
    background: #f0f0f0
}

.columnnews.column-bg-white {
    background: #fff;
    box-shadow: 0 7px 17px rgba(0, 0, 0, .0588235294)
}

.columnnews.column-bg-white .columnnews-wrap {
    background: #fff;
    padding: 20px;
    padding-top: 0;
    border-radius: 0 0 3px 3px
}

.contentarea-adv .dn-container {
    padding: 0
}

.stickycontent-adv {
    position: fixed;
    bottom: 140px;
    left: 20px;
    background: #fff;
    border-radius: 100%;
    z-index: 1
}

.stickycontent-adv div a img {
    box-shadow: 0 4px 12px #000;
    display: block;
    border-radius: 100%;
    box-shadow: 3px 6px 17px rgba(0, 0, 0, .2784313725);
    padding: 4px
}

.stickycontent-adv .trigger-close {
    top: -30px;
    right: 0
}

.cube-container {
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    bottom: 80px;
    right: 80px;
    perspective: 800px;
    z-index: 12
}

.cube-container .trigger-close {
    top: -27px;
    right: -30px;
    position: absolute
}

.cube-container .box-faces {
    position: relative;
    width: 150px;
    transform-style: preserve-3d;
    height: 150px;
    animation: rotate 12s linear infinite
}

.cube-container .box-faces .box-face {
    outline: 1px solid #999;
    position: fixed;
    width: 150px;
    height: 150px;
    box-shadow: inset 0 0 100px #555
}

.cube-container .box-faces .box-face.box-face--is-0 {
    transform: translateZ(100px);
    background-color: #000
}

.cube-container .box-faces .box-face.box-face--is-1 {
    transform: translateZ(-50px) rotateY(180deg);
    background-color: #eee
}

.cube-container .box-faces .box-face.box-face--is-2 {
    transform: rotateY(270deg) translateX(-50px);
    transform-origin: center left;
    background-color: #ddd
}

.cube-container .box-faces .box-face.box-face--is-3 {
    transform: rotateY(-270deg) translateX(50px);
    transform-origin: top right;
    background-color: #ddd
}

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

    100% {
        transform: rotateY(360deg)
    }
}

.poll-wrapper {
    border-radius: 15px;
    padding: 15px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1215686275);
    position: relative;
    z-index: 1;
    background: rgba(17, 17, 17, .0196078431)
}

.poll-wrapper .poll-header .title {
    color: #bf1e2e;
    margin-bottom: 8px;
    font-size: 20px;
    font-style: italic
}

.poll-wrapper .poll-header .title i {
    margin-right: 4px;
    font-size: 28px;
    display: inline-block
}

.poll-wrapper .poll-header img {
    border-radius: 3px;
    margin-bottom: 6px
}

.poll-wrapper .poll-header h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0
}

.poll-wrapper .poll-area {
    margin: 15px 0 5px 0
}

.poll-wrapper .poll-area .poll-option {
    position: relative;
    display: flex;
    align-items: center
}

.poll-wrapper .poll-area .poll-option label {
    font-size: 16px;
    border-radius: 10px;
    padding: 10px 0 10px 40px;
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    color: #000;
    border: transparent 1px solid;
    font-weight: 500;
    cursor: pointer;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1019607843)
}

.poll-wrapper .poll-area .poll-option label .option-text {
    padding-right: 80px;
    line-height: 1.3;
    display: block
}

.poll-wrapper .poll-area .poll-option label:before {
    content: "";
    height: 17px;
    width: 17px;
    border: 1.3px solid #ccc;
    border-radius: 50%;
    position: absolute;
    left: 11px;
    top: 12px;
    transition: .5s;
    background: #fff
}

.poll-wrapper .poll-area .poll-option label:after {
    content: "\f26b";
    font-family: Material-Design-Iconic-Font;
    position: absolute;
    left: 16px;
    top: 15px;
    opacity: 0;
    color: #fff;
    font-size: 11px;
    font-weight: 800
}

.poll-wrapper .poll-area .poll-option label:hover {
    border: 1px solid #bf1e2e;
    background: rgba(191, 30, 46, .1);
    color: #bf1e2e
}

.poll-wrapper .poll-area .poll-option label .value {
    right: 10px;
    position: absolute;
    font-size: 16px;
    font-weight: 800;
    top: 9px
}

.poll-wrapper .poll-area .poll-option input[type=radio] {
    height: 0;
    width: 0;
    opacity: 0;
    display: none
}

.poll-wrapper .poll-area .poll-option:not(:last-child) {
    margin-bottom: 16px
}

.poll-wrapper .poll-area .poll-option input[type=radio]:checked+label {
    border: 1px solid #bf1e2e;
    background: #f5e4e5
}

.poll-wrapper .poll-area .poll-option input[type=radio]:checked+label::before {
    background-color: #bf1e2e;
    border-color: #bf1e2e
}

.poll-wrapper .poll-area .poll-option input[type=radio]:checked+label:after {
    opacity: 1
}

.poll-wrapper .poll-area button {
    border: none;
    font-family: 'Hind', sans-serif;
    padding: 8px 20px 8px 20px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #bf1e2e;
    font-weight: 600;
    margin-top: 0;
    width: auto;
    text-align: center;
    width: 100%
}

.special__block>div {
    position: relative
}

.special__block>div:before {
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 30%, #000 100%);
    left: 0;
    bottom: -1px;
    position: absolute;
    content: "";
    border-radius: 3px;
    height: 100%;
    z-index: 1
}

.special__block>div img {
    height: 400px;
    width: 100%;
    object-fit: cover
}

.view-mode-wrap {
    z-index: 1;
    background: #fff
}

.view-mode-wrap .view-mode {
    text-align: center;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    border: none;
    font-weight: 500;
    font-family: poppins;
    font-size: 0;
    margin-left: 5px;
    font-weight: 600
}

.view-mode-wrap .view-mode i {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.view-mode-wrap .view-mode:hover {
    color: #bf1e2e
}

.section-grid-view .view-mode-wrap .view-mode.btn-grid-view {
    color: #bf1e2e
}

.section-list-view .view-mode-wrap .view-mode.btrn-list-view {
    color: #bf1e2e
}

.default-main-news .dn-grid {
    gap: 0
}

.default-main-news .dn-grid .col5,
.default-main-news .dn-grid .col7 {
    grid-column: span 12
}

.default-main-news .samachar-section {
    box-shadow: 3px 8px 34px rgba(0, 0, 0, .168627451);
    border-radius: 0 0 3px 3px
}

.default-main-news .samachar-section .article-excerpt__image {
    width: 100%;
    max-width: inherit;
    min-width: inherit
}

.default-main-news .samachar-section .article-excerpt__image a {
    display: block;
    height: 100%
}

.default-main-news .samachar-section .article-excerpt__image a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 3px 3px 0 0
}

.default-main-news .samachar-section .article-excerpt__content--wrap {
    padding: 20px 25px;
    background: #fff;
    padding-top: 9px
}

.default-main-news .samachar-section .article-excerpt__content--wrap h3 {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 10px
}

.default-main-news .samachar-section .article-excerpt__content--wrap h3 a {
    font-size: 100%;
    line-height: 1.2
}

.default-main-news .samachar-section .article-excerpt__content--wrap p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8
}

.default-news {
    margin-top: 15px
}

.default-news .dn-grid {
    grid-gap: 12px
}

.section-grid-view .default-news .dn-grid .col3 {
    grid-column: span 6
}

.section-grid-view .default-news .dn-grid .col3 .columnnews-wrap p {
    display: none
}

.section-grid-view .dn__side--add {
    display: none;
    transition: all .1s ease-in-out
}

.section-list-view .default-news .dn-grid {
    grid-gap: 12px
}

.section-list-view .default-news .dn-grid .col3 {
    grid-column: span 12
}

.section-list-view .default-news .dn-grid .col3 a {
    display: flex
}

.section-list-view .default-news .dn-grid .col3 a img {
    max-width: 90px;
    min-width: 90px;
    height: 70px;
    margin-right: 15px;
    object-fit: cover;
    border-radius: 3px;
    flex: auto;
    margin-left: 0
}

.section-list-view .default-news .dn-grid .col3 .columnnews-wrap h3 {
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700
}

.section-list-view .default-news .dn-grid .col3 .columnnews-wrap p {
    display: none
}

.section-list-view .dn__side--add {
    display: block;
    transition: all .1s ease-in-out
}

body.pradesh .date {
    font-weight: 700;
    opacity: 1 !important
}

body.pradesh .header-adv {
    background: #fff
}

body.pradesh .bg-header header {
    padding: 20px 15px;
    background: #bf1e2e;
    box-shadow: none
}

body.pradesh .site__navigation {
    margin-top: 0
}

.pardesh-category-new {
    margin-top: 20px
}

.pardesh-category-new .pradesh-category-title {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    padding: 8px 20px 8px 43px;
    position: relative;
    border-radius: 17px;
    display: inline-block;
    margin-bottom: 15px;
    background: #bf1e2e
}

.pardesh-category-new .pradesh-category-title:before {
    background: #fff;
    width: 7px;
    position: relative;
    height: 7px;
    content: "";
    position: absolute;
    left: 25px;
    top: 14px;
    border-radius: 100%;
    animation: blink 1.5s infinite
}

.pardesh-category-new .seven__col--grid {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: inherit;
    padding-bottom: 20px;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-wrap: nowrap;
    gap: 15px
}

.pardesh-category-new .seven__col--grid .pradesh-block-new a {
    display: block;
    background-position-x: 200px;
    text-align: center;
    height: 100px;
    width: 90px;
    border-radius: 11px;
    text-align: center;
    background-repeat: no-repeat;
    font-size: 17px;
    color: #fff;
    margin: auto;
    transition: all .1s ease-in-out;
    background: #fff;
    box-shadow: 0 5px 13px rgba(0, 0, 0, .32);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-weight: 900;
    padding: 0 15px;
    line-height: 1.3
}

.pardesh-category-new .seven__col--grid .pradesh-block-new a:hover {
    transform: scale(.9)
}

.pardesh-category-new .seven__col--grid .pradesh-block-new a.active {
    border: 7px solid #bf1e2e
}

@keyframes blink {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

.section.pradesh-samachar.section-mukhya-news .col6 {
    grid-column: span 12
}

.pradesh-tab-news .tab-news-wrap {
    display: none;
    padding: 15px 0 0 0
}

.pradesh-tab-news .tab-news-wrap.current {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.pradesh-tab-news ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px
}

.pradesh-tab-news ul li {
    line-height: 1.8;
    display: inline-block;
    padding: 4px 14px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    background: rgba(0, 0, 0, .1098039216);
    color: rgba(17, 17, 17, .5882352941);
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, .1294117647)
}

.pradesh-tab-news ul li:hover {
    color: #bf1e2e;
    border-color: #bf1e2e;
    background: #bf1e2e;
    background: rgba(191, 30, 46, .1098039216)
}

.pradesh-tab-news ul li.current {
    background: #bf1e2e;
    color: #fff
}

.pradesh-tab-news a.more {
    position: absolute;
    right: 0;
    top: 0
}

body.pradesh .section-special-news {
    margin-bottom: 30px
}

.mt-40.section-samachar-news.economy-news .col6 {
    grid-column: span 12
}

.mt-40.section-samachar-news.economy-news .dn__side--add {
    margin-top: 20px
}

.mt-40.section-samachar-news.economy-news .just-in-news ul {
    margin-bottom: 0
}

.mt-40.section-samachar-news.economy-news .just-in-news ul li:first-child {
    padding-top: 0
}

.section-industry-news .dn-grid {
    grid-gap: 15px;
    grid-template-columns: repeat(6, 1fr);
    grid-row-gap: 22px
}

.section-interview-news.section-economy-interview-news.mt-40 .col6 {
    grid-column: span 12
}

.section-filmy-news.mt-40 .dn-grid,
.section-market-news.mt-40 .dn-grid {
    grid-gap: 15px
}

.section-filmy-news.mt-40 .dn__side--add,
.section-market-news.mt-40 .dn__side--add {
    margin-top: 20px
}

.section-filmy-news.mt-40 .dn__side--add>div,
.section-market-news.mt-40 .dn__side--add>div {
    margin-bottom: 12px
}

.section-filmy-news.mt-40 .overlay-news,
.section-market-news.mt-40 .overlay-news {
    grid-column: span 12
}

.section-filmy-news.mt-40 .col4,
.section-market-news.mt-40 .col4 {
    grid-column: span 6
}

.arthabibid.mt-40.bg-shades .dn-grid,
.section-market-news.mt-40 .dn-grid {
    grid-gap: 15px;
    grid-template-columns: repeat(6, 1fr);
    grid-row-gap: 22px
}

.bg-black .sec-title::before {
    background: #fff
}

.section-auto-news .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%
}

.section-auto-news .owl-nav button {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all .1s ease-in-out
}

.section-auto-news .owl-nav button i {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 22px;
    border: 1px solid #fff;
    transition: all .1s ease-in-out
}

.section-auto-news .owl-nav button.owl-prev {
    left: 0
}

.section-auto-news .owl-nav button.owl-next {
    right: 0
}

.section-auto-news:hover .owl-nav button {
    visibility: visible;
    opacity: 1
}

.section-auto-news:hover .owl-nav button.owl-prev {
    left: 10px
}

.section-auto-news:hover .owl-nav button.owl-next {
    right: 10px
}

.section-bichar-news .article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
    height: 120px;
    margin-bottom: 5px
}

.section-bichar-news .article-excerpt-default .news-title {
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700
}

.section-bichar-news .article-excerpt-default .c-cards-view__author-name {
    margin-top: 10px
}

.section-bichar-news .dn-grid {
    grid-gap: 15px
}

.section-bichar-news .dn-grid .col4 {
    grid-column: span 6
}

.all-writers-wrap.bg-shades {
    background: #fae4e5
}

.all-writers-wrap.bg-shades .owl-dots {
    display: none
}

.all-writers-wrap.bg-shades.slidenavigation .owl-nav {
    top: -45px;
    background: #fae4e5
}

.all-writers-wrap.bg-shades .sec-title h2 {
    background: #fae4e5
}

.all-writers-wrap.bg-shades .sec-title h2 a {
    background: #fae4e5
}

.all-writers-wrap.bg-shades .sec-title a.more {
    background: #fae4e5
}

.slidenavigation .owl-carousel .owl-nav {
    position: absolute;
    top: -53px;
    right: 0
}

.slidenavigation .owl-carousel .owl-nav button {
    background: #bf1e2e;
    color: #fff;
    height: 32px;
    width: 32px;
    margin-left: 8px;
    font-size: 18px;
    border-radius: 100%;
    transition: all .1s ease-in-out;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.slidenavigation .owl-carousel .owl-nav button:hover i {
    transition: all .1s ease-in-out;
    animation: bounceAlpha .7s ease-in-out
}

.mt-40.section-interview-news {
    margin-bottom: 20px
}

.section-health-samachar .dn__side--add {
    margin-top: 20px
}

.section-health-samachar .dn__side--add .columnnews {
    border-bottom: 1px solid rgba(0, 0, 0, .1411764706);
    padding-bottom: 12px
}

.section-doctors-article .dn-grid {
    grid-gap: 15px
}

.section-doctors-article .thumbnail-news.col6 {
    grid-column: span 12
}

.section-doctors-article .dn__side--add {
    margin-top: 20px
}

.section-doctors-article .dn__side--add .thumbnail-news:not(:last-child) {
    margin-bottom: 12px
}

.section-fitness .dn-grid {
    grid-gap: 15px
}

.section-fitness .dn-grid .col8 {
    grid-column: span 12
}

.section-fitness .dn-grid .col4 {
    grid-column: span 6
}

.section-fitness .dn__side--add {
    margin-top: 20px
}

.section-fitness .dn__side--add .columnnews {
    border-bottom: 1px solid rgba(0, 0, 0, .1411764706);
    padding-bottom: 12px
}

.section-other-news {
    background: #ba8828;
    padding: 20px 0
}

.section-other-news .dn-grid {
    grid-gap: 15px
}

.section-other-news .sec-title::before {
    background: #fff
}

.section-other-news .sec-title h2 {
    color: #fff;
    background: #ba8828
}

.section-other-news .sec-title h2 a {
    color: #fff
}

.section-other-news .sec-title a.more {
    color: #fff;
    background: #ba8828
}

.section-other-news .columnnews.column-bg-white {
    background: #a07624;
    border-radius: 3px;
    grid-column: span 6
}

.section-other-news .columnnews.column-bg-white .columnnews-wrap {
    background: #a07624;
    border-radius: 3px
}

.entertainment-main-news .dn-container {
    padding: 0
}

.entertainment-main-news .dn-container .sec-title h2 {
    color: #fff
}

.entertainment-main-news .dn-container .sec-title h2 a {
    color: #fff
}

.section-filmy-news .dn-container .col3 {
    grid-column: span 6
}

.section-bollywood-news .dn-grid {
    grid-gap: 15px
}

.section-bollywood-news .dn-grid .col6 {
    grid-column: span 12
}

.section-bollywood-news .dn-grid .col3 {
    grid-column: span 6
}

.entertainment-music,
.entertainment-photo-gallery {
    margin-top: 20px
}

.entertainment-music .dn-grid {
    grid-gap: 15px
}

.entertainment-music .dn-grid .col3 {
    grid-column: span 6
}

.entertainment-photo-gallery .owl-dots {
    text-align: center;
    margin-top: 15px
}

.entertainment-photo-gallery .owl-dots button {
    left: 0;
    transition: all .1s ease-in-out;
    border: 2px solid rgba(15, 14, 14, .5215686275);
    height: 11px;
    width: 11px;
    margin-right: 7px;
    border-radius: 100%
}

.entertainment-photo-gallery .owl-dots button.active {
    background: #bf1e2e;
    border: transparent;
    transition: all .1s ease-in-out
}

.tournment-fixtures {
    margin-bottom: 30px
}

.tournment-fixtures .sec-title {
    margin-bottom: 15px;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.tournment-fixtures .sec-title h2 {
    font-size: 22px;
    padding-right: 0;
    display: flex;
    align-items: center;
    gap: 8px
}

.tournment-fixtures .sec-title h2 img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    background: #fff;
    border-radius: 18px;
    padding: 1px
}

.tournment-fixtures .owl-nav {
    text-align: center;
    margin-top: 15px
}

.tournment-fixtures .owl-nav button {
    font-weight: 500 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    height: 30px;
    width: 30px;
    margin-left: 8px;
    font-size: 19px !important;
    border-radius: 100%;
    transition: all .1s ease-in-out
}

.section-tv.sports-mainnews .dn-grid {
    grid-gap: 0
}

.section-tv.sports-mainnews .dn-grid .overlay-news {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.section-tv.sports-mainnews .dn-grid .col5 {
    background: #39562d;
    padding: 15px;
    border-radius: 0 3px 3px 0
}

.section-tv.sports-mainnews .dn-grid .col5 .all-news {
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, .1882352941)
}

.section-tv.sports-mainnews .dn-grid .col5 .all-news a {
    color: #fff;
    background: 0 0
}

.all-news {
    text-align: right;
    margin-top: 15px
}

.sports-football .dn-grid {
    grid-gap: 15px
}

.sports-football .dn-grid .col8 {
    grid-column: span 12
}

.sports-football .dn-grid .col4 {
    grid-column: span 6
}

.sports-football .dn__side--add {
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, .1882352941);
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-direction: column
}

.sports-interview .samachar-section .col8 {
    grid-column: span 12
}

.sports-interview .samachar-section .col4 {
    grid-column: span 12
}

.sports-cricket {
    margin-bottom: 20px
}

.sports-cricket .dn-grid {
    grid-gap: 15px
}

.sports-cricket .dn-grid .col6 {
    grid-column: span 12
}

.sports-cricket .dn-grid .col3 {
    grid-column: span 6
}

.tv-news-detail {
    color: #fff;
    font-size: 18px;
    opacity: .9;
    line-height: 1.5;
    border-bottom: 1px solid rgba(255, 255, 255, .1882352941);
    padding-bottom: 15px;
    margin-bottom: 8px;
    width: 100%
}

.tv-news-detail .news-title {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.55
}

.tv-news-video {
    height: 230px
}

.tv-news-video iframe {
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.tv-main-news {
    padding: 25px 5px
}

.tv-main-news .col5 {
    grid-column: span 12
}

.tv-main-news .col7 {
    grid-column: span 12;
    order: -1
}

.tv-main-news .dn-grid {
    grid-gap: 15px
}

.tv-main-news .columnnews {
    grid-column: span 6
}

.tv-main-news .columnnews i.video-play {
    display: none
}

.section__downloads-wraper .dn-grid {
    grid-gap: 15px
}

.section__downloads-wraper .special-card {
    background: #fff;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2196078431);
    grid-column: span 12
}

.section__downloads-wraper .special-card .news-title,
.section__downloads-wraper .special-card .news-title a {
    font-size: 18px
}

.downloads-content-area .title {
    font-size: 22px;
    margin-bottom: 15px
}

.downloads-content-area .col4,
.downloads-content-area .col8 {
    grid-column: span 12
}

.downloads-content-area .col4 .the-content,
.downloads-content-area .col8 .the-content {
    margin-top: 0
}

.download-pdf {
    padding: 10px 26px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    background: #bf1e2e;
    color: #fff;
    font-weight: 600
}

.download-pdf:hover {
    color: #fff;
    opacity: .75
}

.download-pdf i {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    padding-left: 10px
}

.author__intro {
    background: rgba(2, 2, 3, .04);
    border-bottom: solid 1px rgba(14, 14, 15, .07);
    padding: 20px 0
}

.author__intro .author__intro--bio {
    flex: 17
}

.author__intro .author__intro--icon {
    margin: 0;
    display: block;
    gap: 20px;
    text-align: center
}

.author__intro .author__intro--icon .author-icon {
    background: #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    border: 4px solid #fff;
    outline: solid 1px #bf1e2e
}

.author__intro .author__intro--icon .author-icon img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.author__intro .author__intro--icon h4 {
    font-size: 18px;
    margin: 9px 0 5px 0;
    color: #bf1e2e;
    font-weight: 700
}

.author__intro .author__intro--icon p {
    font-size: 16px;
    opacity: .75;
    font-weight: 500
}

.author__intro .author-social {
    display: flex;
    margin: 12px auto 0 auto;
    justify-content: center
}

.author__intro .author-social a {
    background: #fff;
    height: 35px;
    width: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: rgba(17, 17, 17, .6);
    font-size: 15px;
    margin: 0 0 0 8px;
    opacity: 1;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .1490196078);
    transition: all .1s ease-in-out
}

.author__content .dn-grid {
    grid-gap: 15px
}

.author__content .dn-grid .col3 {
    grid-column: span 6
}

.global-europe .dn-grid,
.global-malayasia .dn-grid {
    grid-gap: 15px
}

.global-europe .dn-grid .col8,
.global-malayasia .dn-grid .col8 {
    grid-column: span 12
}

.global-europe .dn-grid .col3,
.global-europe .dn-grid .col4,
.global-malayasia .dn-grid .col3,
.global-malayasia .dn-grid .col4 {
    grid-column: span 6
}

.global-europe .dn__side--add,
.global-malayasia .dn__side--add {
    margin-top: 15px;
    border-top: 1px solid #f1f1f1;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.global-middle-east .dn-grid {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: inherit;
    padding-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-wrap: nowrap;
    gap: 15px;
    display: flex
}

.global-middle-east .dn-grid .overlay-news {
    flex: 0 0 250px
}

.global-middle-east .dn__side--add {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: repeat(1, 1fr)
}

.global-america .dn-grid,
.global-europe .dn-grid,
.global-neighbours .dn-grid {
    gap: 15px
}

.global-america .dn-grid .col3,
.global-europe .dn-grid .col3,
.global-neighbours .dn-grid .col3 {
    grid-column: span 6
}

.global-japan-korea .dn__news--wrap,
.global-japan-korea .dn__side--add {
    flex: 100%;
    max-width: inherit
}

.global-japan-korea .dn-grid {
    grid-gap: 15px
}

@keyframes pulse-red {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 #fff
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 transparent
    }
}

.error-500 {
    display: flex;
    justify-content: center;
    background: rgba(209, 34, 41, .0392156863)
}

.error-500 img {
    margin: 65px auto
}

.error-404 {
    text-align: center
}

.smartbanner {
    border-bottom: 3px solid #fff
}

.smartbanner.smartbanner--android,
.smartbanner.smartbanner--ios {
    box-shadow: none;
    font-family: poppins;
    background-size: cover;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #a11b24;
    background-position: bottom left
}

.smartbanner.smartbanner--android .smartbanner__info__author,
.smartbanner.smartbanner--android .smartbanner__info__price,
.smartbanner.smartbanner--ios .smartbanner__info__author,
.smartbanner.smartbanner--ios .smartbanner__info__price {
    color: #fff;
    text-shadow: none
}

.smartbanner.smartbanner--android .smartbanner__info__title,
.smartbanner.smartbanner--ios .smartbanner__info__title {
    color: #fff;
    font-weight: 700;
    text-shadow: none;
    font-size: 16px
}

.smartbanner.smartbanner--android .smartbanner__info__price,
.smartbanner.smartbanner--ios .smartbanner__info__price {
    display: none
}

.smartbanner.smartbanner--android .smartbanner__info,
.smartbanner.smartbanner--ios .smartbanner__info {
    position: absolute;
    top: 10px;
    left: 91px;
    width: 65%
}

.smartbanner.smartbanner--android .smartbanner__info__author,
.smartbanner.smartbanner--ios .smartbanner__info__author {
    padding-right: 65px;
    font-size: 9px !important;
    font-weight: 700;
    padding-top: 4px
}

.smartbanner.smartbanner--android .smartbanner__button,
.smartbanner.smartbanner--ios .smartbanner__button {
    box-shadow: none;
    color: #fff;
    background: 0 0
}

.smartbanner.smartbanner--android .smartbanner__button .smartbanner__button__label,
.smartbanner.smartbanner--ios .smartbanner__button .smartbanner__button__label {
    background: #fff;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    color: #bf1e2e
}

.smartbanner.smartbanner--android .smartbanner__icon,
.smartbanner.smartbanner--ios .smartbanner__icon {
    position: absolute;
    top: 10px;
    left: 0;
    width: 68px;
    height: 69px;
    border-radius: 15px;
    background-size: 90px 68px
}

.smartbanner.smartbanner--android .smartbanner__exit,
.smartbanner.smartbanner--ios .smartbanner__exit {
    position: absolute;
    top: 3px;
    right: 0;
    background: #fff;
    left: 91%;
    height: 18px;
    width: 18px;
    border-radius: 100%
}

.smartbanner.smartbanner--android .smartbanner__exit:after,
.smartbanner.smartbanner--android .smartbanner__exit:before,
.smartbanner.smartbanner--ios .smartbanner__exit:after,
.smartbanner.smartbanner--ios .smartbanner__exit:before {
    top: 4px
}

.global-landing .economy-main-wrap .dn-grid {
    grid-gap: 0
}

.global-landing .economy-main-wrap .dn-grid .col5,
.global-landing .economy-main-wrap .dn-grid .col7 {
    grid-column: span 12
}

.global-landing .economy-main-wrap .article-excerpt__image a {
    height: 200px;
    display: block
}

.global-landing .economy-main-wrap .article-excerpt__image a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 3px 3px 0 0
}

.global-landing .economy-main-wrap .article-excerpt__content--wrap {
    background: #fff;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .1411764706);
    height: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 3px 3px 0
}

.global-landing .economy-main-wrap .article-excerpt__content--wrap .news-title,
.global-landing .economy-main-wrap .article-excerpt__content--wrap .news-title a {
    font-size: 22px;
    font-weight: 800
}

.global-landing .economy-main-wrap .article-excerpt__content--wrap p {
    font-size: 16px;
    color: rgba(0, 0, 0, .83);
    font-weight: 500;
    line-height: 1.8;
    margin-top: 8px
}

.global-landing .global__main .dn-grid {
    grid-gap: 15px
}

.global-landing .global__main .dn-grid .col4 {
    grid-column: span 6
}

.global-landing ul.pagination {
    margin: 20px 0 0 0
}

.search-form form .search-input {
    position: relative;
    margin-bottom: 25px
}

.search-form form .search-input .search-input__wrapper {
    position: relative;
    margin-bottom: 15px
}

.search-form form .search-input .search-input__wrapper input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0 55px 10px 0;
    margin: 0;
    font-size: 22px;
    line-height: 0;
    border: none;
    border-bottom: 2px solid #bf1e2e;
    outline: 0;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
}

.search-form form .search-input .search-input__wrapper .search-input__submit-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    padding: 0;
    background: #bf1e2e;
    border: none;
    cursor: pointer;
    border-radius: 100%;
    font-size: 22px;
    transition: all .1s ease-in-out;
    color: #fff
}

.search-form form .search-input .search-input__wrapper .search-input__submit-button:hover {
    opacity: .8
}

.search-form form .search-input .search-input__wrapper .search-input__submit-button:hover i {
    transition: all .1s ease-in-out;
    animation: bounceAlpha .7s ease-in-out
}

.search-results .not-found {
    line-height: 1.3;
    width: 100%;
    grid-column: span 12;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    padding: 12px 25px;
    font-weight: 600
}

.search-results .dn-container.dnn-ad-placeholder {
    padding: 0
}

.section-search-results-wrap .dn-grid {
    grid-gap: 15px
}

.section-search-results-wrap .dn-grid .col3 {
    grid-column: span 6;
    padding-right: 0 !important
}

.section-search-results-wrap .dn-grid .col3 .columnnews-wrap p {
    font-size: 16px;
    padding-top: 9px;
    padding-right: 20px;
    color: rgba(0, 0, 0, .7019607843);
    font-weight: 500;
    line-height: 1.75;
    display: none
}

.section-search-results-wrap .dn-grid .col3 .columnnews-wrap .news-title {
    color: #000
}

.section-search-results-wrap .dn-grid .col3 .columnnews-wrap .news-title:hover {
    color: #bf1e2e
}

.section-search-results-wrap .dn-grid .col3 a {
    background: #fff;
    transition: all .1s ease-in-out;
    border-radius: 0 3px 3px 0
}

.section-search-results-wrap .dn-grid .col3 a img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 3px;
    margin-right: 20px;
    margin-bottom: 0;
    height: 120px;
    flex: 3
}

.mt-40.dashboard-inner {
    background: rgba(17, 17, 17, .0509803922);
    padding: 35px 0;
    border-top: 1px solid rgba(17, 17, 17, .1019607843);
    margin: 0
}

.mt-40.dashboard-inner .change-password h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px
}

.mt-40.dashboard-inner .change-password .form-group label {
    font-size: 15px;
    display: block;
    margin-bottom: 0;
    color: #000;
    font-weight: 900;
    opacity: .8;
    margin-bottom: 20px
}

.mt-40.dashboard-inner .change-password .form-group input {
    padding-left: 10px !important
}

.mt-40.dashboard-inner .dashboard-inner-body {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 25px;
    display: grid
}

.mt-40.dashboard-inner .dashboard-inner-body .sidebar-content,
.mt-40.dashboard-inner .dashboard-inner-body .sticky {
    position: static;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 2px 4px 20px rgba(17, 17, 17, .0705882353)
}

.mt-40.dashboard-inner .dashboard-inner-body .sticky {
    padding-bottom: 5px;
    margin-bottom: 20px
}

.mt-40.dashboard-inner .dashboard-inner-body .sticky:last-child {
    margin-bottom: 0
}

.mt-40.dashboard-inner .sidenav-container {
    grid-column: span 3
}

.mt-40.dashboard-inner .sidenav-container small {
    display: none
}

.mt-40.dashboard-inner .sidenav-container strong {
    display: block;
    font-size: 20px;
    font-family: poppins;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.1;
    color: #bf1e2e
}

.mt-40.dashboard-inner .sidenav-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1
}

.mt-40.dashboard-inner .sidenav-container ul li a {
    font-weight: 500;
    position: relative;
    font-size: 14px;
    display: block;
    padding: 14px 0;
    color: #000;
    font-family: poppins;
    border-top: 1px solid rgba(0, 0, 0, .1294117647);
    text-transform: capitalize
}

.mt-40.dashboard-inner .sidenav-container ul li a:hover {
    color: #bf1e2e
}

.mt-40.dashboard-inner .sidenav-container ul li a:before {
    content: "";
    opacity: .44;
    font-family: Material-Design-Iconic-Font;
    position: absolute;
    right: 0;
    top: 50%;
    content: "\f2fb";
    font-size: 20px;
    transform: translateY(-50%)
}

.mt-40.dashboard-inner .sidenav-container ul li:first-child a {
    padding-top: 0;
    border-top: none
}

.mt-40.dashboard-inner .sidenav-container ul li.active a {
    color: #bf1e2e
}

.mt-40.dashboard-inner .sidenav-container ul li.active a:before {
    opacity: 1
}

.mt-40.dashboard-inner .sidebar-contentarea {
    grid-column: span 9
}

.mt-40.dashboard-inner .sidebar-contentarea form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    grid-column-gap: 25px;
    grid-row-gap: 0;
    line-height: 1
}

.mt-40.dashboard-inner .sidebar-contentarea form .form-group {
    margin-bottom: 15px
}

.mt-40.dashboard-inner .sidebar-contentarea form .form-group:last-child {
    margin-bottom: 0
}

.mt-40.dashboard-inner .sidebar-contentarea form .form-group button {
    padding: 8px 20px 8px 18px
}

.mt-40.dashboard-inner .sidebar-contentarea form label {
    font-size: 13px;
    font-family: poppins;
    font-weight: 600;
    color: rgba(0, 0, 0, .7607843137);
    margin-bottom: 13px;
    opacity: 1
}

.mt-40.dashboard-inner .sidebar-contentarea form input {
    padding-left: 15px;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    font-size: 12px;
    font-family: poppins;
    background: rgba(0, 0, 0, .031372549)
}

.mt-40.dashboard-inner .sidebar-contentarea form input:focus {
    border: 1px solid #c5c5c5;
    background: #fff
}

.mt-40.dashboard-inner .sidebar-contentarea form select {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    min-width: 184px;
    height: 42px;
    border-radius: 8px;
    padding: 14px 25px 14px 16px;
    background: #f1f1f1;
    border: 1px solid rgba(23, 21, 21, .1215686275);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDZMMC44MDM4NDcgMC43NUwxMS4xOTYyIDAuNzUwMDAxTDYgNloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    background-position: calc(100% - 14px) 50%;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: poppins
}

.mt-40.dashboard-inner .sidebar-contentarea form textarea {
    padding-left: 15px;
    border-radius: 8px;
    box-shadow: none;
    height: 120px;
    padding-top: 14px;
    font-weight: 600;
    font-size: 12px;
    margin-top: 0;
    background: #f1f1f1;
    font-family: poppins;
    border: 1px solid rgba(23, 21, 21, .1215686275);
    width: 100%
}

.mt-40.dashboard-inner .sidebar-contentarea form textarea:focus {
    background-color: #fff
}

.mt-40.dashboard-inner .sidebar-contentarea form input[type=checkbox],
.mt-40.dashboard-inner .sidebar-contentarea form input[type=radio] {
    width: auto;
    padding: 0;
    height: auto;
    line-height: inherit
}

.mt-40.dashboard-inner .sidebar-contentarea .warning {
    color: #856404;
    background-color: #fff3cd;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.mt-40.dashboard-inner .sidebar-contentarea .warning h3 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
    font-family: poppins
}

.mt-40.dashboard-inner .sidebar-contentarea .warning p {
    font-size: 14px;
    color: rgba(17, 17, 17, .7019607843);
    font-family: poppins;
    font-weight: 500
}

.mt-40.dashboard-inner .sidebar-contentarea .warning p i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    border-radius: 100%;
    text-align: center;
    line-height: 32px
}

.mt-40.dashboard-inner .sidebar-contentarea .contribution-form .member-column h4 {
    color: #bf1e2e
}

.mt-40.dashboard-inner .sidebar-contentarea .contribution-form .member-column p {
    color: #000
}

.mt-40.dashboard-inner .sidebar-content.feedback-form form div:nth-child(3n) {
    grid-column: span 2
}

.mt-40.dashboard-inner .sidebar-heading {
    display: block;
    font-size: 20px;
    font-family: poppins;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.1;
    color: #bf1e2e
}

.greetings-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0
}

.greetings-header .greet {
    font: 600 25px/1 poppins;
    letter-spacing: 0;
    padding-bottom: 25px
}

.greetings-header .greet strong {
    color: #bf1e2e;
    font-weight: 600
}

.connected-account-wrap p {
    font-size: 17px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 5px;
    color: rgba(0, 0, 0, .7098039216);
    padding-right: 40px
}

.connected-account-wrap h3 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1490196078);
    padding-bottom: 16px;
    font-family: poppins
}

.connected-account-wrap .login-account {
    position: relative;
    line-height: 1.4
}

.connected-account-wrap .login-account i {
    margin-right: 12px
}

.sidebar-content .user-feedback {
    line-height: 1
}

.sidebar-content .feedback-row {
    border-bottom: 1px solid rgba(0, 0, 0, .1490196078);
    padding: 15px 0;
    margin: 0
}

.sidebar-content .feedback-row .user-name {
    padding-left: 0
}

.sidebar-content .feedback-row:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.sidebar-content .feedback-row:first-child {
    padding-top: 0
}

.sidebar-content .feedback-row .name {
    font-family: 'Hind', sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    opacity: .8;
    color: #000
}

.sidebar-content .feedback-row .feedback-date {
    font-size: 13px;
    opacity: .55;
    color: #000;
    margin-top: 3px
}

.sidebar-content .feedback-row .feedback {
    background: 0 0;
    padding: 0;
    margin-top: 15px;
    font-size: 17px;
    line-height: 156%;
    color: rgba(0, 0, 0, .6588235294);
    font-weight: 400
}

.sidebar-content.feedback-form form .form-group:nth-child(2n) {
    grid-column: span 1 !important
}

.save-article-wrap {
    grid-gap: 20px
}

.save-article-wrap .columnnews {
    position: relative
}

.save-article-wrap .columnnews>a .columnnews-wrap .news-title {
    color: rgba(35, 37, 45, .9490196078)
}

@media (max-width:768px) {
    .mt-40.dashboard-inner .dashboard-inner-body {
        grid-row-gap: 20px
    }

    .mt-40.dashboard-inner .sidebar-contentarea,
    .mt-40.dashboard-inner .sidenav-container {
        grid-column: span 12
    }

    .mt-40.dashboard-inner .sidebar-contentarea {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
        grid-column-gap: 10px;
        line-height: 1
    }
}

@media (max-width:640px) {
    .save-article-wrap {
        grid-gap: 15px
    }

    .save-article-wrap .columnnews {
        grid-column: span 6
    }

    .save-article-wrap .columnnews .trigger-close {
        top: 9px;
        right: 11px;
        font-size: 15px;
        width: 25px;
        height: 25px;
        line-height: 25px
    }
}

@media (max-width:480px) {
    .mt-40.dashboard-inner .dashboard-inner-body {
        grid-row-gap: 15px
    }

    .mt-40.dashboard-inner .sidebar-contentarea form {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
        grid-column-gap: 10px;
        line-height: 1
    }

    .mt-40.dashboard-inner .sidebar-contentarea form .form-group {
        margin-bottom: 5px
    }

    .mt-40.dashboard-inner .sidebar-content.feedback-form form .form-group {
        grid-column: span 2
    }

    .mt-40.dashboard-inner .sidebar-content.feedback-form form .form-group:nth-child(2n) {
        grid-column: span 2 !important
    }
}

.full-banner-adv {
    line-height: 0
}

.full-banner-adv img {
    width: 100%
}

.full-banner-adv .dn-container>div a:first-child,
.full-banner-adv .dn-container>div>div:first-child {
    margin-top: 15px;
    display: block
}

.full-banner-adv .dn-container>div a:not(:last-child),
.full-banner-adv .dn-container>div>div:not(:last-child) {
    margin-bottom: 8px
}

.popup__banner-ad,
.skip__banner-ad {
    background: #fff;
    text-align: center;
    position: fixed;
    left: 0;
    height: 100vh;
    top: 0;
    overflow-y: scroll;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 100vw;
    display: flex;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.popup__banner-ad .dn-container,
.skip__banner-ad .dn-container {
    max-width: 850px;
    margin: 0 auto;
    height: 100%
}

.popup__banner-ad .site-logo,
.skip__banner-ad .site-logo {
    margin-top: 20px;
    margin-bottom: 15px
}

.popup__banner-ad .site-logo img,
.skip__banner-ad .site-logo img {
    max-width: 160px;
    background: #bf1e2e;
    padding: 9px 11px;
    border-radius: 4px
}

.popup__banner-ad .skip-ad,
.skip__banner-ad .skip-ad {
    margin-bottom: 26px;
    margin-right: 0;
    border: solid 1px #ddd;
    position: relative
}

.popup__banner-ad .skip-ad a,
.skip__banner-ad .skip-ad a {
    line-height: 1;
    display: block
}

.popup__banner-ad .skip-ad .trigger-close,
.skip__banner-ad .skip-ad .trigger-close {
    position: absolute;
    top: -10px;
    right: -12px
}

.popup__banner-ad .skip-ad img,
.skip__banner-ad .skip-ad img {
    width: auto !important
}

.skip__banner-ad {
    z-index: 100
}

.skip__banner-ad.skip-ad-close {
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.popup__banner-ad {
    background: rgba(241, 241, 241, .7098039216);
    transition: .5s linear;
    transform: scale(0);
    z-index: 99
}

.popup__banner-ad .dn-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.popup__banner-ad .skip-ad {
    margin-bottom: 26px;
    margin-right: 0;
    border: solid 1px #ddd;
    position: relative
}

.popup__banner-ad.popup-ad-close {
    transform: scale(1)
}

.section__election {
    position: relative;
    background-image: linear-gradient(147deg, #900 0, #bf1e2e 74%);
    padding: 20px 0 40px 0
}

.section__election img {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:544px) {
    .section__election img {
        display: block;
        margin: auto
    }
}

.section__election .dn-container {
    max-width: 1315px
}

.section__election .section__election--header {
    position: relative;
    padding-bottom: 10px
}

.section__election .section__election--header a.more {
    font-weight: 900;
    position: absolute;
    right: 0;
    background: 0 0;
    color: #fff;
    top: 30px
}

.section__election .section__election--header a.more:hover {
    color: #fff;
    opacity: .76
}

.section__election .dn-grid {
    grid-gap: 22px
}

.section__election.section__election-v2 .election__col--wrap {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.section__election.section__election-v2 .election-card {
    flex: 1
}

@media (max-width:768px) {
    .section__election.section__election-v2 .election__col--wrap {
        display: block
    }

    .section__election.section__election-v2 .election__col--wrap>div:not(:last-child) {
        margin-bottom: 20px
    }

    .section__election.section__election-v2 .election__col--wrap>div .election-card--desc {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .section__election.section__election-v2 .election__col--wrap>div .election-card--desc>div {
        border-bottom: 1px solid #cececf;
        background: #fff
    }
}

@media (max-width:640px) {
    .section__election.section__election-v2 .election__col--wrap>div:not(:last-child) {
        margin-bottom: 20px
    }

    .section__election.section__election-v2 .election__col--wrap>div .election-card--desc {
        display: block
    }

    .section__election.section__election-v2 .election__col--wrap>div .election-card--desc>div {
        border-bottom: 2px solid transparent;
        background: #fff;
        border-top: none
    }

    .section__election.section__election-v2 .election__col--wrap>div .election-card--desc>div:nth-child(2n) {
        border-bottom: 1px solid rgba(0, 0, 0, .0784313725);
        background: rgba(0, 0, 0, .0588235294)
    }

    .section__election.section__election-v2 .election__col--wrap>div .election-card--desc>div:hover {
        background: rgba(162, 7, 11, .06)
    }
}

.share-links a {
    font-size: 16px;
    color: rgba(0, 0, 0, .4117647059);
    display: inline-block;
    margin-left: 1px;
    height: 28px;
    width: 28px;
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    position: relative
}

.share-links a svg {
    width: 100%;
    height: 100%
}

.share-links a:hover {
    opacity: .86
}

@media (max-width:412px) {
    .share-links {
        margin-left: auto;
        margin-right: 0
    }
}

.election-card {
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    transition: all .1s ease-in-out;
    box-shadow: 3px 12px 22px #a70709
}

.election-card .election-card--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #bf1e2e;
    font-weight: 700;
    font-size: 24px;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 3, 9, .15);
    line-height: 1
}

.election-card .election-card--header a.more {
    font-size: 14px;
    padding-left: 0;
    margin-top: 0;
    color: rgba(0, 0, 0, .6901960784)
}

.election-card .election-card--header a.more:hover {
    color: var(--primary--color)
}

.election-card .election-card--desc {
    display: flex;
    height: 100%
}

.election-card .election-card--desc>div {
    flex: 33.333%;
    text-align: center;
    position: relative;
    transition: all .1s ease-in-out
}

.election-card .election-card--desc>div:hover {
    background: rgba(0, 0, 0, .0509803922);
    transition: all .1s ease-in-out
}

.election-card .election-card--desc>div:nth-child(2n) {
    background: rgba(0, 0, 0, .0509803922);
    border-left: 1px solid rgba(0, 3, 9, .15);
    border-right: 1px solid rgba(0, 3, 9, .15)
}

.election-card .election-card--desc>div .candidate {
    font-size: 14px;
    font-weight: 600;
    color: rgba(3, 0, 0, .5294117647);
    line-height: 1.3;
    padding: 15px 10px;
    height: 100%
}

.election-card .election-card--desc>div .candidate .candidate-media {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    padding: 4px;
    margin: auto;
    border: 1px solid #bf1e2e;
    position: relative
}

.election-card .election-card--desc>div .candidate .candidate-media .candidate-photo {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto
}

.election-card .election-card--desc>div .candidate .candidate-media .party-flag {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 2px #fff;
    position: absolute;
    right: 0;
    bottom: -6px;
    z-index: 4
}

.election-card .election-card--desc .win-btn {
    position: absolute
}

.election-card .candidate-detail .candidate-title {
    font-weight: 800;
    font-size: 17px;
    line-height: 1.3;
    padding: 12px 0 7px 0;
    color: rgba(0, 0, 0, .7607843137)
}

.election-card .candidate-detail a {
    color: inherit
}

.election-card .candidate-detail a:hover {
    color: #bf1e2e
}

.election-card:hover {
    transform: scale(1.06);
    transition: all .1s ease-in-out;
    box-shadow: -1px 12px 3px rgba(3, 3, 3, .1803921569)
}

.candidate-votes {
    margin: 10px 5px 0 5px;
    font-size: 20px;
    color: #000;
    display: flex;
    justify-content: center
}

.candidate-votes .winner-tick {
    margin-left: 5px;
    display: flex;
    align-items: center
}

.candidate-votes .winner-tick img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.win-btn {
    display: flex;
    align-items: center;
    top: 11px;
    right: 11px;
    line-height: 22px;
    font-size: 12px;
    padding: 2px 8px 2px 8px;
    border-radius: 48px;
    background-color: #298d29;
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

.candidate.candidate-win .candidate-votes {
    color: #298d29
}

.candidate-row .candidate {
    display: flex;
    align-items: center;
    padding: 6px 15px 6px 8px;
    transition: all .3s ease;
    background-color: #fff;
    border: solid 1px #ededed;
    margin-left: 0;
    margin-right: 0;
    border-radius: 5px;
    position: relative;
    background: rgba(0, 0, 0, .031372549)
}

.candidate-row .candidate>div {
    margin-right: 15px
}

.candidate-row .candidate .candidate-detail {
    display: flex;
    align-items: center;
    margin-right: 0 !important;
    width: 250px
}

.candidate-row .candidate .candidate-detail .candidate-img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 14px;
    border: 1px solid rgba(0, 0, 0, .2392156863);
    padding: 5px
}

.candidate-row .candidate .candidate-detail .candidate-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%
}

.candidate-row .candidate:not(:last-child) {
    margin-bottom: 12px
}

.candidate-row .candidate.candidate-win {
    border: 1px solid #298d29;
    background: rgba(41, 141, 41, .0784313725)
}

.candidate-row .candidate .candidate-name {
    margin-right: 15px;
    max-width: 200px;
    flex: 1
}

.candidate-row .candidate .candidate-name h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: rgba(0, 0, 0, .93)
}

.candidate-row .candidate .party-info {
    display: flex;
    align-items: center
}

.candidate-row .candidate .party-info .party-sign {
    color: rgba(1, 8, 20, .568627451);
    font-weight: 700;
    font-size: 14px
}

.candidate-row .candidate .party-info .party-sign img {
    height: 30px;
    width: 30px;
    padding: 2px;
    margin-right: 12px;
    background: #fff;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .0901960784);
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle
}

.candidate-row .candidate .party-info .party-sign:hover {
    color: #bf1e2e
}

.candidate-row .candidate .party-info span.placeName {
    background: rgba(17, 17, 17, .1490196078);
    display: inline-block;
    margin-left: 22px;
    padding: 6px 13px;
    font-weight: 900;
    color: rgba(17, 17, 17, .8705882353);
    border-radius: 30px;
    font-size: 11.3px;
    line-height: 1
}

.candidate-row .candidate .party-info span.placeName a {
    font-weight: 900;
    color: inherit
}

.candidate-row .candidate .party-info span.placeName:hover {
    opacity: .85
}

.candidate-row .candidate .candidate-votes {
    margin: 0 5px 0 5px;
    font-size: 20px;
    color: #000;
    margin-left: auto;
    text-align: right;
    font-weight: 900;
    align-items: center
}

.candidate-row .candidate .candidate-votes .win-btn {
    margin-left: 8px
}

.candidate-row .candidate:hover {
    background: rgba(0, 0, 0, .0117647059)
}

.candidate-row .candidate.candidate-win .candidate-votes {
    color: #298d29
}

.section-candidates {
    margin-bottom: 40px
}

.section-candidates #st-1 {
    position: relative;
    z-index: 1
}

.section-candidates .section-heading {
    display: flex;
    margin-bottom: 24px;
    align-items: center
}

.section-candidates .section-heading h3 {
    font-size: 30px;
    color: #bf1e2e
}

.section-candidates .section-heading #st-1 .st-btn {
    display: inline-block !important;
    vertical-align: middle
}

@media (max-width:1040px) {
    .election-card {
        grid-column: span 6
    }
}

@media (max-width:640px) {
    .section__election {
        padding: 20px 0 20px 0
    }

    .section__election .election-card {
        grid-column: span 12
    }

    .section__election .election-card .election-card--desc {
        display: block
    }

    .section__election .election-card .election-card--desc>div:nth-child(2n) {
        background: rgba(0, 0, 0, .0509803922);
        border-top: 2px solid rgba(0, 3, 9, .03) !important;
        border-bottom: 2px solid rgba(0, 3, 9, .04)
    }

    .section__election .election-card .election-card--desc>div .candidate {
        display: flex;
        margin: 0;
        padding: 10px 15px;
        font-size: 13px;
        font-weight: 700;
        color: rgba(3, 0, 0, .5294117647);
        margin: 0;
        line-height: 1.3
    }

    .section__election .election-card .election-card--desc>div .candidate .candidate-media {
        width: 45px;
        height: 45px;
        margin: 0 15px 0 0
    }

    .section__election .election-card .election-card--desc>div .candidate .candidate-media .party-flag {
        height: 20px;
        width: 20px;
        border: solid 1px #fff;
        bottom: 0
    }

    .section__election .election-card .election-card--desc>div .candidate .candidate-detail {
        text-align: left;
        flex: 1;
        position: relative
    }

    .section__election .election-card .election-card--desc>div .candidate .candidate-title {
        font-size: 16.3px;
        padding: 0 0 3px 0;
        text-align: left
    }

    .candidate-votes {
        font-size: 19px;
        justify-content: inherit;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0
    }

    .candidate-votes .win-btn {
        display: none
    }

    .section-candidates .section-heading {
        display: block;
        text-align: center
    }

    .section-candidates .section-heading .sharethis-inline-share-buttons {
        margin-top: 11px;
        text-align: center !important;
        display: flex !important;
        justify-content: center
    }

    .section-candidates .candidate-row .candidate {
        display: block;
        padding: 12px 15px 8px 12px
    }

    .section-candidates .candidate-row .candidate .candidate-detail {
        text-align: left;
        flex: 1;
        position: relative
    }

    .section-candidates .candidate-row .candidate .party-info {
        margin: 12px 0 12px 0
    }

    .section-candidates .candidate-row .candidate .candidate-votes {
        margin: 0 5px 0 5px;
        font-size: 20px;
        color: #000;
        margin-left: auto;
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 10px
    }

    .win-btn {
        position: static
    }
}

.candidate-row .candidate.candidate-win .candidate-votes {
    color: #298d29
}

@media (max-width:480px) {
    .section-candidates .candidate-row .candidate {
        padding: 8px 15px 8px 10px;
        line-height: 2.8
    }

    .section-candidates .candidate-row .candidate .candidate-img {
        height: 45px;
        width: 45px;
        margin-right: 20px;
        padding: 4px
    }

    .section-candidates .candidate-row .candidate .party-info {
        margin: -16px 0 7px 67px
    }

    .section-candidates .candidate-row .candidate .party-info .party-sign {
        font-weight: 600;
        font-size: 13px
    }

    .section-candidates .candidate-row .candidate .party-info .party-sign img {
        position: absolute;
        top: 40px;
        left: 40px;
        width: 25px;
        height: 25px
    }

    .section-candidates .candidate-row .candidate .candidate-votes {
        margin: 0 8px 0 5px;
        font-size: 18px
    }

    .section-candidates .candidate-row .candidate .party-info>span.placeName {
        padding: 8px 15px;
        margin-left: 20px;
        position: absolute;
        left: 50%;
        top: 63%;
        transform: translate(-50%, -50%)
    }
}

@media (max-width:420px) {
    .section-candidates .candidate-row .candidate {
        border: solid 2px #ededed;
        padding: 0 15px 15px 10px;
        line-height: .2
    }

    .section-candidates .candidate-row .candidate .candidate-name h3 {
        font-size: 16px
    }

    .section-candidates .candidate-row .candidate .party-info .party-sign {
        font-size: 0
    }

    .section-candidates .candidate-row .candidate .party-info .party-sign img {
        top: 33px;
        left: 39px;
        width: 22px;
        height: 22px
    }

    .section-candidates .candidate-row .candidate .party-info span.placeName {
        margin: 10px 0 0 0;
        transform: inherit;
        position: static;
        background: 0 0;
        padding: 0;
        font-size: 13px;
        opacity: .8
    }

    .section-candidates .candidate-row .candidate .candidate-img {
        margin-top: 10px
    }
}

body.dark .candidate,
body.dark .candidate-row .candidate .candidate-name h3,
body.dark .section-candidates .section-heading h3 {
    color: #fff
}

body.dark .candidate-row .candidate .party-info .party-sign span {
    color: #fff;
    opacity: .86
}

body.dark .party-info>span.placeName,
body.dark .party-info>span.placeName a {
    color: #fff !important
}

body.dark .candidate-row .candidate.candidate-win {
    background: rgba(41, 141, 41, .4117647059);
    border-color: #298d29
}

body.dark .candidate-row .candidate .candidate-votes {
    color: #fff
}

body.dark .candidate-row .candidate {
    background-color: rgba(255, 255, 255, .1215686275);
    border: solid 1px #ededed
}

.marginbottom {
    margin-bottom: 40px
}

.election__update--news .dn-container {
    max-width: 1315px
}

.election__update--news .election-banner-image img {
    width: 100%
}

.election-banner-image {
    line-height: 0
}

.election-news-section {
    background: #fceff0;
    color: #000;
    padding: 30px;
    position: relative;
    overflow: hidden
}

.election-news-section .dn-grid {
    grid-row-gap: 20px
}

.election-news-section .list-news ul li {
    padding: 11px 0
}

.election-news-section .list-news ul li:first-child {
    padding-top: 0;
    border-top: none
}

.election-news-section .list-news ul li a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 20px
}

.election-news-section .list-news ul li a:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    transition: all .1s ease-in-out;
    content: "";
    border: 2px solid #bf1e2e
}

.election-news-section .list-news ul li a:hover:before {
    transition: all .1s ease-in-out;
    background: #bf1e2e
}

.election-news-section .more {
    text-align: right;
    background: 0 0
}

body.dark .election-news-section {
    background: rgba(252, 239, 240, .031372549)
}

body.dark .election-news-section .list-news ul li a:before {
    border-color: #fff
}

body.dark .election-news-section .list-news ul li a:hover:before {
    background: #fff
}

@media (max-width:768px) {
    .section__election .section__election--header a.more {
        position: static;
        margin-top: 10px;
        text-align: right;
        display: block
    }

    .election-news-section .flex {
        display: block
    }

    .election-news-section .dn__news--wrap {
        padding-right: 0
    }

    .election-news-section .dn-grid {
        grid-row-gap: 20px
    }

    .election-news-section .col6 {
        grid-column: span 12
    }

    .election-news-section .col3 {
        grid-column: span 6
    }

    .election-news-section .dn__side--add {
        margin-top: 25px;
        max-width: inherit
    }
}

@media (max-width:600px) {
    .election-news-section .dn-grid {
        grid-row-gap: 0;
        grid-column-gap: 15px
    }

    .election-news-section .dn-grid .mbl-col {
        padding: 18px 0
    }

    .election-news-section .dn-grid .mbl-col:last-child {
        padding-bottom: 0
    }
}

@media (max-width:480px) {
    .election-news-section {
        padding: 20px !important
    }

    .election-news-section .col3 .news-title,
    .election-news-section .col3 .news-title a {
        font-size: 18px
    }

    .election-news-section .dn-grid {
        grid-row-gap: 0;
        grid-column-gap: 15px
    }

    .election-news-section .dn-grid .mbl-col {
        padding: 18px 0
    }

    .election-news-section .dn-grid .mbl-col:last-child {
        padding-bottom: 0
    }
}

.liveUpdates-btn {
    border-radius: 35px;
    padding: 9px 20px 9px 35px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    position: relative;
    text-align: right;
    font-family: poppins
}

.liveUpdates-btn:before {
    background: #fff;
    width: 7px;
    position: relative;
    height: 7px;
    content: "";
    position: absolute;
    left: 20px;
    top: 15px;
    border-radius: 100%;
    animation: pulse-red 1.5s infinite
}

@keyframes pulse-red {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 #fff
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 transparent
    }
}

.candidate--lists .election-card:hover {
    transform: inherit
}

.candidate--lists .election-card .election-card--desc {
    display: block;
    height: auto;
    height: 300px;
    overflow-y: auto
}

.candidate--lists .election-card .election-card--desc>div {
    padding: 0 0;
    text-align: left
}

.candidate--lists .election-card .election-card--desc>div:nth-child(2n) {
    border-top: 1px solid rgba(0, 3, 9, .15);
    border-bottom: 1px solid rgba(0, 3, 9, .15);
    border-right: none;
    border-left: none
}

.candidate--lists .election-card .election-card--desc>div .candidate {
    display: flex;
    align-items: center
}

.candidate--lists .election-card .election-card--desc>div .candidate .candidate-media {
    margin: 0;
    width: 50px;
    height: 50px
}

.candidate--lists .election-card .election-card--desc>div .candidate .candidate-detail {
    padding: 0 0 0 15px
}

.candidate--lists .election-card .election-card--desc>div .candidate .candidate-detail .candidate-title {
    padding: 0 0 3px 0
}

.candidate--lists .election-card .election-card--desc>div .candidate.candidate-win {
    z-index: 2;
    position: relative;
    background: rgba(77, 123, 45, .3803921569);
    padding-right: 10px;
    padding-left: 14px;
    margin: 0
}

.candidate--lists .election-card .win-btn {
    position: static
}

.candidate--lists .election-card .party-flag {
    position: static;
    height: 30px;
    width: 30px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2196078431);
    border-radius: 50%;
    background-color: #fff;
    border: solid 2px #fff;
    right: 0;
    bottom: -6px;
    z-index: 4;
    margin: 0 0 0 10px
}

.candidate--lists .election-card .candidate-votes {
    margin: 0;
    align-items: center;
    margin-left: auto
}

.candidate--lists .election-card .candidate-votes .winner-tick {
    margin: 0 0 0 10px
}

@media (max-width:768px) {
    .election-news-section {
        padding: 25px
    }

    .candidate--lists .election-card .election-card--desc>div .candidate {
        padding: 13px 14px
    }

    .candidate--lists .election-card .candidate-votes {
        padding: 20px 10px 0 0
    }
}

@media (max-width:400px) {
    .candidate--lists .election-card .party-flag {
        height: 22px;
        width: 22px
    }

    .candidate--lists .election-card .candidate-votes .winner-tick {
        margin: 0 0 0 8px
    }

    .candidate--lists .election-card .candidate {
        padding: 0 10px
    }

    .candidate--lists .election-card .candidate .candidate-media {
        width: 38px !important;
        height: 38px !important;
        padding: 3px !important
    }

    .candidate--lists .election-card .candidate .candidate-title {
        font-size: 15.3px
    }
}

@media (max-width:375px) {
    .candidate--lists .election-card .party-flag {
        margin: 0 0 0 6px
    }

    .candidate--lists .election-card .election-card--desc {
        height: 230px;
        overflow-y: auto
    }

    .candidate--lists .election-card .candidate-votes {
        font-size: 18px;
        font-weight: 900
    }
}

body.dark .election-card .election-card--header a.more i {
    color: rgba(0, 0, 0, .6901960784)
}

body.dark .election-card .election-card--header a.more:hover i {
    color: #bf1e2e
}

.latest-car {
    font-family: Mulish, sans-serif;
    position: relative
}

.latest-car img {
    border-radius: 3px
}

.latest-car .car-detail {
    padding: 20px;
    background: rgba(255, 255, 255, .6705882353);
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    color: #000;
    z-index: 5
}

.latest-car .car-detail h3 {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin: 0
}

.latest-car .car-detail h3 a {
    color: #000;
    font-weight: 800
}

.latest-car .car-detail p {
    color: #000;
    font-size: 15px;
    margin: 7px 0 9px 0;
    line-height: 1.45;
    font-weight: 400
}

.latest-car .car-detail .price {
    line-height: 1.4;
    margin-bottom: 18px;
    display: block;
    font-size: 15px
}

.latest-car .car-detail .price strong {
    color: #bf1e2e;
    display: block;
    font-size: 18px
}

.latest-car .car-detail .context {
    font-size: 15px
}

.latest-car .car-detail .context:hover {
    color: #fff
}

.nada-mainbanner {
    background: #000;
    position: relative;
    height: 150px
}

.nada-mainbanner .dn-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    width: 100%;
    max-width: inherit;
    justify-content: center;
    height: 100%
}

.nada-mainbanner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: .6
}

.nada-mainbanner h1 {
    text-align: center;
    margin-top: 0;
    font-size: 35px;
    color: #fff;
    font-family: poppins;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.nada-mainbanner h1 strong {
    font-family: 'Hind', sans-serif;
    display: inline-block;
    margin-left: 8px
}

.interview-news-wrap {
    position: relative
}

.interview-news-wrap .interview-news-detail {
    padding: 40px 35px;
    position: absolute;
    background: rgba(255, 255, 255, .631372549);
    left: 30px;
    bottom: 30px;
    width: 45%;
    height: auto;
    border-radius: 0 0 3px 0;
    backdrop-filter: blur(80%)
}

.interview-news-wrap .interview-news-detail .news-title {
    font-size: 30px;
    font-weight: 600
}

.interview-news-wrap .interview-news-detail .news-title a {
    font-size: inherit
}

.interview-news-wrap .interview-news-detail .author {
    position: relative;
    margin-top: 20px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, .4901960784);
    padding-top: 10px
}

.interview-news-wrap .interview-news-detail .author:before {
    width: 40px;
    background: #bf1e2e;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    content: ""
}

.interview-news-wrap img {
    width: 100%;
    border-radius: 3px
}

.nada-interivew .columnnews>a img {
    height: 190px
}

.nada-interivew .columnnews .columnnews-wrap h3 {
    font-size: 24px
}

.nada-video .overlay-news i {
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 25px;
    z-index: 1;
    background: #bf1e2e;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    line-height: 40px
}

.tabsection {
    padding: 35px;
    border: 1px solid rgba(0, 0, 0, .1215686275);
    height: 100%;
    border-radius: 4px;
    position: relative
}

.tabsection .heading {
    font-size: 27px;
    font-weight: 600;
    font-family: poppins;
    color: #bf1e2e;
    font-weight: 600;
    position: absolute;
    top: -15px;
    padding: 0 12px;
    background: #fff
}

.tabsection>ul {
    margin: 0;
    padding: 0;
    top: -7px;
    right: 20px;
    background: #fff;
    padding: 0 1rem 0 1rem;
    position: absolute;
    list-style: none;
    line-height: 1
}

.tabsection>ul li {
    cursor: pointer;
    display: inline-block;
    padding-left: 14px
}

.tabsection>ul li:first-child {
    padding-left: 0
}

.tabsection>ul li>a {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    opacity: .7
}

.tabsection>ul li.active a,
.tabsection>ul li:hover a {
    color: #bf1e2e;
    opacity: 1
}

.tab-content .each-slide {
    text-align: center
}

.tab-content .each-slide .each-slide-detail {
    margin-top: 20px
}

.tab-content .each-slide>a {
    transition: all .1s ease-in-out;
    height: 160px;
    display: block;
    overflow: hidden
}

.tab-content .each-slide>a img {
    transition: all .1s ease-in-out;
    height: 100%;
    border-radius: 3px;
    object-fit: cover
}

.tab-content .each-slide>a:hover img {
    transition: all .1s ease-in-out;
    transform: scale(1.1)
}

.tab-content .each-slide h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 0
}

.tab-content .each-slide h3 a {
    color: #000
}

.vehicle-showcase .showcase {
    margin: 0 0 40px 0
}

.vehicle-showcase .owl-carousel .owl-dots {
    position: absolute;
    bottom: -40px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    background: #fff;
    padding: 0 5px
}

.vehicle-showcase .owl-carousel .owl-dots button {
    border: 2px solid #ccc;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    margin-right: 12px
}

.vehicle-showcase .owl-carousel .owl-dots button.active {
    background: #bf1e2e;
    border-color: #bf1e2e
}

.section-nada {
    position: relative;
    line-height: 1;
    padding: 40px 0
}

.section-nada::before {
    content: " ";
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url("../images/slider3.jpg");
    position: absolute;
    left: 0;
    top: 0
}

.section-nada::after {
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(242, 242, 242, .831372549);
    position: absolute;
    top: 0;
    left: 0
}

.section-nada .dn-container {
    z-index: 1;
    position: relative
}

.section-nada .sec-title {
    margin: 0 0 27px 0;
    position: relative;
    display: flex;
    justify-content: center
}

.section-nada .sec-title:before {
    background: #bf1e2e !important
}

.section-nada .sec-title h2 {
    padding-left: 14px;
    background: #bf1e2e !important;
    font-size: 30px;
    color: #fff;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: -13px;
    transform: skew(-10deg)
}

.section-nada .sec-title h2 strong {
    font-family: 'Hind', sans-serif;
}

.section-nada .columnnews>a img {
    height: 235px
}

.section-nada .columnnews .news-title {
    line-height: 1.35;
    font-weight: 600;
    font-size: 24px
}

.section-nada .all {
    margin-top: 30px;
    text-align: center
}

.section-nada .all a {
    border: 1px solid #bf1e2e;
    display: inline-block;
    padding: 15px 30px;
    color: #bf1e2e;
    font-size: 17px;
    font-weight: 600;
    border-radius: 3px
}

.section-nada .all a:hover {
    background: #bf1e2e;
    color: #fff
}

body.dark .section-nada::after {
    background: rgba(0, 0, 0, .831372549)
}

body.dark .interview-news-wrap .interview-news-detail .news-title a {
    color: #000
}

body.dark .tabsection {
    border: 1px solid rgba(255, 255, 255, .1803921569)
}

body.dark .tabsection .heading {
    background: #111;
    color: #fff
}

body.dark .vehicle-showcase .owl-carousel .owl-dots {
    background: #111
}

body.dark .each-slide h3 a {
    color: #fff
}

body.dark .bg-header header {
    background: transparent linear-gradient(.5turn, rgba(209, 34, 41, .0509803922) 0, #111 100%) 0 0 no-repeat padding-box !important
}

body.dark .section-nada .all a {
    border: 1px solid rgba(255, 255, 255, .6);
    color: rgba(255, 255, 255, .6901960784)
}

body.dark .section-nada .all a:hover {
    background: #bf1e2e;
    color: #fff;
    border: transparent
}

.nada-video .overlay-news,
.section-auto-profile .overlay-news {
    min-height: 350px
}

.nada-video .overlay-news .overlay-news-content,
.section-auto-profile .overlay-news .overlay-news-content {
    padding: 20px 20px 20px 20px
}

.nada-video .overlay-news .overlay-news-content h2,
.section-auto-profile .overlay-news .overlay-news-content h2 {
    font-size: 22px
}

@media (max-width:1120px) {
    body.dark .bg-header header {
        background: #111 !important
    }
}

@media (max-width:1100px) {
    .nada-interivew .col8 {
        grid-column: span 12
    }

    .nada-interivew .col4 {
        grid-column: span 6
    }
}

@media (max-width:768px) {
    .section-nada .col4 {
        grid-column: span 6
    }

    .interview-news-wrap .interview-new-image>a {
        position: relative;
        display: block
    }

    .interview-news-wrap .interview-new-image>a:before {
        height: 100%;
        width: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 30%, #000 100%);
        left: 0;
        bottom: -1px;
        position: absolute;
        content: "";
        border-radius: 3px;
        height: 100%;
        z-index: 1
    }

    .interview-news-wrap .interview-news-detail {
        padding: 35px 25px;
        background: 0 0;
        left: 0;
        bottom: 0;
        width: auto;
        z-index: 1
    }

    .interview-news-wrap .interview-news-detail .news-title {
        font-size: 28px;
        font-weight: 600
    }

    .interview-news-wrap .interview-news-detail .news-title a {
        color: #fff
    }

    .interview-news-wrap .interview-news-detail .author {
        position: relative;
        margin-top: 20px;
        color: #fff
    }
}

@media (max-width:768px) {

    .nada-video .overlay-news .overlay-news-content h2,
    .section-auto-news .overlay-news .overlay-news-content h2,
    .section-auto-profile .overlay-news .overlay-news-content h2 {
        font-size: 20px
    }

    .nada-video .dn-grid,
    .section-auto-news .dn-grid,
    .section-auto-profile .dn-grid {
        grid-gap: 20px !important
    }

    .nada-video .dn-grid .col3,
    .section-auto-news .dn-grid .col3,
    .section-auto-profile .dn-grid .col3 {
        grid-column: span 6
    }

    .interview-news-wrap .interview-new-image>a {
        position: relative;
        display: block;
        height: 450px
    }

    .interview-news-wrap .interview-new-image>a img {
        height: 100%;
        object-fit: cover
    }

    .interview-news-wrap .interview-new-image>a:before {
        height: 100%;
        width: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 30%, #000 100%);
        left: 0;
        bottom: -1px;
        position: absolute;
        content: "";
        border-radius: 3px;
        height: 100%;
        z-index: 1
    }

    .interview-news-wrap .interview-news-detail {
        padding: 0 25px 30px 25px;
        background: 0 0;
        left: 0;
        bottom: 0;
        width: auto;
        z-index: 1
    }

    .interview-news-wrap .interview-news-detail .news-title {
        font-size: 25px
    }

    .interview-news-wrap .interview-news-detail .news-title a {
        color: #fff
    }

    .latest-car .car-detail {
        padding: 20px;
        background: #f1f1f1;
        width: 100%;
        max-width: 100%;
        position: static;
        text-align: center;
        border-bottom: 2px solid #bf1e2e
    }
}

@media (max-width:480px) {
    .vehicle-showcase .owl-carousel .owl-dots {
        bottom: -31px
    }

    .vehicle-showcase .owl-carousel .owl-dots button {
        height: 8px;
        width: 8px;
        margin-right: 7px
    }

    .tabsection {
        padding: 22px
    }

    .tabsection .heading {
        padding-left: 0;
        font-size: 22px
    }

    .tabsection>ul {
        top: -7px;
        right: 10px
    }

    .mt-40.vehicle-showcase {
        padding-top: 20px
    }

    .mt-40.vehicle-showcase .showcase {
        margin: 0 0 40px 0
    }

    .section-nada .sec-title h2 {
        font-size: 24px;
        margin-top: -12px;
        padding: 12px 0 12px 14px
    }

    .section-nada .columnnews .news-title {
        font-size: 22px
    }

    .section-nada .col4 {
        grid-column: span 12
    }

    .section-nada a img {
        height: 170px
    }

    .section-auto-news .news-title,
    .section-auto-news .news-title a {
        font-size: 20px
    }

    .nada-interivew .dn-grid,
    .section-auto-news .dn-grid {
        grid-gap: 15px !important
    }

    .nada-interivew .dn-grid .col3,
    .section-auto-news .dn-grid .col3 {
        grid-column: span 6
    }

    .nada-video .overlay-news .overlay-news-content h2,
    .section-auto-profile .overlay-news .overlay-news-content h2 {
        font-size: 20px
    }

    .nada-video .dn-grid,
    .section-auto-profile .dn-grid {
        grid-gap: 20px !important;
        flex-wrap: nowrap;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: inline mandatory;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .nada-video .dn-grid .col3,
    .section-auto-profile .dn-grid .col3 {
        grid-column: span 12;
        flex: 0 0 260px;
        height: 300px;
        min-height: 300px
    }

    .nada-interivew .columnnews .columnnews-wrap h3 {
        font-size: 20px
    }

    .interview-news-wrap .interview-new-image>a {
        height: 320px
    }

    .interview-news-wrap .interview-news-detail {
        padding: 0 25px 30px 25px;
        background: 0 0;
        left: 0;
        bottom: 0;
        width: auto;
        z-index: 1
    }

    .interview-news-wrap .interview-news-detail .news-title {
        font-size: 22px
    }
}

@media (max-width:375px) {
    .tabsection {
        padding: 17px
    }

    .tabsection .heading {
        font-size: 25px;
        top: -15px
    }

    .tabsection>ul {
        margin: 10px 0 14px 0;
        position: static;
        text-align: right;
        padding: 0;
        top: 0
    }

    .tabsection>ul li {
        padding-left: 9px
    }

    .tabsection>ul li a {
        font-size: 15px;
        font-weight: 600
    }
}

.section-horoscope {
    background: linear-gradient(251deg, rgba(242, 249, 255, .38) 1.69%, rgba(254, 236, 236, .47) 99.37%);
    padding: 35px 0;
    line-height: 1;
    color: #bf1e2e;
    position: relative;
    line-height: 1;
    color: #fff;
    position: relative
}

.section-horoscope .dn-grid {
    grid-gap: 18px
}

.section-horoscope:before {
    left: 50%
}

.section-horoscope .dn-container {
    position: relative;
    z-index: 1
}

.section-horoscope .horoscope-title {
    margin-bottom: 25px;
    gap: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.section-horoscope .horoscope-title h2 {
    margin: 0 0 0;
    line-height: 1;
    font-size: 25px;
    font-weight: 600;
    font-family: poppins;
    color: #bf1e2e;
    align-items: center;
    position: relative;
    padding-right: 13px
}

.section-horoscope .horoscope-title h2 a {
    color: #bf1e2e
}

.section-horoscope .horoscope-title h2 span {
    font-weight: 600;
    color: rgba(35, 37, 45, .9490196078);
    font-size: 13px;
    font-family: 'Hind', sans-serif;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid rgba(16, 14, 14, .18);
    margin-left: 10px
}

.section-horoscope .horoscope-item {
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    display: block;
    font-weight: 500;
    color: rgba(0, 0, 0, .6705882353);
    font-size: 12px;
    grid-column: span 2;
    transition: all .1s ease-in-out;
    box-shadow: 0 0 14px rgba(191, 30, 46, .14);
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff
}

.section-horoscope .horoscope-item:hover {
    background: #fff;
    opacity: .97;
    box-shadow: 0 0 14px rgba(9, 9, 10, .29);
    transform: scale(1.011)
}

.section-horoscope .horoscope-item:hover h5 {
    color: #bf1e2e;
    transform: scale(1)
}

.section-horoscope .horoscope-item:hover img {
    background-color: rgba(185, 33, 49, .09)
}

.section-horoscope .horoscope-item img {
    margin-bottom: 5px;
    height: 58px;
    width: 58px;
    object-position: center top;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    padding: 9px
}

.section-horoscope .horoscope-item h5 {
    font-size: 16px;
    color: rgba(0, 0, 0, .6705882353);
    margin: 0 0 8px 0;
    line-height: 1;
    font-weight: 800
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.horoscope-detail {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .0588235294);
    margin-bottom: 15px
}

.horoscope-detail .horoscope-img {
    margin-right: 20px;
    line-height: 1;
    display: flex;
    justify-content: center
}

.horoscope-detail .horoscope-img img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px solid #bf1e2e;
    padding: 10px;
    background: #fff
}

.horoscope-detail .horoscope-name .title {
    margin: 0;
    font-size: 25px;
    line-height: 1;
    font-weight: 600
}

.horoscope-detail .horoscope-name .title span {
    font-size: 15px;
    margin-top: 6px;
    font-weight: 400;
    display: block
}

.horoscope-detail .share {
    margin-left: auto;
    padding-left: 10px;
    position: relative;
    z-index: 1
}

@media (max-width:480px) {
    .horoscope-detail .horoscope-img {
        margin-right: 10px
    }

    .horoscope-detail .horoscope-img img {
        width: 42px;
        height: 42px
    }

    .horoscope-detail .horoscope-name .title {
        font-size: 19px
    }

    .horoscope-detail .horoscope-name .title span {
        font-size: 11px;
        font-weight: 600;
        opacity: .7
    }
}

.the-content.horoscope-content {
    position: relative;
    margin: 0;
    padding: 25px;
    font-size: 17px;
    line-height: 1.9;
    font-weight: 500;
    border: 1px solid #bf1e2e;
    background: #faedee;
    border-radius: 0 5px 5px 5px;
    z-index: 1;
    overflow: hidden;
    color: #000
}

@media (max-width:768px) {
    .the-content.horoscope-content {
        margin-bottom: 20px;
        padding: 20px
    }

    .the-content.horoscope-content p {
        font-size: 15px;
        line-height: 1.75;
        margin: 0 0 8px 0;
        opacity: .87
    }
}

.the-content.horoscope-content .tab-content {
    display: none
}

.the-content.horoscope-content .tab-content.active {
    display: block
}

.the-content.horoscope-content p {
    font-size: 17px;
    line-height: 1.9;
    font-weight: 500;
    margin: 0 0 10px 0
}

.the-content.horoscope-content:before {
    z-index: -2;
    content: url("../images/rasifal.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    background-size: conver;
    opacity: .6
}

.horoscope-tab {
    margin-top: 21px;
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

.horoscope-tab .horoscope-tab-item {
    font-size: 16px;
    font-weight: 800;
    color: rgba(0, 0, 0, .58);
    padding: 10px 18px 10px 18px;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    border-bottom: none
}

.horoscope-tab .horoscope-tab-item.active-nav,
.horoscope-tab .horoscope-tab-item:hover {
    color: #bf1e2e
}

.horoscope-tab .horoscope-tab-item.active-nav {
    border-bottom: none;
    position: relative;
    background: #faedee;
    border: 1px solid #bf1e2e
}

.horoscope-tab .horoscope-tab-item.active-nav:before {
    width: 100%;
    height: 2px;
    content: "";
    background: #faedee;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 4
}

@media (max-width:768px) {
    .section-horoscope {
        padding: 30px 0
    }

    .section-horoscope .horoscope-title h2 {
        font-size: 24px
    }

    .section-horoscope .dn-grid {
        grid-gap: 21px
    }

    .section-horoscope .horoscope-item {
        padding: 15px;
        grid-column: span 4
    }

    .section-horoscope .horoscope-item img {
        margin-bottom: 9px;
        height: 50px;
        width: 50px;
        padding: 11px
    }

    .section-horoscope .horoscope-item h5 {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .section-horoscope .horoscope-title h2 {
        font-size: 18px
    }

    .section-horoscope .dn-grid {
        grid-gap: 12px
    }

    .section-horoscope .horoscope-item {
        padding: 10px;
        grid-column: span 4
    }

    .section-horoscope .horoscope-item img {
        margin-bottom: 9px;
        height: 48px;
        width: 48px;
        padding: 11px
    }

    .section-horoscope .horoscope-item h5 {
        font-size: 14px
    }
}

.horoscope-detail .st-btn {
    display: inline-block !important
}

.horoscope-detail-landing {
    padding: 40px 0
}

@media (max-width:768px) {
    .horoscope-detail-landing {
        padding: 25px 0;
        margin-top: 0
    }
}

.others-horoscope {
    margin-top: 25px
}

body.dark .horoscope-detail {
    border-bottom: 1px solid rgba(246, 246, 246, .06)
}

body.dark .section-horoscope {
    background: linear-gradient(251deg, #111 1.69%, rgba(251, 251, 251, .05) 99.37%)
}

body.dark .section-horoscope .horoscope-item {
    color: rgba(255, 255, 255, .568627451);
    border: 1px solid rgba(255, 255, 255, .2196078431);
    box-shadow: none;
    background: rgba(255, 255, 255, 0)
}

body.dark .section-horoscope .horoscope-item h5 {
    color: rgba(255, 255, 255, .568627451)
}

body.dark .section-horoscope .horoscope-item:hover {
    color: #bf1e2e;
    background: #fff
}

body.dark .section-horoscope .horoscope-item:hover h5 {
    color: #bf1e2e
}

body.dark .section-horoscope .horoscope-title h2,
body.dark .section-horoscope .horoscope-title span {
    color: #fff
}

body.dark .section-horoscope .horoscope-title span {
    border-left: 1px solid rgba(255, 255, 255, .368627451)
}

body.dark .horoscope-tab .horoscope-tab-item {
    color: #fff
}

body.dark .horoscope-tab .horoscope-tab-item:hover {
    color: #bf1e2e
}

body.dark .horoscope-tab .horoscope-tab-item.active-nav {
    color: #bf1e2e;
    background: #e3d7d8;
    border: 1px solid #bf1e2e
}

body.dark .horoscope-tab .horoscope-tab-item.active-nav:before {
    background-color: #e3d7d8
}

.others-horoscope .dn-grid {
    background-color: #e3d7d8;
    padding: 20px;
    grid-gap: 15px;
    border-radius: 4px
}

@media (max-width:640px) {
    .others-horoscope .dn-grid {
        padding: 15px
    }
}

@media (max-width:480px) {
    .others-horoscope .dn-grid {
        padding: 13px;
        grid-gap: 10px
    }

    .others-horoscope .dn-grid .horoscope-item {
        font-size: 12px
    }

    .others-horoscope .dn-grid .horoscope-item img {
        margin-bottom: 0;
        height: 55px;
        width: 55px;
        padding: 9px;
        padding-bottom: 0
    }

    .others-horoscope .dn-grid .horoscope-item h5 {
        font-size: 14px
    }
}

.others-horoscope .horoscope-item {
    border-radius: 8px;
    text-align: center;
    padding: 10px;
    display: block;
    font-weight: 500;
    color: #111;
    font-size: 13px;
    grid-column: span 3;
    transition: all .1s ease-in-out;
    border: 1px solid rgba(17, 17, 17, .1882352941);
    background: #fff;
    padding-top: 8px;
    background: #fff
}

@media (max-width:768px) {
    .others-horoscope .horoscope-item {
        grid-column: span 3
    }
}

@media (max-width:640px) {
    .others-horoscope .horoscope-item {
        grid-column: span 4
    }
}

.others-horoscope .horoscope-item:hover {
    background: #fff;
    opacity: .97;
    box-shadow: 0 0 14px rgba(9, 9, 10, .29);
    transform: scale(1.1)
}

.others-horoscope .horoscope-item:hover h5 {
    color: #bf1e2e;
    transform: scale(1)
}

.others-horoscope .horoscope-item:hover img {
    background-color: rgba(16, 13, 13, .0392156863)
}

.others-horoscope .horoscope-item img {
    background-color: #fff;
    margin-bottom: 5px;
    height: 60px;
    width: 60px;
    object-position: center top;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    padding: 9px
}

.others-horoscope .horoscope-item h5 {
    font-size: 16.5px;
    color: #000
}

@media (max-width:640px) {
    .mt-40.dashboard-inner.date-converter {
        padding: 30px 0
    }
}

.mt-40.dashboard-inner.date-converter .sidebar-heading {
    font-size: 28px
}

@media (max-width:480px) {
    .mt-40.dashboard-inner.date-converter .sidebar-heading {
        font-size: 25px;
        margin-bottom: 22px
    }
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea {
    grid-column: span 12
}

@media (max-width:480px) {
    .mt-40.dashboard-inner.date-converter .sidebar-contentarea>div {
        padding: 20px
    }
}

@media (max-width:412px) {
    .mt-40.dashboard-inner.date-converter .sidebar-contentarea>div {
        padding: 18px
    }
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea .sidebar-heading {
    margin-bottom: 18px
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea form {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 18px
}

@media (max-width:800px) {
    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px
    }

    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:first-child {
        grid-column: span 2 !important;
        margin-bottom: 10px !important
    }
}

@media (max-width:500px) {
    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div {
        display: block !important
    }

    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div div:not(:last-child) {
        margin-bottom: 11px
    }

    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:first-child {
        margin-bottom: 5px !important
    }
}

@media (max-width:480px) {
    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form {
        grid-gap: 14px;
        grid-template-columns: repeat(3, 1fr)
    }

    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div {
        margin-bottom: 18px
    }

    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:first-child {
        grid-column: span 3 !important
    }

    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:first-child+div {
        grid-column: span 3 !important
    }

    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div label {
        margin-bottom: 0
    }
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div.form-group {
    margin: 0;
    grid-column: inherit !important
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div.form-group select {
    border-radius: 3px
}

@media (max-width:480px) {
    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div.form-group select {
        padding: 10px 25px 9px 16px;
        font-size: 13px;
        height: 42px;
        width: 100%;
        min-width: inherit
    }
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div.form-group label {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    opacity: .75
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:last-child {
    margin: auto 0 0
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:last-child button {
    width: 100%;
    text-align: center;
    height: 49px;
    padding-top: 6px;
    line-height: 38px
}

@media (max-width:480px) {
    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:last-child button {
        font-size: 16px;
        width: 100%;
        text-align: center;
        height: 43px;
        padding-top: 6px;
        line-height: 13px
    }
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:first-child {
    grid-column: span 4;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:first-child input {
    margin: 0 5px 0 0
}

.mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:first-child label {
    margin-right: 15px;
    font-size: 14px;
    opacity: .85;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width:480px) {
    .mt-40.dashboard-inner.date-converter .sidebar-contentarea form>div:first-child label {
        margin-right: 10px
    }
}

.date_converted {
    text-align: center;
    padding-top: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(17, 17, 17, .6392156863);
    font-size: 16px;
    border-top: 1px solid rgba(17, 17, 17, .0784313725);
    margin-top: 25px
}

.date_converted .result-date {
    font-weight: 700;
    font-size: 28px;
    color: #bf1e2e;
    display: block;
    padding-top: 6px
}

@media (max-width:800px) {
    .date_converted {
        text-align: center;
        padding-top: 20px;
        font-size: 16px;
        margin-top: 20px
    }
}

@media (max-width:800px) and (max-width:500px) {
    .date_converted {
        margin-top: 10px;
        border-top: none;
        padding-top: 15px
    }
}

@media (max-width:800px) {
    .date_converted .result-date {
        font-size: 35px
    }
}

@media (max-width:800px) and (max-width:500px) {
    .date_converted .result-date {
        font-size: 22px
    }
}

.input1 .control,
.input1 textarea {
    border-right: 1px solid #ccc !important
}

.topbar {
    top: 0;
    left: 0;
    width: 100%;
    background: #bf1e2e
}

.topbar .widget-label {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex
}

.topbar .widget-label li {
    flex: 1;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    padding: 4px 0;
    text-align: center;
    font-family: poppins;
    cursor: pointer;
    position: relative
}

.topbar .widget-label li a {
    color: #fff
}

.topbar .widget-label li.active {
    background: rgba(0, 0, 0, .2)
}

.topbar .widget-label li.active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    clear: both;
    margin-left: -3.5px
}

.converter-main .inputs::after,
.converter-main .widget-label::after {
    content: "";
    display: block;
    clear: both
}

.converter-main .inputs {
    background: #f9f9f9
}

.converter-main .inputs .input {
    float: left;
    width: 100%;
    height: 100%;
    position: relative
}

.converter-main .inputs .input .control {
    height: 40px;
    border-bottom: 1px solid #aaa;
    background: #fff;
    position: relative
}

.converter-main .inputs .input .control .input-title {
    display: inline-block;
    font-size: 13px;
    padding: 9px 20px;
    font-weight: 700;
    line-height: 18px;
    padding: 9px 20px;
    color: #bf1e2e
}

.converter-main .inputs textarea {
    overflow: auto;
    width: 100%;
    resize: none;
    padding: 10px 12px 12px 10px;
    border: none;
    outline: 0;
    display: block;
    position: static;
    top: 35px;
    line-height: 44px;
    left: 0;
    height: 150px;
    border-bottom: 1px solid #ccc !important;
    background: #f1f1f1;
    font-size: 22px
}

#preetiFontOutput {
    line-height: 40px;
    font-size: 28px
}

.stories__timeline.scrollable.dn-grid {
    margin-bottom: 0
}

.section-webstories ul.pagination {
    margin-top: 0
}

.stories__timeline .sec-title h2 {
    position: relative;
    padding-left: 42px
}

.stories__timeline .sec-title h2 i.stories {
    background-color: #bf1e2e;
    position: absolute;
    left: 0;
    top: -4px;
    border-radius: 11px 0
}

.stories__timeline .dn-gap,
.stories__timeline.dn-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    margin-bottom: 30px
}

.stories__timeline .dn-gap {
    gap: 20px
}

.stories__timeline.stories__timeline--main {
    margin-top: 40px
}

.stories__timeline .dn-grid {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px
}

.stories__timeline .overlay-news {
    min-height: 340px;
    position: relative;
    border-radius: 10px
}

.stories__timeline .overlay-news a {
    border-radius: 10px
}

.stories__timeline .overlay-news a>img {
    transition: .3s linear
}

.stories__timeline .overlay-news a .user {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 31px;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 1px
}

.stories__timeline .overlay-news a .user img {
    width: 100%;
    height: 100%;
    position: static;
    border-radius: 100%
}

.stories__timeline .overlay-news a:hover img {
    animation: zoom 5s ease infinite;
    transition: .3s linear
}

.stories__timeline .overlay-news a:before {
    border-radius: 10px
}

.stories__timeline .overlay-news .overlay-news-content {
    padding: 20px 25px 23px 20px
}

.stories__timeline .overlay-news .overlay-news-content .date {
    margin-top: 10px;
    opacity: .97;
    font-size: 11px;
    color: rgba(255, 255, 255, .8117647059);
    font-weight: 600
}

.stories__timeline .overlay-news .overlay-news-content .date i {
    margin-right: 4px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.stories__timeline .overlay-news h2 {
    font-size: 20px !important
}

.stories {
    position: absolute;
    right: 15px;
    top: 15px;
    background: #bf1e2e url(../images/icon-stories.png) no-repeat center center/50% auto;
    width: 32px;
    height: 32px;
    z-index: 1;
    border-radius: 100%;
    filter: brightness(1.2)
}

.sports-stories {
    margin-bottom: 40px
}

@media (max-width:768px) {
    .stories__timeline.scrollable.dn-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        grid-gap: 16px;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .stories__timeline.scrollable.dn-grid>div {
        flex-basis: 200px;
        flex-grow: 0;
        flex-shrink: 0
    }

    .stories__timeline.scrollable.dn-grid>div h2 {
        font-size: 20px
    }

    .stories__timeline.dn-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .stories__timeline.dn-grid>div h2 {
        font-size: 20px
    }
}

@media (max-width:480px) {

    .stories__timeline .dn-grid,
    .stories__timeline.dn-grid {
        grid-gap: 15px
    }

    .stories__timeline .dn-grid .overlay-news,
    .stories__timeline.dn-grid .overlay-news {
        min-height: 300px
    }

    .stories__timeline .dn-grid .overlay-news .overlay-news-content,
    .stories__timeline.dn-grid .overlay-news .overlay-news-content {
        padding: 15px 20px 20px 15px
    }

    .stories__timeline .dn-grid .overlay-news .overlay-news-content h2,
    .stories__timeline.dn-grid .overlay-news .overlay-news-content h2 {
        font-size: 18px !important;
        font-weight: 700
    }
}

@-webkit-keyframes zoom {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes zoom {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.mt-40.dashboard-inner {
    background: rgba(17, 17, 17, .0509803922);
    padding: 35px 0;
    border-top: 1px solid rgba(17, 17, 17, .1019607843);
    margin: 0
}

.mt-40.dashboard-inner .change-password h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px
}

.mt-40.dashboard-inner .change-password .form-group label {
    font-size: 15px;
    display: block;
    margin-bottom: 0;
    color: #000;
    font-weight: 900;
    opacity: .8;
    margin-bottom: 20px
}

.mt-40.dashboard-inner .change-password .form-group input {
    padding-left: 10px !important
}

.mt-40.dashboard-inner .dashboard-inner-body {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 25px;
    display: grid
}

.mt-40.dashboard-inner .dashboard-inner-body .sidebar-content,
.mt-40.dashboard-inner .dashboard-inner-body .sticky {
    position: static;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 2px 4px 20px rgba(17, 17, 17, .0705882353)
}

.mt-40.dashboard-inner .dashboard-inner-body .sticky {
    padding-bottom: 5px;
    margin-bottom: 20px
}

.mt-40.dashboard-inner .dashboard-inner-body .sticky:last-child {
    margin-bottom: 0
}

.mt-40.dashboard-inner .sidenav-container {
    grid-column: span 3
}

.mt-40.dashboard-inner .sidenav-container small {
    display: none
}

.mt-40.dashboard-inner .sidenav-container strong {
    display: block;
    font-size: 20px;
    font-family: poppins;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.1;
    color: #bf1e2e
}

.mt-40.dashboard-inner .sidenav-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1
}

.mt-40.dashboard-inner .sidenav-container ul li a {
    font-weight: 500;
    position: relative;
    font-size: 14px;
    display: block;
    padding: 14px 0;
    color: #000;
    font-family: poppins;
    border-top: 1px solid rgba(0, 0, 0, .1294117647);
    text-transform: capitalize
}

.mt-40.dashboard-inner .sidenav-container ul li a:hover {
    color: #bf1e2e
}

.mt-40.dashboard-inner .sidenav-container ul li a:before {
    content: "";
    opacity: .44;
    font-family: Material-Design-Iconic-Font;
    position: absolute;
    right: 0;
    top: 50%;
    content: "\f2fb";
    font-size: 20px;
    transform: translateY(-50%)
}

.mt-40.dashboard-inner .sidenav-container ul li:first-child a {
    padding-top: 0;
    border-top: none
}

.mt-40.dashboard-inner .sidenav-container ul li.active a {
    color: #bf1e2e
}

.mt-40.dashboard-inner .sidenav-container ul li.active a:before {
    opacity: 1
}

.mt-40.dashboard-inner .sidebar-contentarea {
    grid-column: span 9
}

.mt-40.dashboard-inner .sidebar-contentarea form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    grid-column-gap: 25px;
    grid-row-gap: 0;
    line-height: 1
}

.mt-40.dashboard-inner .sidebar-contentarea form .form-group {
    margin-bottom: 15px
}

.mt-40.dashboard-inner .sidebar-contentarea form .form-group:last-child {
    margin-bottom: 0
}

.mt-40.dashboard-inner .sidebar-contentarea form .form-group button {
    padding: 8px 20px 8px 18px
}

.mt-40.dashboard-inner .sidebar-contentarea form label {
    font-size: 13px;
    font-family: poppins;
    font-weight: 600;
    color: rgba(0, 0, 0, .7607843137);
    margin-bottom: 13px;
    opacity: 1
}

.mt-40.dashboard-inner .sidebar-contentarea form input {
    padding-left: 15px;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    font-size: 12px;
    font-family: poppins;
    background: rgba(0, 0, 0, .031372549)
}

.mt-40.dashboard-inner .sidebar-contentarea form input:focus {
    border: 1px solid #c5c5c5;
    background: #fff
}

.mt-40.dashboard-inner .sidebar-contentarea form select {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    min-width: 184px;
    height: 42px;
    border-radius: 8px;
    padding: 14px 25px 14px 16px;
    background: #f1f1f1;
    border: 1px solid rgba(23, 21, 21, .1215686275);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDZMMC44MDM4NDcgMC43NUwxMS4xOTYyIDAuNzUwMDAxTDYgNloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    background-position: calc(100% - 14px) 50%;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: poppins
}

.mt-40.dashboard-inner .sidebar-contentarea form textarea {
    padding-left: 15px;
    border-radius: 8px;
    box-shadow: none;
    height: 120px;
    padding-top: 14px;
    font-weight: 600;
    font-size: 12px;
    margin-top: 0;
    background: #f1f1f1;
    font-family: poppins;
    border: 1px solid rgba(23, 21, 21, .1215686275);
    width: 100%
}

.mt-40.dashboard-inner .sidebar-contentarea form textarea:focus {
    background-color: #fff
}

.mt-40.dashboard-inner .sidebar-contentarea form input[type=checkbox],
.mt-40.dashboard-inner .sidebar-contentarea form input[type=radio] {
    width: auto;
    padding: 0;
    height: auto;
    line-height: inherit
}

.mt-40.dashboard-inner .sidebar-contentarea .warning {
    color: #856404;
    background-color: #fff3cd;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.mt-40.dashboard-inner .sidebar-contentarea .warning h3 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
    font-family: poppins
}

.mt-40.dashboard-inner .sidebar-contentarea .warning p {
    font-size: 14px;
    color: rgba(17, 17, 17, .7019607843);
    font-family: poppins;
    font-weight: 500
}

.mt-40.dashboard-inner .sidebar-contentarea .warning p i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    border-radius: 100%;
    text-align: center;
    line-height: 32px
}

.mt-40.dashboard-inner .sidebar-contentarea .contribution-form .member-column h4 {
    color: #bf1e2e
}

.mt-40.dashboard-inner .sidebar-contentarea .contribution-form .member-column p {
    color: #000
}

.mt-40.dashboard-inner .sidebar-content.feedback-form form div:nth-child(3n) {
    grid-column: span 2
}

.mt-40.dashboard-inner .sidebar-heading {
    display: block;
    font-size: 20px;
    font-family: poppins;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.1;
    color: #bf1e2e
}

.greetings-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0
}

.greetings-header .greet {
    font: 600 25px/1 poppins;
    letter-spacing: 0;
    padding-bottom: 25px
}

.greetings-header .greet strong {
    color: #bf1e2e;
    font-weight: 600
}

.connected-account-wrap p {
    font-size: 17px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 5px;
    color: rgba(0, 0, 0, .7098039216);
    padding-right: 40px
}

.connected-account-wrap h3 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1490196078);
    padding-bottom: 16px;
    font-family: poppins
}

.connected-account-wrap .login-account {
    position: relative;
    line-height: 1.4
}

.connected-account-wrap .login-account i {
    margin-right: 12px
}

.sidebar-content .user-feedback {
    line-height: 1
}

.sidebar-content .feedback-row {
    border-bottom: 1px solid rgba(0, 0, 0, .1490196078);
    padding: 15px 0;
    margin: 0
}

.sidebar-content .feedback-row .user-name {
    padding-left: 0
}

.sidebar-content .feedback-row:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.sidebar-content .feedback-row:first-child {
    padding-top: 0
}

.sidebar-content .feedback-row .name {
    font-family: 'Hind', sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    opacity: .8;
    color: #000
}

.sidebar-content .feedback-row .feedback-date {
    font-size: 13px;
    opacity: .55;
    color: #000;
    margin-top: 3px
}

.sidebar-content .feedback-row .feedback {
    background: 0 0;
    padding: 0;
    margin-top: 15px;
    font-size: 17px;
    line-height: 156%;
    color: rgba(0, 0, 0, .6588235294);
    font-weight: 400
}

.sidebar-content.feedback-form form .form-group:nth-child(2n) {
    grid-column: span 1 !important
}

.save-article-wrap {
    grid-gap: 20px
}

.save-article-wrap .columnnews {
    position: relative
}

.save-article-wrap .columnnews>a .columnnews-wrap .news-title {
    color: rgba(35, 37, 45, .9490196078)
}

@media (max-width:768px) {
    .mt-40.dashboard-inner .dashboard-inner-body {
        grid-row-gap: 20px
    }

    .mt-40.dashboard-inner .sidebar-contentarea,
    .mt-40.dashboard-inner .sidenav-container {
        grid-column: span 12
    }

    .mt-40.dashboard-inner .sidebar-contentarea {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
        grid-column-gap: 10px;
        line-height: 1
    }
}

@media (max-width:640px) {
    .save-article-wrap {
        grid-gap: 15px
    }

    .save-article-wrap .columnnews {
        grid-column: span 6
    }

    .save-article-wrap .columnnews .trigger-close {
        top: 9px;
        right: 11px;
        font-size: 15px;
        width: 25px;
        height: 25px;
        line-height: 25px
    }
}

@media (max-width:480px) {
    .mt-40.dashboard-inner .dashboard-inner-body {
        grid-row-gap: 15px
    }

    .mt-40.dashboard-inner .sidebar-contentarea form {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
        grid-column-gap: 10px;
        line-height: 1
    }

    .mt-40.dashboard-inner .sidebar-contentarea form .form-group {
        margin-bottom: 5px
    }

    .mt-40.dashboard-inner .sidebar-content.feedback-form form .form-group {
        grid-column: span 2
    }

    .mt-40.dashboard-inner .sidebar-content.feedback-form form .form-group:nth-child(2n) {
        grid-column: span 2 !important
    }
}

.classified-ad {
    margin: 25px 0
}

.classified_header {
    color: #fff;
    background: linear-gradient(90deg, #bf1e2e 0, #9a2324 69.5%, #b31217 100%);
    gap: 8px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0
}

.classified_header h3 {
    display: flex;
    font-weight: 500;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    margin-bottom: 0
}

.classified_header h3 img {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    margin-bottom: 0;
    filter: brightness(0) invert(1)
}

.classified_header a.more {
    color: #fff;
    background: 0 0;
    padding-left: 6px;
    margin-top: 0;
    font-size: 14px
}

.classified-container {
    background: rgba(191, 30, 46, .07);
    border-radius: 0 0 5px 5px;
    padding: 15px 20px;
    border: 1px solid #b4202b;
    border-top: none;
    position: relative
}

.classified-container .carousel-btn {
    border: 1px solid #bf1e2e;
    height: 28px;
    width: 28px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #bf1e2e;
    background: #fff;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 15px);
    left: -30px;
    transition: .3s ease
}

.classified-container .carousel-btn:hover {
    background: #bf1e2e;
    color: #fff
}

.classified-container .carousel-btn.next {
    left: auto;
    right: -30px
}

.classified-container .carousel-btn.hide {
    opacity: 0;
    visibility: hidden
}

.classified-wrap.owl-carousel {
    width: 100%
}

.classified-wrap.owl-carousel .owl-stage {
    display: flex
}

.classified-wrap.owl-carousel .owl-stage .item {
    height: 100%;
    display: block
}

.classified-wrap .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%)
}

.classified-wrap .owl-nav button {
    border: 1px solid #bf1e2e !important;
    color: #bf1e2e !important;
    width: 30px;
    border-radius: 100%;
    height: 30px;
    line-height: 30px !important;
    position: absolute;
    background: #fff !important
}

.classified-wrap .owl-nav button:hover {
    background: #bf1e2e !important;
    color: #fff !important
}

.classified-wrap .owl-nav button.owl-next {
    right: -38px
}

.classified-wrap .owl-nav button.owl-prev {
    left: -38px
}

.classified-wrap .category-title {
    font-size: 17px;
    margin-bottom: 12px;
    font-weight: 600;
    color: #bf1e2e;
    font-family: poppins
}

.classified-wrap .item {
    flex: 0 0 283px;
    padding: 14px;
    border-radius: 8px;
    flex-wrap: wrap;
    flex-direction: column;
    display: flex;
    align-self: stretch;
    background: #fff;
    transition: .3s ease;
    color: #000
}

.classified-wrap .item.is-border {
    border: 1px solid rgba(0, 0, 0, .1215686275);
    box-shadow: 4px 6px 20px rgba(0, 0, 0, .08)
}

.classified-wrap .item.is-border:hover {
    transform: scale(1.06)
}

.classified-wrap .item h4 {
    font-size: 17px;
    font-weight: 800;
    color: rgba(0, 0, 0, .8);
    display: flex;
    margin: 0 0 6px 0;
    justify-content: space-between;
    gap: 8px
}

.classified-wrap .item h4 .date {
    font-size: 12px;
    font-weight: 500
}

.classified-wrap .item h4 .date i {
    margin-right: 3px;
    font-size: 11px
}

.classified-wrap .item span {
    font-size: 16px;
    opacity: .85;
    line-height: 1.55;
    font-weight: 400;
    padding-bottom: 15px;
    margin: 0;
    text-align: inherit;
    display: inline-block
}

.classified-wrap .item div {
    border-top: 1px solid rgba(0, 0, 0, .1882352941);
    padding-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    opacity: .9;
    font-weight: 700;
    margin-top: auto;
    gap: 10px
}

.classified-wrap .item a {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.classified-wrap .item a i {
    margin-right: 8px;
    background: #bf1e2e;
    cursor: pointer;
    border: none;
    padding: 0;
    font-size: 14px;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    font-weight: 300;
    z-index: 1;
    line-height: 22px;
    text-align: center
}

.post-btn {
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    padding: 5px 14px 3px 14px;
    border-radius: 5px;
    color: #bf1e2e
}

.classified-post-wrap {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .86);
    overflow-y: auto
}

.classified-post-wrap>div {
    align-items: center;
    height: 100%;
    justify-content: center
}

.classified-post-wrap>div .modal-form {
    padding: 15px;
    padding-bottom: 12px;
    width: 420px;
    margin: 0 15px
}

.classified-post-wrap>div .modal-form .modal-header .modal-title {
    font-family: inherit;
    font-size: 20px;
    margin-bottom: 10px
}

.classified-post-wrap>div .modal-form form {
    margin-top: 0
}

.classified-post-wrap>div .modal-form form .form-group {
    margin-bottom: 8px
}

.classified-post-wrap>div .modal-form form .form-group button {
    font-size: 15px;
    margin-top: 10px
}

.classified-post-wrap>div .modal-form form .form-group label {
    font-size: 15px;
    margin-bottom: 7px;
    font-weight: 700;
    color: rgba(0, 0, 0, .631372549);
    opacity: 1
}

.classified-post-wrap>div .modal-form form .form-group label strong {
    color: #bf1e2e;
    display: inline-block;
    padding-left: 1px
}

.classified-post-wrap>div .modal-form form .form-group input,
.classified-post-wrap>div .modal-form form .form-group select,
.classified-post-wrap>div .modal-form form .form-group textrea {
    width: 100%;
    line-height: 40px;
    font-size: 15px;
    padding: 0 10px;
    background-color: rgba(9, 7, 7, .0196078431);
    border-radius: 3px;
    height: 40px;
    border: 1px solid #ddd
}

.classified-post-wrap>div .modal-form form .form-group input:focus,
.classified-post-wrap>div .modal-form form .form-group select:focus,
.classified-post-wrap>div .modal-form form .form-group textrea:focus {
    background: #fff
}

.classified-post-wrap>div .modal-form form .form-group textarea {
    height: 100px;
    font-size: 15px;
    background: #f1f1f1;
    margin-top: 0;
    border: 1px solid rgba(0, 0, 0, .1607843137);
    padding: 9px;
    width: 100%
}

.classified-post-wrap>div .modal-form form .error label {
    color: #ed1818;
    opacity: 1
}

.classified-post-wrap>div .modal-form form .error input,
.classified-post-wrap>div .modal-form form .error select,
.classified-post-wrap>div .modal-form form .error textarea {
    color: #ed1818;
    border-color: #ed1818
}

.error-txt {
    color: #ed1818;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin-top: 5px !important
}

.classified-preview {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f1f1f1;
    position: relative;
    margin: 11px 0 10px 0;
    color: #000
}

.classified-preview h4 {
    font-size: 17px;
    margin-bottom: 3px;
    color: #000
}

.classified-preview p {
    font-size: 15px !important;
    margin-bottom: 9px !important;
    text-align: left
}

.classified-preview .preview-content span {
    display: flex;
    align-items: center;
    font-size: 15px;
    opacity: .9;
    font-weight: 700;
    gap: 10px;
    margin: 0
}

.classified-preview .preview-content span a {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.classified-preview .preview-content span a i {
    margin-right: 8px;
    background: #bf1e2e;
    cursor: pointer;
    border: none;
    padding: 0;
    font-size: 14px;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    font-weight: 300;
    z-index: 1;
    line-height: 22px;
    text-align: center
}

.subscription-wrap .dn-grid {
    grid-gap: 20px
}

.subscription-wrap .preview-content {
    padding: 0 0 15px 0
}

.subscription-wrap .help {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px
}

.classified-title {
    display: flex;
    color: #bf1e2e;
    align-items: center;
    font-size: 20px;
    gap: 15px;
    font-weight: 600;
    border-radius: 5px 5px 0 0
}

.subscription-modal .classified-preview {
    margin: 0;
    padding-bottom: 0
}

.subscription-modal .classified-preview h4 {
    font-size: 18px;
    font-weight: 800
}

.subscription-modal .classified-preview .classified-title {
    padding-bottom: 15px
}

.subscription-modal h3 img {
    display: inline-block;
    vertical-align: middle;
    width: 38px
}

.payment-mode {
    border: 1px solid #ddd;
    padding: 18px;
    border-radius: 3px
}

.payment-mode .btn-action {
    gap: 8px;
    margin-top: 9px
}

.payment-mode .card__price-amount {
    display: block;
    color: #0b9100;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: .8;
    letter-spacing: -.8px
}

.payment-mode .card__price-amount span {
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    color: #000;
    opacity: .75
}

.payment-mode h4,
.payment-mode p {
    font-size: 14px;
    opacity: .85;
    font-weight: 600;
    margin-top: 11px;
    font-family: poppins
}

.payment-mode .btn-procced {
    border-radius: 3px;
    padding: 8px 15px 8px 15px;
    font-size: 15px;
    margin-top: 13px;
    background: #bf1e2e;
    color: #fff;
    width: 100%;
    border: none;
    cursor: pointer;
    font-family: 'Hind', sans-serif;
    font-weight: 600
}

.p-opt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.p-opt img {
    width: 80px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 6px;
    border-radius: 4px;
    margin-bottom: 2px
}

.p-opt label {
    margin-left: 3px;
    font-size: 13.2px;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: -.2px;
    font-family: poppins
}

.p-opt>div {
    margin-bottom: 0
}

.classified-category-wrap {
    background: #f0f0f0;
    padding: 15px 20px
}

.classified-category-wrap>div.flex {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(23, 22, 22, .1215686275);
    gap: 15px
}

.classified-category-wrap>div.flex>span {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    opacity: .65
}

.classified-category-wrap>div.flex .el-tab-nav.tab-nav {
    margin-right: auto;
    display: flex;
    gap: 5px;
    white-space: nowrap;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.classified-category-wrap .classified-wrap {
    padding: 20px 0 0 0;
    display: none
}

.classified-category-wrap .classified-wrap .item {
    border: 1px solid rgba(0, 0, 0, .1215686275);
    box-shadow: 4px 6px 20px rgba(0, 0, 0, .08)
}

.classified-category-wrap .classified-wrap.active {
    display: block
}

.classified-category-wrap .classified-category {
    grid-gap: 9px
}

.classified-category-wrap .tab-nav>span {
    color: rgba(0, 0, 0, .6117647059);
    font-weight: 600;
    background: #fff;
    font-size: 15px;
    padding: 7px 18px 6px 18px;
    border-radius: 60px;
    margin-right: 0;
    border: 1px solid rgba(0, 0, 0, .2)
}

.classified-category-wrap .tab-nav>span.active {
    color: #fff;
    background: #bf1e2e
}

.classified-category-wrap .tab-nav>span::before {
    width: 0 !important
}

.payment-information {
    margin-bottom: 40px
}

.message-box {
    border-radius: 15px;
    padding: 30px;
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    box-shadow: rgba(0, 0, 0, .08) 0 0 24px
}

.message-box.success {
    color: #173334;
    border: 1px solid #0c6f3c;
    background: rgba(12, 111, 60, .0392156863)
}

.message-box.success i {
    background: #090;
    color: #fff
}

.message-box.success h3 {
    color: #0c6f3c
}

.message-box.failed {
    background-color: #fff6f6;
    color: #9f3a38;
    box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent
}

.message-box.failed i {
    color: #9f3a38;
    background: 0 0;
    width: auto;
    box-shadow: none;
    height: auto;
    margin: 0
}

.message-box.failed h3 {
    color: #9f3a38
}

.message-box i {
    font-size: 45px;
    border-radius: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25);
    display: inline-block;
    height: 70px;
    width: 70px;
    text-align: center;
    align-items: center;
    font-weight: 800;
    line-height: 70px;
    position: relative;
    margin-bottom: 11px
}

.message-box h3 {
    font-weight: 700;
    font-size: 25px;
    margin: 0 0 3px 0;
    letter-spacing: 0;
    padding: 0
}

.message-box p {
    font-size: 18px;
    margin: 10px auto 5px 0;
    line-height: 1.36;
    font-weight: 400
}

.message-box a.btn-procced {
    border-radius: 3px;
    padding: 12px 15px 12px 15px;
    font-size: 15px;
    background: #bf1e2e;
    color: #fff;
    width: auto;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: 'Hind', sans-serif;
    font-weight: 600;
    margin-top: 10px
}

.message-box a.btn-procced:hover {
    color: #fff;
    opacity: .76
}

.btn-action {
    gap: 10px;
    margin-top: 15px
}

.btn-action button {
    border-radius: 3px;
    padding: 7px 15px 7px 15px;
    font-size: 15px;
    background: #bf1e2e;
    color: #fff;
    width: 100%;
    border: none;
    cursor: pointer;
    font-family: 'Hind', sans-serif;
    font-weight: 600
}

.btn-action button.outline {
    background: 0 0;
    border: 1px solid #bf1e2e;
    color: #bf1e2e
}

.btn-action button.outline:hover {
    background: #bf1e2e;
    color: #fff
}

body.dark .message-box.success p {
    color: #fff
}

body.dark .payment-mode .card__price-amount span {
    color: #fff
}

.subscription-modal .classified-preview span {
    position: absolute;
    bottom: 15px;
    right: 15px
}

@media (max-width:600px) {
    .classified-preview .preview-content span {
        position: static;
        padding-top: 10px
    }

    .subscription-modal .classified-preview .classified-title {
        padding-bottom: 0
    }
}

@media (max-width:810px) {

    .classified-ad.subscription-wrap .col3,
    .classified-ad.subscription-wrap .col4,
    .classified-ad.subscription-wrap .col8,
    .classified-ad.subscription-wrap .col9 {
        grid-column: span 12
    }
}

@media (max-width:480px) {
    .classified-ad {
        margin: 20px 0 18px 0
    }

    .classified-wrap .owl-nav button.owl-prev {
        left: -24px
    }

    .classified-wrap .owl-nav button.owl-next {
        right: -23px
    }

    .classified-container {
        padding: 12px 12px
    }

    .message-box i {
        font-size: 35px;
        height: 50px;
        width: 50px;
        line-height: 50px
    }

    .message-box h3 {
        font-size: 20px;
        margin: 0
    }

    .message-box p {
        font-size: 17px;
        opacity: .75
    }

    .classified-category-wrap {
        padding: 10px 12px
    }

    .classified-category-wrap .col3 {
        grid-column: span 12
    }

    .post-btn {
        font-size: 13px;
        padding: 4px 12px 2px 12px
    }

    .classified_header h3 {
        font-weight: 700;
        gap: 8px;
        font-size: 18px
    }

    .classified_header h3 img {
        display: none
    }

    .classified-category-wrap .tab-nav>span {
        font-size: 14px;
        padding: 5px 13px 6px 13px
    }
}

.stories__timeline.scrollable.dn-grid {
    margin-bottom: 0
}

.section-webstories ul.pagination {
    margin-top: 0
}

.stories__timeline .sec-title h2 {
    position: relative;
    padding-left: 42px
}

.stories__timeline .sec-title h2 i.stories {
    background-color: #bf1e2e;
    position: absolute;
    left: 0;
    top: -4px;
    border-radius: 11px 0
}

.stories__timeline .dn-gap,
.stories__timeline.dn-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    margin-bottom: 30px
}

.stories__timeline .dn-gap {
    gap: 20px
}

.stories__timeline.stories__timeline--main {
    margin-top: 40px
}

.stories__timeline .dn-grid {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px
}

.stories__timeline .overlay-news {
    min-height: 340px;
    position: relative;
    border-radius: 10px
}

.stories__timeline .overlay-news a {
    border-radius: 10px
}

.stories__timeline .overlay-news a>img {
    transition: .3s linear
}

.stories__timeline .overlay-news a .user {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 31px;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 1px
}

.stories__timeline .overlay-news a .user img {
    width: 100%;
    height: 100%;
    position: static;
    border-radius: 100%
}

.stories__timeline .overlay-news a:hover img {
    animation: zoom 5s ease infinite;
    transition: .3s linear
}

.stories__timeline .overlay-news a:before {
    border-radius: 10px
}

.stories__timeline .overlay-news .overlay-news-content {
    padding: 20px 25px 23px 20px
}

.stories__timeline .overlay-news .overlay-news-content .date {
    margin-top: 10px;
    opacity: .97;
    font-size: 11px;
    color: rgba(255, 255, 255, .8117647059);
    font-weight: 600
}

.stories__timeline .overlay-news .overlay-news-content .date i {
    margin-right: 4px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.stories__timeline .overlay-news h2 {
    font-size: 20px !important
}

.stories {
    position: absolute;
    right: 15px;
    top: 15px;
    background: #bf1e2e url(../images/icon-stories.png) no-repeat center center/50% auto;
    width: 32px;
    height: 32px;
    z-index: 1;
    border-radius: 100%;
    filter: brightness(1.2)
}

.sports-stories {
    margin-bottom: 40px
}

@media (max-width:768px) {
    .stories__timeline.scrollable.dn-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        grid-gap: 16px;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .stories__timeline.scrollable.dn-grid>div {
        flex-basis: 200px;
        flex-grow: 0;
        flex-shrink: 0
    }

    .stories__timeline.scrollable.dn-grid>div h2 {
        font-size: 20px
    }

    .stories__timeline.dn-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .stories__timeline.dn-grid>div h2 {
        font-size: 20px
    }
}

@media (max-width:480px) {

    .stories__timeline .dn-grid,
    .stories__timeline.dn-grid {
        grid-gap: 15px
    }

    .stories__timeline .dn-grid .overlay-news,
    .stories__timeline.dn-grid .overlay-news {
        min-height: 300px
    }

    .stories__timeline .dn-grid .overlay-news .overlay-news-content,
    .stories__timeline.dn-grid .overlay-news .overlay-news-content {
        padding: 15px 20px 20px 15px
    }

    .stories__timeline .dn-grid .overlay-news .overlay-news-content h2,
    .stories__timeline.dn-grid .overlay-news .overlay-news-content h2 {
        font-size: 18px !important;
        font-weight: 700
    }
}

@-webkit-keyframes zoom {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes zoom {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.section-anniversary {
    line-height: 1;
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    margin-top: 25px;
    background: #fbf6f7
}

.section-anniversary:before {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    content: "";
    opacity: .2;
    height: 100%;
    bottom: 0;
    background: url(../images/patterns-anniversary.png)
}

.section-anniversary .dn-container {
    position: relative;
    z-index: 1
}

.section-anniversary h2.heading {
    font-family: 'Hind', sans-serif;
    font-size: 28px;
    text-align: center;
    margin-bottom: 25px;
    padding-top: 2px;
    color: #fff
}

.section-anniversary h2.heading span {
    display: inline-block;
    padding: 15px 50px 10px 50px;
    background: #bf1e2e;
    position: relative
}

.section-anniversary h2.heading span:after,
.section-anniversary h2.heading span:before {
    position: absolute;
    top: 0;
    content: ""
}

.section-anniversary h2.heading span:before {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #fbf6f7;
    left: 0
}

.section-anniversary h2.heading span:after {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #fbf6f7;
    right: 0
}

.section-anniversary .grid {
    --gap: 1em;
    --columns: 4;
    display: column;
    -moz-columns: var(--columns);
    columns: var(--columns);
    gap: var(--gap)
}

.section-anniversary .grid>* {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: var(--gap)
}

@supports (grid-template-rows:masonry) {
    .section-anniversary .grid {
        display: grid;
        grid-template-columns: repeat(var(--columns), 1fr);
        grid-template-rows: masonry;
        grid-auto-flow: dense
    }
}

.section-anniversary .featured {
    grid-column: span 2
}

.section-anniversary .content {
    transform-style: preserve-3d;
    padding: 0;
    box-shadow: 0 0 15px rgba(191, 30, 46, .28);
    display: block;
    color: #000;
    border-radius: 15px;
    transition: all .2s ease-in-out;
    background: linear-gradient(180deg, rgba(255, 253, 253, .5019607843) 0, rgba(234, 245, 255, .8588235294) 100%)
}

.section-anniversary .content>div {
    padding: 1em
}

.section-anniversary .content:hover {
    background: #bf1e2e;
    color: #fff;
    transform: scale(1.05)
}

.section-anniversary .content:hover .title a {
    color: #fff
}

.section-anniversary .content:hover .content-author img {
    background: #fff;
    border-color: #fff
}

.section-anniversary .content:hover .content-author a,
.section-anniversary .content:hover .content-author span {
    color: #fff
}

.section-anniversary img {
    border-radius: 12px 12px 0 0;
    height: 200px;
    object-fit: cover;
    width: 100%
}

.section-anniversary .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    font-family: 'Hind', sans-serif;
    padding-bottom: 0
}

.section-anniversary .title a {
    color: #111
}

.section-anniversary p {
    font-size: 16px;
    line-height: 1.65;
    padding: 0 1.2em 1.8em 1.2em;
    opacity: .8
}

.section-anniversary .content-author {
    padding-top: 18px
}

.section-anniversary .content-author img {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #bf1e2e;
    padding: 2px
}

.section-anniversary .content-author img+img {
    margin-left: -15px
}

.section-anniversary .content-author span {
    padding-left: 7px;
    color: #000;
    font-weight: 500;
    font-size: 13px;
    display: inline-block
}

.section-anniversary .content-author span a {
    display: inline-block;
    color: #000;
    opacity: .76
}

.greetings-container {
    padding: 20px 0 0 0
}

.greetings-container .owl-carousel .owl-stage-outer {
    overflow: inherit
}

.greetings-container .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: 45%;
    width: 100%;
    transform: translateY(-50%)
}

.greetings-container .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background: #bf1e2e;
    margin: 0;
    border-radius: 100%;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    line-height: 30px
}

.greetings-container .owl-carousel .owl-nav button i {
    display: block
}

.greetings-container .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -5px;
    top: 50%
}

.greetings-container .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -5px;
    top: 50%
}

.greetings-container .card-item {
    padding: 0 10px;
    width: 100%;
    height: 300px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    font-size: 14px;
    display: block
}

.greetings-container .card-item>a {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    position: relative
}

.greetings-container .card-item>a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    background-image: linear-gradient(to top, rgba(4, 3, 2, .67), transparent);
    z-index: 4
}

.greetings-container .card-item>a img {
    width: 100%;
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: all .3s ease
}

.greetings-container .card-item>a .card-item-info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 24px;
    padding-bottom: 15px;
    z-index: 5;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35
}

.greetings-container .card-item>a .card-item-info h4 {
    font-size: 13px;
    color: rgba(255, 255, 255, .97);
    margin: 0;
    padding-bottom: 3px;
    font-weight: 600
}

@media (max-width:768px) {
    .section-anniversary .grid {
        --columns: 3
    }
}

@media (max-width:640px) {
    .section-anniversary {
        padding: 30px 0
    }

    .section-anniversary .grid {
        --columns: 2
    }
}

@media (max-width:480px) {
    .anniversary-greeting .btn-white {
        width: 65px;
        height: 65px;
        font-size: 28px
    }

    .anniversary-greeting .banner-content {
        text-align: center
    }

    .anniversary-greeting .banner-content h2 {
        font-size: 25px;
        margin-bottom: 0;
        color: #fff
    }

    .anniversary-greeting .banner-content p {
        font-size: 15px;
        opacity: .65
    }

    .anniversary-greeting .banner-content .flex {
        padding: 12px 20px;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
        display: grid
    }

    .anniversary-greeting .banner-content .flex>div+div {
        order: -1;
        margin-bottom: 8px
    }

    .section-anniversary {
        padding: 20px 0
    }

    .section-anniversary h2.heading {
        font-size: 22px;
        margin-bottom: 20px
    }

    .section-anniversary .content img {
        height: 160px
    }

    .section-anniversary .content .title {
        font-weight: 600;
        font-size: 17px;
        line-height: 1.3
    }

    .section-anniversary .content .content-author img {
        width: 22px;
        height: 22px
    }

    .section-anniversary .content .content-author span {
        padding-left: 4px;
        font-size: 12px
    }

    .section-anniversary .content>div {
        padding: .8em
    }
}

.anniversary-greeting {
    overflow: hidden
}

.anniversary-greeting .banner-content {
    background: linear-gradient(180deg, #bd1e2c 0, #ec1c23 100%);
    text-align: left;
    color: #fff;
    margin-top: 25px;
    border-radius: 10px;
    position: relative;
    min-height: 110px
}

.anniversary-greeting .banner-content:after,
.anniversary-greeting .banner-content:before {
    position: absolute;
    left: 0;
    width: 100%;
    content: ""
}

.anniversary-greeting .banner-content:after {
    z-index: 1;
    opacity: .27;
    height: 100%;
    bottom: 0;
    background: url(../images/patterns-anniversary.png)
}

.anniversary-greeting .banner-content .flex {
    z-index: 2;
    position: relative;
    justify-content: center;
    padding: 20px 20px 0 0
}

.anniversary-greeting .banner-content::before {
    opacity: .8;
    left: 0;
    border-radius: 10px;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/anniversary-banner.png);
    background-size: cover
}

.banner-content h2 {
    font-size: 33px;
    margin-bottom: 0;
    color: #fff
}

.banner-content h2 span {
    font-size: 28px
}

.banner-content p {
    font-size: 19px;
    margin: 0;
    text-align: center
}

.btn-white {
    background: #fff;
    width: 90px;
    font-weight: 900;
    height: 90px;
    font-size: 35px;
    z-index: 999;
    text-align: center;
    color: #111;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.is_live .context {
    padding-left: 28px;
    position: relative
}

.is_live .context:after {
    background-color: #fff;
    content: "";
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 12px;
    top: 15px;
    animation: pulse-red 1s infinite
}

.heading-sticky .news-detail-header.is_live .heading {
    padding-right: 0 !important
}

.heading-sticky .news-detail-header.is_live>div {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.heading-sticky .news-detail-header.is_live .context {
    display: inline-block;
    margin: 0
}

.live-stories-content {
    font-family: 'Hind', sans-serif;
    margin-bottom: 30px
}

.live-stories-content .live-card {
    background: rgba(17, 17, 17, .0509803922);
    padding: 15px;
    border-radius: 5px;
    transition: .3s linear;
    display: block;
    position: relative;
    width: 100%;
    color: #000;
    padding-top: 44px;
    border: 1px solid rgba(0, 0, 0, .0901960784)
}

.live-stories-content .live-card .share-links .st-btn {
    border-radius: 100% !important;
    display: inline-block !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important
}

.live-stories-content .live-card .share-links .st-btn>img {
    display: inline-block !important;
    height: 20px !important;
    width: 20px !important;
    position: relative !important;
    top: 5px !important;
    vertical-align: top !important
}

.live-stories-content .live-card div.more {
    text-align: right;
    margin-top: 4px;
    line-height: 1
}

.live-stories-content .live-card div.more a.more {
    font-weight: 800;
    padding: 0;
    margin-top: 0;
    font-size: 14px;
    text-decoration: none;
    background: 0 0;
    color: #bf1e2e
}

.live-stories-content .live-card div.more a.more i {
    color: #bf1e2e;
    margin-left: 2px
}

.live-stories-content .live-card div.more a.more:hover {
    text-decoration: underline
}

.live-stories-content .live-card iframe {
    margin: 0 0 15px 0;
    border-radius: 8px
}

.live-stories-content .live-card .post-date {
    position: absolute;
    left: 0;
    top: 0;
    background: #bf1e2e;
    border-radius: 4px 0 4px 0;
    color: #fff;
    padding: 4px 11px;
    font-size: 13px
}

.live-stories-content .live-card .post-date img {
    width: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    filter: brightness(0) invert(1)
}

.live-stories-content .live-card iframe {
    width: 100%
}

.live-stories-content .live-card:not(:last-child) {
    margin-bottom: 20px
}

.live-stories-content .live-card .featured-image {
    margin: 0 0 20px 0
}

.live-stories-content .live-card .featured-image img {
    border-radius: 5px
}

.live-stories-content .live-card .featured-image .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    text-align: center;
    color: #fff;
    background: rgba(191, 30, 46, .61);
    padding: 7px 10px;
    font-size: 12px;
    line-height: 1.7;
    border-radius: 0 0 3px 3px;
    font-weight: 600
}

.live-stories-content .live-card .title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.live-stories-content .live-card .title>a {
    color: inherit
}

.live-stories-content .live-card .title>a:hover {
    color: #bf1e2e
}

.live-stories-content .live-card p {
    font-size: 19px;
    margin-top: 10px;
    color: rgba(0, 0, 0, .6509803922);
    line-height: 1.75;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 0
}

.live-stories-content .live-card p a {
    font-weight: 500;
    opacity: 1;
    color: #bf1e2e;
    text-decoration: underline
}

.live-stories-content .live-card .in-between-news {
    margin-top: 15px
}

.live-stories-content .live-card .in-between-news span {
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 4px;
    display: inline-block;
    opacity: .6
}

.live-stories-content .live-card .in-between-news ul {
    margin: 0;
    padding: 0 0 0 15px;
    list-style-type: disc
}

.live-stories-content .live-card .in-between-news ul li:not(:last-child) {
    margin-bottom: 5px
}

.live-stories-content .live-card .in-between-news ul li a {
    color: rgba(0, 0, 0, .87);
    line-height: 1.45;
    font-size: 17px;
    font-weight: 500
}

.live-stories-content .live-card .in-between-news ul li:hover a {
    color: #bf1e2e
}

@media (max-width:480px) {
    .live-stories-content {
        margin-top: 20px
    }
}

.is-live-news .content-banner--single,
.is-live-news>.contentarea-adv {
    display: none
}

.share-links a {
    font-size: 16px;
    color: rgba(0, 0, 0, .4117647059);
    display: inline-block;
    margin-left: 1px;
    height: 28px;
    width: 28px;
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    position: relative
}

@media (max-width:400px) {
    .dn-container-small .sec-title h2 {
        line-height: 1.5em;
        font-size: 22px
    }

    .content-page p {
        font-size: 17px
    }
}

.section-euro .dn__side--ad {
    position: relative;
    z-index: 1
}

.section-constitution {
    margin-top: 40px
}

@media (max-width:480px) {
    .is_live .context::after {
        top: 10px
    }
}

.customer-support {
    margin-bottom: 20px;
    font-family: poppins;
    font-size: 14px;
    font-weight: 600;
    background: rgba(48, 38, 38, .0588235294);
    display: inline-flex;
    padding: 6px 18px;
    border-radius: 31px;
    border: 1px solid rgba(0, 0, 0, .0705882353);
    gap: 15px;
    flex-wrap: wrap;
    align-items: center
}

.customer-support a {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1
}

.customer-support a:not(:last-child) {
    border-right: 2px solid rgba(0, 0, 0, .1803921569);
    padding-right: 10px
}

.customer-support a i {
    margin-right: 4px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #bf1e2e
}

.customer-support a:hover {
    color: #bf1e2e;
    opacity: 1
}

.section_radio .customer-support {
    margin-bottom: 0
}

.section_radio,
.section_radio-detail {
    margin: 25px 0 30px 0
}

@media (max-width:480px) {

    .section_radio,
    .section_radio-detail {
        margin: 22px 0 22px 0
    }
}

@media (max-width:800px) {
    .section_radio-detail .dn-container>.flex {
        display: block
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap {
        padding: 0 0 25px 0
    }

    .section_radio-detail .dn-container>.flex .dn__side--add {
        max-width: inherit
    }
}

@media (max-width:679px) {
    .section_radio-detail .audioplayer-volume-adjust {
        display: block !important
    }

    .section_radio-detail .dn-container>.flex {
        display: block
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap {
        padding: 0 0 25px 0
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player {
        align-items: inherit;
        display: block
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .radio-image {
        margin-right: 15px
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .radio-image img {
        width: 80px;
        height: 80px
    }

    .section_radio-detail .dn-container>.flex .dn__side--add {
        max-width: inherit
    }
}

@media (max-width:480px) {
    .section_radio-detail .dn-container>.flex {
        display: block
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap {
        padding: 0 0 25px 0
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player {
        align-items: inherit;
        display: block;
        padding-top: 15px
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .flex {
        align-items: inherit;
        flex-wrap: wrap;
        gap: 12px
    }
}

@media (max-width:480px) and (max-width:400px) {
    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .flex {
        display: block;
        text-align: center
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .flex img {
        margin: 0
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .flex div {
        text-align: center;
        flex-wrap: nowrap
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .flex div h1 {
        justify-content: center
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .flex div h1 .play-button {
        width: 40px;
        height: 40px
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .flex div+.flex {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin-top: 12px
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .flex .share-counter {
        display: inline-block
    }
}

@media (max-width:480px) {
    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .radio-image {
        margin-right: 15px
    }

    .section_radio-detail .dn-container>.flex .dn__news--wrap .radio-player .radio-image img {
        width: 80px;
        height: 80px
    }

    .section_radio-detail .dn-container>.flex .dn__side--add {
        max-width: inherit
    }
}

.radio-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 12px
}

.radio-search {
    text-align: right;
    font-family: poppins;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
    font-family: 'Hind', sans-serif;
}

.radio-search select {
    display: inline-block;
    line-height: 47px;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 47px;
    background-color: #fff;
    padding: 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
    appearance: none;
    font-family: poppins;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .3);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDZMMC44MDM4NDcgMC43NUwxMS4xOTYyIDAuNzUwMDAxTDYgNloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    background-position: calc(100% - 14px) 50%;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 184px;
    text-indent: 1px
}

.radio-search form {
    position: relative
}

.radio-search form label {
    margin-right: 8px;
    font-size: 14px;
    color: #bf1e2e;
    font-family: poppins
}

.radio-search form [type=text] {
    padding: 0 35px 0 20px;
    line-height: 47px;
    font-size: 14px;
    background: #fff;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #111;
    outline: 0;
    font-family: poppins;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .3);
    max-width: 320px;
    width: 100%
}

.radio-search form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    padding: 0;
    border: none;
    background: 0 0
}

.radio-search form button img {
    width: 15px;
    margin-top: 3px
}

.radio-col a {
    text-align: center;
    display: block;
    font-size: 14px;
    color: rgba(35, 37, 45, .9490196078);
    line-height: 1;
    font-family: 'Hind', sans-serif;
    display: block;
    font-weight: 500;
    position: relative
}

.radio-col a span {
    display: block;
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 5px
}

.radio-col a i {
    font-weight: 800;
    font-size: 10.1px;
    font-style: normal;
    position: absolute;
    right: 8px;
    top: 12px;
    color: #fff;
    background: #bf1e2e;
    padding: 3px 5px;
    text-transform: uppercase;
    border-radius: 3px
}

.radio-col a img {
    border-radius: 100px;
    border: 1px solid #bf1e2e;
    width: 80px;
    height: 80px;
    object-fit: cover;
    display: block;
    text-align: center;
    margin: 0 auto 13px auto;
    padding: 4px
}

.radio__lists.dn-grid {
    grid-gap: 0;
    padding: 0;
    border-radius: 8px;
    background: rgba(182, 32, 34, .05);
    position: relative;
    padding: 12px;
    border: 1px solid rgba(182, 32, 34, .8901960784)
}

@media (max-width:480px) {
    .radio__lists.dn-grid {
        border: 1px solid rgba(0, 0, 0, .0705882353);
        padding: 0;
        border-bottom: none;
        border-right: none
    }
}

.radio__lists.dn-grid>div {
    margin-bottom: 10px
}

@media (max-width:800px) {
    .radio__lists.dn-grid>div {
        grid-column: span 3
    }
}

@media (max-width:600px) {
    .radio__lists.dn-grid>div {
        grid-column: span 4
    }
}

@media (max-width:480px) {
    .radio__lists.dn-grid>div {
        border-bottom: 1px solid rgba(0, 0, 0, .0705882353);
        border-right: 1px solid rgba(0, 0, 0, .0705882353);
        margin-bottom: 0
    }

    .radio__lists.dn-grid>div a img {
        width: 50px;
        height: 50px;
        padding: 2px
    }

    .radio__lists.dn-grid>div a:hover {
        background: 0 0 !important;
        box-shadow: none !important
    }
}

.radio__lists.dn-grid>div a {
    padding: 10px;
    padding-bottom: 12px
}

.radio__lists.dn-grid>div a:hover {
    background: #fff;
    box-shadow: 2px 8px 14px rgba(0, 0, 0, .0901960784);
    border-radius: 8px
}

.radio__lists.dn-grid>div a span {
    font-size: 14px;
    margin-bottom: 2px;
    line-height: 1.2
}

@keyframes live {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 #a81f00
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 transparent
    }
}

body.dark .radio-player address {
    border-color: rgba(255, 255, 255, .2117647059)
}

body.dark .radio-player address>div h4 {
    color: #fff
}

body.dark .radio-col a {
    color: rgba(255, 255, 255, .95)
}

body.dark .radio-col a img {
    border: 1px solid #fff
}

body.dark .radio__lists.dn-grid {
    background: rgba(255, 255, 255, .02)
}

body.dark .radio__lists.dn-grid .radio-col a:hover {
    background: rgba(255, 255, 255, .0392156863)
}

@media (max-width:480px) {
    body.dark .radio__lists.dn-grid {
        border-color: rgba(255, 255, 255, .19)
    }

    body.dark .radio__lists.dn-grid>div {
        border-bottom: 1px solid rgba(255, 255, 255, .19);
        border-right: 1px solid rgba(251, 251, 251, .18);
        margin-bottom: 0
    }
}

.radio-player {
    position: relative;
    border-radius: 10px;
    background: rgba(182, 32, 34, .13);
    padding: 10px 15px;
    margin-bottom: 25px;
    border: 1px solid rgba(182, 32, 34, .8901960784)
}

.radio-player address {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, .1803921569);
    font-style: normal;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between
}

.radio-player address>div {
    position: relative;
    padding-left: 35px;
    font-size: 18px;
    text-align: left
}

.radio-player address>div i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 25px !important;
    color: #bf1e2e
}

.radio-player address>div h4 {
    font-size: 12px;
    font-weight: 600;
    font-family: poppins;
    color: rgba(35, 37, 45, .9490196078);
    margin-bottom: 4px
}

.radio-player address>div p {
    margin: 0;
    font-weight: 500;
    line-height: 1.3;
    opacity: .86;
    font-size: 16px
}

.radio-player address>div p a {
    color: inherit
}

.radio-player .sharethis-inline-share-buttons {
    margin-bottom: auto
}

.radio-player .radio-image {
    margin-right: 20px
}

.radio-player .radio-image img {
    width: 100px;
    object-fit: cover;
    height: 100px;
    border-radius: 100%;
    background: #fff;
    padding: 3px;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .3098039216)
}

.radio-player .radio-detail {
    flex: 1;
    position: relative;
    z-index: 1
}

.radio-player .radio-detail>div.flex {
    gap: 15px
}

.radio-player .radio-detail>div.flex .flex {
    margin-bottom: auto
}

.radio-player .radio-detail>div.flex .st-btn {
    display: inline-block !important
}

.radio-player .radio-detail h1 {
    font-weight: 700;
    font-size: 24px;
    margin: 0;
    display: flex;
    align-items: center
}

.radio-player .radio-detail h1 .play-button {
    position: relative;
    width: 60px;
    height: 40px;
    opacity: 1;
    margin-left: 11px;
    background-color: #bf1e2e;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .3s ease;
    color: #fff
}

.radio-player .radio-detail h1 .play-button:hover {
    background: #fff;
    color: #bf1e2e
}

.radio-player .radio-detail h1 .play-button i {
    font-size: 27px
}

.radio-player .radio-detail .audio-wrapper {
    width: 100%;
    margin-top: 10px
}

.radio-player .radio-detail .audio-wrapper audio {
    width: 100%
}

.other-radio h3 {
    margin-bottom: 20px;
    color: #bf1e2e;
    font-size: 22px;
    font-family: poppins
}

.other-radio .dn-grid {
    grid-gap: 20px
}

.other-radio .dn-grid .radio-col a img {
    width: 80px;
    height: 80px;
    padding: 3px
}

@media (max-width:800px) {
    .other-radio .dn-grid .radio-col {
        grid-column: span 3
    }
}

@media (max-width:600px) {
    .other-radio .dn-grid .radio-col {
        grid-column: span 4
    }
}

@media (max-width:480px) {
    .other-radio .dn-grid .radio-col {
        grid-column: span 4
    }

    .other-radio .dn-grid .radio-col a img {
        width: 50px;
        height: 50px
    }

    .other-radio .dn-grid .radio-col a span {
        font-size: 14px;
        margin-bottom: 2px;
        line-height: 1.2
    }
}

.audio-player {
    height: 50px;
    width: 350px;
    background: #444;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .6666666667);
    font-family: arial;
    color: #fff;
    font-size: .75em;
    overflow: hidden;
    display: grid;
    grid-template-rows: 6px auto
}

.audio-player .timeline {
    background: #fff;
    width: 100%;
    position: relative;
    cursor: pointer;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5333333333)
}

.audio-player .timeline .progress {
    background: coral;
    width: 0%;
    height: 100%;
    transition: .25s
}

.audio-player .controls {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 20px
}

.audio-player .controls>* {
    display: flex;
    justify-content: center;
    align-items: center
}

.audio-player .controls .toggle-play.play {
    cursor: pointer;
    position: relative;
    left: 0;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-left: 13px solid #fff
}

.audio-player .controls .toggle-play.play:hover {
    transform: scale(1.1)
}

.audio-player .controls .toggle-play.pause {
    height: 15px;
    width: 20px;
    cursor: pointer;
    position: relative
}

.audio-player .controls .toggle-play.pause:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    content: "";
    height: 15px;
    width: 3px
}

.audio-player .controls .toggle-play.pause:after {
    position: absolute;
    top: 0;
    right: 8px;
    background: #fff;
    content: "";
    height: 15px;
    width: 3px
}

.audio-player .controls .toggle-play.pause:hover {
    transform: scale(1.1)
}

.audio-player .controls .time {
    display: flex
}

.audio-player .controls .time>* {
    padding: 2px
}

.audio-player .controls .volume-container {
    cursor: pointer;
    position: relative;
    z-index: 2
}

.audio-player .controls .volume-container .volume-button {
    height: 26px;
    display: flex;
    align-items: center
}

.audio-player .controls .volume-container .volume-button .volume {
    transform: scale(.7)
}

.audio-player .controls .volume-container .volume-slider {
    position: absolute;
    left: -3px;
    top: 15px;
    z-index: -1;
    width: 0;
    height: 15px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .6666666667);
    transition: .25s
}

.audio-player .controls .volume-container .volume-slider .volume-percentage {
    background: coral;
    height: 100%;
    width: 75%
}

.audio-player .controls .volume-container:hover .volume-slider {
    left: -123px;
    width: 120px
}

@media (max-width:600px) {
    .radio-wrap .customer-support {
        width: 100%
    }

    .customer-support {
        display: block;
        border-radius: 10px;
        padding: 12px 15px
    }

    .customer-support a {
        display: block;
        padding: 8px 0 0 0 !important;
        margin: 0 7px 0 0;
        border: none !important
    }
}

@media (max-width:480px) {
    .radio-detail .flex .flex {
        flex-wrap: nowrap !important
    }

    .radio-detail .flex .flex .share-counter {
        margin: 0
    }
}

.dnn-disclaimer {
    margin-bottom: 20px;
    padding: 18px;
    color: #442203;
    background-color: rgba(254, 249, 195, .62);
    border-bottom-color: rgba(234, 179, 8, .4);
    border-left: 4px solid rgba(234, 179, 8, .58);
    border-radius: 8px
}

.dnn-disclaimer svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 2px
}

.dnn-disclaimer strong {
    font-weight: 700;
    font-size: 16px;
    font-family: poppins
}

.dnn-disclaimer p {
    margin-top: 9px;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400
}

body.dark .customer-support {
    border: 1px solid rgba(250, 250, 250, .2)
}

body.dark .radio-player .share-counter {
    color: #fff
}

body.pradesh .section_radio .sec-title {
    margin-bottom: 0 !important
}

@media (max-width:768px) {
    body.pradesh .section_radio {
        padding-top: 0
    }
}

.section-candidates .section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

.section-candidates .section-heading h3 img {
    margin-right: 15px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    object-fit: cover;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, .1490196078);
    background: #fff;
    padding: 5px
}

.local__election {
    padding: 30px 0 0 0;
    background: 0 0
}

.local__election .dn-container {
    max-width: 1250px;
    z-index: 1;
    position: relative
}

.local__election .election-card {
    border: solid 1px #d8d8d8;
    border-radius: 6px;
    box-shadow: none
}

.local__election .election-card .tab-content {
    display: none
}

.local__election .election-card .tab-content.active {
    display: block
}

.local__election .election-card .election-card--header {
    background: #bf1e2e;
    padding: 15px 20px 12px 20px
}

.local__election .election-card .election-card--header h3 {
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.local__election .election-card .election-card--header h3 a {
    color: inherit
}

.local__election .election-card .election-card--header .small {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline
}

.local__election .election-card .election-card--desc {
    max-height: 300px;
    margin-top: 0
}

.local__election .election-card .election-card--desc>div {
    background: 0 0
}

.local__election .election-card .election-card--desc>div:hover {
    background: rgba(0, 0, 0, .05)
}

.local__election .election-card .election-card--desc>div:hover .candidate-win {
    background: #e9f9ef
}

.local__election .election-card .election-card--desc>div .candidate {
    padding: 12px 10px
}

.local__election .election-card .election-card--desc>div .candidate .candidate-media {
    width: 40px;
    height: 40px
}

.local__election .election-card .election-card--desc>div .candidate.candidate-win {
    background: rgba(103, 210, 142, .14)
}

.local__election .election-card .election-card--desc>div .candidate.candidate-win .candidate-media {
    border-color: #2fa12f
}

.local__election .election-card .election-card--desc>div .candidate.candidate-win .candidate-votes {
    color: #000
}

.local__election .election-card .election-card--desc>div .candidate .candidate-detail {
    padding: 0 0 0 12px;
    font-size: 12px
}

.local__election .election-card .election-card--desc>div .candidate .candidate-detail .candidate-title {
    font-size: 16px;
    font-weight: 700
}

.local__election .election-card .load-more {
    border-top: solid 1px rgba(0, 0, 0, .1);
    padding: 9px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: row-reverse
}

.local__election .election-card .load-more .more {
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, .68);
    line-height: 33px;
    padding: 0 18px;
    border-radius: 68px;
    text-decoration: none;
    background: rgba(51, 51, 51, .1019607843);
    transition: .3s linear;
    display: inline-flex;
    align-items: center;
    gap: 10px
}

.local__election .election-card .load-more .more:hover {
    background: #bf1e2e;
    color: #fff;
    transition: .3s linear
}

.local__election .election-card .candidate-votes {
    font-size: 18px
}

.local__election .election-card .party-flag {
    --size: 35px;
    border: 1px solid #dadada;
    padding: 3px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--size);
    width: var(--size);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background: 0 0;
    box-shadow: none
}

.local__election .tab-nav {
    border-bottom: solid 1px rgba(0, 0, 0, .1);
    padding: 0 20px;
    background: #f1f1f1;
    white-space: nowrap;
    overflow-x: auto
}

.el-title-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.el-title-wrap h3 {
    color: #bf1e2e;
    font-family: poppins;
    font-size: 23px;
    margin-top: auto
}

.el-title-wrap h3>span.is_live {
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 9px 10px
}

.el-title-wrap h3>span.is_live span {
    font-family: 'Hind', sans-serif;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 0;
    padding: 5px 8px 5px 25px;
    margin-bottom: auto
}

.el-title-wrap h3>span.is_live span:after {
    width: 6px;
    height: 6px;
    left: 12px;
    top: 9px
}

.el-title-wrap a.more {
    background: 0 0
}

.filter-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.select-box select {
    padding: 10px 25px 10px 16px;
    line-height: inherit;
    font-family: 'Hind', sans-serif;
    font-size: 15px;
    font-weight: 500;
    border: none;
    background-color: #f0f0f0;
    border: 1px solid #d0d5dd;
    height: 42px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDZMMC44MDM4NDcgMC43NUwxMS4xOTYyIDAuNzUwMDAxTDYgNloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    background-position: calc(100% - 14px) 50%;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    line-height: 1;
    -webkit-appearance: none;
    border-radius: 7px;
    -moz-appearance: none;
    text-overflow: "";
    min-width: 160px;
    height: 42px
}

.filter-btn {
    background: #bf1e2e;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-family: 'Hind', sans-serif;
}

.filter-btn span {
    display: none
}

.filter-btn img {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(1);
    object-fit: cover
}

.election__update--news-v2 .election-news-section {
    padding: 0 !important;
    background: 0 0
}

.section_parties-winner {
    padding: 30px 0;
    padding-bottom: 0
}

.section_parties-winner .el-title-wrap {
    margin-bottom: 15px
}

.section_parties-winner .tab-content-wrap {
    display: flex;
    gap: 22px;
    justify-content: space-between
}

.tab-nav>span {
    font-size: 14px;
    line-height: 1;
    position: relative;
    display: inline-block;
    padding: 11px 0 8px 0;
    border-radius: 0;
    font-weight: 600;
    cursor: pointer;
    color: rgba(0, 0, 0, .67);
    margin-right: 13px
}

.tab-nav>span i {
    font-size: 12px;
    font-style: normal;
    background: #bf1e2e;
    height: 18px;
    width: 18px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    margin-right: 5px
}

.tab-nav>span:before {
    width: 0%;
    transition: .4s linear;
    height: 1.5px;
    position: absolute;
    bottom: 0;
    background: #bf1e2e;
    content: ""
}

.tab-nav>span.active,
.tab-nav>span:hover {
    color: #bf1e2e;
    background: 0 0
}

.tab-nav>span.active:before,
.tab-nav>span:hover:before {
    width: 100%
}

.el-card {
    position: relative;
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 8px;
    width: 100%
}

.el-card .el-card-header {
    padding: 13px 16px 10px 16px;
    font-size: 19px;
    font-weight: 700;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-radius: 6px 6px 0 0;
    line-height: 1;
    color: #000
}

.el-card .el-card-header div {
    text-align: right
}

.el-card .el-card-header div span {
    margin-left: auto;
    font-size: 15px;
    font-weight: 600
}

.el-card .el-card-header div span:not(:first-child) {
    padding-left: 8px
}

.el-card .el-card-content {
    padding: 18px 18px;
    line-height: 1
}

.el-card .data {
    gap: 15px;
    margin-bottom: 20px
}

.el-card .data:last-child {
    margin-bottom: 0
}

.el-card .data h5 {
    margin: 0 0 5px 0;
    font-size: 15px;
    color: rgba(0, 0, 0, .68);
    font-weight: 700
}

.el-card .data h5 a {
    text-decoration: none
}

.el-card .data .progress-wrap {
    flex: 1
}

.el-card .data .party-flag {
    --size: 40px;
    object-fit: cover;
    border: 1px solid #dadada;
    padding: 3px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--size);
    width: var(--size);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.el-card .data .progress-bar {
    background-color: #e0e6eb;
    width: 100%;
    height: 18px;
    flex: 2;
    display: flex;
    align-items: center
}

.el-card .data .progress-bar>div {
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 13px
}

.el-card .data .lead {
    min-width: 30px;
    text-align: center;
    margin-top: auto
}

.el-card .data .lead .vote {
    margin-left: auto;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    font-weight: 700;
    color: #404040
}

.el-card .data .lead .vote:not(:last-child) {
    padding-right: 8px
}

.bg-congress {
    background-color: #4b7b2a
}

.bg-maoist {
    background-color: #da251d
}

.bg-emale {
    background-color: #fd0001
}

.bg-other {
    background-color: #adc4e9
}

.bg-samajbaadi {
    background: #b43833
}

.bg-rapra {
    background: #ccd848
}

.bg-swatantra {
    background-color: #49abd3
}

.hotseat-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

.hotseat-card-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.hotseat-card {
    background: #fff;
    padding: 10px 0 0 0;
    border: solid 1px rgba(0, 0, 0, .1);
    border-radius: 8px;
    box-shadow: 1px 3px 17px rgba(0, 0, 0, .1803921569)
}

.hotseat-card .title {
    border-bottom: #ccc dotted 2px;
    padding: 0 14px 8px 14px;
    font-size: 19px;
    font-weight: 600
}

.hotseat-card .candidate {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    position: relative;
    border-top: 1px solid rgba(12, 8, 8, .1019607843)
}

.hotseat-card .candidate:hover {
    background: rgba(0, 0, 0, .05)
}

.hotseat-card .candidate:first-child {
    border-top: none
}

.hotseat-card .candidate .party-flag {
    height: 23px;
    width: 23px;
    margin: 0;
    border-radius: 100%;
    left: 34px;
    position: absolute;
    top: 20px;
    padding: 2px
}

.hotseat-card .candidate .candidate-media {
    width: 38px;
    display: block;
    height: 38px;
    padding: 4px;
    border: 1px solid #bf1e2e;
    border-radius: 100%
}

.hotseat-card .candidate .candidate-media img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto
}

.hotseat-card .candidate .candidate-detail {
    color: rgba(0, 0, 0, .41);
    line-height: 1;
    font-size: 12px;
    font-weight: 600
}

.hotseat-card .candidate .candidate-detail h3 {
    font-size: 16px;
    color: rgba(0, 0, 0, .7607843137);
    font-weight: 700;
    padding-bottom: 3px
}

.hotseat-card .candidate .candidate-detail h3 a {
    color: inherit
}

.hotseat-card .candidate .candidate-votes {
    align-items: center;
    margin: 0 0 0 auto;
    color: #000;
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    position: static
}

.candidate-win {
    background: rgba(103, 210, 142, .14)
}

.candidate-win:hover {
    background: #e9f9ef
}

.candidate-win .candidate-media {
    border-color: #2fa12f !important
}

.candidate-win .candidate-votes .winner-tick {
    margin-left: 10px
}

.election_news-wrapper {
    margin-top: 30px;
    padding: 30px 0;
    background: linear-gradient(180deg, rgba(16, 16, 16, .031372549) 0, #fff 100%)
}

.election_news-wrapper .dn__news--wrap {
    padding-right: 25px
}

.election_news-wrapper .dn__news--wrap .dn-grid {
    grid-gap: 22px
}

.election_news-wrapper .dn__side--add .thumbnail-news {
    padding-bottom: 15px
}

.election_news-wrapper .dn__side--add .thumbnail-news:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, .1607843137);
    padding: 15px 0
}

.election_news-wrapper .dn__side--add .thumbnail-news a img {
    max-width: 100px;
    min-width: 100px;
    height: 65px;
    margin-right: 20px
}

.election_news-wrapper .dn__side--add .thumbnail-news .news-title {
    font-size: 18px;
    font-weight: 600
}

.popular_candidates {
    margin-top: 30px
}

.local__election.bg-election {
    background-image: linear-gradient(147deg, #900 0, #bf1e2e 74%) !important;
    margin-top: 30px;
    padding-bottom: 30px;
    padding-top: 15px;
    position: relative
}

.local__election.bg-election:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    background-image: url(../images/election-bgm.png);
    height: 100%;
    background-repeat: repeat-x;
    background-position: bottom left;
    opacity: .6
}

.local__election.bg-election.mt-40 {
    margin-top: 30px !important
}

.local__election.bg-election .section__election--header {
    padding-bottom: 25px
}

.local__election.bg-election .el-title-wrap h3 {
    color: #fff
}

.local__election.bg-election .election-card .election-card--header {
    background: #fff
}

.local__election.bg-election .election-card .election-card--header .small,
.local__election.bg-election .election-card .election-card--header h3 {
    color: #bf1e2e
}

.lead {
    margin-left: 11px;
    font-size: 22px
}

.backward {
    line-height: 1;
    margin-bottom: 15px
}

.backward .back {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    color: inherit
}

.backward .back i {
    border: 1px solid #bf1e2e;
    color: #bf1e2e;
    height: 30px;
    width: 30px;
    font-size: 21px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-weight: 300;
    transition: all .1s ease-in-out
}

.backward .back:hover i {
    background: #bf1e2e;
    transition: all .1s ease-in-out;
    color: #fff
}

.backward .back:hover i:before {
    transition: all .1s ease-in-out;
    animation: bounceAlpha .7s ease-in-out
}

.share-counter-wrap {
    position: relative;
    line-height: 1;
    z-index: 1;
    display: flex;
    align-items: center
}

.share-counter-wrap .st-btn {
    display: inline-block !important
}

.section-all {
    margin: 30px 0
}

.section-all .section-heading {
    margin-bottom: 20px;
    gap: 15px;
    display: flex
}

.section-all .section-heading h3 {
    font-size: 22px;
    font-family: poppins
}

.section-all .info {
    margin-right: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap
}

.section-all .info .small {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, .73);
    line-height: 30px;
    padding: 0 15px;
    border-radius: 68px;
    background-color: #f2f2f2;
    font-weight: 700
}

.section-all .info .small i {
    font-weight: 500;
    color: rgba(0, 0, 0, .65);
    font-style: normal
}

.section-all .candidate-row.dn-grid {
    grid-gap: 15px
}

.section-all .candidate-row.dn-grid .candidate {
    margin-bottom: 0
}

.section-all .candidate-row.dn-grid .candidate .candidate-votes {
    font-weight: 700;
    opacity: .8
}

.section-all .candidate-row.dn-grid .candidate .candidate-name h3 {
    margin: 0;
    font-size: 16px;
    opacity: .8;
    font-weight: 700
}

.section-all .candidate-row.dn-grid .candidate .candidate-detail .candidate-img {
    height: 40px;
    width: 40px;
    background: #fff;
    margin-top: 0;
    padding: 3px
}

.section-all .candidate-row.dn-grid .candidate .party-sign {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2
}

.section-all .position-column {
    display: flex;
    gap: 25px;
    overflow: auto;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.section-all .position-column>div {
    flex: 1;
    overflow: auto
}

.section-all .position-column>div:first-child {
    flex: 0 0 450px;
    padding-right: 25px;
    border-right: 2px dashed rgba(0, 0, 0, .168627451)
}

.section-all .position-column>div .election__col--wrap {
    display: flex;
    gap: 15px
}

.section-all .position-column>div .election__col--wrap>div {
    flex: 1
}

.section-all .position-column.local__election {
    padding-top: 0
}

.section-all .position-column .section-heading {
    margin-bottom: 15px;
    gap: 10px;
    padding: 0
}

.section-all .position-column .section-heading .heading {
    font-size: 20px;
    font-weight: 700;
    opacity: .8;
    font-family: inherit;
    color: inherit;
    display: flex;
    align-items: center
}

.section-all .local__election .dn-grid {
    grid-gap: 15px
}

.section-all .local__election .election-card--header {
    padding: 13px 15px 10px 15px
}

.local__election .section-heading {
    margin-bottom: 15px
}

.local__election .dn-grid {
    grid-gap: 20px
}

.local__election .election-card--header {
    padding: 13px 15px 10px 15px
}

body.dark .election_news-wrapper {
    background: linear-gradient(180deg, rgba(16, 16, 16, .031372549) 0, rgba(200, 197, 197, .1882352941) 100%)
}

body.dark .election_news-wrapper .thumbnail-news:not(:first-child) {
    border-color: rgba(255, 255, 255, .231372549);
    padding: 15px 0
}

body.dark .el-title-wrap h3 {
    color: #fff
}

body.dark .section-all .position-column:not(:last-child) {
    border-color: rgba(255, 255, 255, .15)
}

.mx-height {
    height: auto !important;
    max-height: inherit !important
}

.view-more-btn {
    line-height: 1;
    text-align: center;
    margin-top: 20px
}

.view-more-btn a.btn {
    background: #fff;
    font-weight: 700;
    font-size: 17px;
    padding: 5px 40px
}

.section-candidates.section-all .section-heading h3 img {
    margin-right: 10px;
    width: 45px;
    height: 45px;
    padding: 3px
}

@media (max-width:959px) {
    .section-all .position-column {
        gap: 15px
    }

    .section-all .position-column>div:first-child {
        flex: 0 0 350px;
        padding-right: 17px
    }
}

@media (max-width:900px) {
    .section-all .position-column {
        gap: 15px;
        flex-wrap: wrap
    }

    .section-all .position-column>div:first-child {
        flex: 100%;
        padding: 0 0 6px 0;
        border: none
    }
}

@media (max-width:640px) {
    .section-all .position-column>div {
        flex: 100%
    }

    .section-all .position-column>div:not(:first-child) .election__col--wrap {
        overflow: auto
    }

    .section-all .position-column>div:not(:first-child) .election__col--wrap>div {
        flex: 0 0 360px
    }
}

@media (max-width:768px) {
    .section-candidates .section-heading h3 {
        font-size: 25px
    }

    .section_parties-winner .tab-content-wrap {
        gap: 20px;
        flex-wrap: wrap
    }

    .section_parties-winner .tab-content-wrap>div {
        flex: 100%
    }

    .election_news-wrapper .dn__news--wrap {
        padding-right: 0;
        flex: 100%
    }

    .election_news-wrapper .dn__side--add {
        flex: 100%;
        max-width: inherit;
        margin-top: 22px
    }

    .section-all .candidate-row.dn-grid {
        grid-gap: 15px;
        padding-bottom: 25px
    }

    .section-all .candidate-row.dn-grid .candidate {
        grid-column: span 12
    }

    .section-all .candidate-row.dn-grid .candidate .candidate-votes .win-btn {
        display: inline-block
    }

    .section-all .candidate-row.dn-grid .candidate .party-info {
        margin: 0;
        position: absolute;
        top: 30px;
        left: 40px
    }

    .section-all .candidate-row.dn-grid .candidate .party-info .party-sign img {
        height: 20px;
        width: 20px;
        padding: 2px;
        position: static
    }

    .section-all .candidate-row.dn-grid .candidate .party-info span {
        display: none
    }

    .section-all .local__election {
        padding: 0
    }

    .section-all .local__election .section-heading {
        margin-bottom: 15px
    }

    .section-all .local__election .dn-grid {
        grid-gap: 20px
    }

    .section-all .local__election .election-card--header {
        padding: 13px 15px 10px 15px
    }

    .section-heading .share-counter-wrap {
        width: 100%;
        justify-content: center;
        border-top: 1px solid rgba(0, 0, 0, .1882352941);
        padding: 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1882352941)
    }

    .section-heading .share-counter-wrap .share-counter {
        margin: 0
    }
}

@media (max-width:600px) {
    .section_parties-winner .el-title-wrap {
        margin-bottom: 20px;
        gap: 10x
    }

    .election_news-wrapper .dn__news--wrap {
        padding-right: 0;
        flex: 100%
    }

    .election_news-wrapper .dn__news--wrap .col8 {
        grid-column: span 12
    }

    .election_news-wrapper .dn__news--wrap .col4 {
        grid-column: span 6
    }

    .election_news-wrapper .dn__side--add {
        flex: 100%;
        max-width: inherit;
        margin-top: 22px
    }

    .filter-row {
        flex-wrap: wrap;
        width: 100%
    }

    .filter-row .select-box {
        width: 49%
    }

    .filter-row .select-box select {
        width: 100%
    }

    .el-title-wrap {
        gap: 15px;
        margin-bottom: 20px
    }

    .el-title-wrap h3 {
        font-size: 20px;
        font-weight: 700
    }

    .section_parties-winner .tab-content-wrap {
        gap: 20px;
        flex-wrap: wrap
    }

    .section_parties-winner .tab-content-wrap>div {
        flex: 100%
    }

    .section_parties-winner .tab-content-wrap>div .party-flag {
        --size: 30px
    }

    .section_parties-winner .tab-content-wrap>div .lead .vote {
        font-size: 18px;
        font-weight: 600
    }

    .section_parties-winner .tab-content-wrap>div h5 {
        margin: 0 0 7px 0;
        font-size: 14px
    }

    .section_parties-winner .tab-content-wrap>div .el-card-content {
        padding: 15px
    }

    .section-all .position-column:not(:last-child) {
        padding-bottom: 0 !important;
        margin-bottom: 17px !important
    }
}

@media (max-width:480px) {
    .filter-row {
        flex-wrap: wrap;
        width: 100%;
        display: flex;
        gap: 11px;
        background: rgba(17, 17, 17, .0509803922);
        padding: 18px;
        border-radius: 7px;
        border: 1px solid rgba(0, 0, 0, .0784313725)
    }

    .filter-row .select-box {
        width: 100%
    }

    .filter-row .select-box .select {
        background-color: #fff
    }

    .filter-row .select-box .filter-btn {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        font-size: 16px;
        font-weight: 500
    }

    .filter-row .select-box .filter-btn img {
        margin: 0
    }

    .filter-row .select-box .filter-btn span {
        display: inline-block
    }

    .filter-row .select-box select {
        width: 100%
    }

    .section-candidates .section-heading>img {
        margin-right: 12px;
        width: 32px;
        height: 32px
    }

    .section-candidates .section-heading h3 {
        font-size: 22px
    }

    .section-all .position-column>div:not(:first-child) .election__col--wrap>div {
        flex: 0 0 300px
    }

    .view-more-btn a.btn {
        width: 100%
    }

    .local__election .election-card {
        grid-column: span 12
    }
}

@media (max-width:442px) {
    .section-all .info {
        margin: 0 0 5px 0
    }

    .section_parties-winner {
        padding: 20px 0 0 0
    }

    .section_parties-winner .el-title-wrap {
        margin-bottom: 20px;
        gap: 10x
    }

    .local__election {
        padding: 20px 0 0 0
    }

    .election_news-wrapper {
        margin-top: 20px;
        padding: 20px 0
    }

    .election_news-wrapper .dn__news--wrap {
        padding-right: 0;
        flex: 100%
    }

    .election_news-wrapper .dn__news--wrap .dn-grid {
        grid-gap: 20px
    }

    .election_news-wrapper .dn__news--wrap .col8 {
        grid-column: span 12
    }

    .election_news-wrapper .dn__news--wrap .col4 {
        grid-column: span 6
    }

    .election_news-wrapper .dn__news--wrap .col4 .news-title,
    .election_news-wrapper .dn__news--wrap .col4 .news-title a {
        font-size: 18px
    }

    .election_news-wrapper .dn__news--wrap .col4 img {
        height: 150px;
        margin-bottom: 5px
    }

    .election_news-wrapper .dn__side--add {
        flex: 100%;
        max-width: inherit;
        margin-top: 22px
    }

    .election_news-wrapper .dn__side--add .thumbnail-news a img {
        max-width: 90px !important;
        min-width: 90px !important;
        height: 55px !important
    }

    .election_news-wrapper .dn__side--add .thumbnail-news .news-title {
        font-size: 17px !important;
        line-height: 1.35
    }

    .filter-row {
        flex-wrap: wrap;
        width: 100%;
        display: flex;
        gap: 11px;
        background: rgba(17, 17, 17, .0509803922);
        padding: 18px;
        border-radius: 7px;
        border: 1px solid rgba(0, 0, 0, .0784313725)
    }

    .filter-row .select-box {
        width: 100%
    }

    .filter-row .select-box .select {
        background-color: #fff
    }

    .filter-row .select-box .filter-btn {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        font-size: 16px;
        font-weight: 500
    }

    .filter-row .select-box .filter-btn img {
        margin: 0
    }

    .filter-row .select-box .filter-btn span {
        display: inline-block
    }

    .filter-row .select-box select {
        width: 100%
    }
}

@media (max-width:420px) {
    .section-all .position-column>div:not(:first-child) .election__col--wrap {
        flex-wrap: wrap
    }

    .section-all .position-column>div:not(:first-child) .election__col--wrap>div {
        flex: 0 0 100%
    }
}

.premium-contain-wrap {
    position: relative
}

.premium-contain-wrap h3 {
    color: #9a2d38;
    font-size: 24px;
    text-align: center;
    padding-right: 17px;
    line-height: 1.74;
    font-weight: 500;
    margin-bottom: 20px;
    background: rgba(191, 30, 46, .04);
    border-radius: 7px;
    padding: 25px;
    border: 1px solid #bf1e2e
}

.premium-contain-wrap h3 a {
    color: inherit;
    position: relative;
    display: inline-block;
    font-weight: 800;
    margin: 0 5px;
    font-size: 24px;
    color: #bf1e2e
}

.premium-contain-wrap h3 a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #bf1e2e;
    transition: width .4s, letter-spacing .3s
}

.premium-contain-wrap h3 a:hover:before {
    transition: width .4s, letter-spacing .3s;
    width: 80%
}

.premium-contain-wrap .modal-form {
    position: relative;
    box-sizing: border-box;
    margin: auto;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    overflow-y: auto;
    padding: 25px;
    box-shadow: 3px 6px 17px rgba(0, 0, 0, .2784313725)
}

.section-premium-content .premium-post>a {
    position: relative
}

.section-premium-content .premium-post>a span {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.2;
    padding: 7px 11px;
    font-weight: 600
}

.section-premium-content .premium-post>a img {
    border-radius: 3px;
    height: 220px
}

.section-premium-content .premium-post>a .columnnews-wrap h3 {
    font-size: 22px
}

.section-premium-content .exclusive-col {
    margin-bottom: 25px
}

.section-premium-content .exclusive-col .exclusive-news-holder {
    padding-bottom: 25px
}

.premium-stories-header {
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, .26), rgba(0, 0, 0, .04));
    padding: 40px 0;
    color: inherit !important
}

.premium-stories-header span {
    margin-bottom: 10px
}

.premium-stories-header .video-box {
    margin: 15px 0 12px 0 !important
}

.premium-stories-header .video-box iframe,
.premium-stories-header .video-box img {
    border-radius: 3px
}

.featured-image {
    position: relative
}

.featured-image span {
    position: absolute;
    right: 20px;
    top: 20px
}

.premium-landing-stories {
    margin-top: 20px
}

.premium-landing-stories .post-detail {
    margin-top: 0
}

.premium-landing-stories .news-post-share .comment {
    margin-right: 15px
}

.premium-landing-stories .news-contentarea {
    max-width: 960px;
    margin: 0 auto
}

.related-premium-stories {
    margin-bottom: 40px
}

.contribution-form-wrap>div {
    align-items: center;
    height: 100%;
    justify-content: center
}

.contribution-form-wrap>div .contribution-form {
    background: #fff;
    border-radius: 3px;
    padding: 30px 25px;
    position: relative;
    box-shadow: rgba(0, 0, 0, .08) 0 0 24px;
    max-width: inherit;
    margin-bottom: 30px
}

.contribution-form-wrap>div .contribution-form span {
    font-weight: 600;
    text-align: left;
    font-size: 18px;
    color: #bf1e2e;
    font-family: poppins;
    margin-bottom: 25px;
    display: block;
    text-align: center
}

.contribution-form-wrap>div .contribution-form .dn-gap {
    grid-gap: 35px
}

.contribution-form-wrap>div .contribution-form .fonepay-qr {
    line-height: 1;
    text-align: center
}

.contribution-form-wrap>div .contribution-form .fonepay-qr img {
    padding: 2px
}

.contribution-form-wrap>div .contribution-form .account-detail {
    margin-bottom: 18px;
    line-height: 1.2
}

.contribution-form-wrap>div .contribution-form .account-detail span {
    font-family: poppins;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.66;
    margin-bottom: 3px;
    display: block
}

.contribution-form-wrap>div .contribution-form .account-detail p {
    font-size: 18px;
    line-height: 1.64
}

.contribution-form-wrap>div .contribution-form .member-column {
    line-height: 1;
    text-align: left;
    border-left: 1px solid rgba(0, 0, 0, .16);
    padding-left: 30px;
    margin-left: 10px;
    color: #000
}

.contribution-form-wrap>div .contribution-form .member-column h4 {
    font-size: 19px;
    color: #000;
    opacity: .75;
    font-family: poppins;
    margin-bottom: 5px
}

.contribution-form-wrap>div .contribution-form .member-column p {
    line-height: 1.6;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 4px;
    opacity: .86
}

.contribution-form .sidebar-heading {
    font-size: 19px !important
}

.contribution-form .dn-gap {
    grid-gap: 35px
}

.contribution-form .fonepay-qr {
    line-height: 1;
    text-align: center
}

.contribution-form .fonepay-qr img {
    padding: 2px
}

.contribution-form .fonepay-qr span {
    font-weight: 600;
    text-align: left;
    font-size: 16px;
    font-family: poppins
}

.contribution-form .account-detail {
    margin-bottom: 18px;
    line-height: 1.2
}

.contribution-form .account-detail span {
    font-family: poppins;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.66;
    margin-bottom: 3px;
    display: block;
    margin-bottom: 22px;
    color: #bf1e2e
}

.contribution-form .account-detail p {
    font-size: 18px;
    line-height: 1.64
}

.contribution-form .member-column {
    line-height: 1;
    text-align: left;
    border-left: 1px solid rgba(0, 0, 0, .16);
    padding-left: 30px;
    margin: auto 0 auto 10px
}

.contribution-form .member-column h4 {
    font-size: 18px;
    color: #bf1e2e;
    font-family: poppins;
    margin-bottom: 10px
}

.contribution-form .member-column p {
    line-height: 1.6;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 4px;
    opacity: .86
}

@media (max-width:768px) {
    .premium-post {
        grid-column: span 6
    }

    .contribution-form-wrap>div .contribution-form {
        padding: 24px 19px;
        margin: 0 10px
    }

    .contribution-form-wrap>div .contribution-form .fonepay-qr {
        text-align: center;
        grid-column: span 12
    }

    .contribution-form-wrap>div .contribution-form .fonepay-qr span {
        display: block
    }

    .contribution-form-wrap>div .contribution-form .member-column {
        border-top: 1px solid rgba(0, 0, 0, .16);
        border-left: none;
        border-left: none;
        grid-column: span 12;
        padding: 20px 0 0 0
    }
}

.header-link .exclusive-link {
    display: none !important;
    font-weight: 600
}

aside.contribution-form-wrap .contribution-form {
    background: #fdf6f6;
    padding: 25px 25px;
    position: relative;
    box-shadow: none;
    max-width: inherit;
    border: 1px solid #bf1e2e
}

aside.contribution-form-wrap .contribution-form span {
    margin-bottom: 5px
}

aside.contribution-form-wrap .member-column {
    margin: auto 0
}

@media (max-width:480px) {
    .premium-contain-wrap h3 {
        font-size: 20px;
        margin-bottom: 20px;
        padding: 14px
    }

    #contribution .sidebar-heading {
        margin-bottom: 20px;
        line-height: 1.6;
        font-size: 19px !important
    }

    .contribution-form .fonepay-qr,
    .contribution-form .member-column {
        grid-column: span 12
    }

    .contribution-form .member-column {
        padding: 10px 0 0 0;
        margin-top: 10px;
        border-left: none;
        border-top: 1px solid #f1f1f1
    }

    .header-link a {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .header-link a.exclusive-link {
        display: inline-block !important;
        font-weight: 600
    }

    .header-link a.exclusive-link img {
        margin: 0 5px 0 0
    }

    .section-premium-content .exclusive-col {
        margin-bottom: 15px
    }

    .section-premium-content .dn-grid {
        grid-gap: 15px
    }

    .section-premium-content .dn-grid .premium-post {
        grid-column: span 6
    }

    .section-premium-content .dn-grid .premium-post>a img {
        border-radius: 3px;
        height: 150px
    }

    .section-premium-content .dn-grid .premium-post>a .columnnews-wrap h3 {
        font-size: 17px
    }
}

body.dark .premium-stories-header {
    background: linear-gradient(to bottom, #1c1b1b, rgba(255, 255, 255, .26), rgba(0, 0, 0, .04))
}

body.dark .premium-contain-wrap:before {
    background: linear-gradient(to top, rgba(0, 0, 0, .63), rgba(17, 17, 17, .62), rgba(0, 0, 0, 0))
}

body.dark .premium-contain-wrap h3 {
    color: #fff
}

body.dark .premium-contain-wrap h3 a:before {
    background: #fff
}

body.dark .contribution-form-wrap>div .contribution-form span {
    color: #bf1e2e
}

body.dark .contribution-form p {
    color: #000
}

body.dark .contribution-form .account-detail p {
    color: #fff
}

body.dark .contribution-form .member-column h4,
body.dark .contribution-form .member-column p {
    color: #fff
}

body.dark aside.contribution-form-wrap .member-column h4,
body.dark aside.contribution-form-wrap .member-column p {
    color: #000 !important
}

.othertournaments>ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.othertournaments .thumb-card {
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1607843137);
    line-height: 1
}

.othertournaments .thumb-card:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.othertournaments .thumb-card:first-child {
    padding-top: 0
}

.othertournaments .thumb-card>a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #000
}

.othertournaments .thumb-card>a img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    object-fit: cover;
    flex: 1;
    border: 1px solid #f1f1f1;
    padding: 3px;
    max-width: 48px;
    background: rgba(0, 0, 0, .0509803922)
}

.othertournaments .thumb-card>a:hover {
    color: #bf1e2e
}

.section_events {
    margin: 30px 0
}

.section_events .dn-grid {
    grid-gap: 20px
}

.section_events .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    right: 11px;
    transform: translateY(-50%);
    box-shadow: 0 0 22px rgba(0, 0, 0, .3803921569)
}

.section_events .owl-nav button {
    font-weight: 500 !important;
    color: #bf1e2e !important;
    height: 30px;
    width: 30px;
    margin-left: 8px;
    font-size: 20px !important;
    border-radius: 100%;
    border: 1px solid #bf1e2e !important;
    transition: all .1s ease-in-out;
    background: #fff !important
}

.section_events .owl-nav button:hover {
    background: #bf1e2e !important;
    color: #fff !important
}

.section_events .owl-nav button.owl-prev {
    position: absolute;
    left: -12px
}

.section_events .owl-nav button.owl-next {
    position: absolute;
    right: -30px
}

.tournament-card {
    width: 100%;
    height: 250px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    color: inherit
}

.tournament-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .68) 66.34%);
    z-index: 3
}

.tournament-card>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all .3s ease
}

.tournament-card .tournament-info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 20px 20px;
    z-index: 4;
    color: #fff
}

.tournament-card .tournament-info img {
    height: 44px;
    width: 44px !important;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 8px
}

.tournament-card .tournament-info h4 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 800
}

.tournament-card .date {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 11px;
    padding: 6px 10px;
    border-radius: 48px;
    background: #bf1e2e;
    z-index: 2;
    line-height: 1;
    color: #fff
}

.fixture-type {
    text-align: center;
    padding: 8px 15px 8px 15px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    position: relative
}

.fixture-type i {
    position: relative;
    z-index: 1;
    font-style: normal;
    color: #fff
}

.fixture-type:before {
    background: #bf1e2e;
    color: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: 0
}

.section-score-board.mt-40 {
    margin-top: 25px
}

.section-score-board.mt-40 .score-board-wrapper {
    background: #00175f;
    border-radius: 8px;
    color: #fff;
    line-height: 1;
    padding: 15px 15px 10px 15px;
    position: relative
}

.section-score-board.mt-40 .score-board-wrapper::after {
    background-image: url(../images/icc-background.svg);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .5
}

.section-score-board.mt-40 .score-board-wrapper .fixture-type {
    font-size: 12px;
    line-height: 1.1;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 8px 5px 8px;
    display: inline-block;
    margin: 0 0 0 10px;
    position: absolute;
    right: 0;
    top: 0
}

.section-score-board.mt-40 .score-board-wrapper .fixture-type i {
    color: #fff;
    position: relative;
    padding-left: 12px
}

.section-score-board.mt-40 .score-board-wrapper .fixture-type i:before {
    background: #fff;
    width: 7px;
    position: relative;
    height: 7px;
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 100%;
    animation: pulse-red 1s infinite
}

.section-score-board.mt-40 .score-board-wrapper .fixture-type:before {
    transform: inherit;
    border-radius: 5px
}

.section-score-board.mt-40 .score-board-wrapper:before {
    width: 60px;
    height: 74px;
    content: "";
    background: url(../images/bottom-left-pattern.png) no-repeat bottom left;
    position: absolute;
    bottom: 0;
    left: 0
}

.section-score-board.mt-40 .score-board-wrapper .scorebox_status {
    position: relative;
    z-index: 1;
    font-size: 11px;
    font-weight: 600;
    font-family: poppins;
    max-width: 700px;
    margin: 0 auto 5px auto !important
}

.score-info {
    font-size: 15px;
    display: flex;
    font-weight: 500;
    position: relative;
    justify-content: space-between;
    align-items: center;
    z-index: 1
}

.score-info div:last-child {
    margin: auto 0
}

.score-info .detail {
    font-size: 13px;
    color: #bf1e2e;
    font-weight: 600;
    background: #fff;
    display: inline-block;
    margin: 0;
    padding: 10px 30px 10px 30px;
    border-radius: 44px;
    text-align: center;
    font-family: poppins;
    margin-right: 12px
}

.score-info .detail:hover {
    background: #bf1e2e;
    color: #fff
}

.score-info .nic-brand {
    background: #fff;
    border-radius: 4px 0 0 0;
    border: 1px solid #00175f;
    padding: 0;
    width: 150px;
    top: -5px;
    left: -6px;
    border-radius: 10px
}

.score-info>div {
    text-align: center;
    margin-bottom: auto
}

.score-info>div .over-status {
    width: 100%
}

.score-info>div .over-status .si-text {
    margin-top: -15px;
    color: #fff;
    opacity: 1
}

.score-info>div .over-status .over-list {
    margin-bottom: 18px
}

.score-info>div .over-status .over-list>div {
    background: rgba(255, 255, 255, .2588235294);
    border-radius: 100%;
    color: #fff;
    border: none
}

.score-info>div .over-status .over-list>div.si-wd span {
    color: #fff
}

.score-info>div:first-child {
    max-width: 210px;
    margin-bottom: auto;
    flex: 1;
    text-align: left
}

.score-info>div:first-child h5 {
    font-weight: 600;
    font-size: 13px;
    line-height: 1.5;
    display: block;
    text-transform: uppercase;
    font-family: poppins;
    margin-top: 5px
}

.score-info>div:first-child+div {
    flex: 1;
    max-width: 720px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.score-info>div:first-child+div .match-team-info {
    width: 100%;
    padding-bottom: 13px;
    display: flex;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1490196078)
}

.update-time {
    margin-bottom: 8px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    line-height: 1.65;
    width: 100%
}

.update-time span {
    font-weight: 600;
    position: relative;
    padding-left: 12px
}

.update-time span i {
    font-size: 15px;
    line-height: 1.2;
    margin-right: 5px
}

div.over-status {
    display: flex;
    align-items: center;
    justify-content: center
}

div.over-status .si-text {
    font-size: 14px;
    margin-right: 9px;
    font-weight: 500;
    opacity: .94;
    color: #000
}

div.over-status .over-list {
    display: flex;
    align-items: center
}

div.over-status .over-list>div {
    display: flex;
    margin-right: 5px;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    min-width: 25px;
    min-height: 25px;
    background-color: #4c5b8e;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    border-radius: 100%
}

div.over-status .over-list>div.si-four {
    color: #fff !important;
    background: #2260bf !important
}

div.over-status .over-list>div.si-six {
    background-color: #63cb8d !important;
    color: #fff !important
}

div.over-status .over-list>div.si-wicket {
    background-color: hsl(340.7, 91.8%, 38.4%) !important;
    color: #fff !important
}

div.over-status .over-list>div.si-wd {
    color: #fff !important;
    background: #000 !important;
    position: relative
}

div.over-status .over-list>div.si-wd span {
    position: absolute;
    top: 111%;
    font-size: 10px;
    color: #000
}

.match-team-info {
    align-items: center;
    margin: 0;
    text-align: left
}

.match-team-info .match-team {
    display: flex;
    align-items: center;
    text-align: left;
    width: 270px;
    position: relative;
    justify-content: center
}

.match-team-info .match-team .team-winner {
    position: absolute;
    left: 40px;
    top: -4px
}

.match-team-info .match-team .team-winner img {
    width: 18px !important;
    height: 18px !important;
    margin: 0
}

.match-team-info .match-team .team-name {
    position: relative
}

.match-team-info .match-team .team-name .run-rate {
    font-size: 13px;
    opacity: .68;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.match-team-info .match-team .team-name .full-name {
    line-height: 1.3;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    font-family: 'Hind', sans-serif;
    color: #fff;
    margin-bottom: 5px
}

.match-team-info .match-team .team-name span {
    font-size: 20px;
    line-height: 1;
    font-family: poppins;
    margin: 0;
    font-weight: 600
}

.match-team-info .match-team>img {
    height: 50px;
    width: 50px;
    margin-right: 12px;
    border-radius: 100%;
    padding: 2px;
    object-fit: cover;
    background: #fff;
    box-shadow: 1px 6px 24px rgba(19, 6, 96, .3411764706)
}

.match-team-info .match-team.is-batting .full-name::after {
    content: url(../images/bat-black.png);
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    border: 1.2px solid #bf1e2e;
    margin-left: 6px
}

.match-team-info .middle-info {
    max-width: 100px;
    text-align: center;
    align-self: center;
    margin: 0 auto
}

.match-team-info .middle-info .vs {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    margin: 0 20px 0 20px;
    align-self: center;
    background-color: #fff;
    line-height: 30px;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-weight: 600;
    position: relative
}

.match-team-info .middle-info .vs:after,
.match-team-info .middle-info .vs:before {
    width: 100%;
    height: 2px;
    content: "";
    position: absolute;
    background-color: #fff;
    top: 13px
}

.match-team-info .middle-info .vs:before {
    left: -30px
}

.match-team-info .middle-info .vs::after {
    right: -30px
}

.scorebox_status {
    line-height: 1.5;
    padding-bottom: 0;
    color: #fff38a;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.section-fixtures {
    overflow: hidden
}

.section-fixtures .cat-title h2 {
    gap: 15px;
    display: flex;
    flex: 1;
    justify-content: space-between
}

.section-fixtures .cat-title h2 .all-fixtures {
    margin-right: 70px
}

.section-fixtures .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -50px
}

.section-fixtures .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, .2196078431);
    margin-left: 1px;
    border-radius: 100%;
    font-size: 25px;
    margin-left: 8px;
    line-height: 33px;
    color: #fff
}

.section-tw-wc .qualified-teams-list__list {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, .1803921569);
    border-right: transparent;
    border-radius: 4px;
    border-bottom: none;
    position: relative
}

.section-tw-wc .qualified-teams-list__list:before {
    width: 100%;
    height: 1px;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: ""
}

.section-tw-wc .qualified-teams-list__list li {
    -ms-flex: 20%;
    flex: 20%;
    max-width: 20%;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1607843137)
}

.section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link {
    text-decoration: none;
    position: relative;
    color: #001036;
    padding: 21px 20px 24px 72px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link img {
    box-shadow: none;
    display: block;
    position: absolute;
    left: 20px;
    top: 17px;
    border: 1px solid #bf1e2e;
    border-radius: 100%;
    height: 41px;
    width: 41px;
    background: #bf1e2e;
    padding: 2px;
    background: #fff
}

.section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link .qualified-teams-list__name {
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    text-transform: inherit
}

.section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link .qualified-teams-list__ranking-container {
    font-size: 12px;
    font-weight: 500;
    margin-top: 2px;
    color: rgba(0, 0, 0, .6784313725);
    font-style: normal;
    line-height: 1.1;
    display: flex;
    align-items: center
}

.section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link .qualified-teams-list__ranking-container .qualified-teams-list__ranking {
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    background: #bf1e2e;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    text-align: center;
    line-height: 20px;
    margin-left: 4px
}

.section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link:hover {
    color: #bf1e2e
}

.section-tw-wc .qualified-teams-list__list li:after {
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .1803921569);
    position: absolute;
    top: 0;
    right: 0;
    content: ""
}

.section-nepal-team {
    padding: 30px 0;
    background: linear-gradient(230deg, #bf1e2e 0, #d71920 100%);
    color: #fff;
    position: relative
}

.section-nepal-team:before {
    content: "";
    position: absolute;
    opacity: .7;
    left: 0;
    bottom: 0;
    background-size: 100%;
    background-image: url(../images/icc-background.svg);
    width: 100%;
    background-position: center center;
    height: 100%;
    background-repeat: no-repeat
}

.section-nepal-team .cat-title {
    margin-bottom: 15px
}

.section-nepal-team .owl-stage-outer {
    margin: 0 -10px
}

.section-nepal-team .owl-stage-outer .owl-item {
    display: flex;
    flex: 1 0 auto
}

.section-nepal-team .owl-stage {
    display: flex
}

.section-nepal-team .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -44px
}

.section-nepal-team .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background: #fff;
    margin-left: 1px;
    border-radius: 100%;
    font-size: 22px;
    margin-left: 8px;
    color: #bf1e2e
}

.player-card {
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    box-shadow: rgba(191, 30, 46, .15) 0 0 14px;
    overflow: hidden;
    margin: 10px;
    width: 100%;
    transition: .3s ease;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.player-card .player-info {
    padding: 13px 0;
    text-align: center;
    font-size: 13px
}

.player-card .player-info h3 {
    margin: 0 5px;
    transition: color .3s ease;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0;
    border: none;
    color: #000
}

.player-card .player-info h3 a {
    color: inherit
}

.player-card .player-role {
    position: absolute;
    top: 10px;
    font-weight: 700;
    left: 10px;
    z-index: 2;
    line-height: 25px;
    border-radius: 4px;
    padding: 0 10px;
    background-color: #040564;
    color: #fff;
    font-size: 13px
}

.player-card>a {
    overflow: hidden;
    position: relative
}

.player-card>a::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 250, 250, 0) 53%, rgba(0, 0, 0, .6392156863) 100%);
    z-index: 4
}

.player-card>a img {
    height: 220px;
    width: 100%;
    object-fit: cover
}

.section-points-table {
    overflow: hidden;
    padding: 30px 0;
    line-height: 1;
    background: #10172b;
    position: relative
}

.section-points-table .dn-container {
    position: relative;
    z-index: 1
}

.section-points-table:before {
    content: url("../images/foot-shape-left.png");
    position: absolute;
    left: 0;
    top: 30px
}

.section-points-table .dn-grid {
    grid-gap: 20px
}

.section-points-table.section-points-table-v2 .col6 {
    background: #fff
}

.section-points-table.section-points-table-v2 .col6 thead th {
    background: #f1f1f1;
    color: #111
}

.section-points-table.section-points-table-v2 .group-title-name {
    font-size: 18px;
    color: #bf1e2e;
    padding: 10px;
    padding-left: 20px;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, .0901960784);
    font-family: poppins
}

.pts-table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0
}

.pts-table .team-name {
    text-align: left !important;
    display: flex;
    align-items: center;
    gap: 8px
}

.pts-table .head__cell {
    font-size: 13px;
    font-family: poppins;
    text-transform: capitalize;
    white-space: nowrap;
    padding: 10px 13px;
    font-weight: 600;
    background: #323849;
    color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .0901960784)
}

.pts-table .head__cell:first-child {
    text-align: center
}

.pts-table .table-row {
    background: #fff
}

.pts-table .table-row td {
    border-bottom: 1px solid #e6e9f0;
    margin: 5px 0 0 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    color: #111;
    text-align: center;
    padding: 7px 15px 7px 13px;
    text-align: center;
    font-family: poppins
}

.pts-table .table-row td:first-child {
    text-align: center
}

.pts-table .table-row td span {
    font-family: poppins;
    font-size: 12px;
    font-weight: 600
}

.pts-table .table-row .team-img {
    height: 35px;
    width: 35px;
    border: 1px solid rgba(0, 0, 0, .1607843137);
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
    background-color: rgba(23, 79, 177, .08);
    background-size: cover;
    padding: 3px;
    display: inline-block;
    vertical-align: middle
}

.pts-table .table-row .team-img img {
    height: 100%;
    border-radius: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center top
}

.pts-table .table-row:hover {
    background: #fcfcfc
}

.cat-title {
    flex-wrap: wrap;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cat-title h2 {
    margin: 0 0 0;
    line-height: 1;
    font-size: 24px;
    font-weight: 600;
    font-family: poppins;
    align-items: center;
    position: relative;
    padding-right: 13px;
    color: #bf1e2e
}

.all-fixtures {
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
    font-style: italic;
    font-weight: 800;
    font-family: 'Hind', sans-serif;
}

.all-fixtures:hover {
    color: #fff;
    opacity: .76
}

.cricket-featured-news .dn-grid {
    grid-gap: 22px
}

.cricket-featured-news .dn-grid .overlay-news .overlay-news-content h2 {
    font-size: 20px
}

.section-video {
    padding: 30px 0;
    margin-top: 30px;
    background: linear-gradient(45deg, hsla(187.9, 100%, 42%, .99) 30%, hsla(211.1, 100%, 50%, .97) 100%)
}

.section-video .dn-grid {
    grid-gap: 20px
}

.video-card {
    background: #fff;
    border-radius: 4px 4px;
    position: relative
}

.video-card a {
    display: block;
    border-radius: 4px 4px;
    position: relative
}

.video-card a i {
    position: absolute;
    left: 20px;
    top: -65px;
    color: #fff;
    z-index: 1;
    font-size: 44px
}

.video-card a img {
    border-radius: 4px 4px 0 0;
    object-fit: cover;
    width: 100%;
    height: 200px
}

.video-card .video-card-wrap {
    padding: 8px 16px;
    position: relative
}

.video-card .video-card-wrap h3 {
    font-size: 18px;
    color: rgba(35, 37, 45, .9490196078)
}

.section-fixtures .cat-title h2,
.section-keyplayers .cat-title h2,
.section-nepal-team .cat-title h2,
.section-points-table .cat-title h2,
.section-video .cat-title h2 {
    color: #fff
}

.section-fixtures .cat-title h2 a,
.section-keyplayers .cat-title h2 a,
.section-nepal-team .cat-title h2 a,
.section-points-table .cat-title h2 a,
.section-video .cat-title h2 a {
    color: #fff
}

.section-fixtures .cat-title a.more,
.section-keyplayers .cat-title a.more,
.section-nepal-team .cat-title a.more,
.section-points-table .cat-title a.more,
.section-video .cat-title a.more {
    background: 0 0;
    color: #fff
}

.section-fixtures .cat-title a.more:hover,
.section-keyplayers .cat-title a.more:hover,
.section-nepal-team .cat-title a.more:hover,
.section-points-table .cat-title a.more:hover,
.section-video .cat-title a.more:hover {
    color: #fff;
    opacity: .6
}

.venue-carousel .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -55px
}

.venue-carousel .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background: #bf1e2e;
    margin-left: 1px;
    border-radius: 100%;
    font-size: 25px;
    margin-left: 5px;
    color: #fff;
    line-height: 16px
}

.venue-card {
    width: 100%;
    box-shadow: 0 5px 12 0 rgba(0, 0, 0, .15);
    position: relative;
    display: block;
    height: 100%;
    position: relative;
    color: #fff
}

.venue-card::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 250, 250, 0) 53%, rgba(0, 0, 0, .6392156863) 100%);
    z-index: 4
}

.venue-card figure {
    display: block;
    height: 250px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    position: relative
}

.venue-card figure img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: block;
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .6s linear
}

.venue-card .venue-card-location {
    background-color: rgba(0, 0, 0, .5882352941);
    border-radius: 41px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 1;
    font-weight: 900;
    position: absolute;
    right: 12px;
    top: 12px
}

.venue-card .venue-card-detail {
    font-size: 18px;
    font-weight: 600;
    z-index: 5;
    padding: 0;
    text-align: center;
    line-height: 1.3;
    position: absolute;
    bottom: 15px;
    left: 0;
    text-align: center;
    width: 100%
}

.venue-card:hover .venue-card-detail {
    color: #c00505
}

.section-keyplayers {
    background: #0d1735;
    padding: 30px 0;
    position: relative
}

.section-keyplayers .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -50px
}

.section-keyplayers .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background: #fff;
    margin-left: 1px;
    border-radius: 100%;
    font-size: 25px;
    margin-left: 8px;
    line-height: 33px;
    color: #bf1e2e
}

.section-keyplayers:before {
    background-image: url("../images/site-pattern-02.svg");
    content: "";
    background-size: auto;
    background-position: 59% 100%;
    background-size: cover;
    opacity: .1;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

a.keyplayers {
    color: #fff;
    overflow: hidden;
    display: block;
    position: relative;
    border-radius: 3px;
    height: 280px
}

a.keyplayers .front {
    position: absolute;
    z-index: 3;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -webkit-transition: all .8s;
    transition: all .8s;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

a.keyplayers .front .player-bios__image {
    margin-bottom: 0;
    position: absolute;
    margin-right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden
}

a.keyplayers .front .player-bios__image:before {
    content: "";
    position: absolute;
    top: 0;
    border-radius: 4px;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #0d1735);
    width: 100%;
    height: 100%;
    z-index: 1
}

a.keyplayers .front .player-bios__image img {
    position: absolute;
    transition: all .35s ease-in-out;
    top: 0;
    left: 0;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%
}

a.keyplayers .front .player-bios__text-container {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.3;
    z-index: 10;
    font-size: 14px;
    font-weight: 500;
    font-family: poppins
}

a.keyplayers .front .player-bios__text-container img.player-bios__flag {
    height: 32px;
    width: 32px;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    background-color: #f1f1f1;
    background-size: cover;
    padding: 2px;
    margin-bottom: 10px;
    object-fit: cover;
    object-position: center top
}

a.keyplayers .front .player-bios__text-container img.player-bios__flag img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

a.keyplayers .back {
    width: 100%;
    height: 100%;
    background: rgba(191, 30, 46, .84);
    border-radius: 3px;
    position: absolute;
    z-index: 2;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -webkit-transition: all .8s;
    transition: all .8s;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding: 10px 10px 0 20px
}

a.keyplayers .back .row {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, .7215686275)
}

a.keyplayers .back .row .desc {
    font-size: 23px;
    margin-top: 3px;
    color: #fff;
    font-weight: 600
}

a.keyplayers .back .row:not(:last-child) {
    margin-bottom: 15px
}

a.keyplayers:hover {
    color: #fff
}

a.keyplayers:hover .back {
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 3
}

.section-photogallery .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    width: calc(100% - 160px);
    top: -50px
}

.section-photogallery .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background: #bf1e2e;
    margin-left: 1px;
    border-radius: 100%;
    font-size: 25px;
    margin: 0 0 0 5px;
    line-height: 35px;
    color: #fff
}

.photostory {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.photostory>a {
    display: block;
    grid-column: span 10;
    max-height: 600px;
    width: 100%
}

.photostory>a img {
    object-fit: cover;
    border-radius: 3px
}

.photostory .photostory-detail {
    position: absolute;
    right: 60px;
    top: 50%;
    padding: 60px 30px;
    border-radius: 8px;
    max-width: 500px;
    transform: translateY(-50%);
    background-image: linear-gradient(to right bottom, #bf1e2e, #b81c2b, #b11928, #aa1725, #a31422)
}

.photostory .photostory-detail p {
    margin-top: 0;
    font-weight: 500;
    line-height: 1.65;
    color: #fff;
    font-size: 20px;
    opacity: .9
}

.pradesh .news-detail-landing {
    margin-top: 25px
}

.pradesh .news-contentarea {
    margin-top: 0
}

.pradesh .share-col {
    margin-bottom: 15px;
    text-align: left;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid rgba(0, 0, 0, .1098039216)
}

.pradesh .stadium-banner .venue-card-location {
    background-color: #f5a556;
    border-radius: 41px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 13px;
    display: inline-block
}

.venue-matches {
    margin-top: 30px;
    background: rgba(200, 64, 77, .17);
    padding: 30px 0;
    border-top: 2px solid #bf1e2e
}

.venue-matches .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -55px
}

.venue-matches .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background: #fff;
    color: #bf1e2e;
    margin-left: 1px;
    font-size: 23px;
    margin-left: 8px;
    line-height: 32px;
    border-radius: 100%
}

.venue-matches .owl-carousel .owl-nav button:hover {
    background: #bf1e2e;
    color: #fff
}

.squad-member-detail-main {
    position: relative;
    margin-bottom: 30px;
    background: linear-gradient(180deg, #bf1e2e 0, #d71920 100%);
    color: #fff;
    border-radius: 8px;
    overflow: hidden
}

.squad-member-detail-main:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background-image: url(../images/pattern-dotted.png);
    background-size: contain;
    background-repeat: repeat-x;
    opacity: .4
}

.squad-member-detail-main .membr-details-img {
    position: relative;
    border-radius: 6px 0 0 6px
}

.squad-member-detail-main .membr-details-img img {
    width: 100%;
    height: auto;
    border-radius: 6px 0 0 6px;
    position: relative;
    z-index: 2;
    margin-bottom: -10px
}

.squad-member-detail-main .member-details {
    padding: 38px;
    border-radius: 6px;
    z-index: 2;
    padding-left: 10px;
    display: grid;
    place-content: center
}

.squad-member-detail-main .member-details ul {
    padding: 30px 0 0 0;
    position: relative;
    margin: 0;
    gap: 30px;
    display: grid;
    line-height: 1;
    list-style-type: none;
    grid-template-columns: repeat(2, 1fr)
}

.squad-member-detail-main .member-details ul li {
    font-size: 14px;
    color: rgba(255, 255, 255, .7098039216);
    text-transform: uppercase;
    font-weight: 500
}

.squad-member-detail-main .member-details ul li span {
    display: block;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3
}

.squad-member-detail-main .member-details h2 {
    font-size: 28px;
    margin-bottom: 15px;
    position: relative
}

.squad-member-detail-main .member-details .nationality {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, .7607843137)
}

.squad-member-detail-main .member-details .nationality img {
    position: relative;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    object-fit: cover;
    margin-right: 12px;
    border: .5px solid #000;
    outline: rgb(0, 0, 0) solid .5px !important
}

.player-landing .dn__side--add {
    max-width: 260px
}

.player-landing .content-flex {
    padding-top: 0
}

.player-landing .content-flex .news-contentarea {
    grid-column: span 12 !important
}

.player-landing .content-flex .the-content {
    position: relative;
    margin-top: 0;
    grid-column: span 12
}

.player-landing .flex.content-flex .post__detail-fixed {
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s linear;
    text-align: center;
    z-index: 4;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    max-width: 100px;
    margin-right: 20px
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail {
    margin: 0;
    top: 150px
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo {
    display: block
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo div {
    display: block !important;
    margin: 0 0 10px 0;
    border: none;
    padding: 0
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo div span {
    opacity: 1;
    display: block;
    font-size: 20px
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo div span.shares {
    font-size: 11px !important
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo div.st-total {
    display: none !important
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo .sharethis-inline-share-buttons {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 0
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo .sharethis-inline-share-buttons span {
    font-family: poppins !important;
    font-size: 18px !important;
    font-weight: 800
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo .sharethis-inline-share-buttons span.st-shares {
    margin-right: 0 !important;
    font-weight: 600;
    font-size: 11px !important
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo .sharethis-inline-share-buttons span.st-label {
    font-size: 15px !important
}

.player-landing .flex.content-flex .post__detail-fixed .post-detail .newsInfo .sharethis-inline-share-buttons .st-btn {
    display: block !important
}

.player-landing .just-in-news.list-news {
    position: sticky;
    top: 100px
}

.player-landing .just-in-news.list-news .sidebar-news-title {
    margin-bottom: 12px;
    font-size: 22px
}

.player-landing .team-lists {
    background: rgba(15, 14, 14, .0588235294);
    padding: 12px 15px;
    border-radius: 8px;
    max-height: 600px;
    margin-bottom: 20px;
    overflow-y: auto
}

.player-landing .team-lists .team_ltr {
    display: flex;
    align-items: center;
    gap: 10px
}

.player-landing .team-lists .team_ltr:not(:last-child) {
    border-bottom: solid 1px rgba(0, 0, 0, .1);
    padding-bottom: 8px;
    margin-bottom: 8px
}

.player-landing .team-lists .team_ltr a {
    height: 40px;
    width: 40px;
    max-width: 40px
}

.player-landing .team-lists .team_ltr a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 10px;
    padding: 3px;
    border: solid 1px #ac1d1d
}

.player-landing .team-lists .team_ltr .team-name {
    display: block;
    font-size: 15px;
    font-weight: 600
}

.player-landing .team-lists .team_ltr .team-name a {
    color: inherit;
    transition: all .3s ease
}

.player-landing .team-lists .team_ltr:hover a {
    color: #bf1e2e
}

.banner-section_container {
    background: #0d1735 url(../images/player-bg-pattern.png) no-repeat;
    padding: 30px 0;
    position: relative;
    color: #fff
}

.banner-section_container .dn-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    font-family: poppins;
    gap: 10px
}

.banner-section_container .dn-container .banner-title_container {
    font-weight: 500;
    font-size: 22px;
    font-family: poppins
}

.banner-section_container .dn-container .banner-title_container img {
    margin-right: 25px;
    height: 50px;
    border-radius: 8px
}

.banner-section_container .dn-container .ranking-container {
    font-size: 16px
}

.banner-section_container .dn-container .ranking-container span {
    background: #bf1e2e;
    width: 35px;
    height: 35px;
    margin-left: 8px;
    text-align: center;
    line-height: 35px;
    border-radius: 100%;
    display: inline-block;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
}

.available-squads {
    background: #f8f8f8;
    margin-bottom: 0 !important;
    padding: 30px 0
}

.available-squads .dn-grid {
    grid-gap: 20px
}

.available-squads a.keyplayers .player-bios__text-container {
    justify-content: center;
    height: 100%;
    width: 100%;
    bottom: 0;
    font-size: 15px;
    font-weight: 600
}

.available-squads a.keyplayers .player-bios__text-container span {
    margin-top: auto;
    margin-bottom: 20px;
    padding: 0 20px;
    display: block
}

.available-squads a.keyplayers .player-bios__text-container img {
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
    vertical-align: middle;
    width: 28px
}

.fixtures-section {
    padding: 30px 0;
    position: relative;
    background: linear-gradient(230deg, #0d1735 0, #0d1735 100%)
}

.fixtures-section:before {
    background-image: url("../images/site-pattern-02.svg");
    content: "";
    background-size: auto;
    background-position: 59% 100%;
    background-size: cover;
    opacity: .1;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.fixtures-section .cat-title h2 {
    color: #fff
}

.fixtures-section .fixtures_wrap {
    grid-gap: 15px
}

.fixtures-section .fixtures_wrap .item-fixture {
    grid-column: span 3
}

body.header-fixed .player-landing .flex.content-flex .post__detail-fixed {
    opacity: 1;
    visibility: visible
}

.fixtures-detail {
    margin-bottom: 25px
}

.fixtures-detail .dn-grid {
    grid-gap: 15px
}

.fixtures-detail .dn-grid .item-fixture {
    background: #f7f7f7
}

.click-tab-container>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: space-between;
    display: flex
}

.click-tab-container>ul>li {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 15px 0;
    font-size: 15px;
    text-align: center;
    font-family: poppins;
    cursor: pointer;
    font-weight: 600;
    border-bottom: 2px solid rgba(80, 80, 80, .1);
    color: rgba(17, 17, 17, .78);
    position: relative;
    letter-spacing: -.2px;
    flex: 1
}

.click-tab-container>ul>li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #bf1e2e;
    height: 2px;
    width: 0;
    transition: .3s width linear
}

.click-tab-container>ul>li.is-active,
.click-tab-container>ul>li:hover {
    color: #bf1e2e
}

.click-tab-container>ul>li.is-active:before,
.click-tab-container>ul>li:hover:before {
    width: 100%
}

.section-tw-wc.section-team-euro ul li {
    flex-basis: 16.6666667%;
    max-width: 16.6666667%
}

.section-tw-wc.section-team-euro ul li .qualified-teams-list__link {
    padding: 32px 20px 32px 72px
}

body.dark .thumb-card {
    border-color: rgba(255, 255, 255, .1490196078)
}

body.dark .thumb-card>a {
    color: #fff
}

body.dark .thumb-card>a:hover {
    color: rgba(255, 255, 255, .7294117647)
}

body.dark .tournament_info .tournament-header {
    border: solid 1px rgba(255, 255, 255, .08)
}

body.dark .available-squads {
    background: rgba(255, 255, 255, .0196078431)
}

body.dark .sports-event .section-tw-wc .qualified-teams-list__list li {
    background: #f4f6f8
}

body.dark .sports-event .section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link {
    color: #020000
}

body.dark .sports-event .section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link .qualified-teams-list__ranking-container {
    color: #020000
}

body.dark .sports-event .section-tw-wc .qualified-teams-list__list li:after {
    width: 0
}

body.dark .cat-title h2 {
    color: #fff
}

body.dark .section-tw-wc .qualified-teams-list__list {
    border: 1px solid rgba(253, 253, 253, .18)
}

body.dark .section-tw-wc .qualified-teams-list__list li {
    border-bottom: 1px solid rgba(255, 255, 255, .16)
}

body.dark .section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link {
    color: #fff
}

body.dark .section-tw-wc .qualified-teams-list__list li .qualified-teams-list__link .qualified-teams-list__ranking-container {
    color: rgba(255, 255, 255, .5882352941)
}

body.dark .section-tw-wc .qualified-teams-list__list li:after {
    background: rgba(255, 255, 255, .18)
}

body.dark .player-landing .team-lists {
    background: rgba(255, 255, 255, .0784313725)
}

body.dark .player-landing .team-lists .team_ltr:not(:last-child) {
    border-bottom: solid 1px rgba(255, 255, 255, .1)
}

body.dark .player-landing .team-lists .team_ltr img {
    border-color: #fff
}

body.dark .player-landing .team-lists .team_ltr:hover a {
    color: rgba(255, 255, 255, .7294117647)
}

@media (min-width:640px) {
    .md-large {
        display: none
    }
}



.section-fixtures .owl-carousel .owl-stage,
.tournment-fixtures .owl-carousel .owl-stage {
    display: flex
}

@media (max-width:1227px) {
    .section-medium.news-detail-landing .dn-container>.flex {
        display: grid;
        grid-gap: 33px;
        grid-template-columns: repeat(12, 1fr)
    }

    .section-medium.news-detail-landing .dn-container>.flex .dn__news--wrap {
        grid-column: span 9;
        padding-right: 0
    }

    .section-medium.news-detail-landing .dn-container>.flex .dn__news--wrap>.flex .news-container {
        width: 100%
    }

    .section-medium.news-detail-landing .dn-container>.flex .dn__side--add {
        grid-column: span 3
    }
}

@media (max-width:768px) {
    .section-medium.news-detail-landing .dn-container>.flex .dn__news--wrap {
        grid-column: span 12
    }

    .section-medium.news-detail-landing .dn-container>.flex .dn__news--wrap>.flex .news-container {
        width: 100%
    }

    .section-medium.news-detail-landing .dn-container>.flex .dn__side--add {
        grid-column: span 12
    }
}

@media (max-width:640px) {
    .flex.content-flex {
        display: block
    }

    .special-detail-landing .the-content {
        padding: 0
    }
}

@media (max-width:480px) {
    .breaking-notification {
        inset: 104px 0 0 10px;
        bottom: inherit;
        max-width: inherit;
        width: calc(100% - 20px)
    }

    .breaking-notification .news {
        padding: 15px 8px 15px 18px
    }

    .breaking-notification .news .title {
        padding-right: 0
    }

    .breaking-notification .news .title a {
        font-size: 18px;
        line-height: 1.4
    }

    .sidebar-news-title {
        font-size: 19px
    }

    .content-banner--single img {
        width: 100%;
        max-width: 250px;
        max-height: 250px;
        margin-bottom: 12px
    }

    .related-thumbnail .thumbnail-news .thumbnail-content-wrap .news-title a {
        font-size: 18px
    }

    .news-detail-landing .m-30 {
        margin: 10px 0 0 0
    }

    .columnnews a .video-play {
        top: 7px;
        right: 7px;
        font-size: 33px
    }

    .section-medium.news-detail-landing .dn-container>.flex {
        display: block
    }

    .breaking-col .heading {
        font-size: 28px
    }

    .super-block.exclusive--news.special__block--v4 .exclusive-col .exclusive-news-holder .dn-container-small .heading {
        font-size: 22px
    }
}

@media (min-width:420px) {

    .exclusive--news .exclusive-col .exclusive-news-holder .dn-container-small .heading,
    .heading,
    .special__block>div .special__block-content .special__block--title {
        font-size: 26px;
        line-height: 1.28
    }

    .context {
        font-size: 15px;
        margin-bottom: 10px;
        padding: 10px 15px;
        font-weight: 500
    }

    .special__block>div .special__block-content .special__block--title {
        margin: 0 0 10px 0
    }
}

@media (min-width:481px) {
    .uml-election {
        padding: 25px 0
    }

    .uml-election .elec-title-wrap {
        margin-bottom: 15px
    }

    .uml-election .elec-title-wrap .elec-title {
        font-size: 22px
    }

    .uml-election .elec-title-wrap span {
        font-size: 16px
    }

    .uml-election .elec-title-wrap .more a {
        font-size: 16px
    }

    .uml-election .elec-title-wrap .more a i {
        font-size: 17px
    }

    .special__block--v3 .dn-grid {
        grid-gap: 20px;
        margin-top: 15px
    }

    .super-block.exclusive--news.special__block--v4 .exclusive-col .exclusive-news-holder>div h2 a {
        height: auto
    }

    .super-block.exclusive--news.special__block--v4 .exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div span a {
        height: auto
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid {
        grid-gap: 20px;
        margin-top: 20px;
        display: grid
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col>a {
        height: 300px
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .heading a {
        font-size: 20px
    }

    .special-detail-landing .post-detail .newsInfo {
        gap: 15px
    }

    .special-detail-landing .post-detail .newsInfo div.mobile-mode {
        display: none
    }

    .converter-main .inputs .input {
        width: 50%;
        height: calc(100vh - 40px)
    }

    .converter-main .inputs .input .control .input-title {
        font-size: 15px;
        padding: 9px 20px
    }

    .converter-main .inputs textarea {
        padding: 22px 12px 12px 22px;
        position: absolute;
        height: calc(100% - 30px);
        font-size: 22px
    }

    .section-premium-content .exclusive-col .exclusive-news-holder .dn-container-small .heading {
        font-size: 30px;
        line-height: 1.28
    }

    .sports-interview .samachar-section .col4 {
        grid-column: span 6
    }

    .view-mode-wrap .view-mode {
        font-size: 13px;
        margin-left: 13px;
        font-weight: 500
    }

    .stickycontent-adv {
        bottom: 40px
    }

    .cube-container {
        display: flex
    }

    .footer-miscellaneous {
        display: none
    }

    .sticky-footer-ad .dn-wrap {
        position: fixed
    }

    .full-banner-adv .dn-container>div a:first-child {
        margin-top: 20px
    }

    .full-banner-adv .dn-container>div a:last-child {
        margin-bottom: 10px
    }

    .special__block--v2 .dn-grid {
        grid-gap: 15px;
        margin-top: 15px;
        display: grid
    }

    .special__block--v2 .dn-grid .columnnews {
        border-top: none;
        padding: 0
    }

    .special__block--v2 .dn-grid .columnnews>a img {
        height: 170px
    }

    .special__block--v2 .dn-grid .columnnews .columnnews-wrap h3 {
        font-size: 18px
    }

    .bg-black,
    .bg-lightgreen,
    .dnn_special-block,
    .entertainment-music,
    .entertainment-photo-gallery,
    .mt-40,
    .section,
    .section-euro,
    .section-medium.pradesh-samachar {
        margin-top: 25px
    }

    .mt-40.section-interview-news,
    .sports-cricket {
        margin-bottom: 25px
    }

    .bg-black,
    .bg-lightgreen,
    .section-entertainment,
    .section-euro,
    .section-headline-news,
    .section-horoscope,
    .section-nada,
    .section-other-news,
    .tournment-fixtures,
    .worldcup-t20 {
        padding: 25px 0
    }

    .full-banner-adv .desktop-mode a:first-child,
    .full-banner-adv .desktop-mode div:first-child {
        margin-top: 10px;
        display: block
    }

    .desktop-mode {
        display: block
    }

    .mobile-mode {
        display: none
    }

    .dn-container {
        padding: 0 20px
    }

    .newsInfo div {
        font-size: 15px
    }

    .newsInfo div a {
        font-size: 15px
    }

    .breaking--special {
        margin-top: 25px;
        padding-bottom: 25px
    }

    .breaking--special .full-banner-adv {
        margin-top: 0
    }

    .newsInfo div:not(:last-child) {
        margin-right: 20px
    }

    .heading,
    .special__block>div .special__block-content .special__block--title {
        font-size: 40px
    }

    .exclusive--news .exclusive-col .exclusive-news-holder .dn-container-small .heading {
        font-size: 28px
    }

    .header-link {
        background: #aa1c2a;
        text-align: center;
        display: block
    }

    .header-link a {
        display: inline-flex;
        color: #fff;
        vertical-align: middle;
        align-items: center;
        font-size: 15px;
        font-weight: 500
    }

    .header-link a img {
        filter: brightness(0) invert(1);
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        max-height: 24px;
        max-width: 25px
    }

    .header-link a.exclusive-link {
        display: none
    }

    .header-link a:not(:last-child) {
        margin-right: 12px
    }

    .header .header-left .date {
        display: block;
        color: #fff;
        position: relative;
        margin-top: 0;
        opacity: 1;
        font-size: 13px;
        visibility: visible;
        background: 0 0;
        padding-left: 0
    }

    .header .header-center {
        left: 50%
    }

    .header .header-center>a>img {
        width: 210px;
        box-shadow: none
    }

    .header .header-right a:not(:first-child) {
        margin-left: 10px
    }

    .modal-form {
        max-width: inherit
    }

    .dn-signup-form-wrap form {
        grid-column-gap: 15px;
        grid-template-columns: repeat(2, 1fr)
    }

    .fixed-tab-container {
        width: 320px
    }

    .heading--sub {
        margin: 10px 0 12px 0
    }

    .breaking-col .context {
        margin-bottom: 12px
    }

    .breaking-col .newsInfo {
        justify-content: center;
        margin-top: 8px;
        align-items: center;
        flex-wrap: wrap
    }

    .breaking-col .newsInfo i {
        margin-right: 8px;
        vertical-align: middle
    }

    .breaking-col .newsInfo div img {
        padding: 3px;
        border: 1px dashed #bf1e2e;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .2392156863);
        height: 32px;
        width: 32px;
        min-height: auto
    }

    .breaking-col .newsInfo div img+img {
        margin: 0 10px 0 -25px
    }

    .breaking-col .media,
    .breaking-col iframe,
    .breaking-col img {
        margin-top: 20px;
        min-height: 380px
    }

    .special__block>div .gradient-overlay img {
        height: 450px
    }

    .exclusive--news-related {
        padding: 25px;
        margin: 22px 0 0 0
    }

    .sec-title {
        margin: 0 0 22px 0
    }

    .sec-title:before {
        background: #bf1e2e;
        content: "";
        position: absolute;
        left: 0;
        top: 12px;
        width: 100%;
        height: 1px;
        opacity: .3
    }

    .sec-title h2 {
        font-size: 24px;
        font-weight: 700
    }
}

@media (min-width:500px) {
    .single-special-landing .video-box {
        margin-bottom: 20px
    }

    .single-special-landing .video-box iframe {
        max-height: 250px
    }

    .topbar .widget-label li {
        font-size: 15px;
        line-height: 30px;
        padding: 10px 0
    }

    .global-europe .dn-grid,
    .global-middle-east .dn-grid {
        grid-gap: 20px;
        padding-bottom: 20px
    }

    .global-europe .dn-grid .overlay-news,
    .global-middle-east .dn-grid .overlay-news {
        flex: 1
    }

    .global-europe .dn__side--add,
    .global-middle-east .dn__side--add {
        display: grid;
        grid-gap: 12px;
        grid-template-columns: repeat(2, 1fr)
    }

    .author__intro {
        padding: 25px 0
    }

    .author__intro .author__intro--bio {
        flex: 17
    }

    .author__intro .author__intro--icon {
        display: flex;
        text-align: left
    }

    .author__intro .author__intro--icon .author-icon {
        height: 65px;
        width: 65px;
        border: 6px solid #fff
    }

    .author__intro .author__intro--icon h4 {
        font-size: 18px;
        margin: 0 0 5px 0;
        font-weight: 700
    }

    .author__intro .author__intro--icon p {
        opacity: .75;
        line-height: 1.3
    }

    .author__intro .author-social {
        display: flex;
        margin: 0 auto 0 auto;
        justify-content: center
    }

    a.more {
        font-size: 14px;
        font-weight: 600;
        padding-left: 12px
    }

    .special__block--v1 .exclusive-col {
        flex: 0 0 320px
    }

    .all-writers-wrap.bg-shades.slidenavigation .owl-nav {
        top: -50px
    }

    .section-doctors-article .article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 200px
    }

    .section-doctors-article .article-excerpt-default .article-excerpt-default__link .news-title-large {
        font-size: 20px
    }

    .section-filmy-news.mt-40 .dn__side--add {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 12px
    }

    .section-interview-news.section-economy-interview-news.mt-40 .col6 {
        grid-column: span 6
    }

    .mt-40.section-samachar-news.economy-news .dn__side--add {
        margin-top: 25px
    }

    .mt-40.section-samachar-news.economy-news .col6 {
        grid-column: span 6
    }

    .sticky-header-adv {
        position: static
    }

    .section.pradesh-samachar.section-mukhya-news .dnn__side--add {
        padding-top: 20px
    }

    .section.pradesh-samachar.section-mukhya-news .col6 {
        grid-column: span 6
    }

    .section.pradesh-samachar.section-mukhya-news .pradesh-tab-news {
        grid-column: span 6
    }

    .section.pradesh-samachar.section-mukhya-news .pradesh-tab-news .tab-news-wrap.current {
        display: grid;
        grid-gap: 12px;
        grid-template-columns: repeat(2, 1fr)
    }

    .read-more .dn-grid .col6 {
        grid-column: span 6
    }

    .about_author .author_bio {
        flex: 1;
        position: relative
    }

    .about_author .author_bio h6 {
        font-size: 16px;
        margin-bottom: 3px
    }

    .about_author .author_bio img {
        height: 60px;
        width: 60px;
        max-width: 60px;
        margin-right: 15px
    }

    .about_author .author_bio .author-social {
        position: absolute;
        top: 0;
        right: 0
    }

    .about_author .author_bio .text-link {
        font-size: 16px;
        margin-bottom: 20px
    }

    .insidenews-related.insidenews-left,
    .insidenews-related.insidenews-right {
        max-width: 320px;
        z-index: 1;
        position: relative;
        margin-bottom: 20px !important
    }

    .insidenews-related.insidenews-right {
        margin: 0 0 0 20px;
        float: right
    }

    .insidenews-related.insidenews-left {
        margin: 0 20px 0 0;
        float: left
    }

    .alignleft,
    .alignright,
    .left,
    .right {
        max-width: 320px;
        margin-bottom: 10px !important
    }

    .alignleft,
    .left {
        float: left;
        margin-right: 20px !important
    }

    .alignright,
    .right {
        float: right;
        margin-left: 20px !important
    }

    .the-content .table-container {
        max-height: inherit
    }

    .the-content blockquote.blockquote-left,
    .the-content blockquote.blockquote-right {
        max-width: 320px;
        font-size: 22px
    }

    .the-content blockquote.blockquote-left {
        padding-right: 20px;
        border-right: 2px dashed rgba(0, 0, 0, .2);
        float: left;
        margin-right: 20px
    }

    .the-content blockquote.blockquote-right {
        float: right;
        margin-left: 25px;
        padding-left: 25px;
        border-left: 2px dashed rgba(0, 0, 0, .2)
    }

    .the-content blockquote.blockquote-right::before {
        left: 40px
    }

    .content-banner--single {
        margin-bottom: 25px;
        column-count: 3;
        column-gap: 20px;
        padding: 20px 0
    }

    .fixed-tab {
        top: 120px;
        right: 10px
    }

    .fixed-tab a {
        border-radius: 30px;
        height: auto;
        width: auto;
        padding: 3px 16px 1px 17px;
        margin: 0 5px 0 0;
        display: inline-block
    }

    .fixed-tab a i {
        margin-right: 9px
    }

    .fixed-tab a span {
        display: inline-block
    }

    .fixed-tab a.btn-trending {
        display: inline-block
    }

    .fixed-tab-container>div ul li {
        padding: 8px 0 8px 20px
    }

    .fixed-tab-container>div ul li a {
        padding-left: 0
    }

    .section-rochak-news .dn-grid .col5 {
        grid-column: span 12
    }

    .section-rochak-news .dn-grid .col4 {
        grid-column: span 6
    }

    .section-prabash-news .dn-grid .col5 {
        grid-column: span 6
    }

    .section-entertainment .dn-grid .overlay-news.col4 h2 {
        font-size: 20px
    }

    .section-entertainment .dn-grid .col4 {
        grid-column: span 6
    }

    .tech-news .list-news ul li a h3 {
        font-weight: 600;
        font-size: 19px
    }

    .section.section-health-news .thumbnail-news.col6 {
        grid-column: span 6
    }

    .section-horoscope .horoscope-title {
        margin-bottom: 20px;
        gap: 15px
    }

    .section-crime-news .dn__side--add {
        border-top: 1px solid #eee;
        padding-top: 15px;
        margin-top: 15px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px
    }

    .section-crime-news .dn__side--add .sec-title {
        grid-column: span 2;
        margin-bottom: 0
    }

    .section-crime-news .dn__side--add .thumbnail-news:not(:last-child) {
        padding-bottom: 0
    }

    .section-euro .dn__side--add {
        display: grid;
        border-top: none;
        grid-template-columns: repeat(2, 1fr)
    }

    .section-euro .dn__side--add .thumbnail-news {
        grid-column: span 1;
        padding-right: 15px
    }

    .section-euro .dn__side--add .thumbnail-news:first-child {
        border-top: 1px solid rgba(255, 255, 255, .1607843137);
        padding-top: 15px
    }

    .section-headline-news .dn-grid {
        grid-gap: 20px
    }

    .section-headline-news .thumbnail-news {
        grid-column: span 6
    }

    .section-mukhya-news .main_stry_sectn {
        grid-gap: 15px;
        text-align: left
    }

    .section-mukhya-news .main_stry_sectn .col8 {
        grid-column: span 8
    }

    .section-mukhya-news .main_stry_sectn .col4 {
        grid-column: span 6
    }

    .section-mukhya-news .main_stry_sectn .columnnews {
        grid-column: span 4
    }

    .section-mukhya-news .main_stry_sectn .columnnews a {
        display: block
    }

    .section-mukhya-news .main_stry_sectn .columnnews a img {
        max-width: inherit;
        min-width: inherit;
        height: 170px;
        margin: 0 0 8px 0
    }

    .section-mukhya-news .dn__side--add {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .section-hour-news .dn-grid {
        grid-gap: 15px
    }

    .section-hour-news .dn-grid .col6 {
        grid-column: span 6
    }

    .section.section-crime-news.section-literature-news .dn__side--add {
        display: block
    }
}

@media (min-width:612px) {
    .section-other-news .dn-grid {
        grid-gap: 20px;
        grid-row-gap: 25px
    }

    .section-fitness .dn-grid {
        grid-gap: 20px
    }

    .section-fitness .dn-grid .col8 {
        grid-column: span 8
    }

    .section-fitness .dn-grid .col8.article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 460px
    }

    .section-fitness .dn-grid .col8.article-excerpt-default .article-excerpt-default__link .news-title-large {
        font-size: 24px
    }

    .section-fitness .dn-grid .col4 {
        grid-column: span 4
    }

    .section-industry-news .dn-grid {
        grid-gap: 20px
    }

    .worldcup-t20 .dn-container .flex .dn__side--add .fixtures_wrap {
        display: flex;
        width: 100%;
        gap: 15px
    }

    .worldcup-t20 .dn-container .flex .dn__side--add .fixtures_wrap .item-fixture {
        min-height: 190px;
        flex: 1
    }

    .worldcup-t20 .dn-container .flex .dn__side--add .fixtures_wrap .item-fixture:not(:last-child) {
        margin-bottom: 0
    }
}

@media (min-width:640px) {
    .uml-election {
        padding: 30px 0
    }

    .uml-election .elec-title-wrap {
        margin-bottom: 12px
    }

    .uml-election .elec-title-wrap .elec-title {
        font-size: 24px
    }

    .uml-election .elec-title-wrap span {
        font-size: 16px
    }

    .uml-election .elec-title-wrap .more a {
        font-size: 16px
    }

    .uml-election .elec-title-wrap .more a i {
        font-size: 17px
    }

    .section-search-results-wrap .dn-grid {
        grid-gap: 20px
    }

    .section-search-results-wrap .dn-grid .col3 {
        grid-column: span 12;
        padding-right: 0 !important
    }

    .section-search-results-wrap .dn-grid .col3 .columnnews-wrap {
        padding: 0;
        padding-left: 0
    }

    .section-search-results-wrap .dn-grid .col3 .columnnews-wrap .news-title {
        font-weight: 600;
        font-size: 22px
    }

    .section-search-results-wrap .dn-grid .col3 .columnnews-wrap p {
        display: block;
        font-size: 15px;
        padding-top: 4px;
        padding-right: 0;
        line-height: 1.65
    }

    .section-search-results-wrap .dn-grid .col3 a {
        display: flex;
        border-radius: 3px
    }

    .section-search-results-wrap .dn-grid .col3 a img {
        width: 180px;
        border-radius: 3px 0 0 3px;
        margin-right: 20px;
        margin-bottom: 0;
        min-height: 100px;
        flex: 1
    }

    .category-banner .banner {
        color: #fff;
        padding: 50px 0;
        font-size: 30px
    }

    .global-landing .economy-main-wrap .dn-grid .col7 {
        grid-column: span 7
    }

    .global-landing .economy-main-wrap .dn-grid .col5 {
        grid-column: span 5
    }

    .global-landing .economy-main-wrap .article-excerpt__image a {
        height: 400px
    }

    .global-landing .economy-main-wrap .article-excerpt__image a img {
        border-radius: 3px 0 0 3px
    }

    .global-landing .economy-main-wrap .article-excerpt__content--wrap {
        padding: 30px
    }

    .global-landing .economy-main-wrap .article-excerpt__content--wrap .news-title,
    .global-landing .economy-main-wrap .article-excerpt__content--wrap .news-title a {
        font-size: 26px
    }

    .global-landing .global__main .dn-grid {
        grid-gap: 20px
    }

    .global-landing .global__main .dn-grid .col4 {
        grid-column: span 4
    }

    .global-landing ul.pagination {
        margin: 20px 0 20px 0
    }

    .photofeature-wrap {
        margin-top: 20px
    }

    .photofeature-wrap .dn-grid {
        grid-gap: 20px
    }

    .photofeature-wrap .dn-grid .gallery-item a {
        height: 300px
    }

    .special-detail-landing .dn-container-small {
        max-width: 960px;
        margin: auto
    }

    .special-detail-landing .dn-container-small .the-content {
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
        padding: 0
    }

    .single-special-landing {
        padding: 30px 0
    }

    .single-special-landing .video-box {
        margin-bottom: 25px
    }

    .single-special-landing .video-box iframe {
        max-height: 350px
    }

    .special-detail-landing .post-detail .newsInfo div.mobile-mode {
        display: none
    }

    .special-detail-landing .post-detail .newsInfo div:not(:last-child) {
        margin-right: 0
    }

    .special-detail-landing .post-detail .newsInfo div.post-hour {
        border-left: 2px dashed rgba(0, 0, 0, .4392156863);
        border-right: none;
        margin-left: 0;
        padding: 0 10px 0 10px;
        margin-right: auto;
        line-height: 1
    }

    .special__block>div img {
        height: 550px
    }

    .global-america .dn-grid,
    .global-neighbours .dn-grid {
        gap: 20px
    }

    .global-america .dn-grid .col3,
    .global-neighbours .dn-grid .col3 {
        grid-column: span 4
    }

    .global-europe .dn-grid,
    .global-malayasia .dn-grid {
        grid-gap: 20px
    }

    .global-europe .dn-grid .col8,
    .global-malayasia .dn-grid .col8 {
        grid-column: span 8
    }

    .global-europe .dn-grid .col4,
    .global-malayasia .dn-grid .col4 {
        grid-column: span 4
    }

    .global-europe .dn__side--add,
    .global-malayasia .dn__side--add {
        gap: 15px
    }

    .author__content .dn-grid {
        grid-gap: 20px
    }

    .author__content .dn-grid .col3 {
        grid-column: span 4
    }

    .author__intro {
        padding: 30px 0
    }

    .author__intro .author__intro--bio {
        margin: auto 0
    }

    .author__intro .author__intro--icon .author-icon {
        height: 80px;
        width: 80px
    }

    .author__intro .author__intro--icon h4 {
        font-size: 23px;
        margin: 0 0 10px 0
    }

    .author__intro .author__intro--icon p {
        opacity: .75;
        line-height: 1.3;
        font-size: 16px
    }

    .downloads-content-area .title {
        font-size: 30px;
        margin-bottom: 20px
    }

    .downloads-content-area .col4,
    .downloads-content-area .col8 {
        grid-column: span 6
    }

    .section__downloads-wraper .downloads-content-area .the-content {
        margin-top: 0
    }

    .section__downloads-wraper .downloads-content-area .the-content .download-pdf {
        margin-top: 20px
    }

    .section__downloads-wraper .dn-grid {
        grid-gap: 22px
    }

    .section__downloads-wraper .dn-grid .special-card {
        grid-column: span 6
    }

    .tv-news-detail {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
        text-align: center
    }

    .tv-news-video {
        height: 230px
    }

    .tv-main-news .col5 {
        grid-column: span 5
    }

    .tv-main-news .col7 {
        grid-column: span 7;
        order: inherit
    }

    .tv-main-news .dn-grid {
        grid-gap: 15px
    }

    .tv-main-news .columnnews {
        grid-column: span 4
    }

    .tv-main-news .columnnews i.video-play {
        display: none
    }

    .sports-football .dn-grid {
        grid-gap: 20px
    }

    .sports-football .dn-grid .col8 {
        grid-column: span 8
    }

    .sports-football .dn-grid .col4 {
        grid-column: span 4
    }

    .sports-football .dn__side--add {
        padding-top: 20px;
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .section-filmy-news.mt-40 .overlay-news {
        grid-column: span 8
    }

    .section-filmy-news.mt-40 .col4 {
        grid-column: span 4
    }

    .section-filmy-news.mt-40 .col3 {
        grid-column: span 4
    }

    .category-banner {
        margin-bottom: 25px
    }

    .category-banner .banner {
        font-size: 35px
    }

    .pardesh-category-new {
        margin-top: 25px
    }

    .pardesh-category-new .pradesh-category-title {
        margin-bottom: 20px
    }

    .view-mode-wrap .view-mode {
        font-size: 15px
    }

    .related-news .dn-grid {
        grid-gap: 20px
    }

    .related-news .dn-grid .col4 {
        grid-column: span 4
    }

    .related-news .read-more .dn-grid {
        grid-gap: 20px
    }

    .related-news .read-more .dn-grid .col6 {
        grid-column: span 6
    }

    .comment-form,
    .fb-comment-wrap {
        margin-top: 20px
    }

    .author-title,
    .comment-title,
    .reaction-wrap h2 {
        font-size: 25px
    }

    .comment-list-wrap .comment-title {
        padding-bottom: 10px
    }

    .feedback-row .user-icon {
        height: 42px;
        width: 42px;
        max-width: 42px;
        min-width: 42px;
        top: 3px;
        left: 0
    }

    .feedback-row .name {
        font-size: 16px
    }

    .feedback-row .user-name {
        padding-left: 55px
    }

    .feedback-row .feedback-date {
        font-size: 12px;
        padding-top: 0;
        font-weight: 600;
        opacity: .8
    }

    .feedback-row .feedback {
        padding: 20px;
        font-weight: 500;
        font-size: 16px;
        margin-top: 20px
    }

    .feedback-row .replies {
        margin: 20px 0 0 20px
    }

    .reaction-wrap {
        border: 1px solid rgba(0, 0, 0, .09);
        padding: 18px 20px;
        border-radius: 3px
    }

    .reaction-wrap .reaction-emoji {
        margin-top: 15px
    }

    .reaction-wrap .reaction-emoji>div {
        flex: auto
    }

    .reaction-wrap .reaction-emoji>div .rction-emoji-wrap img {
        width: 40px;
        height: 40px
    }

    .reaction-wrap .reaction-emoji>div .rction-emoji-wrap p {
        font-size: 14px;
        font-weight: 600
    }

    .news-contentarea,
    .the-content {
        margin: 25px 0 0 0;
        font-weight: 500;
        line-height: 1.75;
        font-size: 22px
    }

    .news-contentarea P,
    .the-content P {
        line-height: 1.75;
        font-size: 22px
    }

    .news-video iframe,
    .the-content iframe {
        max-height: 350px
    }

    .flex.content-flex {
        display: grid;
        grid-template-columns: repeat(12, 1fr)
    }

    .flex.content-flex .post__detail-fixed {
        flex: 1;
        grid-column: span 2;
        max-width: 160px;
        margin-right: 28px;
        position: relative;
        padding-bottom: 0;
        z-index: 1
    }

    .flex.content-flex .post__detail-fixed .post-detail .newsInfo {
        text-align: center
    }

    .flex.content-flex .post__detail-fixed .post-detail .newsInfo .comment,
    .flex.content-flex .post__detail-fixed .post-detail .newsInfo .post-hour,
    .flex.content-flex .post__detail-fixed .post-detail .newsInfo .share-counter,
    .flex.content-flex .post__detail-fixed .post-detail .newsInfo .user,
    .flex.content-flex .post__detail-fixed .post-detail .newsInfo div#st-2 {
        display: inline-block;
        margin: 0
    }

    .flex.content-flex .post__detail-fixed .post-detail .newsInfo .user img+img {
        margin-right: 0
    }

    .flex.content-flex .post__detail-fixed .post-detail .newsInfo .user span {
        line-height: 1.2;
        margin-top: 8px;
        display: block
    }

    .flex.content-flex .post__detail-fixed .post-detail .newsInfo .user span a {
        margin: 0
    }

    .flex.content-flex .post__detail-fixed .post-detail .newsInfo .user span a+a {
        margin-left: 5px
    }

    .flex.content-flex .post__detail-fixed .post-detail .newsInfo div#st-2 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: 15px
    }

    .flex.content-flex .post__detail-fixed .post-detail .newsInfo div#st-2 .st-btn {
        width: 35px;
        height: 35px;
        display: inline-flex !important;
        line-height: 35px;
        margin: 0 0 7px 0;
        justify-content: center;
        align-items: center;
        align-content: center;
        border-radius: 100%
    }

    .flex.content-flex .post__detail-fixed .post-detail .newsInfo div#st-2 .st-btn img {
        display: inline-block;
        height: 20px;
        width: 20px;
        position: static;
        max-width: inherit;
        vertical-align: top
    }

    .flex.content-flex .post__detail-fixed .post-detail .post-hour {
        display: block !important;
        gap: 5px;
        padding: 3px 0 0 0;
        align-items: center
    }

    .flex.content-flex .post__detail-fixed .post-detail .post-hour img {
        display: none
    }

    .flex.content-flex .post__detail-fixed .post-detail .bookmark {
        justify-content: center;
        width: 100%;
        display: inline-flex;
        align-items: center;
        margin: 8px 0 4px 0
    }

    .flex.content-flex .post__detail-fixed .post-detail .bookmark a {
        font-size: 13px
    }

    .flex.content-flex .post__detail-fixed .post-detail .bookmark a i {
        border: none;
        width: auto;
        height: auto;
        margin: 0 7px 0 0
    }

    .flex.content-flex .post__detail-fixed .post-detail .bookmark a:hover i {
        color: inherit;
        background: 0 0
    }

    .flex.content-flex .post__detail-fixed .post-detail .comment {
        display: block !important;
        margin: 0;
        padding: 5px 0
    }

    .flex.content-flex .post__detail-fixed .post-detail .comment a {
        display: block !important;
        text-align: center;
        margin: 0
    }

    .flex.content-flex .post__detail-fixed .post-detail .comment i {
        line-height: 1;
        vertical-align: middle;
        display: inline-block;
        font-size: 22px;
        margin-right: 7px;
        color: #bf1e2e
    }

    .flex.content-flex .post__detail-fixed .post-detail .comment span {
        font-size: 20px;
        font-weight: 900;
        color: #bf1e2e;
        display: inline-block;
        line-height: 1;
        vertical-align: middle
    }

    .flex.content-flex .post__detail-fixed .post-detail .share-counter {
        margin: 0;
        padding: 8px 0 0 0;
        color: #555;
        line-height: 1
    }

    .flex.content-flex .post__detail-fixed .post-detail .share-counter .shares {
        font-size: 10px
    }

    .flex.content-flex .news-contentarea {
        position: relative;
        flex: 2;
        grid-column: span 10
    }

    .section-prabash-news .dn-grid {
        grid-gap: 20px
    }

    .section-prabash-news .dn-grid .col5 {
        grid-column: span 6
    }

    .section.section-sports-news .dn-grid,
    .section.section-world-news .dn-grid {
        grid-gap: 20px
    }

    .samachar-section.interview-section .col12 .article-excerpt__content--wrap:before,
    .samachar-section.interview-section .col8 .article-excerpt__content--wrap:before {
        top: 50%;
        left: -20px;
        transform: translateY(-50%) rotate(0);
        color: #044b67
    }

    .samachar-section.interview-section .col12 .article-excerpt__content--wrap:after,
    .samachar-section.interview-section .col8 .article-excerpt__content--wrap:after {
        position: absolute;
        right: 20px;
        top: 0;
        content: "\f1b2";
        font-family: Material-Design-Iconic-Font;
        font-size: 105px;
        color: #fff;
        opacity: .2
    }

    .samachar-section.interview-section .col12 .article-excerpt__content--wrap .news-title a,
    .samachar-section.interview-section .col8 .article-excerpt__content--wrap .news-title a {
        color: #fff
    }

    .samachar-section.interview-section .col12 .article-excerpt__content--wrap p,
    .samachar-section.interview-section .col8 .article-excerpt__content--wrap p {
        color: #fff;
        opacity: .85
    }

    .section-photo-story .dn-grid {
        grid-gap: 15px;
        display: grid;
        overflow-x: inherit;
        grid-gap: 20px
    }

    .section-photo-story .dn-grid .col8 {
        grid-column: span 12
    }

    .section-photo-story .dn-grid .col4 {
        grid-column: span 6
    }

    .dnn_special-block .dn-grid {
        grid-gap: 20px
    }

    .dnn_special-block .sec-title {
        margin: 0 0 20px 0
    }

    .dnn_special-block .sec-title h2 {
        font-size: 20px
    }

    .dnn_special-block .col5,
    .dnn_special-block .col7 {
        grid-column: span 6
    }

    .dnn_special-block .col3 {
        grid-column: span 6
    }

    .section-horoscope .horoscope-title {
        margin-bottom: 25px;
        gap: 20px
    }

    .section-horoscope .dn-grid {
        grid-gap: 20px
    }

    .section-horoscope .dn-grid .horoscope-item {
        grid-column: span 4
    }

    .horoscope-item {
        padding: 20px;
        grid-column: span 6;
        font-size: 14px
    }

    .horoscope-item h5 {
        font-size: 16px
    }

    .horoscope-item img {
        height: 58px;
        width: 58px
    }

    .horoscope-item:hover {
        background: #fff;
        opacity: .97;
        box-shadow: 0 0 14px rgba(9, 9, 10, .29);
        transform: scale(1.011)
    }

    .horoscope-item:hover img {
        background-color: rgba(185, 33, 49, .09)
    }

    .section-euro .dn-grid {
        grid-gap: 20px
    }

    .section-euro .overlay-news {
        grid-column: span 7
    }

    .section-euro .col4 {
        grid-column: span 5
    }

    .view-more-btn a.btn {
        width: auto
    }

    .section-economy-news .dn-grid {
        grid-gap: 20px
    }

    .section-economy-news .dn-grid .col3 {
        grid-column: span 6
    }

    .section-economy-news .dn-grid .col4,
    .section-economy-news .dn-grid .overlay-news {
        grid-column: span 6
    }

    .more {
        margin-top: 15px
    }

    .more a.more {
        background: 0 0
    }

    .overlay-news .overlay-news-content h2 {
        font-size: 25px
    }

    .overlay-news .overlay-news-content h2.news-title-small {
        font-size: 23px
    }

    .election-news-section {
        padding: 25px
    }

    .sec-title {
        margin: 0 0 23px 0
    }

    .sec-title:before {
        background: #bf1e2e
    }

    .sec-title h2 {
        font-size: 25px;
        font-weight: 600
    }

    .samachar-section {
        grid-gap: 20px
    }

    .samachar-section .col12 .flex,
    .samachar-section .col8 .flex {
        display: flex
    }

    .samachar-section .col12 .flex .article-excerpt__image,
    .samachar-section .col8 .flex .article-excerpt__image {
        flex: auto;
        min-height: 300px;
        max-width: 300px;
        min-width: 300px;
        height: auto;
        height: auto
    }

    .samachar-section .col12 .flex .article-excerpt__content--wrap,
    .samachar-section .col8 .flex .article-excerpt__content--wrap {
        padding: 25px
    }

    .samachar-section .col4 {
        grid-column: span 4
    }

    .special__block--option .dn-grid .col5 {
        height: auto;
        grid-column-gap: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 10px
    }

    .special__block--option .thumbnail-news:not(:last-child) {
        margin-bottom: 20px
    }

    .special__block--v2 .dn-grid {
        grid-gap: 20px;
        margin-top: 15px;
        display: grid
    }

    .special__block--v2 .dn-grid .columnnews {
        border-top: none;
        padding: 0
    }

    .special__block--v2 .dn-grid .columnnews>a img {
        height: 200px
    }

    .special__block--v2 .dn-grid .columnnews .columnnews-wrap h3 {
        font-size: 20px;
        font-weight: 700
    }

    .dnn_special-block,
    .mt-40,
    .section,
    .section-euro,
    .section-medium,
    .section-medium.pradesh-samachar {
        margin-top: 25px
    }

    .mt-40.section-interview-news {
        margin-bottom: 25px
    }

    .heading--sub {
        font-size: 22px
    }

    .special__block>div .special__block-content {
        padding: 25px 22px
    }

    .special__block>div .gradient-overlay img {
        height: 550px
    }

    .full-banner-adv .desktop-mode a:first-child,
    .full-banner-adv .desktop-mode div:first-child {
        margin-top: 15px
    }

    .heading,
    .special__block>div .special__block-content .special__block--title {
        font-size: 48px;
        line-height: 1.1
    }

    .breaking-col:not(:first-child) {
        padding-top: 20px;
        margin-top: 20px
    }

    .breaking-col iframe {
        min-height: 440px
    }

    .breaking-col .media,
    .breaking-col iframe,
    .breaking-col img {
        margin-top: 20px
    }

    .breaking-col .newsInfo div img {
        height: 35px;
        width: 35px
    }

    .section-euro.section-constitution .overlay-news {
        grid-column: span 12
    }

    .sports-cricket {
        margin-bottom: 20px
    }

    .sports-cricket .dn-grid .col6 {
        grid-column: span 6
    }

    .sports-cricket .dn-grid .col3 {
        grid-column: span 6
    }
}

@media (min-width:700px) {
    .single-special-landing .video-box iframe {
        max-height: 430px
    }

    .special-detail-landing .post-detail .newsInfo div.mobile-mode {
        display: none
    }

    .special-detail-landing .post-detail .news-post-share {
        padding-top: 0;
        border: none;
        margin-top: 0;
        width: auto;
        justify-content: space-between
    }

    .special-detail-landing .post-detail .news-post-share .share-counter-wrap {
        margin-left: auto
    }

    .global-japan-korea .dn-container .flex {
        gap: 22px;
        flex-wrap: nowrap
    }

    .global-japan-korea .dn-container .flex .dn__news--wrap,
    .global-japan-korea .dn-container .flex .dn__side--add {
        flex: 50%;
        max-width: inherit
    }

    .global-japan-korea .dn-grid {
        grid-gap: 22px
    }

    .article-excerpt-default__link .news-title-large {
        font-size: 22px;
        line-height: 1.5
    }

    .global-europe .dn-grid,
    .global-malayasia .dn-grid {
        grid-gap: 22px
    }

    .global-europe .dn-grid .col8,
    .global-malayasia .dn-grid .col8 {
        grid-column: span 8
    }

    .global-europe .dn-grid .col8.article-excerpt-default .article-excerpt-default__link .article-excerpt__image,
    .global-malayasia .dn-grid .col8.article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 430px
    }

    .global-europe .dn-grid .col4,
    .global-malayasia .dn-grid .col4 {
        grid-column: span 4
    }

    .global-europe .dn__side--add,
    .global-malayasia .dn__side--add {
        gap: 15px
    }

    .special__block--v1 .exclusive-col {
        flex: 1
    }

    .sports-cricket {
        margin-bottom: 20px
    }

    .sports-cricket .dn-grid {
        grid-gap: 20px
    }

    .sports-cricket .dn-grid .col6 {
        grid-column: span 6
    }

    .sports-cricket .dn-grid .col3 {
        grid-column: span 3
    }

    .sports-interview .samachar-section .col8 {
        grid-column: span 12
    }

    .sports-interview .samachar-section .col4 {
        grid-column: span 6
    }

    .section-tv.sports-mainnews .dn-grid .col5 {
        padding: 22px
    }

    .article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 200px;
        margin-bottom: 10px
    }

    .section-doctors-article .article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 300px
    }

    .section-doctors-article .article-excerpt-default .article-excerpt-default__link .news-title-large {
        font-size: 21px
    }

    .section-doctors-article .dn-grid {
        grid-gap: 22px
    }

    .section-doctors-article .thumbnail-news.col6 {
        grid-column: span 6
    }

    .section-bichar-news .article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 170px;
        margin-bottom: 13px
    }

    .section-bichar-news .article-excerpt-default .news-title {
        font-weight: 500;
        font-size: 19px;
        line-height: 1.4
    }

    .section-bichar-news .article-excerpt-default .c-cards-view__author-name {
        margin-top: 15px
    }

    .section-bichar-news .dn-grid {
        grid-gap: 20px
    }

    .section-bichar-news .dn-grid .col4 {
        grid-column: span 4
    }

    .list-news ul li a h3 {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.58
    }

    .section-prabash-news .dn__side--add .thumbnail-news:not(:last-child) {
        margin-bottom: 15px
    }

    ul.pagination {
        margin: 25px 0 25px 0
    }

    .default-main-news .dn-grid {
        gap: 25px
    }

    .default-main-news .dn-grid .col7 {
        grid-column: span 7
    }

    .default-main-news .dn-grid .col5 {
        grid-column: span 5
    }

    .default-main-news .samachar-section {
        background: 0 0;
        box-shadow: none
    }

    .default-main-news .samachar-section .article-excerpt__image {
        height: 100%
    }

    .default-main-news .samachar-section .article-excerpt__image img {
        border-radius: 3px
    }

    .default-main-news .samachar-section .article-excerpt__content--wrap {
        background-color: #fff;
        box-shadow: 0 5px 12px rgba(0, 0, 0, .1882352941);
        padding: 25px;
        height: 100%;
        border-radius: 3px;
        display: grid;
        place-content: center
    }

    .default-main-news .samachar-section .article-excerpt__content--wrap h3 {
        font-size: 30px
    }

    .default-news {
        margin-top: 25px
    }

    .default-news .dn-grid {
        grid-gap: 22px
    }

    .share-counter {
        font-size: 12px;
        padding-right: 10px
    }

    .share-counter .label {
        font-size: 20px
    }

    .post-detail {
        gap: 15px
    }

    .post-detail .newsInfo {
        width: auto
    }

    .post-detail .newsInfo div.post-hour {
        padding: 0 12px 0 12px;
        margin: 0 12px 0 0;
        border-left: 2px dashed rgba(0, 0, 0, .31);
        border-right: 2px dashed rgba(0, 0, 0, .3);
        color: rgba(0, 0, 0, .6784313725);
        font-size: 15px;
        line-height: 1
    }

    .post-detail .newsInfo div.post-hour i {
        opacity: .8;
        font-size: 15px
    }

    .post-detail .newsInfo div.post-hour span {
        font-size: 15px
    }

    .post-detail .news-post-share {
        gap: 12px
    }

    .post-detail .news-post-share .comment a span {
        font-size: 23px
    }

    .section-tv .col7 {
        grid-column: span 7
    }

    .section-tv .col5 {
        grid-column: span 5
    }

    .section-tv .dn-grid {
        grid-gap: 20px
    }

    .section-tv .thumbnail-news {
        padding: 15px 0 15px 0;
        border-top: 1px solid rgba(255, 255, 255, .168627451)
    }

    .section-tv .thumbnail-news:first-child {
        padding-top: 0;
        border-top: none
    }

    .section-tv .thumbnail-news:last-child {
        padding-bottom: 0
    }

    .section-crime-news .dn-grid {
        grid-gap: 15px
    }

    .section-crime-news .dn-grid .col4 {
        grid-column: span 4
    }

    .section-crime-news .dn__side--add {
        border-top: 1px solid #eee;
        padding-top: 15px;
        margin-top: 15px
    }

    .section-crime-news .dn__side--add .thumbnail-news:not(:last-child) {
        padding-bottom: 12px
    }

    .section-crime-news .thumbnail-news a img {
        max-width: 100px;
        min-width: 100px;
        margin-right: 15px;
        height: 75px
    }

    .post__detail-fixed .post-detail .newsInfo div.post-hour span {
        font-size: 12px;
        margin-top: 4px
    }

    .dnn_special-block,
    .entertainment-music,
    .entertainment-photo-gallery,
    .mt-40,
    .section,
    .section-euro,
    .section-horoscope,
    .section-medium,
    .section-medium.pradesh-samachar {
        margin-top: 15px
    }

    .mt-40.section-interview-news,
    .sports-cricket {
        margin-bottom: 30px
    }

    .bg-black,
    .bg-lightgreen,
    .section-entertainment,
    .section-headline-news,
    .section-horoscope,
    .section-nada,
    .section-other-news,
    .tournment-fixtures,
    .worldcup-t20 {
        padding: 30px 0
    }

    .worldcup-t20 {
        padding-top: 45px
    }

    .samachar-section {
        grid-gap: 20px
    }

    .samachar-section .col12 .flex,
    .samachar-section .col8 .flex {
        display: flex
    }

    .samachar-section .col12 .flex .article-excerpt__image,
    .samachar-section .col8 .flex .article-excerpt__image {
        flex: auto;
        min-height: 400px;
        max-width: 400px;
        min-width: 400px;
        height: auto;
        height: auto
    }

    .samachar-section .col12 .flex .article-excerpt__content--wrap,
    .samachar-section .col8 .flex .article-excerpt__content--wrap {
        padding: 25px
    }

    .samachar-section .col12 .flex .article-excerpt__content--wrap .news-title a,
    .samachar-section .col8 .flex .article-excerpt__content--wrap .news-title a {
        font-size: 30px
    }

    .samachar-section .col4 {
        grid-column: span 4
    }

    .columnnews>a {
        position: relative;
        display: block
    }

    .columnnews>a img {
        height: 170px;
        margin-bottom: 8px
    }

    .columnnews>a .columnnews-wrap .news-title,
    .columnnews>a .columnnews-wrap .news-title a {
        font-weight: 500;
        font-size: 20px
    }

    .exclusive--news-related .dn-grid {
        margin-top: 10px;
        gap: 20px
    }

    .exclusive--news-related .three__col--grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px
    }

    .exclusive--news-related .col3 {
        grid-column: span 3
    }

    .section-nada {
        padding: 30px 0 30px 0
    }

    .section-nada .sec-title h2 {
        font-size: 20px
    }

    .section-nada .all a {
        padding: 15px 30px
    }

    .section-nada .dn-grid {
        grid-gap: 22px
    }

    .section-nada .dn-grid .columnnews {
        grid-column: span 4
    }

    .section-nada .dn-grid .columnnews>a img {
        height: 235px
    }

    .section-nada .dn-grid .columnnews .news-title {
        line-height: 1.35;
        font-weight: 600;
        font-size: 24px
    }

    .flex.content-flex .post__detail-fixed .post-detail .post-hour {
        margin: 0;
        border: none
    }
}

@media (min-width:760px) {
    .uml-election {
        padding: 40px 0
    }

    .uml-election .elec-title-wrap {
        margin-bottom: 15px
    }

    .section-medium.news-detail-landing .tournment-fixtures .flex>a {
        flex: 0 0 320px
    }

    .section-horoscope .horoscope-title h2 {
        font-size: 24px;
        font-weight: 600
    }

    .special__block--v2 .dn-grid {
        grid-gap: 20px;
        margin-top: 15px;
        display: grid
    }

    .special__block--v2 .dn-grid .columnnews {
        border-top: none;
        padding: 0
    }

    .special__block--v2 .dn-grid .columnnews>a img {
        height: 250px
    }

    .special__block--v2 .dn-grid .columnnews .columnnews-wrap h3 {
        font-size: 22px
    }

    .header {
        padding: 23px 15px 25px 15px
    }
}

@media (min-width:769px) {
    .entertainment-photo-gallery .overlay-news .overlay-news-content h2 {
        font-size: 20px !important
    }

    .section-search-results-wrap .dn-grid .col3 .columnnews-wrap {
        padding: 30px 20px 30px 10px;
        flex: 6
    }

    .section-search-results-wrap .dn-grid .col3 .columnnews-wrap p {
        font-size: 17px;
        opacity: .8;
        padding-top: 9px
    }

    .section-search-results-wrap .dn-grid .col3 .columnnews-wrap .news-title {
        font-size: 25px
    }

    .section-search-results-wrap .dn-grid .col3 a {
        box-shadow: rgba(8, 6, 6, .11) 0 0 24px;
        align-items: center
    }

    .section-search-results-wrap .dn-grid .col3 a img {
        margin-right: 15px;
        min-height: 206px;
        flex: 3
    }

    .global-landing .economy-main-wrap .article-excerpt__image a {
        height: 500px
    }

    .global-landing .economy-main-wrap .article-excerpt__content--wrap {
        padding: 35px
    }

    .global-landing .economy-main-wrap .article-excerpt__content--wrap .news-title,
    .global-landing .economy-main-wrap .article-excerpt__content--wrap .news-title a {
        font-size: 35px
    }

    .global-landing .global__main .dn-grid {
        grid-gap: 20px
    }

    .global-landing .global__main .dn-grid .col4 {
        grid-column: span 4
    }

    .global-landing ul.pagination {
        margin: 20px 0 20px 0
    }

    .super-block.exclusive--news.special__block--v4 .exclusive-col .exclusive-news-holder>div h2 a {
        height: auto
    }

    .super-block.exclusive--news.special__block--v4 .exclusive-col .exclusive-news-holder .dn-container-small .newsInfo div span a {
        height: auto
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid {
        margin-top: 20px;
        grid-gap: 20px
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col>a {
        height: 380px
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .heading a {
        font-size: 28px
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .newsInfo {
        padding: 5px 0 0 0
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .newsInfo div {
        font-size: 13px
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .newsInfo div span {
        font-size: 13px
    }

    .super-block.exclusive--news.special__block--v4 .dn-grid .exclusive-col .exclusive-news-holder .newsInfo div span a {
        font-size: 13px
    }

    .special__block>div img {
        height: 600px
    }

    .global-america .dn-grid,
    .global-europe .dn-grid,
    .global-neighbours .dn-grid {
        gap: 25px
    }

    .global-malayasia .dn-grid .col8.article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 430px
    }

    .global-malayasia .dn__side--add {
        gap: 15px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .author__content .dn-grid {
        grid-gap: 24px
    }

    .author__content .dn-grid .col3 {
        grid-column: span 3
    }

    .downloads-content-area .col4 {
        grid-column: span 4
    }

    .downloads-content-area .col8 {
        grid-column: span 8
    }

    .section__downloads-wraper .dn-grid {
        grid-gap: 25px
    }

    .section__downloads-wraper .dn-grid .special-card {
        grid-column: span 4
    }

    .section__downloads-wraper .dn-grid .special-card .news-title,
    .section__downloads-wraper .dn-grid .special-card .news-title a {
        font-size: 20px
    }

    .tv-news-video {
        height: 400px
    }

    .tv-main-news ul.pagination {
        margin-bottom: 0
    }

    .tv-main-news .news-title {
        font-size: 42px;
        font-weight: 700;
        line-height: 1.3
    }

    .tv-main-news p {
        margin-top: 14px;
        font-size: 18px
    }

    .tv-main-news .dn-grid {
        grid-gap: 25px
    }

    .tv-main-news .columnnews {
        grid-column: span 3
    }

    .sports-football .dn-grid {
        grid-gap: 25px
    }

    .sports-football .dn__side--add {
        padding-top: 20px;
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .section-tv.sports-mainnews .dn-grid .col5 {
        padding: 25px
    }

    .tournment-fixtures .owl-nav {
        position: absolute;
        top: 32%;
        width: 100%;
        right: 11px;
        transform: translateY(-50%)
    }

    .tournment-fixtures .owl-nav button {
        border: 1px solid #bf1e2e !important;
        background: #bf1e2e !important
    }

    .tournment-fixtures .owl-nav button.owl-prev {
        position: absolute;
        left: -12px
    }

    .tournment-fixtures .owl-nav button.owl-next {
        position: absolute;
        right: -23px
    }

    .entertainment-music .dn-grid {
        grid-gap: 22px
    }

    .entertainment-music .dn-grid .col3 {
        grid-column: span 3
    }

    .section-bollywood-news .dn-grid {
        grid-gap: 22px
    }

    .section-bollywood-news .dn-grid .col6 {
        grid-column: span 6
    }

    .section-bollywood-news .dn-grid .col3 {
        grid-column: span 6
    }

    .section-filmy-news.mt-40 .dn-grid {
        grid-gap: 20px
    }

    .section-filmy-news.mt-40 .overlay-news {
        grid-column: span 6
    }

    .section-filmy-news.mt-40 .col3 {
        grid-column: span 3
    }

    .section-filmy-news.mt-40.cooperate .overlay-news {
        grid-column: span 8
    }

    .section-filmy-news.mt-40.cooperate .col3 {
        grid-column: span 4
    }

    .section-other-news .dn-grid {
        grid-gap: 25px;
        grid-row-gap: 25px
    }

    .section-other-news .dn-grid .columnnews {
        grid-column: span 3
    }

    .article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 250px;
        margin-bottom: 10px
    }

    .category-banner .banner {
        font-size: 45px
    }

    .section-bichar-news .article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 180px;
        margin-bottom: 13px
    }

    .section-bichar-news .dn-grid {
        grid-gap: 22px
    }

    .thumbnail-news a .news-title {
        font-size: 18px;
        line-height: 1.35;
        font-weight: 500
    }

    .arthabibid.mt-40.bg-shades .dn-grid,
    .section-market-news.mt-40 .dn-grid {
        grid-gap: 22px;
        grid-template-columns: repeat(12, 1fr)
    }

    .section-auto-news .overlay-news .overlay-news-content h2 {
        font-size: 23px
    }

    .section-industry-news .dn-grid {
        grid-gap: 22px;
        grid-template-columns: repeat(12, 1fr)
    }

    body.pradesh .bg-header header {
        padding: 25px 20px 50px 20px
    }

    body.pradesh .bg-header header,
    body.pradesh .header-link {
        background: #fff
    }

    .pardesh-category-new {
        padding: 30px 0 0 0;
        margin-top: 0
    }

    .pardesh-category-new .seven__col--grid {
        gap: 25px;
        overflow: inherit
    }

    .pardesh-category-new .seven__col--grid .pradesh-block-new a {
        height: 120px;
        width: 100%;
        font-size: 18px
    }

    .pardesh-category-new .seven__col--grid .pradesh-block-new a:hover {
        transform: scale(1.2)
    }

    .default-main-news .samachar-section .article-excerpt__content--wrap {
        background-color: #fff;
        box-shadow: 0 5px 12px rgba(0, 0, 0, .1882352941);
        padding: 28px 35px;
        height: 100%
    }

    .default-main-news .samachar-section .article-excerpt__content--wrap h3 {
        font-size: 34px
    }

    .default-main-news .samachar-section .article-excerpt__content--wrap p {
        font-size: 17px
    }

    .section-grid-view .default-news .dn-grid .col3 {
        grid-column: span 3
    }

    .section-grid-view .dn__news--wrap {
        padding-right: 0
    }

    .section-list-view .default-news .dn-grid {
        grid-gap: 22px
    }

    .section-list-view .default-news .dn-grid .col3 a {
        gap: 10px;
        background: rgba(12, 12, 12, .031372549);
        border-radius: 3px
    }

    .section-list-view .default-news .dn-grid .col3 a img {
        max-width: 270px;
        min-width: 270px;
        height: 200px;
        margin: 0 15px 0 0
    }

    .section-list-view .default-news .dn-grid .col3 a .columnnews-wrap {
        flex: 2;
        padding: 20px;
        padding-left: 0
    }

    .section-list-view .default-news .dn-grid .col3 a .columnnews-wrap .news-title {
        font-weight: 600;
        font-size: 25px
    }

    .section-list-view .default-news .dn-grid .col3 a .columnnews-wrap p {
        display: block;
        font-size: 17px;
        padding-top: 9px;
        opacity: .85;
        font-weight: 400;
        line-height: 1.7;
        color: rgba(0, 0, 0, .8784313725)
    }

    .related-news .dn-grid,
    .you-missed-it .dn-grid {
        grid-gap: 22px
    }

    .related-news .dn-grid .col3,
    .you-missed-it .dn-grid .col3 {
        grid-column: span 3
    }

    .read-more .dn-grid {
        grid-gap: 22px
    }

    .read-more .dn-grid .col6 {
        grid-column: span 6
    }

    .heading-sticky .news-detail-header {
        position: fixed;
        top: 110px;
        background: #f1f1f1;
        z-index: 2;
        padding: 20px;
        left: 0;
        width: 100%;
        transition: all .1s ease-in-out
    }

    .heading-sticky .news-detail-header div {
        max-width: 1200px;
        margin: 0 auto
    }

    .heading-sticky .news-detail-header .contentexcerpt,
    .heading-sticky .news-detail-header .context,
    .heading-sticky .news-detail-header .heading--sub {
        display: none
    }

    .heading-sticky .news-detail-header .heading {
        font-size: 30px;
        transition: all .1s ease-in-out;
        padding-right: 150px
    }

    .section-medium.news-detail-landing .tournment-fixtures {
        margin-bottom: 0
    }

    .section-medium.news-detail-landing .tournment-fixtures .flex>a {
        flex: 1
    }

    .news-video iframe,
    .the-content iframe {
        margin-top: 25px;
        max-height: inherit
    }

    .the-content iframe {
        margin-top: 0
    }


    .section-prabash-news .dn-grid {
        grid-gap: 22px
    }

    .section-prabash-news .dn-grid .col7 {
        grid-column: span 7
    }

    .section-prabash-news .dn-grid .col5 {
        grid-column: span 5
    }

    .section.section-world-news .col6 {
        grid-column: span 6;
        grid-row: span 1
    }

    .section.section-world-news .col3 {
        grid-column: span 6
    }

    .section-entertainment .dn-grid,
    .section-entertainment .sec-title h2 {
        grid-gap: 20px
    }

    .section-entertainment .dn-grid .col8,
    .section-entertainment .sec-title h2 .col8 {
        grid-column: span 8
    }

    .section-entertainment .dn-grid .overlay-news.col4,
    .section-entertainment .sec-title h2 .overlay-news.col4 {
        grid-column: span 4;
        min-height: 230px
    }

    .section-entertainment .dn-grid .overlay-news.col4 h2,
    .section-entertainment .sec-title h2 .overlay-news.col4 h2 {
        font-size: 20px
    }

    .section-entertainment .dn-grid .col4,
    .section-entertainment .sec-title h2 .col4 {
        grid-column: span 6
    }

    .section.section-sports-news .dn-grid,
    .section.section-world-news .dn-grid {
        grid-gap: 22px
    }

    .overlay-news .overlay-news-content {
        text-align: left
    }

    .dnn_special-block .dn-grid {
        grid-gap: 22px
    }

    .dnn_special-block .sec-title {
        margin: 0 0 20px 0
    }

    .dnn_special-block .sec-title h2 {
        font-size: 20px
    }

    .dnn_special-block .col7 {
        grid-column: span 7
    }

    .dnn_special-block .col7 .overlay-news {
        min-height: 420px
    }

    .dnn_special-block .col5 {
        grid-column: span 5
    }

    .dnn_special-block .col3 {
        grid-column: span 4
    }

    .section-horoscope .dn-grid {
        grid-gap: 22px
    }

    .section-horoscope .dn-grid .horoscope-item {
        grid-column: span 2
    }

    .stories__timeline.scrollable.dn-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 20px
    }

    .stories__timeline.scrollable.dn-grid .overlay-news {
        min-height: 325px
    }

    .stories__timeline.scrollable.dn-grid .overlay-news .overlay-news-content {
        padding: 20px 20px 19px 20px
    }

    .pradesh-samachar .dn__side--add .thumbnail-news a img {
        max-width: 100px;
        min-width: 100px;
        margin-right: 15px;
        height: 75px
    }

    .worldcup-t20 .dn-container .flex .dn__news--wrap .overlay-news {
        grid-row: span 5;
        grid-column: span 8
    }

    .worldcup-t20 .dn-container .flex .dn__news--wrap .columnnews {
        grid-row: span 1;
        grid-column: span 4
    }

    .worldcup-t20 .dn-container .flex .dn__news--wrap .columnnews a {
        display: flex;
        gap: 18px
    }

    .worldcup-t20 .dn-container .flex .dn__news--wrap .columnnews a img {
        max-width: 100px;
        min-width: 100px;
        height: 65px;
        margin: 0
    }

    .worldcup-t20 .dn-container .flex .dn__news--wrap .columnnews h3 {
        font-size: 19px
    }

    .worldcup-t20 .dn-container .flex .dn__side--add .fixtures_wrap {
        display: flex;
        width: 100%;
        gap: 15px
    }

    .worldcup-t20 .dn-container .flex .dn__side--add .fixtures_wrap .item-fixture {
        min-height: 190px;
        flex: 1
    }

    .worldcup-t20 .dn-container .flex .dn__side--add .fixtures_wrap .item-fixture:not(:last-child) {
        margin-bottom: 0
    }

    .section-category-wrap .section-category {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: auto;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left;
        display: flex;
        gap: 15px
    }

    .section-category-wrap .section-category li {
        margin-bottom: 10px
    }

    .section-category-wrap .section-category li a {
        padding: 0 14px;
        height: 35px;
        line-height: 35px;
        font-weight: 600;
        font-size: 15px
    }

    .election-news-section .dn-grid {
        grid-gap: 20px
    }

    .election-news-section .dn-grid .col6 {
        grid-column: span 6
    }

    .election-news-section .dn-grid .col3 {
        grid-column: span 6
    }

    .overlay-news .overlay-news-content h2 {
        font-size: 28px
    }

    .overlay-news .overlay-news-content h2 a {
        font-size: 28px;
        line-height: 1.3
    }

    .special__block--option .dn-grid .col7 {
        grid-column: span 7
    }

    .special__block--option .dn-grid .col5 {
        grid-column: span 5;
        height: 400px;
        display: block;
        padding-bottom: 15px
    }

    .special__block--option .thumbnail-news:not(:last-child) {
        margin-bottom: 15px
    }

    .exclusive-col>a {
        height: 400px
    }

    .special__block--v1 .exclusive-col>a {
        height: 400px
    }

    .breaking-col:not(:first-child) {
        padding-top: 25px;
        margin-top: 25px
    }

    .breaking-col iframe {
        min-height: 500px
    }

    .heading,
    .special__block>div .special__block-content .special__block--title {
        font-size: 50px;
        font-weight: 700;
        line-height: 1.22
    }

    .exclusive--news .exclusive-col a,
    .section-premium-content .exclusive-col a {
        height: 500px
    }

    .exclusive--news .exclusive-col .exclusive-news-holder .dn-container-small .heading,
    .section-premium-content .exclusive-col .exclusive-news-holder .dn-container-small .heading {
        font-size: 45px;
        font-weight: 700;
        line-height: 1.22
    }

    .breaking--special {
        margin-top: 23px;
        padding-bottom: 23px
    }



    .section-photo-story .col8 .overlay-news h2 {
        padding: 0 65px;
        font-size: 30px;
        text-align: center
    }

    .section-photo-story .overlay-news {
        min-height: auto
    }

    .section-photo-story .overlay-news a {
        overflow: hidden;
        min-height: 320px
    }

    .section-photo-story .overlay-news h2 {
        font-size: 22px;
        text-align: center;
        line-height: 1.35
    }

    .section-euro.section-constitution {
        padding-top: 40px
    }

    .section-euro.section-constitution .overlay-news {
        grid-column: span 6
    }

    .tech-news .overlay-news .overlay-news-content h2 {
        font-size: 22px
    }
}

@media (min-width:850px) {
    .special__block--v3 .dn-grid>div {
        flex: 1
    }
}

@media (min-width:1024px) {
    .sports-event .section.section-sports-news .dn-grid .overlay-news {
        grid-row: span 2
    }

    .section-bichar-news .dn-grid {
        grid-gap: 22px
    }

    .section-bichar-news .dn-grid .col4 {
        grid-column: span 3
    }

    .single-special-landing .video-box iframe {
        max-height: inherit
    }

    .special__block>div img {
        height: 650px
    }

    .global-japan-korea .dn-container .flex {
        gap: 0;
        flex-wrap: inherit
    }

    .global-japan-korea .dn-container .flex .dn__news--wrap,
    .global-japan-korea .dn-container .flex .dn__side--add {
        flex: 50%;
        max-width: inherit
    }

    .global-japan-korea .dn-grid {
        grid-gap: 22px
    }

    .global-america .dn-grid,
    .global-neighbours .dn-grid {
        gap: 25px
    }

    .global-america .dn-grid .col3,
    .global-neighbours .dn-grid .col3 {
        grid-column: span 3
    }

    .global-europe .dn__side--add {
        padding-top: 0;
        margin-top: 0;
        border-top: none;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 15px
    }

    .global-middle-east .dn-grid {
        grid-gap: 22px;
        padding-bottom: 0
    }

    .global-middle-east .dn-grid .overlay-news {
        flex: 1
    }

    .global-middle-east .dn__side--add {
        display: grid;
        grid-gap: 12px;
        grid-template-columns: repeat(1, 1fr)
    }

    .global-malayasia .dn-grid .col8.article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 408px
    }

    .global-malayasia .dn__side--add {
        padding-top: 0;
        margin-top: 0;
        border-top: none;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        flex-direction: column
    }

    .sports-interview .samachar-section .col8 {
        border-right: 1px solid rgba(0, 0, 0, .2509803922);
        padding-right: 25px;
        grid-column: span 8
    }

    .sports-interview .samachar-section .col4 {
        grid-column: span 4
    }

    .sports-football .dn__side--add {
        padding-top: 0;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        border-top: none
    }

    .entertainment-music .dn-grid {
        grid-gap: 25px
    }

    .section-bollywood-news .dn-grid {
        grid-gap: 25px
    }

    .section-bollywood-news .dn-grid .col6 {
        grid-column: span 6
    }

    .section-bollywood-news .dn-grid .col3 {
        grid-column: span 3
    }

    .section-filmy-news.mt-40 .dn-grid {
        grid-gap: 25px
    }

    .section-fitness .dn-grid {
        grid-gap: 22px
    }

    .section-fitness .dn-grid .col8.article-excerpt-default .article-excerpt-default__link .news-title-large {
        font-size: 28px
    }

    .section-fitness .dn__side--add {
        margin-top: 0
    }

    .section-doctors-article .dn__side--add {
        margin-top: 0
    }

    .section-health-samachar .dn__side--add {
        margin-top: 0
    }

    .section-filmy-news.mt-40 .dn__side--add {
        display: block;
        margin-top: 0
    }

    .section-filmy-news.mt-40 .dn__side--add>div {
        margin-bottom: 20px
    }

    .section-prabash-news .dn__side--add .thumbnail-news:not(:last-child) {
        margin-bottom: 20px
    }

    .section-prabash-news.section-finance-news.mt-40 .dn__side--add {
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }

    .mt-40.section-samachar-news.economy-news .dn__side--add {
        margin-top: 0
    }

    .heading-sticky .news-detail-header .heading {
        padding-right: 0
    }

    .section-tv .dn-grid {
        grid-gap: 22px
    }

    .section-rochak-news .dn-grid .col5 {
        grid-column: span 6
    }

    .section-rochak-news .dn-grid .col4 {
        grid-column: span 3
    }

    .section.section-special-news .dn-grid {
        grid-gap: 22px;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
        flex-wrap: nowrap
    }

    .section.section-special-news .dn-grid .overlay-news {
        flex: 1
    }

    .section.section-prabash-news .dn__side--add.must-read {
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }

    .section.section-prabash-news .dn__side--add.must-read .sec-title h2 {
        font-size: 19px
    }

    .section.section-prabash-news .dn__side--add.must-read .sec-title h2 a {
        font-size: 19px
    }

    .section.section-prabash-news .dn__side--add.must-read .thumbnail-news {
        margin-bottom: 18px
    }

    .section.section-prabash-news .dn__side--add.must-read .thumbnail-news:last-child {
        margin-bottom: 0
    }

    .section.section-prabash-news .dn__side--add.must-read .thumbnail-news a img {
        max-width: 100px;
        min-width: 100px;
        margin-right: 15px
    }

    .section.section-prabash-news .dn__side--add.must-read .thumbnail-news .news-title {
        font-size: 18px;
        font-weight: 500
    }

    .section.section-world-news .col6 {
        grid-column: span 6;
        grid-row: span 3
    }

    .section.section-world-news .col3 {
        grid-column: span 3
    }

    .section.section-world-news .article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 440px
    }

    .section-entertainment .dn-grid,
    .section-entertainment .sec-title h2 {
        grid-gap: 22px
    }

    .section-entertainment .dn-grid .col4,
    .section-entertainment .sec-title h2 .col4 {
        grid-column: span 4
    }

    .section.section-sports-news .dn-grid {
        grid-gap: 22px
    }

    .section.section-sports-news .dn-grid .overlay-news {
        grid-column: span 6
    }

    .section.section-sports-news .dn-grid .col3 {
        grid-column: span 3
    }

    .tech-news .overlay-news {
        min-height: 300px
    }

    .section-interview-news .dn__side--add .section-blog-post {
        padding-top: 0;
        margin-top: 0;
        border-top: none;
        margin-bottom: 25px
    }

    .section-photo-story .dn-grid {
        grid-gap: 22px
    }

    .section-photo-story .dn-grid .col8 {
        grid-column: span 7
    }

    .section-photo-story .dn-grid .col4 {
        grid-column: span 5
    }

    .section-photo-story .overlay-news {
        min-height: auto
    }

    .section-photo-story .overlay-news a {
        overflow: hidden;
        min-height: 250px
    }

    .dnn_special-block .dn-grid {
        grid-gap: 22px
    }

    .dnn_special-block .sec-title {
        margin: 0 0 25px 0
    }

    .dnn_special-block .sec-title h2 {
        font-size: 24px
    }

    .dnn_special-block .col3 {
        grid-column: span 3
    }

    .section-crime-news .dn-grid {
        grid-gap: 22px
    }

    .section-crime-news .dn__side--add {
        border-top: none;
        padding-top: 0;
        margin-top: 0;
        display: block
    }

    .section-crime-news .dn__side--add .sec-title {
        grid-column: span 1;
        margin-bottom: 25px
    }

    .section-crime-news .dn__side--add .thumbnail-news:not(:last-child) {
        padding-bottom: 18px
    }

    .worldcup-t20 .sec-title h2 {
        font-size: 20px
    }

    .section-euro .dn-grid {
        grid-gap: 22px
    }

    .section-euro .dn-grid .overlay-news {
        grid-column: span 8
    }

    .section-euro .dn-grid .col4 {
        grid-column: span 4
    }

    .section-euro .dn__side--add {
        margin-top: 0;
        padding-top: 0;
        display: block;
        border-top: none
    }

    .section-euro .dn__side--add .thumbnail-news:first-child {
        border-top: none;
        padding-top: 0
    }

    .item-fixture {
        padding: 10px 0 10px 0
    }

    .worldcup-t20 .dn-container .dn-grid {
        grid-gap: 22px
    }

    .worldcup-t20 .dn-container .flex .dn__news--wrap .overlay-news {
        grid-row: span 4;
        grid-column: span 8
    }

    .worldcup-t20 .dn-container .flex .dn__news--wrap .columnnews {
        grid-row: span 1;
        grid-column: span 4
    }

    .worldcup-t20 .dn-container .flex .dn__side--add {
        max-width: 330px;
        padding-top: 0;
        border-top: none;
        margin-top: 0
    }

    .worldcup-t20 .dn-container .flex .dn__side--add .fixtures_wrap {
        display: block
    }

    .worldcup-t20 .dn-container .flex .dn__side--add .fixtures_wrap .item-fixture {
        min-height: inherit
    }

    .worldcup-t20 .dn-container .flex .dn__side--add .fixtures_wrap .item-fixture:not(:last-child) {
        margin-bottom: 15px
    }

    .section-economy-news .dn-grid {
        grid-gap: 22px
    }

    .section-economy-news .dn-grid .col4,
    .section-economy-news .dn-grid .overlay-news {
        grid-column: span 4
    }

    .section-economy-news .dn-grid .col3 {
        grid-column: span 3
    }

    .section-economy-news .dn-grid .overlay-news {
        grid-column: span 5
    }

    .section-economy-news .owl-carousel {
        height: 100%
    }

    .section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .columnnews {
        padding: 30px
    }

    .section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .columnnews h3 {
        font-size: 25px
    }

    .section-economy-news .owl-carousel .owl-nav {
        color: #fff;
        position: absolute;
        bottom: 20px;
        right: 20px
    }

    .section-economy-news .owl-carousel .owl-nav button {
        font-size: 24px;
        margin-left: 15px;
        border: 1px solid #fff;
        height: 35px;
        width: 35px;
        text-align: center;
        line-height: 35px;
        border-radius: 100%;
        font-size: 18px
    }

    .section-economy-news .owl-carousel .owl-nav button.disabled {
        opacity: .3;
        transition: all .1s ease-in-out
    }

    .section-headline-news .dn-grid {
        grid-gap: 22px
    }

    .section-headline-news .thumbnail-news {
        grid-column: span 4
    }

    .section-category-wrap {
        display: flex
    }

    .section-mukhya-news .main_stry_sectn {
        grid-gap: 20px;
        text-align: left
    }

    .section-mukhya-news .main_stry_sectn .col8 {
        grid-column: span 8
    }

    .section-mukhya-news .main_stry_sectn .col4 {
        grid-column: span 4
    }

    .section-mukhya-news .main_stry_sectn .columnnews {
        grid-column: span 4
    }

    .section-mukhya-news .main_stry_sectn .columnnews a {
        display: block;
        margin-right: -16px;
    }

    .section-mukhya-news .main_stry_sectn .columnnews a img {
        max-width: inherit;
        min-width: inherit;
        height: 170px;
        margin: 0 0 8px 0
    }

    .section-mukhya-news .dn__side--add {
        display: block;
        margin: 0;
        padding: 0;
        border: none
    }

    .section-mukhya-news .dn__side--add>div {
        padding-bottom: 15px
    }

    .election-news-section .dn-grid {
        grid-gap: 22px
    }

    .election-news-section .dn-grid .col6 {
        grid-column: span 6
    }

    .election-news-section .dn-grid .col3 {
        grid-column: span 3
    }

    .sidebar-adv {
        display: block
    }

    .samachar-section {
        grid-gap: 22px
    }

    .samachar-section .col12 .flex,
    .samachar-section .col8 .flex {
        display: flex
    }

    .samachar-section .col12 .flex .article-excerpt__image,
    .samachar-section .col8 .flex .article-excerpt__image {
        flex: auto;
        min-height: 450px;
        max-width: 400px;
        min-width: 400px;
        height: auto
    }

    .samachar-section .col12 .flex .article-excerpt__content--wrap,
    .samachar-section .col8 .flex .article-excerpt__content--wrap {
        padding: 25px
    }

    .samachar-section .col12 .flex .article-excerpt__content--wrap .news-title a,
    .samachar-section .col8 .flex .article-excerpt__content--wrap .news-title a {
        font-size: 27px
    }

    .samachar-section .col4 {
        grid-column: span 4
    }

    .dn__news--wrap {
        padding-right: 1px;
        flex: 2
    }

    .dn__side--add {
        flex: 1;
        max-width: 300px
    }

    .exclusive--news .exclusive-col a,
    .section-premium-content .exclusive-col a {
        height: 600px
    }

    .special__block--v3 .dn-grid {
        grid-gap: 20px;
        margin-top: 15px;
        display: grid
    }

    .exclusive-col a .exclusive-news-holder .dn-container-small .heading {
        font-size: 25px;
        text-align: center
    }

    .overlay-news .overlay-news-content h2 a {
        font-size: 25px;
        line-height: 1.3
    }

    .special__block--v1 .exclusive-col .exclusive-news-holder .dn-container-small .heading {
        font-size: 24px
    }

    .section-euro.section-constitution .sec-title h2 {
        font-size: 20px
    }

    .section-euro.section-constitution .dn__news--wrap {
        padding-right: 0
    }

    .section-euro.section-constitution .overlay-news {
        grid-column: span 6
    }

    .section-euro.section-constitution .col3 {
        grid-column: span 3
    }

    .article-excerpt-default .article-excerpt-default__link .article-excerpt__image,
    .section.section-health-news .article-excerpt-default .article-excerpt-default__link .article-excerpt__image {
        height: 320px;
        margin-bottom: 15px
    }

    .article-excerpt-default .article-excerpt-default__link .news-title-large,
    .section.section-health-news .article-excerpt-default .article-excerpt-default__link .news-title-large {
        font-size: 23px
    }

    .section.section-health-news .dn-grid {
        grid-gap: 22px
    }

    .section.section-health-news .dn__side--add {
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }
}

@media (min-width:1121px) {
    .content-flex .full-banner-adv .desktop-mode div a:first-child {
        margin-top: 0
    }

    .sports-interview .samachar-section .col8 .flex .article-excerpt__image {
        min-height: 370px;
        max-width: 420px;
        min-width: 420px
    }

    .section-auto-news:hover .owl-nav button {
        visibility: hidden;
        opacity: 0
    }

    .section-auto-news:hover .owl-nav button.owl-prev {
        left: 10px
    }

    .section-auto-news:hover .owl-nav button.owl-next {
        right: 10px
    }

    .section.pradesh-samachar.section-mukhya-news .dnn__side--add {
        padding-top: 25px
    }

    .section.pradesh-samachar.section-mukhya-news .pradesh-tab-news .tab-news-wrap.current {
        grid-gap: 15px;
        grid-template-columns: repeat(1, 1fr)
    }

    .section.pradesh-samachar.section-mukhya-news .pradesh-tab-news a.more {
        position: static;
        margin-top: 0
    }

    body.pradesh .bg-header header {
        padding: 25px 20px 50px 20px;
        background: transparent linear-gradient(.5turn, rgba(209, 34, 41, .0509803922) 0, #fff 100%) 0 0 no-repeat padding-box
    }

    body.pradesh .header-link {
        background: 0 0
    }

    body.pradesh .header-link a {
        color: #fff;
        font-weight: 600
    }

    body.pradesh .header-link a img {
        filter: brightness(0) invert(1)
    }

    body.pradesh .site__navigation {
        margin-top: 0
    }

    .fixed-tab {
        top: 80px;
        right: 20px
    }

    .heading-sticky .news-detail-header {
        top: 60px
    }

    .heading-sticky .news-detail-header .heading {
        padding-right: 0
    }

    .section-rochak-news .dn-grid {
        grid-gap: 22px
    }

    .section-rochak-news .dn-grid .col5 {
        grid-column: span 6
    }

    .section-rochak-news .dn-grid .col4 {
        grid-column: span 3
    }

    .section-euro.section-constitution .overlay-news {
        grid-column: span 6
    }

    .section-euro.section-constitution .col3 {
        grid-column: span 3
    }

    .blog-post.thumbnail-news {
        padding: 15px 0
    }

    .blog-post.thumbnail-news>a {
        padding-left: 75px
    }

    .blog-post.thumbnail-news>a .author-icon {
        height: 55px;
        width: 55px
    }

    .section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .columnnews {
        padding: 30px
    }

    .section-economy-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .columnnews h3 {
        font-size: 28px
    }

    .section-economy-news .owl-carousel .owl-nav {
        color: #fff;
        position: absolute;
        bottom: 20px;
        right: 20px
    }

    .section-economy-news .owl-carousel .owl-nav button {
        font-size: 24px;
        margin-left: 15px;
        border: 1px solid #fff;
        height: 35px;
        width: 35px;
        text-align: center;
        line-height: 35px;
        border-radius: 100%;
        font-size: 18px
    }

    .section-economy-news .owl-carousel .owl-nav button.disabled {
        opacity: .3;
        transition: all .1s ease-in-out
    }

    .section-mukhya-news .main_stry_sectn {
        grid-gap: 22px;
        grid-row-gap: 15px
    }

    .samachar-section .col12 .flex .article-excerpt__image,
    .samachar-section .col8 .flex .article-excerpt__image {
        flex: auto;
        min-height: 400px;
        max-width: 500px;
        min-width: 500px;
        height: auto
    }

    .samachar-section .col4 {
        grid-column: span 4
    }

    .thumbnail-news a img {
        max-width: 110px;
        min-width: 110px;
        height: 75px;
        margin-right: 15px
    }

    .thumbnail-news a .news-title {
        font-weight: 500;
        line-height: 1.4;
        font-size: 19px
    }

    .overlay-news {
        min-height: 380px
    }

    .overlay-news .overlay-news-content {
        padding: 30px 30px 22px 30px
    }

    .overlay-news .overlay-news-content h2 a {
        font-size: 28px
    }

    .overlay-news .overlay-news-content h2.news-title-small {
        font-size: 22px
    }

    .special__block--v2 .dn-grid .columnnews>a img {
        height: auto
    }

    .special__block--v2 .dn-grid .columnnews .columnnews-wrap h3.news-title {
        font-size: 23px;
        line-height: 1.3;
        font-weight: 700
    }

    .newsInfo div:not(:last-child) {
        margin-right: 18px
    }

    .exclusive-col>a {
        height: 420px
    }

    .exclusive-col>.exclusive-news-holder .dn-container-small .heading {
        font-size: 28px
    }

    .special__block--v1 .exclusive-col>a {
        height: 440px
    }

    .special__block--v1 .exclusive-col>.exclusive-news-holder .dn-container-small .heading {
        font-size: 25px
    }

    .special__block>div .special__block-content {
        padding: 25px 22px
    }

    .special__block>div .gradient-overlay img {
        height: 600px
    }

    .full-banner-adv .desktop-mode div a:first-child {
        margin-top: 20px
    }

    .breaking-col iframe {
        min-height: 600px
    }

    .heading {
        font-size: 65px;
        font-weight: 600
    }


    .site__navigation {
        display: block
    }

    .site__navigation .dn-container .site__navigation--holder .site__navigation--left>ul>li>a {
        font-size: 17px
    }

    body.header-fixed .header {
        position: static
    }
}

@media (min-width:1240px) {
    .site__navigation .dn-container .site__navigation--holder .site__navigation--left>ul>li>a {
        font-size: 18px
    }
}