/*
Theme Name: Education
Text Domain: education
Version: 1.5
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, two-column,right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the Mosharaf
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/



.gif-banner-wrapper{
display:flex;
gap:10px;
}

.gif-col{
flex:1;
}

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

body,
.eng-date,
.bn-date,
.hijri-date {
    font-family: 'Noto Sans Bengali', 'SolaimanLipi', 'Siyam Rupali', sans-serif;
}

body {
	margin:0 auto;
	padding:0px;
	width:1230px;
}
.container{
display:flex;
gap:20px;
}

.col-left{
width:20%;
}

.col-middle{
width:55%;
}

.col-right{
width:25%;
}
h1{
    color: white;
    font-size: 40px;
    text-align:left;
	background:red;
	padding:20px;
}
p{
	padding:0px;
	color:;
	width:50%
	float:left;
	
}


/* News*/

.featured-carousel .slide img {
    width:100%;
    height:auto;
}
@media(max-width:768px){
    .container { flex-direction: column; }
    .col-left, .col-middle, .col-right { width:100% !important; }
    .latest-two-posts { flex-direction: column; }
    .latest-two-posts > div { width:100% !important; }
}

/* ---------------- Layout ---------------- */
.home-layout {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;   /* important! prevent right column wrapping */
}

/* LEFT COLUMN */
.col-left {
    width: 20%;
    box-sizing: border-box;
}

/* MIDDLE COLUMN */
.col-middle {
    width: 55%;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Carousel */
.middle-wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
}

.featured-slider,
.featured-slider .owl-stage-outer,
.featured-slider .owl-stage {
    width: 100%;
    display: block;
    float: none;
}

/* Bottom posts below carousel */
.middle-two-posts {
    width: 100%;
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.middle-post {
    width: 50%;
}

/* RIGHT COLUMN */
.col-right {
    width: 25%;
    box-sizing: border-box;
}

/* Right side serial number styling */
.latest-post a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.latest-number {
    width: 26px;
    height: 26px;
    background: #e74c3c;   /* 🔴  */
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    flex-shrink: 0;
}

/* ---------------- Mobile Responsive ---------------- */
@media(max-width:768px) {
    .home-layout {
        flex-direction: column;
    }
    .col-left, .col-middle, .col-right {
        width: 100%;
    }
    .middle-two-posts {
        flex-direction: column;
    }
    .middle-post {
        width: 100%;
    }
}

/*End*/

.featured-slider img{
  width:100%;
  height:auto;
}

.slide-title{
  position:absolute;
  bottom:10px;
  left:10px;
  color:#fff;
  background:rgba(0,0,0,.6);
  padding:5px 10px;
}


/* Footer Background*/


/* Footer  */
.footer_area {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 20px;
    padding: 30px;
    background: #333333;   /* Footer background color */
    color: #ffffff;        /* Footer text color */
}

.footer_one,
.footer_two,
.footer_three {
    width: 33.33%;
}

.footer_area h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #ffffff;        /* Heading color */
}

.footer_area p {
    line-height: 1.6;
    color: #ffffff;        /* Paragraph color */
}

/* Copyright */
.footer_copyright {
    text-align: center;
    padding: 12px 20px;
    background-color: #222222;
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.5;
}

.footer_copyright p {
    margin: 0;
    color: #ffffff !important;
}
.logo img {
    height: auto;
    width: 1230px;
}
.banner_area{
	width:1230px;
	
	overflow:hidden;
	
}
.banner_one{
	width:33.33%;
	float:left;
	padding:10px;
	box-sizing:border-box;
	
}
.banner_two{
	width:33.33%;
	float:left;
	padding:10px;
	box-sizing:border-box;
	
}
.banner_three{
	width:33.33%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}


.big-banner{
	overflow:hidden;
	width:820px;
	float:left;
	padding:10px;
	box-sizing:border-box;
	
}
.picture_area{
	width:390px;
	float:left;
	padding:10px;
	box-sizing:border-box;
}
.menu{
	
	height:100px;
}

.menu_area ul{
	
	list-style:none;
	
	
	
}

.menu_area ul li{
	display:inline-block;
	padding:10px;
	color:#ffffff;
}
.menu_area ul li a{
	text-decoration:none;
	padding:10px 15px;
	font-size: 15px;
	color:#fff;
	
}

.menu_area ul li a:hover{
	color: #ff6600;
	background: #ff6666;
	
}

.menu_area ul {
    list-style: none;
    margin:20px 0px;
    padding: 0;
    display: flex;
}

.menu_area ul li {
    margin-right:opx;
}

.menu_area ul li a:hover {
    color: #fff;
    background:green;
    border-radius: 4px;
}

.navbar-nav li:first-child > a {
    color: #fff !important;
    background: #0d6efd;
    border-radius: 5px;
}
.menu_area{
    width:80%;
    float:left;    
}
.search_area{
	width:20%;
	float:left;
	margin:30px 0px;
}
.search-point {
    font-size: 30px;
    cursor: pointer;
    color:#666600;
	
}

/* Parent menu position */
.main_menu li {
    position: relative;
}

/* Arrow icon */
.main_menu li.menu-item-has-children > a::after {
    content: "▼";
    font-size: 12px;
    margin-left: 6px;
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Rotate arrow on hover */
.main_menu li.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

/* Dropdown hide */
.main_menu li ul {
    display: none;
}

/* Dropdown show on hover */
.main_menu li:hover > ul {
    display: block;
}

.video_area{
    width: 100%;
	overflow:hidden;
}
.video_one{
	width:297.5px;
	float:left;
	padding:10px;
	height:auto;
	
}
.video_two{
	width:297.5px;
	float:left;
	padding:10px;
	height:auto;
	
}
.video_three{
	width:297.5px;
	float:left;
	padding:10px;
	height:auto;
	
}
.video_four{
	width:297.5px;
	float:left;
	padding:10px;
	height:auto;	
}
.video-caption{
    text-align: center;
    margin-top: 5px;
    font-size: 18px;
    color: #333;
}
.video_area{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.video-caption{
    text-align: center;
    margin-top: 5px;
}
.big-banner{
	width:100%;
	overflow:hidden;
}

.big-banner-area{
    width:70%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.picture_area_image{
    width:30%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

/* row clear fix */
.row::after{
    content: "";
    display: block;
    clear: both;
}

.big-banner-caption{
	text-align:center;
	font-size: 18px;
	margin-top: 5px;
}
.picture-caption{
	text-align:center;
	font-size: 18px;
	margin-top: 5px;
}

.banner_image_one{
 width:25%;
	float:left;
	padding:10px;
	height:auto;
	box-sizing: border-box;
}
.banner_image_two{
	width:25%;
	float:left;
	padding:10px;
	height:auto;
	box-sizing: border-box;
}
.banner_image_three{
	width:25%;
	float:left;
	padding:10px;
	height:auto;
	box-sizing: border-box;
}

.banner_image_four{
	width:25%;
	float:left;
	padding:10px;
	height:auto;
	box-sizing: border-box;
}
.banner_caption{
	text-align:center;
	font-size: 18px;
	margin-top: 5px;
	box-sizing: border-box;
}

.banner_image{
	float:left;
	
	
}
/* Breaking News*/
.breaking-news-area {
    display: flex;
    align-items: center;
    padding: 8px;
    overflow: hidden;
}

.breaking-title {
    color: #fff;
    font-weight: bold;
    padding: 8px 15px;
    margin-right: 10px;
    white-space: nowrap;
}

.breaking-marquee {
    flex: 5;
}

.breaking-item {
    display: inline-block;
    background: #ffffff;
    color: #000;
    padding: 6px 15px;
    margin-right: 10px;
    border-radius: 3px;
}

.breaking-item a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

.breaking-item:hover {
    background: #000;
    color: #fff;
}
.breaking-news-area {
    display: flex;
    align-items: center;
    padding: 8px;
    overflow: hidden;
}

.breaking-title {
    color: #fff;
    font-weight: bold;
    padding: 8px 15px;
    margin-right: 10px;
    white-space: nowrap;
}

.breaking-marquee {
    display: flex;      
    gap: 10px;          
    flex: 1;
}

/* marquee items box */
.breaking-item {
    background: #ffffff;
    color: #000;
    padding: 6px 10px;
    border-radius: 3px;
    white-space: nowrap;
    flex-shrink: 0;      /* shrink  */
}

.breaking-item a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

.breaking-item:hover {
    background: #000;
    color: #fff;
}

.slick-next slick-arrow{
	display:none;
	
	
}
.slick-dots{
	display:none;
	
}

/* ‍single Page*/


.single-post-title {
    font-weight:bold;
    color:#222;
}

.single-post-meta a {
    color:#0073aa;
    text-decoration:none;
}

.single-post-content img {
    max-width:100%;
    height:auto;
}

.single-post-content p {
    margin-bottom:15px;
}
.single-wrap{max-width:900px;margin:auto;padding:20px}
.breadcrumb{font-size:14px;margin-bottom:10px;color:#777}
.single-title{font-size:32px;margin-bottom:10px}
.single-meta span{margin-right:15px;color:#777;font-size:14px}
.single-thumb img{width:100%;border-radius:6px;margin:20px 0}
.share-box a{display:inline-block;margin-right:10px;padding:6px 12px;background:#0073aa;color:#fff;border-radius:4px;font-size:14px}
.single-content{font-size:17px;line-height:1.8}
.author-box{display:flex;gap:15px;margin:40px 0;padding:20px;background:#f7f7f7;border-radius:6px}
.post-navigation{display:flex;justify-content:space-between;margin:30px 0}
.related-posts h3{margin-bottom:15px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.related-item img{width:100%;border-radius:5px}

/* ===== Single Page Layout ===== */

.single-wrap{
    max-width:1100px;
    margin:auto;
    display:flex;
    gap:20px;
}

/* Main Content */
.single-content{
    font-size:18px;
    line-height:1.9;
    color:#333;
}

/* Post container */
.single-wrap .container{
    width:70%;
}

/* Sidebar / Ads */
.single-wrap .sidebar{
    width:30%;
}

/* Featured image */
.single-thumb img{
    width:100%;
    height:auto;
}

/* Share button */
.share-box a{
    display:inline-block;
    padding:6px 12px;
    margin-right:5px;
    background:#1877f2;
    color:#fff;
    text-decoration:none;
    border-radius:3px;
}

/* Category */
.category-columns {
    display: flex;
    flex-wrap: wrap;
}

.category-column {
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .category-column { width: 50%; }
}
@media (max-width: 575px) {
    .category-column { width: 100%; }
}

.category-box {
    border: 1px solid #eee;
    height: 100%;
    background: #fff;
}

.category-title {
    margin: 0;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

.category-title a {
    color: inherit;
    text-decoration: none;
}

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

.category-post-title {
    padding: 10px;
    font-size: 16px;
    line-height: 1.4;
    color: #111;
}

.left-post, .latest-post, .category-post { margin-bottom: 20px; }
.featured-slider { overflow:hidden; }
.category-columns .category-column { margin-bottom:20px; }
.category-thumb img, .left-thumb img, .slide img { width:100%; height:auto; display:block; }
.latest-number { font-weight:bold; margin-right:5px; float:left; }
.latest-thumb { float:left; margin-right:5px; }
.latest-title { overflow:hidden; }

.single-post-title { font-weight:bold; color:#222; }
.single-post-meta a { color:#0073aa; text-decoration:none; }
.single-post-content img { max-width:100%; height:auto; }
.single-post-content p { margin-bottom:15px; }
.left-post, .latest-post, .slide { margin-bottom:20px; }
.left-thumb img, .latest-thumb img, .slide img { width:100%; height:auto; display:block; }


/* Categary Titlr Color*/

.category-columns {
    display: flex;
    flex-wrap: wrap;
    margin: -7.5px; /* negative margin for consistent gap */
}

.category-columns .category-column {
    padding: 7.5px; /* half of gap for gutters */
    box-sizing: border-box;
    flex: 0 0 25%; /* Desktop: 4 columns */
    max-width: 25%;
}

/* Tablet */
@media (max-width: 991px) {
    .category-columns .category-column {
        flex: 0 0 50%; /* 2 columns */
        max-width: 50%;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .category-columns .category-column {
        flex: 0 0 100%; /* 1 column */
        max-width: 100%;
    }
}

/* Category box spacing */
.category-box {
    margin-bottom: 15px;
}

/* Category header styling */
.category-header {
    color: #fff;
    font-weight: 600;
    padding: 10px 15px;
    font-family: inherit;
}

/* Individual post inside category */
.category-post-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    gap: 10px;
}

/* Post thumbnail */
.category-post-item .post-thumb img {
    width: 80px;
    height: 60px;
    object-fit: cover;
}

/* Post title */
.category-post-item .post-title a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

/* Facebook*/

.three-column-layout{
    display:flex;
    flex-wrap:nowrap;   
    gap:10px;
}

.column{
    padding:10px;
    box-sizing:border-box;
}

.left-col{ width:25%; }
.middle-col{ width:50%; }
.right-col{ width:25%; }

.column-title{
    padding:10px;
    color:#fff;
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
}

.column-body img{
    width:100%;
    height:auto;
}
.column-title{
    color:#ffffff;        
    font-size:18px;
    font-weight:600;
    padding:10px;
}
/* Facebook Share Box */
.left-col{
    width:25%;
}

.fb-page,
.fb-page iframe{
    width:100% !important;
}
/* 3 Column Layout */
.three-column-layout{
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

/* Common column */
.three-column-layout .column{
    background: #fff;
    box-sizing: border-box;
}

/* Width control */
.left-col{
    width: 25%;
}

.middle-col{
    width: 50%;
}

.right-col{
    width: 25%;
}

/* Image fix */
.column img{
    max-width:100%;
    height:auto;
}

/* Mobile Responsive */
@media (max-width: 768px){
    .three-column-layout{
        flex-direction: column;
    }
    .left-col,
    .middle-col,
    .right-col{
        width:100%;
    }
}
.facebook_wrapper{
    width: 100%;
    overflow: hidden;   
    border-radius: 6px;
}

.facebook_title{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.facebook_box{
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 5px;
    background: #fff;
}

/* Facebook iframe fix */
.fb-page,
.fb-page span,
.fb-page iframe{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.facebook_wrapper{
    width: 100%;
    overflow: hidden;   
    border-radius: 6px;
}

.facebook_title{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.facebook_box{
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 5px;
    background: #fff;
}

/* Facebook iframe fix */
.fb-page,
.fb-page span,
.fb-page iframe{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.right_column_title{
    color:#fff;
    padding:10px;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}

.right_box{
    background:#f7f7f7;
    padding:10px;
    margin-bottom:15px;
}

.searched_news_item{
    border-bottom:1px solid #ddd;
    padding:8px 0;
}

.searched_news_item a{
    font-weight:bold;
    display:block;
}

.news_date{
    font-size:12px;
    color:#666;
}

.facebook_iframe_wrap{
    height:200px;          
    overflow-y:scroll;     /* vertical scroll  */
    overflow-x:hidden;
    border:1px solid #ddd;
}

.facebook_scroll_box{
    height:200px;
    overflow-y:auto;
    overflow-x:hidden;
}


/* News */
.horizontal_marquee_item {
    display: inline-flex;     
    align-items: center;
    padding: 6px 16px;
    margin-right: 10px;        
    border-radius: 20px;
    font-size: 14px;
    color: #222;
    background: #ffffff;
    white-space: nowrap;
}
.facebook_iframe_wrap {
    width: 100%;
    overflow: hidden;
}
.facebook_iframe_wrap iframe {
    max-width: 100%;
}
/*Bigapon*/
/* MAIN LAYOUT */
.three-column-layout{
    display: flex;
    align-items: flex-start;
}

/* LEFT + MIDDLE + AD */
.lm-wrap{
    width: 75%;
    display: flex;
    flex-wrap: wrap;
}

/* LEFT COLUMN */
.left-col{
    width: 40%;
    box-sizing: border-box;
}

/* MIDDLE COLUMN */
.middle-col{
    width: 60%;
    box-sizing: border-box;
}

/* ADVERTISEMENT */
.ad-box{
    width: 100%;
    margin-top: 15px;
    padding: 15px;
    background: #f2f2f2;
    text-align: center;
}

/* RIGHT COLUMN */
.right-col{
    width: 25%;
    box-sizing: border-box;
}
.show-below{
    display: block;
    clear: both;
}
.show-below{
    clear: both;
}
.himaloya-two-video{
    display: flex;
    gap: 15px;
}

.video-col{
    width: 50%;
    box-sizing: border-box;
}

.video-wrapper{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

.video-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-caption{
    margin-top: 8px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

/* MOBILE */
@media(max-width:768px){
    .himaloya-two-video{
        flex-direction: column;
    }
    .video-col{
        width: 100%;
    }
}
/* Top Bar*/
.top-bar-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 10px;
    box-sizing: border-box;
}

/* WIDTH CONTROL */
.top-bar-wrapper .left-col {
    width: 25%;
}

.top-bar-wrapper .center-col {
    width: 50%;
    text-align: center;
}

.top-bar-wrapper .right-col {
    width: 25%;
    text-align: right;
}

/* LOGO */
.site-logo img {
    max-height: 60px;
    max-width: 100%;
}

/* SOCIAL ICONS */
.top-social a {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    margin-left: 6px;
    font-size: 14px;
    transition: 0.3s;
}

.top-social .fb { background: #1877f2; }
.top-social .tw { background: #000; }
.top-social .yt { background: #ff0000; }
.top-social .in { background: #e1306c; }
.top-social .ln { background: #0a66c2; }

.top-social a:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}
/* WhatsApp Icon Color Fix */
.top-social a.wa {
    background: #25D366;   /* WhatsApp Green */
    color: #ffffff;        /* Icon White */
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    text-decoration: none;
    transition: 0.3s ease;
}

/* Hover Effect */
.top-social a.wa:hover {
    background: #1ebe5d;
    transform: scale(1.1);
}
.eng-date {
    font-size: 20px;
    font-weight: 700;
}

.bn-date {
    font-size: 20px;   /* ????? ???? ?? */
    font-weight: 700;
    margin: 4px 0;
}

.hijri-date {
    font-size: 20px;
    color: #444;
	font-weight: 700;
}
/*Desktop */
/* Desktop view (Default) */
body {
    font-size: 16px;
}
@media (max-width: 1024px) {

    body {
        font-size: 15px;
    }

    .top-bar-wrapper {
        padding: 10px;
    }

    .top-col {
        width: 100%;
        text-align: center;
    }

}
@media (max-width: 767px) {

    body {
        font-size: 14px;
    }

    /* Top date section */
    .top-bar-wrapper {
        padding: 8px;
    }

    .top-col {
        width: 100%;
        text-align: center;
    }

    .eng-date,
    .bn-date,
    .hijri-date {
        display: block;
        font-size: 18px;
        line-height: 1.5;
    }

}

/* Youtub Video/
.video-wrapper{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    z-index: 1;
}

.video-wrapper iframe{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.site-header-top,
.top-bar-wrapper{
    position: relative;
    z-index: 9999;
}


/* TOP BAR WRAPPER */
.top-bar-wrapper{
    display: flex;
    align-items: stretch;  
    gap: 10px;
}

/* ALL BOX */
.top-col{
    display: flex;
    flex-direction: column;
    justify-content: center; 
}

/* Mobile Menu Style */
.mobile-menu {
    display: none; 
    cursor: pointer;
    width: 30px;
    flex-direction: column;
    justify-content: space-between;
    height: 22px;
}

.mobile-menu .bar {
    height: 4px;
    width: 100%;
    background-color: #333;
    border-radius: 2px;
}

/* Mobile  */
.mobile-nav {
    display: none;
    background-color: #f2f2f2;
    padding: 10px;
}

.mobile-nav ul {
    list-style: none;
    padding: 0;
}

.mobile-nav ul li {
    margin: 10px 0;
}


@media (max-width: 768px) {
    .mobile-menu {
        display: flex;
    }
}


/* Mobile View */
@media (max-width:768px){
    .menu-epaper a{
        display:block;
        text-align:center;
        margin:5px;
    }
}
.mobile-nav {
    display: none;
}

@media (max-width: 768px) {
    .mobile-nav {
        display: block;
    }
}
/* Search*/



#searchToggle{
    width: 70px;         
    height: 70px;

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

    font-size: 22px;         
    line-height: 1;

   
    border-radius: 50%;
    cursor: pointer;

    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

/* menu flex */

.menu_area ul.main_menu{
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}
/* all li center */
.menu_area ul.main_menu > li{
    display: flex;
    align-items: center;
}

/* HOME ICON */
.menu-home a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
    color: #fff;
    text-decoration: none;
}
.menu-home a:hover{
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
}

/* SEARCH right */
.menu-search{
    margin-left: auto;
    position: relative;
}
/* HOME ICON STYLE */
.menu-home .home-icon {
    font-size: 40px;   
    color: #e11d48;    
    line-height: 1;
}
.menu-home a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #ff0000;;
    border-radius: 50%;
}

/* hover effect */
.menu-home a:hover .home-icon {
    color: #0ea5e9;
}


/* TWO COLUMN BANNER AREA */
.two-col-banner-area {
    display: flex;
    width: 100%;
    gap: 10px;             
}

/* EACH COLUMN = 50% */
.two-col-banner-area .banner-col {
    width: 50%;
    height: 200px;          
    overflow: hidden;
}

/* LINK FULL HEIGHT */
.two-col-banner-area .banner-col a {
    display: block;
    width: 100%;
    height: 100%;
}

/* IMAGE PERFECT FIT */
.two-col-banner-area .banner-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;      
}

.two-col-banner-area {
    margin-top: 5px;
    margin-bottom: 5px;
}
/* Paginatiin*/
.pagination {
    margin: 20px 0;
    text-align: center;
}

.pagination .page-numbers {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 3px;
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
    border-radius: 3px;
}

.pagination .page-numbers.current {
    background: #dc2626;
    color: #fff;
}

.pagination .page-numbers:hover {
    background: #000;
    color: #fff;
}
.bkash-ad-300{
  width:300px;
  margin:20px auto;
  text-align:center;
}
.bkash-ad-300 img{
  width:100%;
  border-radius:8px;
}
/* Banner banano*/
.gif-banner-wrapper {
    display: flex;
    gap: 10px;          
    padding: 10px;      
}

.gif-col {
    flex: 1;            
}

.gif-col img {
    width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 768px) {
    .gif-banner-wrapper {
        flex-direction: column;
    }
}
.site-header-logo img {
    max-width: 100%;
    height: auto;
    display: block;
}
.banner-carousel {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.banner-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}



.banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-carousel {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
}

.banner-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.banner-slide.active {
    opacity: 16;
}

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

/* Caption Style */
.banner-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;              /* Down */
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 15px 25px;
}

.banner-caption h2 {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 600;
}

.banner-caption p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.banner-caption{
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
padding:15px;
color:#fff;
}



/* Two Column Banner*/
.six-ads-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin:20px 0;
}

.single-ad img{
width:100%;
height:auto;
display:block;
border-radius:6px;
}

@media(max-width:768px){
.six-ads-wrapper{
grid-template-columns:1fr;
}
}
.ads-row{
display:flex;
gap:10px;
margin-bottom:10px;
}

.ad-col{
width:50%;
}

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

@media(max-width:768px){
.ads-row{
flex-direction:column;
}
.ad-col{
width:100%;
}
}
/*YouTube Live */
.live-tv-box{
background:#111;
padding:10px;
border-radius:6px;
}
.live-label{
	text-align:center;
}

color:#fff;
font-size:18px;
margin:10px 0;
font-weight:bold;
text-align:center;
}

.video-grid{
margin-top:10px;
}

.video-grid iframe{
border-radius:6px;
}
.live-tv-box{
width:100%;
height:100vh;
background:#000;
}

.live-tv-box iframe{
width:100%;
height:100%;
border:0;
}