/* ================= BODY ================= */
	
	body{
	    margin:0;
	    background:#eef2f5;
	    font-family:Arial,sans-serif;
	}
	
	/* ================= HEADER ================= */
	
	.main-header{
	    background:#fff;
	    position:sticky;
	    top:0;
	    z-index:99999;
	    box-shadow:0 2px 10px rgba(0,0,0,0.08);
	}
	
	.top-header{
	    padding:12px 0;
	}
	
	.top-header .container{
	    display:flex;
	    align-items:center;
	    justify-content:space-between;
	}
	
	/* LOGO IMAGE */
	
	.header-logo img{
	    width:90px;
	    height:90px;
	    border-radius:50%;
	    object-fit:cover;
	
	    /* SHADOW */
	
	    box-shadow:
	        0 4px 14px rgba(0,183,255,0.35),
	        0 0 20px rgba(0,183,255,0.25);
	}
	/* TITLE LINK */
	
	.header-title{
	    text-decoration:none;
	    color:inherit;
	}
	
	/* TITLE */
	
	.header-title{
	    text-align:center;
	    flex:1;
	}
	
	.header-title h1{
	    margin:0;
	    color:#0095d9;
	    font-size:48px;
	    font-weight:700;
	    line-height:1;
	}
	
	.header-title span{
	    display:inline-block;
	    margin-top:8px;
	    background:#dff5ff;
	    padding:5px 15px;
	    border-radius:20px;
	    font-size:13px;
	}
	
		/* ================= SHARE BUTTONS ================= */
	
	.header-share{
	    display:flex;
	    align-items:center;
	    gap:12px;
	    flex-wrap:wrap;
	}
	
	
	/* COMMON BUTTON STYLE */
	
	.header-share a,
	.mobile-share a{
	    text-decoration:none;
	    font-weight:700;
	    transition:.3s;
	}
	/* YOUTUBE */
	
	.yt-btn{
	    border:2px solid #ff2d2d;
	    color:#ff2d2d;
	    background:#fff;
	}
	
	/* INSTAGRAM */
	
	.ig-btn{
	    border:2px solid #d63384;
	    color:#d63384;
	    background:#fff;
	}
	
	/* FACEBOOK */
	
	.fb-btn{
	    border:2px solid #1877f2;
	    color:#1877f2;
	    background:#fff;
	}
	
	/* WHATSAPP */
	
	.wa-btn{
	    border:2px solid #22c55e;
	    color:#22c55e;
	    background:#fff;
	}
	
	/* GROUP */
	
	.group-btn{
	    background:linear-gradient(90deg,#22c55e,#16a34a);
	    color:#fff !important;
	    border:none !important;
	    box-shadow:0 4px 14px rgba(34,197,94,.3);
	}
	
	/* DESKTOP BUTTON STYLE */
	
	.header-share a{
	    padding:12px 22px;
	    border-radius:40px;
	}
	
	/* HOVER */
	
	.header-share a:hover{
	    transform:translateY(-2px);
	    box-shadow:0 4px 14px rgba(0,0,0,0.18);
	}
	
	/* ================= MOBILE SHARE ================= */
	
	.mobile-share{
	    display:none;
	    justify-content:center;
	    align-items:center;
	    gap:8px;
	    padding:0 0 12px;
	    flex-wrap:nowrap;
	}
	
	/* ROUND ICONS */
	
	.mobile-share .yt-btn,
	.mobile-share .ig-btn,
	.mobile-share .fb-btn,
	.mobile-share .wa-btn{
	    width:40px;
	    height:40px;
	    border-radius:50%;
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    text-decoration:none;
	    font-size:16px;
	    background:#fff;
	    transition:.3s;
	    flex-shrink:0;
	}
	
	/* GROUP BUTTON */
	
	.mobile-group-btn{
	    height:40px;
	    padding:0 14px;
	    border-radius:30px;
	
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    gap:6px;
	
	    background:linear-gradient(90deg,#22c55e,#16a34a);
	
	    color:#fff !important;
	    text-decoration:none;
	
	    font-size:13px;
	    font-weight:700;
	
	    white-space:nowrap;
	
	    box-shadow:0 4px 14px rgba(34,197,94,.3);
	}
	
	/* HOVER */
	
	.mobile-share a:hover{
	    transform:translateY(-2px);
	}
		
	
	/* HAMBURGER */
	
	.mobile-menu-btn{
	    display:none;
	    font-size:28px;
	    cursor:pointer;
	}
	
	/* ================= NAVBAR ================= */
	/* ================= NAVBAR ================= */
	
	.main-nav{
	    background:#071c2c;
	    height:58px;
	    display:flex;
	    align-items:center;
	    position:relative;
	    z-index:999;
	}
	
	/* WRAPPER */
	
	.nav-wrapper{
	    display:flex;
	    align-items:center;
	    justify-content:space-between;
	    gap:20px;
	}
	
	/* MENU */
	
	.scroll-menu{
	    display:flex;
	    overflow-x:auto;
	    white-space:nowrap;
	    flex:1;
	}
	
	.scroll-menu::-webkit-scrollbar{
	    display:none;
	}
	
	/* LINKS */
	
	.scroll-menu a{
	    color:#fff;
	    text-decoration:none;
	    padding:18px 18px;
	    font-size:15px;
	    font-weight:600;
	    position:relative;
	    transition:.3s;
	}
	
	/* HOVER */
	
	.scroll-menu a:hover{
	    color:#00c3ff;
	}
	
	/* ACTIVE */
	
	.scroll-menu a.active{
	    color:#00c3ff;
	}
	
	/* ACTIVE LINE */
	
	.scroll-menu a.active::after{
	    content:"";
	    position:absolute;
	    left:0;
	    bottom:0;
	    width:100%;
	    height:3px;
	    background:#00c3ff;
	    border-radius:20px;
	}
	
	/* SEARCH */
	
	.nav-search{
	    display:flex;
	    align-items:center;
	    background:#10293d;
	    border-radius:30px;
	    overflow:hidden;
	    min-width:250px;
	}
	
	/* INPUT */
	
	.nav-search input{
	    border:none;
	    background:none;
	    outline:none;
	    color:#fff;
	    padding:10px 16px;
	    width:100%;
	    font-size:14px;
	}
	
	.nav-search input::placeholder{
	    color:#b8c7d3;
	}
	
	/* BUTTON */
	
	.nav-search button{
	    border:none;
	    background:#0077cc;
	    color:#fff;
	    width:48px;
	    height:42px;
	    cursor:pointer;
	    transition:.3s;
	}
	
	.nav-search button:hover{
	    background:#0095d9;
	}
	
	
		/* BREAKING BAR */
	
	.breaking-bar{
	    height:38px;
		background: #0077cc;
	    /* background:linear-gradient(90deg,#00b7ff,#0077cc); */
	    display:flex;
	    align-items:center;
	    overflow:hidden;
	    position:relative;
	}
	
	/* LABEL */
	
	.breaking-label{
	    background:#ff2d2d;
	    color:#fff;
	    height:38px;
	    min-width:90px;
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    font-size:13px;
	    font-weight:bold;
	    z-index:2;
	    flex-shrink:0;
	}
	
	/* MARQUEE AREA */
	
	
	/* TEXT */
	
	.breaking-text{
	    display:inline-block;
	    white-space:nowrap;
	    color:#fff;
	    font-size:17px;
	    padding-left:100%;
	    animation:breakingMove 30s linear infinite;
	}
	
	.breaking-text:hover{
	    animation-play-state: paused;
	}
	
	/* BREAKING LINKS */
	
	.breaking-text a{
	    color:#fff;
	    text-decoration:none;
	    margin-right:50px;
	    font-weight:600;
	}
	
	/* HOVER */
	
	.breaking-text a:hover{
	    color:#ffe082;
	}
	
	/* ANIMATION */
	
	@keyframes breakingMove{
	
	    0%{
	        transform:translateX(0%);
	    }
	
	    100%{
	        transform:translateX(-100%);
	    }
	
	}
	
	/* ================= MAIN BODY ================= */
	
	.main-body{
	    margin-top:15px;
	}
	
	/* ================= LEFT SIDEBAR ================= */
	
	.left-sidebar{
	    background:#fff;
	    border-radius:14px;
	    overflow:hidden;
	    box-shadow:0 2px 10px rgba(0,0,0,0.05);
	}
	/* LEFT SIDEBAR LINKS */
	
	.left-sidebar ul li a{
	    display:block;
	    color:#222;
	    text-decoration:none;
	    transition:.3s;
	}
	
	.left-sidebar ul li:hover a{
	    color:#00b7ff;
	}
	/* TITLE */
	
	.left-sidebar h5{
	    margin:0;
	    padding:15px 18px;
		background:linear-gradient(90deg,#0077cc,#00b7ff);
	    color:#fff;
	    font-size:22px;
	    font-weight:700;
	    display:flex;
	    align-items:center;
	    gap:8px;
	}
	
	/* LIST */
	
	.left-sidebar ul{
	    margin:0;
	    padding:0;
	    list-style:none;
	}
	
	/* ITEM */
	
	.left-sidebar li{
	    position:relative;
	    padding:15px 18px 15px 38px;
	    border-bottom:1px solid #edf2f7;
	    font-size:16px;
	    font-weight:500;
	    color:#222;
	    cursor:pointer;
	    transition:.3s;
	    background:#fff;
	}
	
	/* DOT */
	
	.left-sidebar li::before{
	    content:"";
	    position:absolute;
	    left:16px;
	    top:50%;
	    transform:translateY(-50%);
	    width:8px;
	    height:8px;
	    border-radius:50%;
	    background:#7fdcff;
	}
	
	/* HOVER */
	
	.left-sidebar li:hover{
	    background:#f3fbff;
	    color:#0095d9;
	    padding-left:42px;
	}
	
	
	
	/* ACTIVE */
	
	.left-sidebar li.active{
	    background:#e9f8ff;
	    color:#0077cc;
	    font-weight:700;
	}
	
	/* ACTIVE DOT */
	
	.left-sidebar li.active::before{
	    background:#00b7ff;
	}
	
	/* REMOVE LAST BORDER */
	
	.left-sidebar li:last-child{
	    border-bottom:none;
	}
	/* ================= NEWS CARD ================= */
	
	.news-card{
	    background:#fff;
	    border-radius:14px;
	    overflow:hidden;
	    box-shadow:0 2px 10px rgba(0,0,0,0.05);
	}
	/* ================= MAIN SLIDER ================= */
	
	.news-slider{
	    border-radius:14px;
	    overflow:hidden;
	}
	
	/* BUTTONS */
	
	.news-slider .carousel-control-prev,
	.news-slider .carousel-control-next{
	    width:50px;
	}
	
	/* ICON */
	
	.news-slider .carousel-control-prev-icon,
	.news-slider .carousel-control-next-icon{
	    width:42px;
	    height:42px;
	    border-radius:50%;
	    background-color:rgba(0,0,0,0.5);
	    background-size:45%;
	}
	
	/* INDICATORS */
	
	.news-slider .carousel-indicators{
	    margin-bottom:14px;
	}
	
	.news-slider .carousel-indicators button{
	    width:10px;
	    height:10px;
	    border-radius:50%;
	    border:none;
	    background:#fff;
	    opacity:.6;
	}
	
	.news-slider .carousel-indicators .active{
	    opacity:1;
	    width:28px;
	    border-radius:20px;
	}
	
	.news-content{
	    padding:20px;
	}
	
	.news-tag{
	    background:#00b7ff;
	    color:#fff;
	    font-size:13px;
	    padding:5px 12px;
	    border-radius:5px;
	}
	
	.news-content h2{
	    margin:15px 0 10px;
	    font-size:44px;
	    line-height:1.2;
	}

	.news-content h2 a{
	    color:#111;
	    text-decoration:none;
	    transition:.3s;
	}
	
	.news-content h2 a:hover{
	    color:#00b7ff;
	}
	
	.news-meta{
	    color:#666;
	    font-size:14px;
	}

	/* CATEGORY IMAGE */
	
	.category-thumb{
	    width:120px;
	    min-width:120px;
	    height:90px;
	    border-radius:10px;
	    overflow:hidden;
	}
	
	.category-thumb img{
	    width:100%;
	    height:100%;
	    object-fit:cover;
	}
	
	/* TITLE LINK */
	
	.category-content h4 a{
	    color:#111;
	    text-decoration:none;
	    transition:.3s;
	}
	
	.category-content h4 a:hover{
	    color:#00b7ff;
	}
	
	
		/* ================= RIGHT SIDEBAR ================= */
	
	/* HEADER HEIGHT FIX */
	
	:root{
	    --sticky-space:220px;
	}
	
	/* SIDEBARS */
	
	.left-sidebar,
	.right-sidebar{
	    position:sticky;
	    top:var(--sticky-space);
	}
	/* BOX */
	
	.sidebar-box{
	    background:#fff;
	    border-radius:16px;
	    overflow:hidden;
	    margin-bottom:20px;
	    box-shadow:0 2px 10px rgba(0,0,0,0.05);
	}
	
	/* HEADING */
	
	.sidebar-heading{
	    background:linear-gradient(90deg,#0077cc,#00b7ff);
	    color:#fff;
	    padding:14px 18px;
	    font-size:20px;
	    font-weight:700;
	}
	
	/* TRENDING ITEM */
	
	.trending-item{
	    display:flex;
	    gap:14px;
	    padding:18px;
	    border-bottom:1px solid #eee;
	    transition:.3s;
	}
	
	.trending-item:hover{
	    background:#f3fbff;
	}
	
	.trend-number{
	    font-size:36px;
	    font-weight:700;
	    color:#8adfff;
	    line-height:1;
	}
	
	.trend-content h4{
	    margin:0 0 8px;
	    font-size:17px;
	    line-height:1.5;
	}
	
	.trend-content span{
	    color:#777;
	    font-size:13px;
	}
	
	/* TRENDING LINK */
	
	.trend-content h4 a{
	    color:#111;
	    text-decoration:none;
	    transition:.3s;
	}
	
	.trend-content h4 a:hover{
	    color:#00b7ff;
	}
	
	/* LATEST IMAGE */
	
	.latest-thumb{
	    width:80px;
	    min-width:80px;
	    height:70px;
	    border-radius:10px;
	    overflow:hidden;
	}
	
	.latest-thumb img{
	    width:100%;
	    height:100%;
	    object-fit:cover;
	}
	
	/* LATEST TITLE */
	
	.latest-content h5 a{
	    color:#111;
	    text-decoration:none;
	    transition:.3s;
	}
	
	.latest-content h5 a:hover{
	    color:#00b7ff;
	}
	
	/* LATEST */
	
	.latest-item{
	    display:flex;
	    gap:14px;
	    padding:16px;
	    border-bottom:1px solid #eee;
	}
	
	.latest-item:hover{
	    background:#f3fbff;
	}
	
	
	.latest-thumb{
	    width:90px;
	    min-width:90px;
	    height:70px;
	    background:#cceef9;
	    border-radius:10px;
	}
	
	.latest-content h5{
	    margin:0 0 10px;
	    font-size:15px;
	    line-height:1.5;
	}
	
	.latest-content span{
	    color:#777;
	    font-size:12px;
	}
		
/* ================= MOBILE SIDEBAR ================= */

.mobile-sidebar{
    position:fixed;

    top:0;
    right:-280px;

    width:280px;
    height:100vh;

    background:#fff;

    z-index:999999;

    transition:0.3s ease;

    display:flex;
    flex-direction:column;

    box-shadow:-5px 0 25px rgba(0,0,0,0.2);

    overflow:hidden;
}

/* ACTIVE */

.mobile-sidebar.active{
    right:0;
}

/* TOP HEADER */

.mobile-sidebar-top{
    height:60px;

    background:linear-gradient(90deg,#0084d6,#00b7ff);

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 18px;

    flex-shrink:0;
}

/* TITLE */

.mobile-sidebar-top h4{
    margin:0;

    color:#fff;

    font-size:20px;
    font-weight:700;
}

/* CLOSE BUTTON */

.close-sidebar{
    width:34px;
    height:34px;

    border-radius:50%;

    background:rgba(255,255,255,0.2);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    transition:.3s;
}

.close-sidebar:hover{
    background:#fff;
    color:#0095d9;
}

/* LIST AREA */

.mobile-sidebar ul{
    margin:0;
    padding:0;

    list-style:none;

    overflow-y:auto;

    flex:1;
}

/* ITEM */

.mobile-sidebar ul li{
    border-bottom:1px solid #f1f1f1;
}

/* LINK */

.mobile-sidebar ul li a{
    display:flex;
    align-items:center;
    gap:10px;

    padding:4px 18px;

    text-decoration:none;

    color:#222;

    font-size:15px;
    font-weight:600;

    transition:.3s;
}

/* HOVER */

.mobile-sidebar ul li{
    border-bottom:1px solid #f1f1f1;
    line-height:0.1;
}

/* OVERLAY */

.mobile-sidebar ul li a:hover{
    background:#f5fbff;
    color:#00aaff;
    padding-left:24px;
}

.overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,0.5);

    z-index:99999;

    opacity:0;
    visibility:hidden;

    transition:.3s;
}

.overlay.active{
    opacity:1;
    visibility:visible;
}


	/* ================= CATEGORY SECTION ================= */
	
	.category-section{
	    background:#fff;
	    border-radius:14px;
	    margin-top:22px;
	    overflow:hidden;
	    box-shadow:0 2px 10px rgba(0,0,0,0.05);
	}
	.category-section:hover{
	    background:#f3fbff;
	}
	
	/* HEADER */
	
	.category-header{
	    display:flex;
	    justify-content:space-between;
	    align-items:center;
	    padding:16px 18px;
	    border-bottom:2px solid #00b7ff;
	    background:#f9fcff;
	}
	
	.category-title{
	    font-size:20px;
	    font-weight:700;
	    color:#111;
	}
	
	.view-all{
	    text-decoration:none;
	    color:#00a6e8;
	    font-size:14px;
	    font-weight:600;
	}
	
	/* NEWS AREA */
	
	.category-news{
	    padding:16px;
	}
	
	
	
	/* ITEM */
	
	.category-item{
	    display:flex;
	    gap:16px;
	    background:#fff;
	    border:1px solid #eee;
	    border-radius:12px;
	    overflow:hidden;
	    margin-bottom:16px;
	    transition:.3s;
	}
	
	.category-item:hover{
	    transform:translateY(-2px);
	    box-shadow:0 4px 12px rgba(0,0,0,0.08);
	}
	
	/* IMAGE */
	
	.category-thumb{
	    width:140px;
	    min-width:140px;
	    background:#cceef9;
	    height:110px;
	}
	
	/* CONTENT */
	
	.category-content{
	    padding:14px 14px 14px 0;
	}
	
	.category-content h4{
	    margin:0 0 12px;
	    font-size:18px;
	    line-height:1.5;
	    color:#111;
	}
	
	.category-content span{
	    font-size:13px;
	    color:#777;
	}
	
	/* MOBILE */
	
	@media(max-width:768px){
	
	    .category-item{
	        flex-direction:column;
	    }
	
	    .category-thumb{
	        width:100%;
	        height:180px;
	    }
	
	    .category-content{
	        padding:14px;
	    }
	
	    .category-content h4{
	        font-size:16px;
	    }
	
	}
	
	/* IMAGE FADE EFFECT */
	
	.news-card img{
	    width:100%;
	    height:420px;
	    object-fit:cover;
	
	    opacity:0;
	    animation:imageFade .8s ease forwards;
	}
	
	/* ANIMATION */
	
	@keyframes imageFade{
	
	    from{
	        opacity:0;
	        transform:scale(1.03);
	    }
	
	    to{
	        opacity:1;
	        transform:scale(1);
	    }
	
	}
	
	/* MOBILE SIDEBAR TOP */
	
	.mobile-sidebar-top{
	    height:58px;
	    background:linear-gradient(90deg,#0077cc,#00b7ff);
	    display:flex;
	    align-items:center;
	    justify-content:space-between;
	    padding:0 18px;
	    color:#fff;
	}
	
	/* TITLE */
	
	.mobile-sidebar-top h4{
	    margin:0;
	    font-size:20px;
	    font-weight:700;
	}
	
	/* CLOSE BUTTON */
	
	.close-sidebar{
	    width:34px;
	    height:34px;
	    border-radius:50%;
	    background:rgba(255,255,255,0.2);
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    cursor:pointer;
	    font-size:18px;
	    transition:.3s;
	}
	
	.close-sidebar:hover{
	    background:#fff;
	    color:#0077cc;
	}
	
	/* LIST */
	
	.mobile-sidebar ul{
	    margin:0;
	    padding:0;
	    list-style:none;
	}
	
	/* ITEMS */
	
	.mobile-sidebar li{
	    padding:16px 18px;
	    border-bottom:1px solid #edf2f7;
	    font-size:16px;
	    font-weight:600;
	    transition:.3s;
	    cursor:pointer;
	}
	
	/* HOVER */
	
	.mobile-sidebar li:hover{
	    background:#f3fbff;
	    color:#0095d9;
	    padding-left:24px;
	}
	
	/* ================= FOOTER ================= */
	
	.main-footer{
	    margin-top:40px;
	    background:#071c2c;
	    color:#fff;
	    padding:50px 0 20px;
	}
	
	.footer-logo img{
	    width:75px;
	    height:75px;
	    border-radius:50%;
	    margin-bottom:15px;
	}
	
	.main-footer h3{
	    font-size:30px;
	    margin-bottom:10px;
	    color:#00c3ff;
	}
	
	.main-footer p{
	    color:#cbd5e1;
	    line-height:1.8;
	    font-size:15px;
	}
	
	.main-footer h4{
	    margin-bottom:20px;
	    font-size:20px;
	}
	
	/* FOOTER CONTACT */
	
	.footer-contact{
	    list-style:none;
	    padding:0;
	    margin:0;
	}
	
	.footer-contact li{
	    margin-bottom:14px;
	    color:#cbd5e1;
	    line-height:1.7;
	    font-size:15px;
	}
	
	.footer-contact strong{
	    color:#fff;
	}
	
	.footer-social{
	    display:flex;
	    gap:12px;
	    flex-wrap:wrap;
	}
	
	.footer-social a{
	    width:42px;
	    height:42px;
	    border-radius:50%;
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    text-decoration:none;
	    transition:.3s;
	    background:#fff;
	}
	
	.footer-social a:hover{
	    transform:translateY(-3px);
	}
	
	.footer-bottom{
	    border-top:1px solid rgba(255,255,255,0.08);
	    margin-top:35px;
	    padding-top:20px;
	    text-align:center;
	    color:#94a3b8;
	    font-size:14px;
	}
	
	/* MOBILE */
	
	@media(max-width:768px){
	
	    .main-footer{
	        padding:35px 0 15px;
	        text-align:center;
	    }
	
	    .footer-social{
	        justify-content:center;
	    }
	
	    .main-footer h3{
	        font-size:24px;
	    }
	
	}
		
	/* ================= BACK TO TOP ================= */
	
	#topBtn{
	    position:fixed;
	
	    right:20px;
	    bottom:20px;
	
	    width:48px;
	    height:48px;
	
	    border:none;
	    border-radius:50%;
	
	    background:linear-gradient(90deg,#00b7ff,#0077cc);
	
	    color:#fff;
	
	    font-size:18px;
	
	    display:flex;
	    align-items:center;
	    justify-content:center;
	
	    cursor:pointer;
	
	    box-shadow:0 4px 14px rgba(0,183,255,.35);
	
	    opacity:0;
	    visibility:hidden;
	
	    transform:translateY(20px);
	
	    transition:.3s;
	
	    z-index:9999;
	}
	
	/* SHOW */
	
	#topBtn.show{
	    opacity:1;
	    visibility:visible;
	    transform:translateY(0);
	}
	
	/* HOVER */
	
	#topBtn:hover{
	    transform:translateY(-3px);
	    box-shadow:0 6px 18px rgba(0,183,255,.45);
	}
	
	/* ================= CATEGORY PAGE ================= */
	
	.category-page-header{
	    background:#fff;
	    border-radius:14px;
	    padding:25px;
	    margin-bottom:22px;
	    box-shadow:0 2px 10px rgba(0,0,0,0.05);
	}
	
	.category-page-header h1{
	    margin:0 0 10px;
	    font-size:38px;
	    color:#111;
	}
	
	.category-page-header p{
	    margin:0;
	    color:#666;
	    line-height:1.7;
	}
	
	/* NEWS LIST */
	
	.category-page-news{
	    display:flex;
	    flex-direction:column;
	    gap:20px;
	}
	
	/* CARD */
	
	.category-news-card{
	    background:#fff;
	    border-radius:16px;
	    overflow:hidden;
	    display:flex;
	    gap:20px;
	    box-shadow:0 2px 10px rgba(0,0,0,0.05);
	    transition:.3s;
	}

	/* TITLE LINK REMOVE */
	
	.category-news-content h2 a{
	    color:#111;
	    text-decoration:none;
	    transition:.3s;
	}

	/* HOVER */
	
	.category-news-content h2 a:hover{
	    color:#00b7ff;
	}

	.category-news-card:hover{
	    transform:translateY(-3px);
	    box-shadow:0 6px 18px rgba(0,0,0,0.08);
	}
	
	/* IMAGE */
	
	.category-news-image{
	    width:320px;
	    min-width:320px;
	}
	
	.category-news-image img{
	    width:100%;
	    height:100%;
	    object-fit:cover;
	}
	
	/* CONTENT */
	
	.category-news-content{
	    padding:22px 22px 22px 0;
	}
	
	.category-badge{
	    background:#00b7ff;
	    color:#fff;
	    padding:5px 12px;
	    border-radius:30px;
	    font-size:13px;
	    display:inline-block;
	}
	
	.category-news-content h2{
	    margin:16px 0 14px;
	    font-size:28px;
	    line-height:1.4;
	}
	
	.category-news-content p{
	    color:#666;
	    line-height:1.8;
	    margin-bottom:18px;
	}
	
	/* META */
	
	.category-meta{
	    display:flex;
	    gap:20px;
	    color:#777;
	    font-size:14px;
	}
	
	/* PAGINATION */
	
	.custom-pagination{
	    display:flex;
	    gap:10px;
	    justify-content:center;
	    margin-top:30px;
	}
	
	.custom-pagination a{
	    width:42px;
	    height:42px;
	    border-radius:50%;
	    background:#fff;
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    text-decoration:none;
	    color:#222;
	    font-weight:700;
	    transition:.3s;
	    box-shadow:0 2px 10px rgba(0,0,0,0.05);
	}
	
	.custom-pagination a:hover,
	.custom-pagination a.active{
	    background:#00b7ff;
	    color:#fff;
	}
	
	/* MOBILE */
	
	@media(max-width:768px){
	
	    .category-page-header{
	        padding:18px;
	    }
	
	    .category-page-header h1{
	        font-size:28px;
	    }
	
	    .category-news-card{
	        flex-direction:column;
	    }
	
	    .category-news-image{
	        width:100%;
	        min-width:100%;
	        height:220px;
	    }
	
	    .category-news-content{
	        padding:18px;
	    }
	
	    .category-news-content h2{
	        font-size:22px;
	    }
	
	    .category-meta{
	        flex-wrap:wrap;
	        gap:10px;
	    }
	
	}

	
	/* ================= NEWS DETAILS ================= */
	
	/* IMAGE BOX */
	
	.news-details-image{
	    width:100%;
	    height:500px;
	    background:#ececec;
	    
	    display:flex;
	    align-items:center;
	    justify-content:center;
	
	    overflow:hidden;
	    border-radius:15px 15px 0 0;
	}
	
	/* DESKTOP IMAGE */
	
	.news-details-image img{
	    max-width:100%;
	    max-height:100%;
	    width:auto;
	    height:auto;
	    object-fit:contain;
	}
	
	/* MOBILE VIEW */
	
	@media(max-width:768px){
	
	    .news-details-image{
	        height:auto;
	        padding:0;
	        background:#fff;
	    }
	
	    .news-details-image img{
	        width:100%;
	        height:auto;
	        max-height:none;
	        object-fit:unset;
	        display:block;
	    }
	
	}

	/* NEWS DETAILS BOX */
	
	.news-details-page{
	    background:#fff;
	    border-radius:15px;
	    overflow:hidden;
	    box-shadow:0 2px 10px rgba(0,0,0,0.06);
	}
	
	/* CONTENT AREA */
	
	.news-details-content{
	    background:#fff;
	    padding:30px;
	}
	
	.news-details-content{
	    padding:28px;
	}
	
	/* CATEGORY */
	
	.details-category{
	    background:#00b7ff;
	    color:#fff;
	    padding:6px 14px;
	    border-radius:30px;
	    font-size:13px;
	    display:inline-block;
	}
	
	/* TITLE */
	
	.news-details-content h1{
	    margin:18px 0;
	    font-size:42px;
	    line-height:1.3;
	}
	
	/* META */
	
	.details-meta{
	    display:flex;
	    gap:22px;
	    flex-wrap:wrap;
	    color:#777;
	    font-size:14px;
	    margin-bottom:24px;
	}
	
	/* SHARE */
	
	.details-share{
	    display:flex;
	    gap:10px;
	    margin-bottom:28px;
	}
	
	.details-share a{
	    width:42px;
	    height:42px;
	    border-radius:50%;
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    text-decoration:none;
	    background:#fff;
	    transition:.3s;
	}
	
	.details-share a:hover{
	    transform:translateY(-2px);
	}
	
	/* TEXT */
	
	.details-text p{
	    font-size:18px;
	    line-height:2;
	    color:#333;
	    margin-bottom:24px;
	}
	
/* ================= RELATED POSTS ================= */

.related-posts{
    margin-top:35px;
}

.related-title{
    font-size:34px;
    font-weight:700;
    margin-bottom:25px;
    color:#111;
}

/* GRID GAP */

.related-posts .row{
    row-gap:24px;
}

/* CARD */

.related-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;

    box-shadow:0 2px 12px rgba(0,0,0,0.06);

    transition:.3s;
    height:100%;
}

.related-card:hover{
    transform:translateY(-4px);

    box-shadow:0 8px 24px rgba(0,0,0,0.10);
}

/* IMAGE */

.related-card img{
    width:100%;
    height:220px;

    object-fit:cover;
    object-position:center;

    display:block;

    background:#eee;
}

/* CONTENT */

.related-content{
    padding:18px;
}

/* TITLE */

.related-content h4{
    margin:0 0 12px;

    font-size:22px;
    line-height:1.5;
    font-weight:700;
}

/* LINK */

.related-content h4 a{
    color:#111;
    text-decoration:none;

    transition:.3s;
}

.related-content h4 a:hover{
    color:#007bff;
}

/* DATE */

.related-content span{
    color:#777;
    font-size:14px;
}

/* MOBILE */

@media(max-width:768px){

    .related-title{
        font-size:26px;
    }

    .related-card img{
        height:180px;
    }

    .related-content{
        padding:14px;
    }

    .related-content h4{
        font-size:18px;
        line-height:1.4;
    }

}
	/* ================= MOBILE ================= */
	
	@media(max-width:768px){
	
	    .desktop-share{
	        display:none;
	    }
	
	    .desktop-only{
	        display:none;
	    }
	
	    .mobile-share{
	        display:flex;
	    }
	
	    .mobile-menu-btn{
	        display:block;
	    }
	
	    .header-logo img{
	        width:65px;
	        height:65px;
	    }
	
	    .header-title h1{
	        font-size:24px;
	    }
	
	    .header-title span{
	        font-size:11px;
	    }
	
	    .main-nav{
	        height:46px;
	    }
	
	    .scroll-menu a{
	        padding:14px 16px;
	        font-size:14px;
	    }
	
	    .breaking-bar{
	        height:34px;
	    }
	
	    .breaking-label{
	        height:34px;
	        font-size:12px;
	    }
	
	    .breaking-text{
	        font-size:17px;
	    }
	
	    .news-card img{
	        height:220px;
	    }
	
	    .news-content{
	        padding:15px;
	    }
	
	    .news-content h2{
	        font-size:22px;
	    }
		
		/* ================= MOBILE SEARCH ================= */
		
		.nav-search{
		    position:relative;
		    min-width:42px;
		    background:none;
		    overflow:visible;
		}
		
		/* INPUT */
		
		.nav-search input{
		    position:absolute;
		    right:48px;
		    top:50%;
		    transform:translateY(-50%);
		
		    width:0;
		    opacity:0;
		
		    background:#10293d;
		    border:none;
		    outline:none;
		
		    color:#fff;
		
		    height:42px;
		    border-radius:30px;
		
		    padding:0 16px;
		
		    transition:.3s;
		}
		
		/* ACTIVE SEARCH */
		
		.nav-search.active input{
		    width:180px;
		    opacity:1;
		}
		
		/* BUTTON */
		
		.nav-search button{
		    border-radius:50%;
		    width:40px;
		    height:40px;
		    position:relative;
		    z-index:2;
		}
			
		.main-nav{
		    height:52px;
		}
		
		.scroll-menu a{
		    padding:16px 14px;
		    font-size:14px;
		}
	
		/* RIGHT SIDEBAR MOBILE */
		
		.right-mobile-show{
		    margin-top:20px;
		}
		
		.right-sidebar{
		    position:relative;
		    top:0;
		}
		
		.sidebar-box{
		    margin-bottom:16px;
		}
		
		.sidebar-heading{
		    font-size:18px;
		    padding:12px 15px;
		}
		
		.trending-item{
		    padding:14px;
		}
		
		.trend-number{
		    font-size:28px;
		}
		
		.trend-content h4{
		    font-size:15px;
		}
		
		.latest-item{
		    padding:14px;
		}
	
	}