@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@400;500;600;700;800&display=swap";
@import"https://fonts.googleapis.com/css2?family=Mako&display=swap";

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: 'Anek Malayalam', sans-serif;
    background-color: #f8f9fa;
    color: #111;
}
p {
    font-family: 'Anek Malayalam', sans-serif;
}
h1, h2, h3, h4, h5, h6, .card-tit, .football_head {
    font-family: 'Oswald', 'Anek Malayalam', sans-serif !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -0.02em;
}
:root {
    --primary-font: "Inter", sans-serif
}

.flex {
    display: flex
}

.header-main {
    background: #52b250;
    height: 6.1875rem;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.header-container {
    padding: 2rem 6rem
}

.nav-list ul {
    display: flex;
    list-style: none;
    gap: 1.5rem
}

.nav-list a {
    text-decoration: none;
    color: #f5f5f5;
    font-size: 1rem;
    font-family: "Inter", sans-serif;
    padding: .5rem;
    transition: .3s
}

.nav-list a:hover {
    opacity: .5
}

.main-logo {
    height: 9rem;
    width: 9rem;
    position: absolute;
    left: 10%;
    top: 10%;
    border-radius: 5.75rem;
    border: 6px solid #52b250;
    z-index: 999;
}

.spotlight-section {
    background: linear-gradient(to top, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0.4) 50%, rgba(10, 10, 10, 0.1) 100%), url();
    background-size: cover;
    background-position: center;
    min-height: 60vh;
    display: flex;
    align-items: flex-end;
    padding-bottom: 3rem;
}

.breaking-news h1 {
    background-color: #00000091 ;
    color: #fff;
    max-height: -moz-fit-content;
    max-height: fit-content;
    margin-top: .5rem;
    font-size: 2rem;
    font-weight: lighter;
    padding: .5rem;
    border-radius: .2rem
}

.breaking-news {
    height: 80vh;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    place-content: center
}

.spotlight-container {
    padding: 0rem 10rem
}

.breaking-readmore {
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-top: 1.5rem
}

.breaking-readmore a {
    font-family: "Inter", sans-serif;
    color: #fff;
    text-decoration: none;
    padding: .7rem 2rem;
    border-radius: .2rem;
    background-color: #52b250;
    transition: opacity .2s
}

.breaking-readmore a:hover {
    opacity: .8
}

.ad-banner-1 {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 80%;
    max-width: 100%;
    height: 11rem;
    max-height: 11rem;
    border: 1px solid #000;
    border-radius: 2.875rem;
    margin: 4rem auto;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.ad-img{
    width: 100%;
    height: 140px;  
    overflow: hidden;

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

.latest-news-container,
.cricket-news-container,
.football-news-container,
.other-news-container {
    padding: 1rem 15rem
}

.news-container {
    padding: 6rem 1rem 0.5rem 1rem;
    overflow: hidden;
    display: grid;
    place-content: center
}

.pricacy-container {
    padding: 6rem 20vw
}

.latest-new-heading h1,
.cricket-news-heading h1 {
    font-family: 'Oswald', 'Anek Malayalam', sans-serif;
    font-weight: 700;
    padding: 0rem .5rem;
    font-size: 2rem;
    color: #111;
    border-left: 5px solid #52b250;
    line-height: 1;
}

.cricket-news-heading,
.latest-new-heading {
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.l-n-c-1-1,
.l-n-c-1-2,
.c-n-c-1-1,
.c-n-c-1-2 {
    max-width: 14.625rem !important;
    border: 1px solid rgba(0, 0, 0, .18);
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, .25);
    max-width: -moz-fit-content;
    max-width: fit-content
}

.l-n-c-1,
.c-n-c-1 {
    margin-bottom: 3rem
}

.l-n-desc,
.c-n-desc {
    max-width: 100%
}

.l-n-desc p,
.c-n-desc p {
    padding: .5rem .5rem 0rem .5rem;
    /* font-size: larger; */
    font-weight: bold
}

.l-n-m-d,
.c-n-m-d {
    /* padding: 4rem 0rem; */
    justify-content: center;
    gap: 1rem
}

.l-n-d-p,
.c-n-d-p {
    font-family: "Inter", sans-serif;
    padding: 0rem .5rem;
    font-size: .7rem
}

.l-n-c-m a:nth-child(1),
.c-n-c-m a:nth-child(1) {
    text-decoration: none;
    color: #000;
    margin-right: 1rem
}

.l-n-c-m a,
.c-n-c-m a {
    text-decoration: none;
    color: #000
}

.l-n-c-3,
.l-n-c-m-2,
.c-n-c-m-2 {
    width: 100%;
    background-size: cover;
    position: relative;
    background-position:center;
    /* max-width: 22.1875rem; */
    display: flex;
    justify-content: center
}

.cricket-news-container.cricket-main {
    padding-top: 5rem
}

.after-cricket-section-container.cricket-main {
    padding: 5rem 0rem
}

.cricket-news-heading.cricket-main h1 {
    font-size: 2rem;
    font-weight: 500
}

.cric-more-c-1.cricket-main {
    justify-content: center
}

.cric-more-c-1.cric-more-c-1.cricket-main a {
    margin: 1.5rem 0rem
}

.cric-more-c-1.cricket-main .l-n-c-1-1 {
    transform: scale(1.1);
    margin: 0rem 2.3rem
}

.cricket-new-sec-container {
    padding: 1rem 0rem;
    margin: 0 1rem;
    padding-bottom: 5rem
}

.cricket-new-sec-container a {
    text-decoration: none;
    color: #000
}

.new-c-1 img {
    height: 10.375rem
}

.new-c-1 {
    border: 1px solid rgba(0, 0, 0, .28);
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, .25);
    max-width: 55.625rem;
    align-items: center;
    margin: 0rem auto
}

.new-c-2 p {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1
}

.new-main {
    margin-bottom: 2.5rem
}

.new-c-1 .l-n-d-p {
    padding: 0;
    font-size: .8rem
}

.new-c-2 {
    max-width: 30rem;
    margin-left: 1rem
}

.football-news-section .c-n-c-m-2 {
    /* background: url(../images/FolUlW-aEAAen_B\ 145.png) !important; */
    background-size: cover !important
    
}

.c-n-c-m-2.football {
    /* background: url(../images/FolUlW-aEAAen_B\ 145.png) !important; */
    background-size: cover !important
}

.l-n-c-2-1,
.c-n-c-2-1 {
    position: absolute;
    bottom: 5%;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.l-n-c-2-1 p,
.c-n-c-2-1 p {
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    background-color:#00000091;
    border-radius: .2rem;
    padding: .2rem
}

.l-n-c-2-1 span,
.c-n-c-2-1 span {
    border-radius: .2rem;
    font-size: .7rem;
    color: #fff;
    background-color: #000;
    padding: .3rem !important;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.after-cricket-section-container {
    /* padding: 11rem 0rem */
}

.cric-more-c-1 {
    justify-content: center
}

.after-cricket-section .cric-more-c-1 a {
    margin: 1rem;
    text-decoration: none;
    color: #000
}

.webstories-h h1 {
    font-family: "Inter", sans-serif;
    font-size: 1.5rem;
    font-weight: 300
}

.webstories-h {
    margin: 2rem 0rem
}

.webstories-container {
    padding: 4rem 1rem;
    justify-content: center
}

.webstories-c-1 {
    overflow: hidden;
    max-width: 55.375rem !important
}

.webstories-c-1 .webstories-c {
    padding: 1rem
}

.footer-main {
    background-color: #52b250
}

.footer-logo {
    margin: 0 auto;
    padding: .5rem 0rem;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.footer-list {
    /* display: flex; */
    justify-content: center;
    list-style: none
}

.footer-list a {
    font-family: "Inter", sans-serif;
    color: #ffffff;
    font-size: .9rem;
    text-decoration: none;
    padding: .5rem;
    margin: .5rem;
    transition: opacity .2s ease-in-out
}

.footer-list a:hover {
    opacity: .7
}

.footer-bottom-main {
    justify-content: space-between;
    color: #ffffff;
    font-family: "Inter", sans-serif !important;
    font-size: .8rem;
    align-items: center;
    padding: 2rem 6rem
}

.footer-handles i {
    font-size: 1.2rem
}

.footer-handles a {
    text-decoration: none;
    color: #ffffff;
    padding: .5rem;
    margin: 0rem .5rem
}

.footer-lang {
    align-items: center;
    max-width: 9.5625rem;
    width: 100%
}

.footer-lang svg {
    margin: 0rem .5rem;
    fill: #52b250;
    transform: rotate(-45deg);
    margin-top: -5px
}

.news-title {
    display: flex;
    justify-content: center
}

.news-title h1 {
    max-width: 53.375rem;
    display: flex
}

.news-image img {
    max-height: 30rem;
    width: 100%
}

.news-image {
    margin: 2rem 0rem 1rem 0rem;
    max-width: 100%
}

.post-details {
    justify-content: space-between;
    max-width: 854px
}

.handle-icons {
    height: 30px;
    width: 30px;
    background: rgba(0, 0, 0, .25);
    margin: 0rem .2rem;
    border-radius: 50%;
    position: relative
}

.post-handles {
    margin-left: .5rem
}

.post-handles-1 a {
    text-decoration: none;
    color: #111
}
.theme-arrow-img {
    height: 3.5rem;
    width: auto;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.cricket-news-more a:hover .theme-arrow-img {
    transform: translateX(4px);
}

.post-follow {
    align-items: center
}

.post-icons {
    position: absolute;
    top: 23%;
    left: 28%
}

.post-yt {
    left: 20%
}

.post-author p,
.post-date p {
    font-family: var(--primary-font);
    font-size: .9rem;
    margin-bottom: .3rem
}
.post-author-img{
    width: 40px; 
    height: 40px; 
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    /* align-items: center; */
}
.post-author img{
    width: 100%;
    height: 100%;;
    object-fit: cover;

}
.follow-text p {
    font-family: var(--primary-font);
    font-size: .9rem
}

.post-desc-container {
    padding: 0.5rem 10rem 2rem 10rem;
}

.post-desc {
    display: flex;
    justify-content: center
}

.news-all {
    justify-content: space-between;
    max-width: 1370px;
    gap: 1rem
}

.more-news {
    padding-left: 1rem
}

.written-c1 {
    flex-direction: column
}

.written-c1 p {
    padding: 0;
    margin-bottom: 1.25rem;
    font-family: var(--primary-font);
    max-width: 45.3125rem
}

.written-c1 p:first-child {
    padding-top: 0
}

.written-c1 p:last-child {
    padding-bottom: 0
}

.more-news {
    font-family: var(--primary-font)
}

.more-news-image {
    max-width: 12.5rem
}

.more-heading {
    margin-bottom: .5rem;
    padding-bottom: .2rem;
    border-bottom: 3px solid rgba(0, 0, 0, .5);
    max-width: 11.6875rem
}

.more-news-details p {
    font-size: .9rem;
    padding: .5rem 0rem
}

.more-news-link {
    text-decoration: none;
    color: rgba(0, 0, 0, .8);
    margin: .5rem
}

.privacypolicy h1 {
    font-family: var(--primary-font);
    font-weight: 100;
    margin-bottom: 3rem
}

.privacypolicy p {
    font-family: var(--primary-font);
    padding: 1rem 0rem
}

.topbtn {
    opacity: 0;
    z-index: -99;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: .5rem .8rem;
    margin: 2rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .28);
    background-color: rgba(0, 0, 0, .48);
    transition: all .2s ease-in-out;
    color: #fff
}

.topbtn.visible {
    opacity: 1;
    z-index: 999
}

.topbtn:hover {
    background-color: rgba(0, 0, 0, .65)
}

.l-n-m-d,
.c-n-m-d {
    /* padding: 2rem 0rem; */
    justify-content: center;
    gap: 1rem
}

.news-read-more {
    border: 1px solid #000;
    padding: .5rem 1rem;
    border-radius: .3rem;
    font-size: .8rem;
    text-decoration: none;
    color: #000;
    transition: all .2s ease-in-out
}

.news-read-more:hover {
    background-color: #000;
    color: #fff
}

.owl-carousel .owl-dots {
    display: block;
    text-align: center
}

.owl-carousel .owl-dot {
    background: rgba(0, 0, 0, .18) !important;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    display: inline-block
}

.owl-carousel .owl-dot.active {
    background: #777 !important
}

.mobile-header-2 {
    display: none;
    visibility: hidden;
    opacity: 0
}

.mobile-s-title {
    display: none
}

.m-n-i {
    display: none
}

.l-n-d-p.spt {
    display: none
}

.mobile_slidenav {
    position: fixed;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 99999999;
    background: #ffffff;
    padding: 2rem;
    overflow-y: auto;
    font-family: "Mako", sans-serif;
    transition: all .3s ease-in-out;
    right: 100%
}

.mobile_slidenav.extended {
    right: 0
}

.m-s-i img {
    border-radius: 50%;
    border: 1px solid #52b250
}

.m-s-t {
    justify-content: space-between;
    align-items: center
}

.m-s-c i {
    color: #52b250;
    font-size: 1.5rem;
    padding: .5rem
}

.s-l ul li a {
    text-decoration: none;
    font-family: "Mako", sans-serif;
    color: #52b250;
    padding: .2rem;
    font-size: 1.4rem
}

.s-l ul li {
    max-width: fit-content;
    margin: .5rem 0rem
}

.s-l ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin: 3rem 0rem
}

@media all and (width < 1300px) {

    .latest-news-container,
    .cricket-news-container,
    .football-news-container,
    .other-news-container {
        padding: 1rem 10rem
    }
}

@media all and (width < 1180px) {

    .latest-news-container,
    .cricket-news-container,
    .football-news-container,
    .other-news-container {
        padding: 1rem 5rem
    }
    .post-desc-container {
        padding: 0.5rem 5rem 2rem 5rem;
    }
}

@media all and (width < 1000px) {

    .latest-news-container,
    .cricket-news-container,
    .football-news-container,
    .other-news-container {
        padding: 1rem
    }

    .post-desc {
        padding: 1rem
    }
    .post-desc-container {
        padding: 0.5rem 1rem 2rem 1rem;
    }
}

@media all and (width < 840px) {
    .post-icons.home {
        left: 26%
    }

    .post-yt {
        left: 20% !important
    }

    .header-main {
        height: 5rem
    }

    .mobile-header-2 {
        display: flex;
        visibility: visible;
        opacity: 1;
        padding: 1rem 1rem;
        justify-content: space-between;
        align-items: center;
        background-color: #ffffff;
        border-bottom: 1px solid #eaeaea;
    }

    .m-h-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .m-h-links span a {
        text-decoration: none;
        color: #111;
        font-weight: 500;
        margin: 0rem .5rem
    }

    .header-container {
        padding: 1rem 1.5rem
    }

    .cricket-news-heading,
    .latest-new-heading {
        width: 100%;
        margin-bottom: 1rem !important;
    }

    .nav-list,
    .l-n-c-3{
        display: none
    }

    .m-n-i {
        color: #fff;
        display: block;
        font-size: 1.4rem
    }

    .main-logo {
        height: 7rem;
        width: 7rem;
        border: 3px solid #52b250;
        border-radius: 50%;
    }

    .spotlight-container {
        padding: 0rem 2rem
    }

    /* .spotlight-section {
        height: 20rem;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../images/background.png);
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
    } */

    .spotlight-readmore {
        display: none
    }

    .mobile-s-title {
        padding: 4rem 1rem 2rem 1rem;
        display: block
    }

    .mobile-s-title h1 {
        font-family: "Inter";
        font-weight: 100;
        font-size: 1.6rem
    }

    .breaking-news {
        height: 20rem;
        justify-content: flex-end
    }

    .breaking-news h1 {
        font-size: 1rem
    }

    .l-n-d-p.spt {
        display: block;
        background-color: #000;
        color: #fff;
        padding: .3rem .3rem;
        max-width: fit-content;
        margin-top: -1rem
    }

    .ad-banner-1 {
        display: none
    }
}

@media all and (width < 600px) {
    .cricket-new-sec-container {
        display: none
    }

    .pricacy-container {
        padding: 6rem 5vw
    }

    .news-title h1 {
        font-size: 1.4rem
    }

    .post-details {
        flex-wrap: wrap;
        row-gap: .5rem
    }

    .news-image {
        margin: 1rem 0rem
    }

    .news-all {
        flex-wrap: wrap
    }

    .more-news {
        padding: 0
    }

    .more-news-image {
        max-width: none
    }

    .more-news-image img {
        width: 100%
    }

    .more-heading {
        margin-top: .5rem
    }

    .more-heading h1 {
        font-size: 1.4rem
    }
}

@media all and (width < 830px) {
    .cric-more-c-1 {
        flex-wrap: wrap
    }

    .footer-lang {
        width: auto
    }
}

@media all and (width < 640px) {
    .footer-bottom-main {
        flex-direction: column;
        row-gap: 1rem
    }
}

@media all and (width < 550px) {

    .l-n-c-m a:nth-child(1),
    .c-n-c-m a:nth-child(1) {
        margin-right: 1rem
    }

    .l-n-c-m a,
    .c-n-c-m a {
        text-decoration: none;
        color: #000;
        max-width: fit-content
    }
}

@media all and (width < 520px) {

    .l-n-c-1,
    .c-n-c-1,
    .c-n-c-2,
    .l-n-c-2 {
        display: grid;
        row-gap: 1rem;
        place-content: center
    }

    .l-n-c-m a:nth-child(1),
    .c-n-c-m a:nth-child(1) {
        margin-right: 0rem
    }

    .l-n-c-1-1,
    .l-n-c-1-2,
    .c-n-c-1-1,
    .c-n-c-1-2 {
        max-width: none !important;
        padding-bottom: 1rem
    }

    .l-n-c-1-1 img,
    .l-n-c-1-2 img,
    .c-n-c-1-1 img,
    .c-n-c-1-2 img {
        width: 100%;
        max-width: 100%
    }

    .l-n-descc p,
    .c-n-desc p {
        padding: 1rem;
        font-weight: 500
    }

    .l-n-d-p,
    .c-n-d-p {
        padding: 0rem 1rem
    }

    .after-cricket-section-container {
        padding: 2rem 0rem
    }

    .footer-bottom-main {
        padding: 2rem 2rem
    }
}

/* @media all and (width < 300px) {
    .footer-list {
        display: grid;
        grid-template-columns: repeat(1, 200px);
        text-align: center;
        justify-content: center;
        row-gap: 1rem
    }
} */

/* .c-n-m-d1 {
    padding: 2rem 0;
    justify-content: center;
    gap: 1rem;
} */
/* 
@media (min-width: 768px) { 
    .c-n-m-d1 {
        padding: 2rem 4rem;
        justify-content: center;
        gap: 1rem;
    }
 }

 @media (min-width: 992px) { 
    .c-n-m-d1 {
        padding: 2rem 21rem;
        justify-content: center;
        gap: 1rem;
    }
 } */


 .card-img-top {
    width: 100% !important;
    /* height: 15vw !important; */
    object-fit: cover !important;
}
.slideh1{
    margin-top:0; 
}
@media (min-width: 992.98px) { 
    .card-img-top {
        width: 100% !important;
        /* height: 8vw !important; */
        object-fit: cover !important;
    }
    .slideh1{
        margin-top: 22rem !important;
    }
    .spotlight-section {
        height: auto;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../images/background.png);
        background-repeat:no-repeat;
        background-size:cover;
    }
    

 }
 @media (max-width: 991.98px) { 
    .l-n-c-m-2{
        display:none;
     }
  }

.card-list {
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 1px solid #eaeaea !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    background-color: #ffffff;
    overflow: hidden;
}
.card-list:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-4px);
    border-color: #52b250 !important;
}
.card-list .card-img-top {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-list:hover .card-img-top {
    transform: scale(1.05);
}
.card-list .row.g-0 { overflow: hidden; }
.card-tit { font-size: 1.25rem; line-height: 1.2; margin-top: 0.5rem; }
.active>.page-link, .page-link.active{
    background-color: #52b250 !important;
    border-color: #52b250 !important;
}
.pagination{
    --bs-pagination-color: #52b250 !important;
    --bs-pagination-border-color: #e0e0e0 !important;
}


.football-bg{
    background-color:none;
}
.football_head{
    color: #000;
}
.custom_ul{
    flex-direction: row !important;
    text-align: center;
}
@media (max-width: 576px) { 
    .other-sports-col {
        margin-top: 2rem;
    }
    .custom_ul{
        flex-direction: column !important;
    }
    .ad-img{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
 }

 .custom_list{
    background: transparent !important;
    border: none !important;
    color: white !important;
 }