*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/* ================= TOP BAR ================= */

.top-bar{
    background:linear-gradient(rgb(224,3,3),rgb(109,4,4));
    padding:5px 0;
    font-size:14px;
}


/* ================= NAVBAR LINKS ================= */

.top-bar .nav-link{
    color:#ddd;
    padding:5px 12px;
    transition:all .3s ease;
}


/* ================= DATE ================= */

.date-text{
    color:#aaa;
    font-weight:500;
}


/* ================= HOVER ================= */

.top-bar .nav-link:hover{
    color:#fff;
    background-color:#e60000;
    border-radius:3px;
}


/* ================= SOCIAL ================= */

.social-icons a{
    color:#ddd;
    margin-left:15px;
    font-size:15px;
    transition:all .3s ease;
}

.social-icons a:hover{
    color:#fff;
    transform:translateY(-2px);
}


/* ================= HEADER ================= */

.header-row img{
    height:150px;
    object-fit:cover;
    width:100%;
}


/* ================= BODY FIX ================= */

body{
    margin:0;
    padding:0;
    overflow-x:hidden;
    background:#f1f1f1;
}


/* ================= MAIN CONTENT ================= */

main,
.newspaper-wrapper{
    padding-bottom:70px;
}


/* ================= FOOTER BAR ================= */

.bottom-fixed-bar{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:linear-gradient(to right,#e00303,#6d0404);
    color:#fff;
    text-align:center;
    padding:12px 0;
    z-index:999;
    min-height:50px;
}


/* ================= SECOND BAR ================= */

.second-bar{
    background:linear-gradient(rgb(224,3,3),rgb(109,4,4));
}

.second-bar .nav-link{
    color:#ddd;
    font-weight:bold;
}


/* ================= DROPDOWN ================= */

.navbar .dropdown:hover .dropdown-menu{
    display:block;
    margin-top:0;
}

.dropdown-menu{
    transition:all .3s ease;
}


/* ================= IMAGES ================= */

.custom-img{
    width:100%;
    height:auto;
    display:block;
}


/* ================= VIGYAPAN ================= */

.vigyapan-img{
    width:50%;
    margin:auto;
    background-image:url(images/4.webp);
    height:150px;
    background-repeat:no-repeat;
    background-size:100% 100%;
}


/* ================= CARDS ================= */

.custom-card{
    width:100%;
    height:450px;
    overflow:hidden;
    background:#fff;
}

.custom-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


.custom-card1{
    width:100%;
    height:210px;
    overflow:hidden;
    background:#fff;
}

.custom-card1 img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* ================= SLIDESHOW ================= */

.slideshow-wrapper{
    overflow:hidden;
    position:relative;
    background:#fff;
}

.slides{
    display:flex;
    transition:transform .6s ease-in-out;
}

.slide{
    min-width:100%;
}

.slide img{
    width:100%;
    height:200px;
    object-fit:cover;
    display:block;
}


/* ================= SLIDE BUTTONS ================= */

.prev,
.next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,.6);
    color:#fff;
    padding:10px 15px;
    cursor:pointer;
    border-radius:50%;
    font-size:20px;
    z-index:5;
}

.prev{
    left:10px;
}

.next{
    right:10px;
}


/* ================= DOTS ================= */

.dots{
    text-align:center;
    margin-top:15px;
}

.dot{
    height:12px;
    width:12px;
    margin:5px;
    background:gray;
    border-radius:50%;
    display:inline-block;
    cursor:pointer;
    transition:.3s;
}

.active{
    background:rgb(3,243,235);
}


/* ================= FLOATING AD ================= */

.floating-overlay-ad{
    position:fixed;
    bottom:80px;
    right:20px;
    width:320px;
    z-index:999999;
    background:#fff;
    padding:8px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    animation:fadeInUp .5s ease;
}

.floating-overlay-ad img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
    border-radius:8px;
}

.floating-overlay-close{
    position:absolute;
    top:-10px;
    right:-10px;
    width:28px;
    height:28px;
    border:none;
    border-radius:50%;
    background:red;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    z-index:1000000;
}


/* ================= ANIMATION ================= */

@keyframes fadeInUp{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* ================= REMOVE BLANK AREAS ================= */

.blank-area-section,
.blank-area-ads{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}


/* ================= RESPONSIVE ================= */

@media(max-width:768px){

    .sports-grid,
    .finance-grid,
    .market-lists{
        grid-template-columns:1fr;
    }

    .floating-overlay-ad{
        width:240px;
        right:10px;
        bottom:70px;
    }

    .floating-overlay-ad img{
        height:240px;
    }

    .custom-card{
        height:320px;
    }

    .custom-card1{
        height:180px;
    }

    .slide img{
        height:180px;
    }

}


@media(max-width:400px){

    .vigyapan-img{
        width:100%;
    }

    .floating-overlay-ad{
        width:200px;
    }

    .floating-overlay-ad img{
        height:200px;
    }

}