/*==================================================
    BARTA BICHITRA MODERN NEWS THEME
===================================================*/

:root{

    --primary:#d60000;
    --primary-dark:#b50000;

    --secondary:#111111;

    --text:#1c1c1c;

    --muted:#777;

    --border:#e8e8e8;

    --bg:#ffffff;

    --light:#f8f8f8;

    --radius:8px;

    --shadow:0 3px 18px rgba(0,0,0,.06);

}

/*============================*/

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

html{

    scroll-behavior:smooth;

}

body{

    background:#f5f5f5;

    color:var(--text);

    font-family:
    "SolaimanLipi",
    "Noto Sans Bengali",
    sans-serif;

    font-size:16px;

    line-height:1.7;

}

img{

    width:100%;

    display:block;

    height:auto;

}

a{

    color:inherit;

    text-decoration:none;

    transition:.25s;

}

a:hover{

    color:var(--primary);

}

.container{

    max-width:1320px;

}

section{

    position:relative;

}

.mb-30{

    margin-bottom:30px!important;

}

.pt-30{

    padding-top:30px!important;

}

.pb-30{

    padding-bottom:30px!important;

}

/*============================*/

.news-card{

    background:#fff;

    border-radius:var(--radius);

    overflow:hidden;

    box-shadow:var(--shadow);

    transition:.3s;

}

.news-card:hover{

    transform:translateY(-4px);

}

.news-thumb{

    overflow:hidden;

}

.news-thumb img{

    transition:.4s;

}

.news-card:hover img{

    transform:scale(1.05);

}

.news-title{

    font-size:22px;

    font-weight:700;

    line-height:1.45;

}

.news-small-title{

    font-size:17px;

    font-weight:600;

    line-height:1.6;

}

.news-meta{

    color:#888;

    font-size:13px;

}

.section-title{

    font-size:30px;

    font-weight:700;

    border-left:5px solid var(--primary);

    padding-left:15px;

    margin-bottom:25px;

}

.widget{

    background:#fff;

    border-radius:8px;

    padding:18px;

    box-shadow:var(--shadow);

}

.widget-title{

    font-size:22px;

    font-weight:700;

    margin-bottom:20px;

}

/*============================*/
/* Header */
/*============================*/

.header-middle{

    background:#fff;

    border-bottom:1px solid #eee;

}

.header-bottom{

    background:#fff;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.menu>li>a{

    font-size:16px;

    font-weight:600;

    padding:22px 12px;

}

.menu>li>a:hover{

    color:var(--primary);

}

/*============================*/
/* Mobile */
/*============================*/

@media(max-width:991px){

.container{

padding-left:15px;
padding-right:15px;

}

.news-title{

font-size:22px;

}

.section-title{

font-size:24px;

}

.widget{

padding:15px;

}

}

@media(max-width:768px){

.news-title{

font-size:20px;

}

.news-small-title{

font-size:16px;

}

.menu-area{

overflow-x:auto;

white-space:nowrap;

}

}

@media(max-width:576px){

body{

font-size:15px;

}

.section-title{

font-size:22px;

}

}

/*========================================================

BREAKING NEWS

=========================================================*/

.breaking-news-section{

    background:#fff;

    margin:20px 0;

}

.breaking-news-wrapper{

    display:flex;

    align-items:center;

    background:#fff;

    border:1px solid #ececec;

    overflow:hidden;

    box-shadow:0 4px 15px rgba(0,0,0,.05);

    border-radius:8px;

}

/* left label */

.breaking-news-label{

    width:180px;

    background:#d40000;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    font-size:17px;

    font-weight:700;

    padding:14px 20px;

    flex-shrink:0;

}

.breaking-news-label i{

    animation:flashNews 1.2s infinite;

}

@keyframes flashNews{

0%{

opacity:1;

}

50%{

opacity:.2;

}

100%{

opacity:1;

}

}

/* right */

.breaking-news-marquee{

    overflow:hidden;

    width:100%;

    background:#fff;

}

.breaking-news-track{

    display:flex;

    align-items:center;

    white-space:nowrap;

    animation:breakingTicker 45s linear infinite;

}

.breaking-news-track:hover{

    animation-play-state:paused;

}

.breaking-news-track a{

    color:#222;

    font-weight:600;

    font-size:16px;

    margin-right:70px;

    position:relative;

    transition:.25s;

}

.breaking-news-track a:hover{

    color:#d40000;

}

.breaking-news-track a::before{

    content:"";

    width:7px;

    height:7px;

    border-radius:50%;

    background:#d40000;

    display:inline-block;

    margin-right:15px;

    vertical-align:middle;

}

@keyframes breakingTicker{

0%{

transform:translateX(100%);

}

100%{

transform:translateX(-100%);

}

}

/* mobile */

@media(max-width:991px){

.breaking-news-wrapper{

flex-direction:column;

align-items:stretch;

}

.breaking-news-label{

width:100%;

justify-content:center;

}

.breaking-news-track a{

font-size:15px;

margin-right:45px;

}

}

/*==================================================
    XCODER MODERN HEADER
==================================================*/

.xcoder-header{
    background:#fff;
    position:relative;
    z-index:999;
    border-bottom:1px solid #ececec;
}

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

.xcoder-top{

    background:#fff;

    border-bottom:1px solid #efefef;

}

.xcoder-top-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:90px;

}


.xcoder-logo{

    flex-shrink:0;

}

.xcoder-logo img{

    width:auto;

    height:75px;

    display:block;

}

.xcoder-tools{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:20px;

}

.xcoder-tools a{

    display:flex;

    align-items:center;

    gap:6px;

    color:#222;

    font-size:15px;

    font-weight:600;

    transition:.25s;

}

.xcoder-tools a i{

    font-size:18px;

}

.xcoder-tools a:hover{

    color:#d40000;

}

/*=========================
NAVIGATION
==========================*/

.xcoder-navigation{

    background:#fff;

    border-top:1px solid #f5f5f5;

    border-bottom:2px solid #e9e9e9;

}

.xcoder-menu{

    display:flex;

    align-items:center;

    justify-content:center;

    list-style:none;

    margin:0;

    padding:0;

}

.xcoder-menu>li{

    position:relative;

}

.xcoder-menu>li>a{

    display:block;

    padding:18px 14px;

    color:#222;

    font-size:16px;

    font-weight:700;

    transition:.25s;

    white-space:nowrap;

}

.xcoder-menu>li>a:hover{

    color:#d40000;

}

/* Active */

.xcoder-menu>li>a.active{

    color:#d40000;

}

/* underline */

.xcoder-menu>li>a::after{

    content:"";

    display:block;

    width:0;

    height:3px;

    background:#d40000;

    transition:.3s;

    margin-top:4px;

}

.xcoder-menu>li>a:hover::after{

    width:100%;

}

.xcoder-menu>li>a.active::after{

    width:100%;

}

/*=========================
SUBMENU
==========================*/

.xcoder-dropdown{

    position:relative;

}

.xcoder-submenu{

    position:absolute;

    top:100%;

    left:0;

    width:230px;

    background:#fff;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    list-style:none;

    padding:10px 0;

    margin:0;

    opacity:0;

    visibility:hidden;

    transform:translateY(15px);

    transition:.25s;

    z-index:999;

}

.xcoder-dropdown:hover .xcoder-submenu{

    opacity:1;

    visibility:visible;

    transform:none;

}

.xcoder-submenu li a{

    display:block;

    padding:10px 18px;

    color:#333;

    font-size:15px;

    transition:.2s;

}

.xcoder-submenu li a:hover{

    background:#f8f8f8;

    color:#d40000;

}

/*=========================
MOBILE
==========================*/

.xcoder-mobile-header{

    display:none;

    background:#fff;

    border-bottom:1px solid #eee;

}

.xcoder-mobile-inner{

    height:65px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.xcoder-mobile-logo img{

    height:42px;

    width:auto;

}

/* Hamburger */

.header-bar{

    width:30px;

    cursor:pointer;

}

.header-bar span{

    display:block;

    width:24px;

    height:2px;

    background:#222;

    margin:5px 0;

    transition:.3s;

}

/* Search */

.search-bar{

    cursor:pointer;

}

.search-bar i{

    font-size:22px;

    color:#222;

}

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

@media (max-width:1199px){

.xcoder-top{

    display:none;

}

.xcoder-mobile-header{

    display:block;

}

.xcoder-navigation{

    overflow-x:auto;

    overflow-y:hidden;

}

.xcoder-navigation::-webkit-scrollbar{

    display:none;

}

.xcoder-menu{

    justify-content:flex-start;

    width:max-content;

    min-width:100%;

}

.xcoder-menu>li>a{

    padding:15px 16px;

    font-size:15px;

}

}

/*=========================
TABLET
==========================*/

@media (max-width:991px){

.xcoder-mobile-inner{

    height:60px;

}

.xcoder-mobile-logo img{

    height:36px;

}

}

/*=========================
PHONE
==========================*/

@media (max-width:576px){

.xcoder-menu>li>a{

    padding:14px 13px;

    font-size:14px;

}

.search-bar i{

    font-size:20px;

}

}

/*==================================================
XCODER TOP ADVERTISEMENT
==================================================*/

.xcoder-top-ad{

    background:#fff;
    padding:15px 0;
    border-bottom:1px solid #ececec;

}

.xcoder-top-ad .container{

    max-width:1320px;

}

.xcoder-top-inner{

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

    width:100%;
    background:#fff;

}

.xcoder-top-inner a{

    display:inline-block !important;

    text-align:center;

}

.xcoder-top-inner img{

    width:auto !important;      /* override Bootstrap w-100 */
    max-width:100% !important;  /* responsive */
    height:auto !important;
    display:block;
    margin:auto;

}

/* Script Ads */

.xcoder-top-inner iframe,
.xcoder-top-inner ins,
.xcoder-top-inner div{

    margin-left:auto;
    margin-right:auto;

}

.xcoder-ad-container{

    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;

}

.xcoder-ad-container > *{

    margin:auto;

}