/* Stylesheet Variables */
:root {
    --fontfamily: 'Noto Sans', sans-serif;
    --whtColor: #ffffff;
    --blkCol: #000000;
    --borderCol: #F0F0F0;
    --cardBorderCol: #CECECE;
    --adsBgCol: #eaeaea;
    --activeCol: #FFBD09;
    --themeCol: #05105C;
    --btnBgCol: #F2F8FD;
    --boxShadowCol: #0000000d;
    --cardBoxShadowCol: #00000029;
    --adsTextCol: #323232;
    --dividerCol: #DDDDDD;
    --activeBulletCol: #DC0202;
    --activeLblCol: #D71920;
    --swiperBulletCol: #D1D1D1;
    --titleTxtCol: #2B2B2B;
    --titleTxtBgCol: #555555;
    --lblBgCol: #FFC82F;
    --cardThemeBgCol: #1D2936;
    --labelTabBgCol: #FFC727;
    --progressBarCor: #ffe221;
    --textShadowCol: #222;
}

/* Dark Mode Stylesheet Variables*/
.dark-mode {}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    src: url("https://akm-img-a-in.tosshub.com/sites/aajtak/fonts/noto/notosans-devanagari-variable.woff2") format('woff2');


}

/* Common Stylesheet Start*/
body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
    padding: 0
}

body {
    font-family: var(--fontfamily);
    font-size: 100%;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-synthesis-weight: none;
}

.wc_container .footer_header {
    padding-left: 100px;
    padding-right: 100px;
}

.wc_container .mainfooter {
    margin-top: 40px;
}

*,
*::before,
*::after {
    box-sizing: border-box
}

.widgetgap {
    margin-bottom: 15px
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a,
a:active,
a:visited {
    color: #0a71ff;
    text-decoration: none
}

/* Common Stylesheet End*/

/* Header Stylesheet Start*/
.wc_inner_container {
    max-width: 1270px;
    margin: 0 auto;
}

.header_wrapper {
    background-image: url("https://akm-img-a-in.tosshub.com/sites/aajtak/worldcup/2026/wpl/img/header-banner.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 15px 10px 2px;
    min-height: 135px;
    background-color: var(--themeCol);
}

.header_wrapper .wc_inner_container .navbar {
    display: flex;
    align-items: center;
    position: relative;
}

.header_wrapper .wc_inner_container .header_menu {
    display: flex;
    align-items: center;
    grid-gap: 30px;
    margin-left: 50px;
}

.header_wrapper .wc_inner_container ul li a {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--whtColor);
    padding-bottom: 3px;
}

.header_wrapper .wc_inner_container ul li a.active {
    color: var(--activeCol);
    border-bottom: 6px solid;
    padding: 0px 0px 3px;
}

.hamburger_icon {
    display: none;
}

.header_wrapper .anch_at_logo {
    margin-right: 20px;
    cursor: pointer;
}

.header_wrapper .anch_at_logo img {
    cursor: pointer;
}

.header_wrapper .btn_wrap .btn {
    padding: 5px 10px;
    background: var(--btnBgCol);
    border-radius: 16px;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
}

.header_wrapper .btn_wrap .btn img {
    margin-right: 6px;
}

.header_wrapper .select_box {
    min-width: 148px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    background-color: var(--btnBgCol);
    border-radius: 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
}

.header_wrapper .select_box label,
.select_box input {
    cursor: pointer;
}

.header_wrapper .select_box img {
    margin-right: 6px;
}

.header_wrapper .select_box .options_container {
    min-width: 148px;
    width: calc(100% - 12px);
    transition: all 0.1s;
    overflow: hidden;
    background-color: var(--btnBgCol);
    opacity: 0;
    position: absolute;
    top: 32px;
    border-radius: 30px;
    left: 0px;
    box-shadow: 4px 4px 6px var(--boxShadowCol);
}

.header_wrapper .select_box .selected {
    width: 100%;
    z-index: 1;
}

a.cricketLogo {
    width: 212px;
    display: inline-block;
}


a.cricketLogo img {
    width: 100%;
    object-fit: contain;
}

.header_wrapper .select_box::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzU4LjQ2MyAyNTMuODQ3LTU4NC42MTUgMjk2LTYyNi43NjhsMTg0IDE4NCAxODQtMTg0IDQyLjE1MyA0Mi4xNTNMNDgwLTM1OC40NjNaIi8+PC9zdmc+");
    background-repeat: no-repeat;
    background-position-y: 0px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    top: 50%;
    transition: transform .5s;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    right: 7px;
}

.header_wrapper .select_box .options_container.active {
    opacity: 1;
    z-index: 2;
}

.header_wrapper .select_box .options_container.active+.select_box::after {
    transform: translateY(-50%) rotateX(180deg);
}

.header_wrapper .select_box .option:hover {
    background: #efeded;
}

.header_wrapper .select_box label {
    display: block;
    cursor: pointer;
    padding: 7px 15px 6px;
}

.header_wrapper .select_box .option .radio {
    display: none;
}

.web_banner {
    display: inline-block;
}

.mob_banner {
    display: none;
}

/* Header Stylesheet End */


/* Common Ads Container Stylesheet Start */
.wc_container .common_ads_container {
    text-align: center;
    background-color: var(--adsBgCol);
    min-width: 100%;
    min-height: 110px;
    margin: 20px auto;
    display: table;
    padding: 5px;
}

.wc_container .adtext {
    font-size: 11px;
    color: var(--adsTextCol);
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
}

.wc_container .ad_container {
    background-color: var(--adsBgCol);
    min-width: 406px;
    text-align: center;
    padding: 5px;
}

.wc_container .ad_container .ad-300X250-body .ad-300X250 {
    display: flex;
    justify-content: center;
}

.ads_table_wrap .ad-300X250-body {
    min-height: 270px;
}

/* Common Ads Container Stylesheet End */

.wc_container .main_banner_wrapper {
    min-height: 651px;
    background: linear-gradient(270deg, #7b111c .6%, #7b111c 25.52%, rgba(0, 0, 0, .1) 48.3%, #0e0f34 71.8%);
    position: relative;
    margin-bottom: 75px;
    padding-top: 40px;
}

.wc_container .view_all_btn {
    font-size: 16px;
    color: var(--whtColor);
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.wc_container .view_all_btn svg {
    margin-left: 5px;
}

.wc_sec_header_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wc_sec_header {
    font-size: 26px;
    line-height: 32px;
    color: var(--titleTxtCol);
    padding-right: 20px;
    position: relative;
    padding-bottom: 10px;
    font-weight: 300;
    text-transform: uppercase;
    display: inline-block;
    /* cursor: pointer; */
}

.wc_sec_header:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 6px;
    background-color: #fff;
    bottom: 0;
}

.sec_header_btn {
    position: relative;
    padding-right: 32px;
    font-size: 16px;
    font-weight: 600;
    color: var(--blkCol);
    text-transform: uppercase;
}

.theme_bg .wc_sec_header,
.theme_bg .sec_header_btn {
    color: var(--whtColor);
}

.theme_bg .wc_sec_header:before {
    background-color: var(--whtColor);
}

.sec_header_btn::after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4yNDMiIGhlaWdodD0iMTMuNTAxIiB2aWV3Qm94PSIwIDAgMjAuMjQzIDEzLjUwMSI+CiAgPHBhdGggaWQ9Ikljb25faW9uaWMtaW9zLWFycm93LXJvdW5kLWZvcndhcmQiIGRhdGEtbmFtZT0iSWNvbiBpb25pYy1pb3MtYXJyb3ctcm91bmQtZm9yd2FyZCIgZD0iTTIwLjc4NCwxMS41MWEuOTE5LjkxOSwwLDAsMC0uMDA3LDEuMjk0bDQuMjc1LDQuMjgySDguNzgyYS45MTQuOTE0LDAsMCwwLDAsMS44MjhIMjUuMDQ1TDIwLjc3LDIzLjJhLjkyNS45MjUsMCwwLDAsLjAwNywxLjI5NC45MS45MSwwLDAsMCwxLjI4Ny0uMDA3bDUuNzk0LTUuODM2aDBhMS4wMjYsMS4wMjYsMCwwLDAsLjE5LS4yODguODcyLjg3MiwwLDAsMCwuMDctLjM1Mi45MTYuOTE2LDAsMCwwLS4yNi0uNjRsLTUuNzk0LTUuODM2QS45LjksMCwwLDAsMjAuNzg0LDExLjUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuODc1IC0xMS4yNTIpIiBmaWxsPSIjZDcxOTIwIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    top: 4px;
    right: 0;
    cursor: pointer;
}

.wc_divider {
    width: 100%;
    height: 1px;
    background-color: var(--dividerCol);
    margin: 40px 0px 35px;
}

.isOpenSidenav {
    position: fixed;
    overflow: hidden;
    width: 100%;
}

.sec_header_btnWrap a {
    color: #000;
}

/* Swiper Customize Stylesheet Start */
.wc_container .swiper-wrapper {
    padding-bottom: 55px;
}

.wc_container .swiper-pagination-bullet {
    background-color: var(--swiperBulletCol);
    ;
    opacity: .8;
}

.wc_container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--activeBulletCol);
}

.wc_container .secTheme .swiper-button-next,
.wc_container .secTheme .swiper-button-prev {
    color: var(--whtColor);
}

.wc_container .swiper-button-next,
.wc_container .swiper-button-prev {
    color: var(--blkCol);
}

.wc_container .swiper-button-next:after,
.wc_container .swiper-button-prev:after {
    font-size: 34px;
}

/* Swiper Customize Stylesheet End */



.header_wrapper .wc_inner_container .nav-t20 ul li a.active {
    color: #EE61FD;
}

.wc_container .inner_wrap.inn_wra-t20 .h1_heading {
    color: #ff5aa1;
}

.wc_container .inner_wrap.inn_wra-t20 .countdown_text {
    color: #ff5aa1;
}

.inner_wrap.inn_wra-t20 .rhs_wrap ul li .timer_label {
    color: #fff;
}

.inner_wrap.inn_wra-t20 .ad_container {
    min-width: 406px;
    min-height: 276px;
}

#login-area #signIn {
    color: #fff;
}

.section_rhs h2.wc_sec_header {
    color: #fff;
}

.rhs_wrap .event_timmer {
    margin-top: 0px;
}

.wc_sec_header:before {
    background-color: #fff;
}

@media (max-width:1180px) {

    .wc_sec_header {
        color: #2b2b2b;
    }

    .section_rhs h2.wc_sec_header {
        color: #000;
    }

    .wc_sec_header:before {
        background-color: #555555;
    }


    .wc_shortVideos_container .wc_sec_header_wrap {
        margin-bottom: 20px;
    }


}



@media (max-width: 725px) {
    .wc_container .common_ads_container {
        min-height: 250px;
        margin: 15px auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    .wc_container .ad_container {
        min-width: 100%;
        min-height: 250px;
    }
}


/* Small Devices Responsive Stylesheet Start */
@media (max-width:1024px) {
    .wc_container .footer_header {
        padding-left: 0px;
        padding-right: 0px;
    }

    .header_wrapper {
        background-image: url("https://akm-img-a-in.tosshub.com/sites/test/world-cup-2023/assets/images/mob_header_bg.jpg");
        min-height: 86px;
    }

    .wc_container .main_banner_wrapper {
        margin-bottom: 35px;
        padding-top: 0px;
        background-image: url(https://akm-img-a-in.tosshub.com/sites/indiatoday/resources/img/cricket/wpl-2026/mob-main-banner.png);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: 0 -500px;
    }

    .header_wrapper .select_box {
        right: 10px;
    }

    .wc_container .ad_container {
        margin: 30px auto 0px auto;

    }

    .wc_container .swiper-wrapper {
        padding-bottom: 40px;
    }

    .wc_sec_header_wrap {
        padding: 0px 10px;
    }

    .sec_header_btnWrap {
        position: absolute;
        bottom: 0;
        width: calc(100% - 20px);
        text-align: center;
    }

    .main_banner_wrapper .ads_table_wrap .sec_header_btnWrap {
        position: static;
        width: auto;
    }

    .wc_inner_container {
        max-width: 100%;
    }

    .header_wrapper {
        padding: 0px;
    }

    .header_wrapper .wc_inner_container .navbar {
        padding: 15px 10px 2px;
    }

    .nav_logo_wrap {
        display: flex;
        align-items: center;
    }

    .wc_logo {
        height: 62px;
        margin-left: 12px;
        display: flex;
        flex-wrap: wrap;
    }

    .header_wrapper .anch_at_logo img {
        width: 62px;
        height: auto;
        cursor: pointer;
    }

    .header_wrapper .anch_at_logo {
        margin-right: 10px;
        margin-top: 6px;
    }

    .hamburger_icon {
        display: block;
    }

    .header_menu {
        position: fixed;
        top: 112px;
        left: 0;
        width: 100%;
        height: 100%;
        flex-direction: column;
        background-color: var(--themeCol);
        transition: 0.5s all ease;
        display: none;
        align-items: center;
        transform: translateX(-100%);
        padding-top: 25px;
        z-index: 2;
    }

    .header_menu li {
        width: 100%;
        padding-left: 48px;
        padding-bottom: 30px;
    }

    .header_menu.show {
        transform: translateX(0px);
        transition: 0.5s all ease;
        overflow-y: auto;
        height: 100vh;
        padding-bottom: 300px;
    }

    .wc_container .btn_wrap {
        text-align: center;
    }

    .header_ads_container {
        min-height: 250px;
    }

    .web_banner {
        display: none;
    }

    .mob_banner {
        display: inline-block;
    }

    .header_wrapper .wc_inner_container .header_menu {
        margin-left: 0px;
        grid-gap: 0px;
    }

    .photos_vs_container .wc_divider {
        display: none;
    }

    .section_rhs .theme_bg .wc_sec_header {
        color: var(--titleTxtCol);
        margin: 30px 0px 20px;
    }

    .section_rhs .theme_bg .wc_sec_header:before {
        background-color: var(--titleTxtCol);
    }

    .section_lhs .widget-head {
        padding: 0px 10px;
        margin-bottom: 15px;
    }

    .section_lhs .widget-head h2 {
        line-height: 29px;
        font-size: 22px;
    }


    a.cricketLogo {
        width: 212px;
        margin-top: 3px;
        height: auto;
    }

    a.cricketLogo img {
        width: 100%;
        height: auto;
    }


    .section_lhs .widget-head .widget-title h2 {
        margin-top: 10px;
        font-size: 22px;
        line-height: 29px;
    }

}

@media (min-width:1163px) and (max-width: 1189px) {
    .swiper-pagination-bullet:last-child {
        display: none;
    }
}

@media (min-width:758px) and (max-width: 903px) {
    .swiper-pagination-bullet:last-child {
        display: none;
    }
}

@media (min-width:453px) and (max-width: 599px) {
    .swiper-pagination-bullet:last-child {
        display: none;
    }
}

@media (max-width: 767px) {

    .fixtures_content_wrap .widget-head .widget-title h2 {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 10px;
    }

    a.cricketLogo {
        width: 180px;

    }

    .section_lhs .widget-head {
        margin-bottom: 10px;
    }

    .section_rhs h2.wc_sec_header {
        color: #000;
    }

}


@media (max-width: 420px) {
    .wc_container .common_ads_container {
        min-width: 100%;
        display: block;
    }
}

/* Small Devices Responsive Stylesheet End */
@media (min-width: 1025px) {
    .wc_container .common_ads_container {
        min-width: 960px;
    }
}


/* Conditional Stylesheet for AT Site */
@media (max-width: 1199px) {
    footer {
        padding-bottom: 0px !important;
    }

    .bottomNav {
        display: none !important;
    }
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.55) !important;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.77) !important;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.55) !important;
}