.profile-dropdown{
    position:absolute;
    right:0;
    top:45px;
    background:#fff;
    min-width:150px;
    border:1px solid #eee;
    border-radius:6px;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    display:none;
    z-index:9999;
}

.profile-dropdown a{
    display:block;
    padding:8px 12px;
    text-decoration:none;
    color:#333;
    font-size:14px;
}

.profile-dropdown a:hover{
    background:#f5f5f5;
}
.profile-dropdown-head{
    position:absolute;
    right:0;
    top:45px;
    background:#fff;
    min-width:150px;
    border:1px solid #eee;
    border-radius:6px;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    display:none;
    z-index:9999;
}

.profile-dropdown-head a{
    display:block;
    padding:8px 12px;
    text-decoration:none;
    color:#333;
    font-size:14px;
}

.profile-dropdown-head a:hover{
    background:#f5f5f5;
}


/* ========== Tablet ========== */
@media (max-width: 1024px) {
    .responsive-navbar{
        position: absolute;
        top: -10px;
        right: 0;
        height: 61px;
    }
    /*.custom-navbar{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }*/
    .navicon{
        padding-top: 24px !important;
    }
}

@media (max-width: 991px) {
    .responsive-navbar{
        position: absolute;
        top: -8px;
        right: 0;
        height: 53px;
    }
    .padding-responsive{
        padding-top: 18px;
    }
    .navicon{
        padding-top: 24px !important;
    }
}

@media (max-width: 768px) {
    .responsive-navbar{
        position: absolute;
        top: -8px;
        right: 0;
        height: 53px;
    }
    .padding-responsive{
        padding-top: 15px !important;
    }
    .navicon{
        padding-top: 20px !important;
    }
    #navbarSupportedContent {
        padding-left: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        width: 84% !important;
    }
}

/* ========== Mobile ========== */
@media (max-width: 576px) {
    .responsive-navbar{
        position: absolute;
        top: -8px;
        right: 0;
        height: 52px;
    }
    .padding-responsive{
        padding-top: 13px !important;
    }
    .navicon{
        padding-top: 20px !important;
    }
    #navbarSupportedContent {
        padding-left: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        width: 67% !important;
    }
}

/*
.ads-970x120{
    width:970px;
    height:120px;
    margin:10px auto;

    !*border:1px dashed #ccc;*!
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
*/
.ads-wrapper {
    max-width: 970px;
    width: 100%;
    margin: 15px auto;
    overflow: hidden; /* overflow আটকাবে */
}

.ads-wrapper iframe,
.ads-wrapper img,
.ads-wrapper ins,
.ads-wrapper div {
    max-width: 100% !important;
    width: 100% !important;
    height: 120px;
}
.ads-970x120 {
    max-width: 970px;
    width: 100%;
    height: 120px !important;
    margin: 10px auto;
}

.ads-970x120 img,
.ads-970x120 iframe {
    max-width: 100%;
    height: auto;
}
/* Mobile fix */
@media (max-width: 768px) {
    .ads-wrapper iframe,
    .ads-wrapper img,
    .ads-wrapper ins,
    .ads-wrapper div {
        height: auto !important; /* mobile auto */
    }
}

.news-title{
    font-size:28px;
    font-weight:700;
    margin-top:15px;
}

.news-desc{
    color:#555;
    font-size: 16px;
}

.news-time{
    font-size:14px;
    color:#888;
}

.small-news img{
    margin-bottom:10px;
}

.small-news p{
    font-weight:500;
    font-size:16px;
}

.bottom-news p{
    font-weight:300;
    margin-bottom:5px;
}

.bottom-news span{
    font-size:13px;
    color:#888;
}

.title{
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.main-news:hover .title {
     text-decoration: underline;
}

.title:hover {
     text-decoration: underline;
}
.small-news:hover .title {
     text-decoration: underline;
}

.small-news-card{
    display:flex;
    flex-direction:column;
    height:100%;
    text-decoration:none;
}

.small-news{
    flex-grow:1;
}

.title{
    font-size:16px;
    font-family:noto-serif-bengali-SemiBold;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.news-time{
    font-size:13px;
    color:#777;
    margin-top:auto;
}

/* Ads */

.ads-area{
    margin-top:40px;
}

.ads-label{
    font-size:14px;
    color:#777;
    margin-bottom:10px;
}

.ads-box{
    max-width:970px;
    margin:auto;
}

.ads-box img{
    width:100%;
    height:250px;
}

.whatsapp-banner{
    background: linear-gradient(90deg, #151414, #d73211);
    color:white;
    padding:40px;
    border-radius:4px;
    overflow:hidden;
}

.banner-title{
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
}

.whatsapp-btn{
    display:inline-flex;
    align-items:center;
    background:#fff;
    color:#000;
    padding:12px 20px;
    font-weight:600;
    text-decoration:none;
    gap:10px;
}

.whatsapp-btn:hover{
    background:#f3f3f3;
}

.arrow{
    font-size:20px;
}

.phone-img{
    max-height:140px;
}

/* Mobile */

@media(max-width:768px){

    .banner-title{
        font-size:22px;
    }

    .whatsapp-banner{
        padding:25px;
    }

}

.section-title{
    font-size:26px;
    font-weight:700;
    margin-bottom:30px;
}

.popular-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:25px;
}

.news-number{
    font-size:40px;
    font-weight:400;
    color:#c40000;
    line-height:1;
}

.popular-item p{
    font-size:18px;
    font-weight:500;
    margin:0;
}

/* hover effect */

.popular-item:hover p{
    text-decoration:underline;
}

/* responsive */

@media(max-width:768px){

    .popular-item p{
        font-size:16px;
    }

    .news-number{
        font-size:32px;
    }

}

#sidebar{
    position:fixed;
    top:0;
    right:-100%;
    width:100%;
    height:100vh;
    background:white;
    color:black;
    z-index:9999;
    transition:0.4s;
}

#sidebar.active{
    right:0;
}

.overlay{
    position:fixed;
    width:100%;
    height:100vh;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:9998;
    opacity:0;
    visibility:hidden;
    transition:0.4s;
}

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

#dismiss{
    /*position:absolute;*/
    /*top:20px;*/
    /*right:30px;*/
    font-size:28px;
    cursor:pointer;
}

#nav-icon{
    cursor:pointer;
}

.mega-menu{
    background:#fff;
    padding:20px 0;
    font-family: solaimanlipi;
}

.menu-row{
    border-bottom:1px solid #e5e5e5;
    padding:10px 0;
    display:flex;
    align-items:center;
}

.menu-title{
    width:140px;
    font-weight:700;
    font-size:18px;
}

.arrow{
    color:red;
    margin-left:5px;
}

.menu-links{
    font-size:16px;
    color:#333;
}

.menu-links:hover{
    color:#000;
}

.right-side{
    border-left:1px solid #ddd;
    padding-left:25px;
}

.follow p{
    margin-top:20px;
    font-weight:600;
}

.social{
    display:flex;
    gap:10px;
}

.social span{
    width:35px;
    height:35px;
    border:1px solid #ddd;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    cursor:pointer;
}

.app p{
    margin-top:20px;
    font-weight:600;
}


.child-root{
    height:0;
    overflow:hidden;
    transition:all .3s ease;
}

.child-root.open{
    height:auto;
}

.child-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    padding:10px 0;
}

.arrow-1{
    transition:transform .3s ease;
}

.rotate{
    transform:rotate(180deg);
}

.news-section{
    /*background:#f5f5f5;*/
    padding:40px 0;
}

.news-card{
    background:#fff;
    padding:15px;
    border-radius:3px;
}

.news-header{
    border-top:3px solid #938a8a;
    padding-top:10px;
    margin-bottom:10px;
}

.news-header h4{
    font-size:20px;
    font-weight:700;
}

.news-header span{
    color:red;
    margin-left:5px;
}

.news-card img{
    margin-bottom:10px;
}

.main-title{
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
}

.sub-news{
    list-style:none;
    padding:0;
    margin:0;
    border-top:1px solid #eee;
}

.sub-news li{
    padding:8px 0;
    border-bottom:1px solid #eee;
    font-size:15px;
}

/* Title */
.search-title{
    font-size:36px;
    font-weight:700;
    margin-bottom:25px;
}

/* Search box */

.search-box{
    display:flex;
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
    background:#fff;
}

.search-box input{
    border:none;
    flex:1;
    padding:14px;
    outline:none;
}

.search-btn{
    background:#1e73be;
    color:#fff;
    border:none;
    width:60px;
}

/* Filters */
.filter-box input,
.select2-container .select2-selection--single{
    height:42px !important;
    border:1px solid #ddd !important;
    border-radius:4px !important;
    padding:8px 12px !important;
    background:#f3f3f3 !important;
    font-size:14px !important;
}

/* select2 text alignment */

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:26px;
}

/* select arrow position */

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:40px;
    right:8px;
}

/* focus effect */

.filter-box input:focus,
.select2-container--default.select2-container--focus .select2-selection--single{
    border-color:#1e73be;
    box-shadow:none;
}

/* daterangepicker input */

#dateRange{
    cursor:pointer;
}

/* Result */

.result-count{
    font-size:14px;
    margin-top:10px;
}

.news-item{
    border-top:1px solid #ddd;
    padding:20px 0;
}


/*Login*/
.login-wrapper{
    display:flex;
    justify-content:center;
    padding:40px 0;
}

.login-box{
    width:420px;
    background:#fff;
    border:1px solid #ddd;
    padding:30px 40px;
    border-radius:4px;
}

.back-btn{
    font-size:14px;
    margin-bottom:15px;
    cursor:pointer;
}

.logo{
    text-align:center;
    margin-bottom:10px;
}

.logo img{
    height:40px;
}

.login-title{
    text-align:center;
    color:#1a73e8;
    margin-bottom:5px;
}

.login-sub{
    text-align:center;
    margin-bottom:20px;
}

.social-btn{
    width:100%;
    border:none;
    padding:10px;
    border-radius:4px;
    margin-bottom:12px;
    font-size:16px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.facebook{
    background:#3b5998;
}

.google{
    background:#4a86e8;
}

.or{
    text-align:center;
    margin:15px 0;
}

.input-group{
    margin-bottom:15px;
}

.input-group input{
    width:100%;
    padding:10px;
    border:1px solid #ccc;
    border-radius:4px;
}

.password-group{
    position:relative;
}

.password-group .show{
    position:absolute;
    right:10px;
    top:10px;
    color:#1a73e8;
    cursor:pointer;
}

.login-btn{
    width:100%;
    background:#e00000;
    color:#fff;
    border:none;
    padding:12px;
    border-radius:4px;
    font-weight:bold;
}

.forgot{
    text-align:center;
    margin-top:12px;
    color:#1a73e8;
    font-size:14px;
}

.create{
    text-align:center;
    margin-top:10px;
}

.create span{
    color:#e00000;
    cursor:pointer;
    font-weight:bold;
}

/* My Account */
.profile-wrapper{
    display:flex;
    max-width:1400px;
    margin:auto;
    padding:30px 0;
}

/* Sidebar */

.profile-sidebar{
    width:220px;
    background:#f0f0f0;
    padding:20px;
}

.profile-sidebar h6{
    font-weight:bold;
    margin-bottom:10px;
}

.profile-sidebar ul{
    list-style:none;
    padding:0;
}

.profile-sidebar li{
    margin-bottom:8px;
}

.profile-sidebar a{
    text-decoration:none;
    color:#0073e6;
}

.profile-sidebar .active a{
    font-weight:bold;
}



/* Content */

.profile-content{
    flex:1;
    /*background: #ffffff;*/
    padding:30px 40px;
}

.page-title{
    color:#1a73e8;
}

/* Profile image */

.profile-image{
    text-align:center;
}

.avatar{
    position:relative;
    display:inline-block;
}

.avatar img{
    width:90px;
    height:90px;
    border-radius:50%;
}

.upload-btn{
    position:absolute;
    bottom:0;
    right:0;
    background:#1a73e8;
    color:#fff;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.email{
    margin-top:8px;
    font-weight:bold;
}


/* Gender */

.gender-box{
    display:flex;
    gap:15px;
    margin:20px 0;
}

.gender{
    width:60px;
    height:60px;
    background:#eee;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.gender.active{
    background:#1a73e8;
    color:#fff;
}


/* Form */

.form-group label{
    font-size:13px;
}

.form-group input,
.form-group select{
    width:100%;
    padding:8px;
    border:1px solid #ccc;
}


/* Button */

.save-btn{
    margin-top:20px;
    width:180px;
    padding:10px;
    border:1px solid #ccc;
    background:#fff;
    color:#1a73e8;
    font-weight:bold;
}


/* Review Section */
.review-form input,
.review-form textarea{
    width:100%;
    margin-bottom:10px;
    padding:10px;
    border:1px solid #ddd;
}

.review-form button{
    padding:8px 18px;
    background:#000;
    color:#fff;
    border:none;
    cursor:pointer;
}

.review-card{
    border:1px solid #eee;
    padding:15px;
    margin-top:15px;
    border-radius:6px;
    background:#fff;
}

.review-actions{
    margin-top:10px;
}

.review-actions button{
    border:1px solid #ddd;
    background:#f8f8f8;
    padding:5px 10px;
    cursor:pointer;
    border-radius:4px;
    margin-right:8px;
}

.review-actions button:hover{
    background:#eee;
}

.reaction-box{
    margin:10px 0;
}

.react{
    font-size:22px;
    cursor:pointer;
    margin-right:10px;
    padding:5px;
}

.react.active{
    background:#eee;
    border-radius:5px;
}

.comment-card{
    border:1px solid #eee;
    padding:12px;
    margin-top:12px;
    border-radius:6px;
    background:#fff;
}

.comment-header{
    display:flex;
    justify-content:space-between;
    font-size:14px;
    margin-bottom:5px;
}

.comment-react{
    font-size:18px;
}