.bangla-font{
    font-family: 'sutonnyMJ';
}
/*----------------------------- body -----------------------------*/
body{
    background-image: url('../img/img/body-bg/main-body.jpg');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    z-index: -1;
}
body:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ffffffcb;
    z-index: -2;
}
.custom-margin{
    margin-top: 30px;
}
.custom-bg-accent{
    background: #f7f9fb61;
}
.custom-w-10{
    width: 10%;
}
.custom-w-15{
    width: 15%;
}
.custom-w-20{
    width: 20%;
}
.custom-w-70{
    width: 70%;
}
.custom-bg-black{
    background: black;
}
.custom-bg-blue-light{
    background: #7293a7;
}
.bangla-heading{
    margin: 0px;
}
.custom-res-color-and-FsIZE-change{
    color: white;
}
/* ---------------------------- red-dot-img Animation ---------------------------- */
.red-dot-img{
    animation: redDot 1s infinite alternate;
    /* animation: blink normal 2s infinite ease-in-out; */
}
@keyframes redDot{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
/* ---------------------------- red-dot-img Animation ---------------------------- */
/*----------------------------- body -----------------------------*/
/*----------------------------- top bar -----------------------------*/
.top-bar-bg{
    background: #252525;
}
.top-logo-bar-parallax{
    box-shadow: 0px 0px 10px #00000026;
    padding-bottom: 50px;
}
/*----------------------------- markeee -----------------------------*/
.margin-zero-top-icons{
    margin: 0px !important;
    text-align: center;
}
.top-icons-style{
    width: 25px !important;
    height: 25px !important;
    line-height: 27px !important;
    font-size: 13px !important;
    background: #5a5a5a !important;
    margin: 5px 0px 0px 0px !important;
}
/*----------------------------- markeee -----------------------------*/
/*----------------------------- time after third img -----------------------------*/
ul.news-info-list li{
    font-size: 14px;
}
/*----------------------------- time after third img -----------------------------*/
.top-center-img-style{
    padding: 10px;
    background: radial-gradient(#0b3131a6, #d1eaff9e);
    box-shadow: 0px 0px 10px #00000075;
}
/*----------------------------- top bar -----------------------------*/

/*----------------------------- Nav Bar styling -----------------------------*/
.ne-main-menu #dropdown ul li a{
    color: white !important;
}
/*----------------------------- Nav Bar styling -----------------------------*/

/*----------------------------- footer -----------------------------*/
footer{
    background-image: linear-gradient( rgba(3, 11, 19, 0.842) 100%, rgba(0, 0, 0, 0.664)100%), url('../img/img/footer/footer-bg.jpg') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
ul.news-info-list li{
    margin-right: 0px !important;
}
.heading-about-live{
    margin: 0px;
    text-transform: capitalize;
}
.fa-clock-o:before{
    color: #135229;
}
footer .footer-area-bottom{
    padding: 10px !important;
}
footer .footer-area-bottom p{
    margin: 0px;
}

.text-center-xy h3{
    margin: 25px 0;
}
footer .footer-box ul.address-styling li{
    color: white;
}
footer .footer-box ul.address-styling li:before{
    background-color: inherit !important;
}
h3.title-medium-light a:hover{
    color:  #b57842;
}
.title-bar-left:before{
    background-color: #b57842 ;
}
footer .footer-box ul.popular-categories li:before{
    background-color: #b57842;
}
footer .footer-box ul.popular-categories li:hover a{
    color:  #b57842;
}
/*----------------------------- footer -----------------------------*/
/* ----------------------------- responsive nav bar ----------------------------- */
/* responsive nav bar  bg color*/
.mean-container .mean-bar .mobile-menu-nav-back:before{
    background: white !important;
}
/* responsive nav bar  button color (menu bar color)*/
.mean-container .mean-bar .meanmenu-reveal span{
    background: black !important;
}
/* responsive nav bar close  button color (X color)*/
.mean-container .mean-bar .meanmenu-reveal{
    color: black !important;
}
/* ----------------------------- responsive nav bar ----------------------------- */
/* contact-us-page-ul */
.contact-us-page-ul{
    font-size: 20px;
}
/* contact-us-page-ul */
/*----------------------------- theme changing CSS -----------------------------*/
.header-style2 .main-menu-area .ne-main-menu nav ul li:first-child a{
    padding: 30px 20px 20px !important;
}
.ne-main-menu #dropdown ul .active a{
    color: #ffffff !important;
    font-weight: 600;
    background: #7293a7;
}
.main-menu-area .ne-main-menu nav ul li{
    transition: 0.5s;
}
.main-menu-area .ne-main-menu nav ul li:hover{
    background: #7293a7;
}
#scrollUp{
    background: #7293a765;
    border: 2px solid  #7293a7;
}
#scrollUp:hover, #scrollUp:focus{
    background: #7293a7ce;
}
#scrollUp i{
    color: #7293a7;
}
/*----------------------------- theme changing CSS -----------------------------*/
/*----------------------------- bootstrap 4  carousel CSS -----------------------------*/
/* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }
/* Make the image fully responsive */
/* slider section CSS */
.section-m-top-both-res{
    margin-top: 30px;
}
/*----------------------------- bootstrap 4  carousel CSS -----------------------------*/

/*----------------------------- navbar dropdown -----------------------------*/
.dropdown .dropdown-menu{
    background-color: #000 !important;
}
.dropdown .dropdown-menu a{
    padding: 5px !important;
    transition: 0.5s !important;
    text-align: center;
}
.ne-main-menu #dropdown ul li a:hover{
    color: #000 !important;
}
.ne-main-menu #dropdown ul li a:active{
    background: white !important;
}
/*----------------------------- navbar dropdown -----------------------------*/


/*----------------------------- media query -----------------------------*/
@media(max-width: 992px){
    .top-center-img-style{
        padding: 5px;
    }
    .custom-d-none{
        display: none;
    }
    .custom-res-color-and-FsIZE-change{
        color: black;
        font-size: 20px;
    }
    .bangla-heading{
        padding-top: 0px;
    }
    .section-m-top-both-res{
        margin-top: 50px;
    }
}
/*----------------------------- media query -----------------------------*/