.logo-banner {
    background-color: #fff; /* Adjust background color if needed */
    padding: 10px 0; /* Adjust padding as needed */
}

.logo-banner .row {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Adjust spacing as needed */
}

.logo-banner .logo-item {
    display: flex;
    align-items: center;
}

.logo-banner .logo {
    max-width: 100%;
    height: auto;
}

/* Adjust spacing if necessary */
.logo-banner .col-auto:not(:last-child) {
    margin-right: 15px; /* Space between logos */
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent !important;
    /*border: #ffffff 1px solid !important;*/
    /*border-bottom: #ffffff 3px solid !important;*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active {
    background-color: transparent !important;
    /*border: #ffffff 1px solid !important;*/
    /*border-bottom: #ffffff 3px solid !important;*/
}

/*.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item span{*/
/*    color:red !important;*/
/*}*/

/*.breadcrumb > .active{*/
/*    color:red !important;*/
/*}*/

.breadcrumb > li + li::before{
    color:#000 !important;
    cursor: default !important;
}

.instagram-icon {
    width: 60px; /* Size of the icon */
    height: 60px; /* Size of the icon */
    background-color: #E1306C; /* Instagram background color */
    border-radius: 50%; /* Makes it circular */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional shadow */
    transition: transform 0.3s; /* Animation effect */
}




/* Ensure responsiveness if needed */
@media (max-width: 767px) {
    .logo-banner .row {
        flex-direction: column; /* Stack logos vertically on smaller screens */
        text-align: center;
    }

    .logo-banner .col-auto {
        margin-bottom: 10px; /* Space between logos on small screens */
    }
}

.nav-mobile-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Ensure logos are spaced evenly */
}

.mobile-logo-left,
.mobile-logo,
.mobile-logo-right {
    flex: 0 0 auto; /* Prevent logos from shrinking */
}

.mobile-logo-left,
.mobile-logo-right {
    display: flex;
    align-items: center;
}

.mobile-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo {
    max-width: 100%;
    height: auto;
}





/* Ensure responsiveness */
@media (max-width: 767px) {
    .nav-mobile-header-container {
        flex-direction: column;
    }

    .mobile-logo-left,
    .mobile-logo,
    .mobile-logo-right {
        margin: 0 10px; /* Add space between logos */
    }

    .logo {
        max-width: 50px; /* Adjust logo size for small screens */
    }
}

/* Ensure .top-bar is visible on all screen sizes */
@media (max-width: 991px) {
    .mobile-nav-container{
        min-height: auto;
    }
    .featured-boxes-top{
        padding: 10px 0px 0px !important;
    }

    #header .top-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        justify-content: center !important; /* Center the menu items */
    }

}

.belowfeaturedAdd {
    width: 100%; /* Ensure the container takes full width */
    max-width: 100%; /* Prevents the container from exceeding its parent's width */
    height: auto; /* Maintain the height based on content */
    overflow: hidden; /* Hide any overflowing content */
}

.belowfeaturedAdd img {
    display: block; /* Remove any extra space below the image */
    width: 100%; /* Make the image take full width of the container */
    height: 340px !important; /* Maintain the aspect ratio */
    object-fit: cover; /* Cover the container while cropping if necessary */
}


.colmd8feature {
    display: flex;
    justify-content: center; /* Centers the image horizontally */
    align-items: center; /* Centers the image vertically */
    height: 340px !important; /* Match the height of colmd4feature_container */
}

.colmd8feature img {
    display: block;
    width: 100%; /* Full width for large image */
    height: 100%; /* Let the image take full height of the container */
    object-fit: contain; /* Ensure the image fits without being cropped */
}


.colmd4feature img {
    display: block;

    height: 340px !important; /* Increase height for slider images */
    object-fit: contain;
}

.carousel-inner .item {
    height: 340px !important; /* Increased height for carousel items */
}

.header-gallery {
    background-color: red;
    color: white;
    padding: 10px;
    text-align: center;
    margin-bottom: 0;
}

.sidebarwidget-adgall{
    margin-bottom: 20px !important;
}

.carousel-image-wrapper {
    height: 340px !important; /* Match height of the image */
    overflow: hidden;
}

.carousel-inner .item img {
    height: 340px !important; /* Ensure the image fills the wrapper */
    object-fit: cover;
    padding: 0px;
    margin: 0px;
}

.carousel-control {
    width: 5%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
}

.carousel-control.left,
.carousel-control.right {
    height: 100%; /* Matches the height of the image */
    top: 0;
    bottom: 0;
    background: none;
}

@media (min-width: 992px) {

    .container.containergallery {
        display: flex;
        align-items:center;
    }

    #gallery-carousel{
        margin-top: 20px !important;
        width: 100%; /* Full width for the carousel */
    }

    .carousel-inner {
        width: 100%; /* Full width for the inner container */
        display: flex; /* Ensure that the items are aligned in a row */
        justify-content: center; /* Center align the content */
        align-items: center; /* Vertically align the content */
    }

    .gallery-container {
        display: flex;
        align-items: center; /* Vertically center the content */
        padding: 0px;
        margin-left: 5px;
    }

    .colmd8feature {
        display: flex;
        justify-content: center; /* Center horizontally, if needed */
        align-items: center; /* Center vertically */
    }
    .colmd4feature_container{
        padding-right: 0px !important;
        margin-left: -8px !important;
    }

    .category_top{
        padding-top: 25px !important
    }

    .post-content-me{
        padding-top: 25px !important;
    }
}


@media (max-width: 991px) {
    .gallery-container {
        display: flex;
        flex-direction: column;
        gap: 0px !important;
    }
        .leftheader p {
        margin-top: 0 !important;
    }

    .colmd8feature{
        padding-top: 40px !important;
    }

    .colmd4feature_container{
        margin-top:38px !important;
    }

    /* Stack the items in the carousel and center the images */
    .carousel-inner .item {
        text-align: center;
        height: 340px !important;
    }

    .carousel-inner .item img {
        margin: 0 auto;
        object-fit: cover;
    }



    /* Reduce margin between carousel and title */
    .carousel.slide {
        margin-top: 5px !important; /* Reduce space between the title and the gallery carousel */
        padding: 0 !important;
    }

    /* Remove padding inside the gallery section */
    .colmd4feature {
        padding: 0 !important;
        margin: 0 !important; /* Remove margin from the gallery section */
    }

    /* Adjust spacing below gallery */
    .section-featured-gallery {
        margin-bottom: 5px !important; /* Further reduce space below the gallery */
    }

    /* Reduce padding in the container */
    /*.container {
        padding: 0 !important;
        margin: 0 !important;
    }*/

    /*.page-breadcrumb {*/
    /*    margin-bottom: 155px !important;*/
    /*}*/

    .category-label {
        position: relative; /* or absolute depending on current setup */
        z-index: 1; /* Ensures it doesn't overlap */
        margin-top: 50px; /* Adds space if necessary */
    }

    .category_top{
        padding-top: 0 !important
    }

}

.bengali__font{
    font-size: 16px !important ;
    line-height: 20px !important;
}















/*****************  Nav Logos  for Mobile ***********/

.mobile-logo-container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}




/*-------------------------*/
.social-mediaFTR{
    text-align:center;
}

.icon-twitter-square-x-black {
    width: 12px; /* Set width */
    height: 12px; /* Set height */
    display: inline-block; /* Make it an inline block element */
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'currentColor\' class=\'bi bi-twitter-x\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z\'/%3E%3C/svg%3E');
    background-size: contain; /* Scale the image to fit */
    background-repeat: no-repeat; /* Prevent repeating */
}

.icon-twitter-square-x-white {
    width: 12px; /* Set width */
    height: 12px; /* Set height */
    display: inline-block; /* Make it an inline block element */
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'%23FFFFFF\' class=\'bi bi-twitter-x\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z\'/%3E%3C/svg%3E');
    background-size: contain; /* Scale the image to fit */
    background-repeat: no-repeat; /* Prevent repeating */
}


@media (max-width: 991px) {
    .social-mediaFTR{
        padding-right: 30px !important;
    }
}

@media (min-width: 992px) {
    .footer-bottom-right ul.nav-footer {
        display: flex;
        justify-content: right;
    }
}
.social-mediaFTR ul{
    list-style:none;
}
.social-mediaFTR ul li{
    display:inline-block;
    margin-right:10px;
}
.social-mediaFTR ul li a{
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:5px;
    border:1px solid #ccc;
    text-align:center;
    line-height:30px;
    color:#fff;
}

@media screen and (min-width: 992px) {
    .title_for_featured_right {
        line-height: 21px !important;
    }
}

@media screen and (max-width: 992px) {
    .title_for_featured_right {
        line-height: 20px !important;
    }
}

/*@media screen and (min-width: 992px) {*/
    .mynew_css_for_ellipse{
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important; /* Limits the text to 2 lines */
        overflow: hidden !important;
        text-overflow: ellipsis !important; /* Adds ellipsis if the text overflows */
        white-space: normal !important; /* Allows normal word wrapping */
        word-break: break-word !important; /* Break words only at spaces */
        overflow-wrap: break-word !important; /* Prevents breaking words mid-character */
        hyphens: none !important; /* Ensures no hyphenation */
        line-height :32px !important;
    }
    @media screen and (max-width: 992px) {
        .mynew_css_for_ellipse{
        line-height :23px !important;
        }
    }

.title_for_featured_left {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 29px !important;
    margin-top: 10px !important;
    position: relative !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    min-height: 55px !important;
    max-height:55px !important;
}

.title_for_featured_right {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    position: relative !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
}

/*}*/