/*
CTC Separate Stylesheet
Updated: 2025-12-24 10:53:57
Theme Name: prediction guruji
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: prediction guruji
Author URI: https://predictionguruji
Description: Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 4.2.2.1766573637
*/
/*
CTC Separate Stylesheet
Updated: 2025-12-24 10:53:59
*/



=====================x==================Homepage Card=============================x==============================

        a {
            text-decoration: none;
            color: #C9C7C7;
        }

        a:focus,
        a:hover {
            opacity: 1;
            color: #C9C7C7;
        }

        span.live-dot {
            font-size: 50px;
            line-height: 0;
        }

        span.status-btn {
            display: inline-flex;
            gap: 3px;
            background: #078900;
            padding: 4px 15px 1px;
            border-radius: 30px;
            color: #fff;
        }

        span.status-btn.live-match {
            background: #FF3A3A;
        }

        .match-time {
            background-color: #2B2220;
            padding: 5px 10px;
        }

        /* OUTER WRAPPER FIX */
        .cricketSlider {
            width: 100%;
            display: block;
        }

        /* SWIPER CONTAINER */
        .cricketSlider .cricket-swiper {
            position: relative;
            overflow: hidden;
            padding: 0 40px;
        }

        /* SLIDES */
        .cricketSlider .swiper-slide {
            /* width: 330px !important;
            max-width: 330px !important; */
            height: auto;
            border-radius: 20px;
            margin: 10px 0;
            backdrop-filter: blur(73px);
            box-shadow: 0px 8px 10px 0px #00000040;
            border: 1px solid #30393E;
            background: linear-gradient(89.86deg, rgba(12, 114, 62, 0.2) 0.12%, rgba(12, 114, 62, 0) 45.46%, rgba(12, 114, 62, 0.2) 98.55%);
        }

        .cricketSlider .swiper-slide.live-match-card {
            background: linear-gradient(89.76deg, rgba(211, 32, 39, 0.2) 0.22%, rgba(211, 32, 39, 0) 52.23%, rgba(211, 32, 39, 0.2) 100.24%);
        }

        /* CARD CONTENT (YOUR ORIGINAL STYLE) */
        .cricketSlider .cotainer-card {
            border-radius: 20px;
            padding-bottom: 10px;
            color: #C9C7C7;
        }

        .cricketSlider .team-details {
            display: flex;
            justify-content: space-between;
            padding: 0 20px 20px;
        }

        .cricketSlider .team-name img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }

        .cricketSlider .team-name {
            text-align: center;
            font-size: 16px;
            font-weight: 600;
            max-width: 60px;
        }

        .cricketSlider .inner-card3 {
            padding: 10px 15px;
            font-weight: 600;
            text-align: center;
        }

        /* HEADER DETAILS */
        .cricketSlider .header-wrapper {
            font-size: 16px;
            font-weight: 400;
            display: flex;
            flex-direction: row;
            gap: 10px;
            justify-content: space-between;
            padding: 15px 20px 30px;
        }

        .cricketSlider .format-series {
            text-align: center;
            font-size: 15px;
        }

        .cricketSlider .stadium-matchDate {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        .cricketSlider .stadium-matchDate img {
            width: 20px;
        }

        .cricketSlider .stadium-matchDate div {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* LIVE ANIMATION */
        .cricketSlider .blink-button {
            background: #FF3A3A;
            color: #fff;
            padding: 5px 10px;
            border-radius: 6px;
            animation: blink 1.4s infinite;
            display: inline-flex
        }

        .live-match .live-dot {
            animation: blink 1.4s infinite;
        }

        @keyframes blink {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }
        }

        /* NAV BUTTONS */
        .cricketSlider .cricket-prev,
        .cricketSlider .cricket-next {
            width: 40px;
            height: 40px;
            background: #0a2a3e;
            color: white !important;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            z-index: 10;
            transform: translateY(-50%);
        }

        .cricketSlider .cricket-prev {
            left: 5px;
            font-size: 12px;
            font-weight: 900;
        }

        .cricketSlider .cricket-next {
            right: 5px;
        }

        .navigation-btn::after {
            font-size: 20px;
        }

        .navigation-btn svg {
            display: none;
        }

        .card-link {
            height: 100%;
            display: inline-flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
        }

        .series-name-card {
            background: #1B2322B0;
            backdrop-filter: blur(20px);
            padding: 10px 0;
            border-radius: 0px 0px 20px 20px;
        }

/* Toss */
.cricketSlider .match-toss {
    font-size: 14px;
    color: #fff;
    padding: 0 15px 10px;
    text-align: center;
}

@media (max-width: 1200px){
	.cricketSlider .header-wrapper {
    font-size: 14px;
}
}

/* MOBILE RESPONSIVE */
@media (max-width: 600px) {
.cricketSlider .cricket-swiper {
 padding: 0 20px;
}

.cricketSlider .swiper-slide {
 width: 100% !important;
 max-width: 100% !important;
}
}

