@php
    $settings = \App\Models\Setting::find('1');
@endphp

<style>
    body{font-family:'Noto Serif Bengali'!important}nav.footernav ul li a{color:#fff;padding:1px 5px 1px 5px;display:inline-table;margin-bottom:0;font-size:17px}.home_sidebar_top .category-heading{text-align:left;background:#e2eedf;margin-bottom:0;border-top:4px solid #b3c1af;padding:0 10px;border-bottom:1px solid #b3c1af;height:45px}.content__col .border__btm:first-child{border-bottom:1px solid #e6e6e6;margin-bottom:20px}.cat-block-2 .body__content__child{height:90px}.lead_8_content1{background:0 0;overflow:hidden;margin-bottom:30px;box-shadow:1px 1px 16px #dfdfdf;border-radius:0 0 6px 6px}.more_news span{font-size:25px}.back-to-top i{font-size:28px;color:red;line-height:0}.section_page .more-button-2 .bi{font-size:13px;color:#f10000}.section_2_page .content-body .callout-card img{margin:6px 0;height:140px;width:100%;object-fit:cover}.section_2_page .content-body .callout-card ul li{padding-left:0}.section_2_page .content-body .callout-card ul li a{color:#000}.section_2_page .border__btm{border-bottom:1px solid #e6e6e6}.section_2_page .border__btm:last-child{border-bottom:none}.section_2_page .LatestNewstab .latest__heading{font-size:20px;border-bottom:4px solid #d7d7d7}.home_sidebar_top .category-heading a{background:0 0;color:#000;font-size:25px;font-weight:300;text-decoration:none!important;display:block;padding-top:6px}.home_sidebar_top .category-heading .all-news-text{float:right;color:#0d8db5!important;font-size:15px;background:0 0;margin-top:5px;padding-right:0!important}.footernav ul li a:before{content:"";position:absolute;width:100%;height:1px;bottom:-6px;left:0;background-color:#ef0000;visibility:hidden;width:0;transition:all .3s ease-in-out 0s}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.no-gutters>[class*=col-]{padding-left:0;padding-right:0;float:left}.border__footer{border-top:1px solid #444444;width:21%;margin:10px auto}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:'Noto Serif Bengali'!important;color:#000}a{font-family:'Noto Serif Bengali'!important;color:#444;}img,svg{max-width:100%;vertical-align:middle}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:0 3px;font-size:18px;font-weight:600;color:#222;white-space:nowrap;transition:.3s;position:relative}.navbar .dropdown ul a{padding:6px 20px;font-weight:400}.navbar>ul>li{white-space:nowrap;padding:10px 14px}.navbar-mobile>ul>li{white-space:nowrap;padding:0 0;border-bottom:1px solid #e9e9e9}.navbar>ul>li:first-child{white-space:nowrap;padding-left:0}.navbar-mobile .dropdown ul li{min-width:200px;border-bottom:1px dotted #ee303b47}#header.fixed-top .navbar-mobile>ul>li{padding:0!important}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.lead__middle__block .link-hover-homepage{overflow: hidden;margin-bottom:6px;background:0 0!important;height:auto!important;border-bottom:1px solid #e8e8e8;padding-bottom:1px;padding-top:3px}.lead__single__content{padding:15px 0}.caption_5{height:60px;display:table-cell;vertical-align:middle;padding:10px 6px 0 15px}.border__right__top{border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8}.border__right{border-right:1px solid #ababab}.block__3rd .border__right:last-child{border-right:none}.lead__middle__block .link-hover-homepage:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.lead3 .h4,.lead3 h4,.lead_5 .h4,.lead_5 h4{font-size:1.2rem!important;font-weight:700!important}.h4,h4{font-size:1.2rem!important;font-weight:500!important}.pagination>.active>span{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7;position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;text-decoration:none;border:1px solid #ddd}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;text-decoration:none;border:1px solid #ddd}.caption{padding-top:5px;padding-right:5px}.caption_2{padding-top:5px;padding-left:5px;padding-right:5px}#topbar{background:#000;height:40px;font-size:14px;transition:all .5s;color:#fff;padding:0}#header .logo img{max-height:90px;margin:10px 0;transition:all linear .4s;width:auto}#header.fixed-top .logo img{max-height:50px;transition:all linear .4s}#header.fixed-top .navbar>ul>li{padding:4px 0 10px 28px}#search.search_open{display:block;position:absolute;top:15px;left:0;width:100%}#search .input-group{top:29px;position:relative;width:82%}.search-new{display:none}#search .form-control{padding:6px 12px 5px 12px}.search-new{position:absolute;display:block!important;top:1px;float:left}#search .input-group{margin-right:-4px;left:-6px;top:-11px;position:relative;width:100%}#header{background:#fff;transition:all .5s;z-index:99999;height:160px;box-shadow:0 2px 15px rgb(0 0 0 / 10%)}#header .logo{font-size:30px;margin:0;padding:0;line-height:1;font-weight:600;letter-spacing:.8px;font-family:Poppins,sans-serif;text-align:center;display:block}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:0 0;width:40px;height:40px;border-radius:50%;transition:all .4s;border:2px solid #000}.back-to-top:hover{background:#000;color:#fff}.back-to-top:hover i{color:#fff}#footer .copyright{text-align:center;float:none}#footer{background:#000;padding:0;color:#444;font-size:14px;}#footer .footer-top .social-links a{font-size:25px;display:inline-block;background:#e30512;color:#fff;line-height:1;padding:7px 0;margin-right:4px;border-radius:4px;text-align:center;width:38px;height:39px;transition:.3s}#footer .footer-top .social-links a:hover{background:#000;color:#fff;text-decoration:none}#header.fixed-top{height:112px}.content p{font-size:18px}.content .img-caption{font-size:15px;border-bottom:none;padding:6px 0 2px;color:#282828;text-align:center;background:#f9f9f9}.mobile-nav-toggle.bi-x{color:red;font-size:50px;padding:0;top:0px!important;right:0px!important;font-weight:700}.category-heading a{background:#0E6B4F;padding:0 6px 0;font-size:20px;color:#fff;display:inline-block}.category-heading{margin-bottom:10px}.topic__lead{padding-bottom:20px}.block__child .link-hover-homepage{border-bottom:1px solid #e6e6e6}.home__top .lead3 .link-hover-homepage{background:#ededed;height:255px}.block__2nd__top .sports__body .link-hover-homepage{height:256px;margin-bottom:15px;background:#ededed}.block__child .link-hover-homepage:last-child{border-bottom:none}.last__row .block__child h5{margin-bottom:9px;padding-top:18px}.row__tab .nav-link{float:right}.full__row__2 .main__title{background:#fff2e7;padding:20px;margin-right:0;height:269px}.full__row__2 .block__3rd .link-hover-homepage{background:#ededed;height:273px}.full__row__2 .block__2nd:hover,.full__row__2 .block__3rd .link-hover-homepage:hover,.full__row__2 .main__title:hover{background:#fff2e7;cursor:pointer}.full__row__2 .block__2nd{height:269px;background:#ededed}.full__row__2 .topic__content .topic__lead .link-hover-homepage{height:269px;margin-bottom:15px;background:#fff2e7}.full__row__2 .main__title{background:#fff2e7;padding:20px;margin-right:0;height:269px}.full__row__2 .block__3rd .link-hover-homepage{background:#ededed;height:273px}.full__row__2 .block__2nd:hover,.full__row__2 .block__3rd .link-hover-homepage:hover,.full__row__2 .main__title:hover{background:#fff2e7;cursor:pointer}.full__row__2 .block__2nd{height:269px;background:#ededed}.full__row__2 .topic__content .topic__lead .link-hover-homepage{height:269px;margin-bottom:15px;background:#fff2e7}.full__row__3 .main__title{background:#ddf2ff;padding:20px;margin-right:0;height:269px}.full__row__3 .block__3rd .link-hover-homepage{background:#ededed;height:273px}.full__row__3 .block__2nd:hover,.full__row__3 .block__3rd .link-hover-homepage:hover,.full__row__3 .main__title:hover{background:#fff2e7;cursor:pointer}.full__row__3 .block__2nd{height:269px;background:#ededed}.full__row__3 .topic__content .topic__lead .link-hover-homepage{height:269px;background:#ddf2ff}.nav-link{display:block;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background:#e40613;color:#fff}.nav-tabs{border-bottom:none;margin-bottom:15px}.tab__active{margin-right:380px;background:#000!important;color:#fff!important;border-radius:0!important;padding:4px 3px 0;font-size:20px}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:none;border-top-left-radius:0;border-top-right-radius:0;border-radius:25px}.tab__all{margin:0 4px;padding:4px 15px;height:29px}.full__row__4 .media{position:relative}.full__row__4 .media .media-title{position:absolute;width:100%;bottom:0;font-size:1.4em;padding:50px 10px 13px;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgb(0 0 0 / 74%) 50%,rgb(0 0 0 / 93%) 100%);text-shadow:0 1px 2px rgb(0 0 0 / 60%);transition:.1s}.full__row__4 .media .media-title:hover{background:#df0000;padding:30px 14px}.full__row__4 .media .media-title h4{color:#fff}.full__row__4 .media img{height:290px;width:100%;object-fit:cover}.carousel-caption{position:absolute;right:1%!important;left:1%!important;bottom:3px;padding:16px 10px 4px;margin:0 -3px;text-align:left;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 50%,#000 100%);z-index:3;text-shadow:0 1px 2px rgb(0 0 0 / 60%)}

    .navbar-mobile .dropdown ul{position:static;display:none;margin:0 20px;padding:0;z-index:99;opacity:1;visibility:visible;background:0 0;box-shadow:none}.navbar-mobile a i,.navbar-mobile a:focus i{font-size:12px;line-height:0;margin-left:5px;color:#f10000!important}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:17px;color:#222!important}.mobile-nav-toggle{color:red;font-size:36px;cursor:pointer;line-height:0;transition: none}@media (max-width:991px){#header .logo img{max-height:40px}#header.fixed-top .logo img{max-height:35px}#header{height:60px}#header.fixed-top{height:55px}.site__top{display:flex!important}.navbar-mobile ul{display:block;position:absolute;top:0;right:55px;bottom:0;left:0;padding:10px 0;background-color:#fff;overflow-y:auto;transition:.3s}.full__row__3 img{width:40%;float:right;margin-left:5px}.full__row__2 .topic__lead img{width:40%!important;float:right;margin-left:5px}.full__row__2 .topic__content .topic__lead .link-hover-homepage{height:auto;margin-bottom:15px;background:0 0}.full__row__2 .topic__content .topic__lead .link-hover-homepage:first-child{border-bottom:1px solid #e6e6e6}.full__row__3 .topic__content .topic__lead .link-hover-homepage{height:auto;margin-bottom:15px;background:0 0}.full__row__3 .topic__content .topic__lead .link-hover-homepage:first-child{border-bottom:1px solid #e6e6e6}.full__row__3 .block__2nd{height:auto;background:0 0}.full__row__3 .cat-lead-single img{width:100%}.full__row__3 .block__3rd .link-hover-homepage{height:auto;background:0 0;border-bottom:1px solid #e6e6e6}.full__row__3 .main__title{height:auto}.mbl__px__0{padding-left:0;padding-right:0}.full__row__3 .block__2nd .link-hover-homepage{border-bottom:1px solid #e6e6e6}.full__row__2 img{width:40%;float:right;margin-left:5px}.full__row__2 .block__2nd{height:auto;background:0 0}.full__row__2 .cat-lead-single img{width:100%}.full__row__2 .block__3rd .link-hover-homepage{height:auto;background:0 0;border-bottom:1px solid #e6e6e6}.full__row__2 .main__title{height:auto}.full__row__2 .block__2nd .link-hover-homepage{border-bottom:1px solid #e6e6e6}}@media (min-width:1200px){.navbar{display: inline-block}.content_text{width:78%;margin:0 auto}}img{width:100%}.print__btn{background:#e4e4e4;height:33px;width:35px;padding:5px 10px;border-radius:3px;margin-left:5px}.pb-2{padding-bottom:2rem}.sidebar .media-heading{margin-bottom:18px;font-weight:700;font-size:19px!important;padding:4px 2px}.sb_content .media{border-bottom:1px solid #e6e6e6;padding-bottom:20px;margin-top:1px;margin-bottom:24px}.sb_content .media-body img{margin-top:0;height:90px;object-fit:cover}.sb_content .media-left{width:65%;padding-right:10px}.single_page .sidebar{width:85%;float:right}.sb_content .media:last-child{border-bottom:none}.tag a{font-size:15px;padding:7px 12px 3px 12px;background:#f1f1f1;border-radius:2px;color:#d42121;margin-right:8px;margin-bottom:8px;display:inline-block}.cat_ad_35 img{width:70%;margin:0 auto}.section_page .section_heading a{font-size:40px;color:#e40613;line-height: 1}
    .last__row .topic__lead h4{
        font-weight: bold !important;
        line-height: 1.5em;
    }

    .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
        color: #ff0000;
    }
    .copyright h4, .copyright h5{
        color: #fff;
    }
    .copyright a{
        color: #f54c4c;
    }
    #header .logo_w {
        display: none;
    }
    #header.fixed-top .logo_w {
        display: block;
        text-align: center;
    }
    #header.fixed-top .logo {
        display: none;
    }
    #header.fixed-top .logo_w img {
        max-height: 62px;
        margin: 10px 0;
        transition: all linear .4s;
        width: auto;
        padding-top: 10px;
    }
    section {
        padding: 20px 0;
        overflow: hidden;
    }
    figure figcaption{
        background: #f1f1f1;
        padding: 2px 0 0;
        text-align: center;
    }
    .ads_8 img{
        width: 303px;
        height: 90px;s
        border: 1px solid #e7e7e7;
        border-radius: 0;
        padding: 3px;
    }
    .full__row__excludive .media{
        position: relative;
    }
    .full__row__excludive .media .media-title {
        position: absolute;
        width: 100%;
        bottom: 0;
        font-size: 1.4em;
        padding: 50px 10px 0px;
        background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgb(0 0 0 / 74%) 50%,rgb(0 0 0 / 93%) 100%);
        text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
        transition: .1s;
    }
    .full__row__excludive .media .media-title h4{
        color: #fff;
    }

    .full__row__excludive {
        background: #303030;
    }
    .nav-link:focus, .nav-link:hover {
        color: #ff2300;
    }
    .ads__section__1 img {
        width: 307px;
        height: 90px;
        border: 1px solid #e7e7e7;
        border-radius: 0;
        padding: 3px;
        margin-bottom: 4px;
    }
    .social-links .eng{
        background: #df0000;
        border: 1px solid #000;
        padding: 11px;
        color: #fff !important;
        border-radius: 3px;
    }
    #header.fixed-top .header__ads img{
        display: none;
    }
    .header__ads img{
        width: 413px;
        height: 77px;
    }

    .navbar-mobile{
        z-index: 999999;
        width: 100%;
        display: block;
        overflow: scroll;
    }

    .navbar-mobile a, .navbar-mobile a:focus {
        font-size: 21px;
    }
    .navbar-mobile .dropdown ul a {
        font-size: 18px;
    }
    .sidebar__home .category-heading {
        text-align: center;
        background: #233090;
        border-bottom: none;
    }
    .sidebar__home .category-heading a {
        background: transparent;
        padding: 7px 6px 2px;
        font-size: 24px;
        color: #fff;
    }
    .sidebar__home .link-hover-homepage{
        text-align: center;
        background: #f3f3f3;
    }
    .scroll::before {
        content: "সর্বশেষ:";
        float: left;
        color: rgb(255, 255, 255);
        font-size: 16px;
        font-weight: normal;
        position: absolute;
        z-index: 1;
        padding: 5px 10px 3px;
        background: #0E6B4F;
    }
    .scroll ul li {
        padding: 0 13px;
    }
    .scroll ul li #order-icon {
        width: 2px;
        height: 16px;
        background-color: #36a1ff;
        position: relative;
        display: inline-block;
        margin-left: 25px;
        top: 2px;
        border-radius: 0;
    }
    .sub a {
        padding-right: 8px;
    }
    .sub a::after, .sub span::after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        -moz-border-radius: 7.5px;
        -webkit-border-radius: 7.5px;
        border-radius: 7.5px;
        background-color: #ff00008c;
        margin-left: 11px;
        position: relative;
        top: -3px;
    }
    .sub a:last-child::after {
        display: none;
    }


    /*// masum latest popular*/

.latest-popular .nav.nav-pills {
    width: 100%;
}
.latest-popular .nav-item {
    width: 50%;
}
.latest-popular .nav-link {
    background: #b31313;
    border: 0;
    border-radius: 0;
    width: 100%;
    color: wheat;
    padding: 7px 0 5px;
    font-size: 18px;
    font-weight: bold;
}
.latest-popular .nav-link.active {
    background: #FF3245;
    width: 100%;
    border-radius: 0;
    padding: 7px 0 5px;
    font-size: 18px;
    font-weight: bold;
}
.latest-popular .news {
    position: relative;
    overflow-y: scroll;
    width: auto;
    height: 340px;
    padding-right: 15px;
    }

.multi_1023 .media-left img{
    max-width: 100px;
    width: 100px;
    min-width: 100px;
}

.multi_1023 .media-left img{
    max-width: 100px;
    width: 100px;
    min-width: 100px;
}

.navbar ul{
    position: relative;
}
.search_li button {
    border: none;
    background: none;
    color: #000;
}
.search-bar {
    position: absolute;
    top: 0px;
    /* padding: 18px 14px 5px 0; */
    width: 100%;
    right: 100%;

  transition-duration: 5s;
}
.search-input {
    font-size: 1em;
    top: 0;
    right: 0;
    /* border: none; */
    outline: none;
    background: #fff;
    width: 100%;
    height: 35px;
    margin: 0;
    z-index: 10;
    padding: 0px 10px;
    font-family: sans-serif;
    font-size: 16px;
    color: #2c3e50;
    border: 1px solid #000;
}
.searchIcon {
    right: 0px;
    position: absolute;
    outline: none;
    border: none;
    height: 35px;
    padding: 0 10px;
    font-size: 1em;
    outline: none;
    background: white;
    height: 35px;
    margin: 0;
    z-index: 10;
    padding: 0px 14px;
    font-family: sans-serif;
    font-size: 16px;
    color: black;
    border: 1px solid black;
}
.searchCloseBtn {
    top: 0px;
    right: 0px;
    position: absolute;
    outline: none;
    border: none;
    height: 35px;
    background: #221f1f;
    /* color: white; */
    padding: 0 10px;
    font-size: 1em;
    /* border: none; */
    outline: none;
    background: black;
    height: 35px;
    margin: 0;
    z-index: 10;
    padding: 0px 14px;
    font-family: sans-serif;
    font-size: 16px;
    color: white;
}

.ads__square img{
    width: 90% !important;
    margin: 0 auto !important;
    text-align: center;
    display: block;
}
@media (max-width: 991px){
    #header.fixed-top .logo_w img {max-height: 30px;margin: 0px 0;padding-top: 0;transition: all linear .4s;}
    .scrolled-offset {
        margin-top: 20px;
    }
    section {
        padding: 20px 0;
        overflow: hidden;
    }
    .header__ads{
        display: none;
    }
    .logo_w, .logo{
        text-align: left !important;
    }
    .mbl__ads img{
    height: 62px;
    }
    .single_page .sidebar {
        width: 100%;
        float: none;
    }
    .eng_mbl{
        background: transparent;
        border: 1px solid #e5e5e5;
        color: #f00 !important;
        border-radius: 3px;
        padding: 7px 9px 3px !important;
        font-size: 15px !important;
        line-height: 1;
        font-weight: bold !important;
        margin-right: 10px;
    }
    .navbar-mobile a:focus .eng_mbl{
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .search_li button{
        top: 14px;
        position: fixed;
        right: 65px;
    }
    .search-bar{
        display: block;
        right: 0px;
        padding-top: 9px;
        margin: 0 10px;
        width: 95%;
        align-items: center;
    }
}

</style>

<!-- ======= Top Bar ======= -->
<section id="topbar" class="align-items-center d-flex">
    <div class="container d-flex justify-content-center justify-content-md-between">
        <div class="contact-info d-flex align-items-center">
            <i class="bi bi-envelope d-flex align-items-center d-none"><a
                        href="mailto:{{ $settings->site_email }}">{{ $settings->site_email }}</a></i>
            <span class="d-flex align-items-center">ঢাকা | {{ todays_date() }}</span>
        </div>
        <div class="social-links d-none d-md-flex align-items-center">
            <a href="{{ $settings->facebook }}" class="facebook" target="_blank"><i class="bi bi-facebook"></i></a>
            <a href="{{ $settings->twitter }}" class="twitter" target="_blank"><i class="bi bi-twitter"></i></a>
            <a href="{{ $settings->youtube }}" class="youtube" target="_blank"><i class="bi bi-youtube"></i></a>
            <a href="#" class="linkedin"><i class="bi bi-linkedin" target="_blank"></i></a>
            <a href="#search"
               style="padding: 7px 0px;float: right;color: #3c3c3c;font-weight: bold;">
                <i class="bi bi-search" placeholder="কি খুঁজতে চান?"></i></a>
        </div>
        <div class="social-links d-flex d-md-none d-lg-none align-items-center justify-content-between">
            <a href="{{ $settings->facebook }}" class="facebook" target="_blank"><i class="bi bi-facebook"></i></a>
            <a href="{{ $settings->youtube }}" class="youtube"><i class="bi bi-youtube"></i></a>
        </div>
    </div>
</section>





<div class="header__ads__top d-block d-md-none d-lg-none py-2">
    <div class="container">
        <div class="row">
            <div class="col-md-6">

            </div>
            <div class="col-md-6">
            </div>
        </div>
    </div>
</div>
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
    {{--    <div class="container d-flex align-items-center justify-content-between">--}}
    <div class="container site__top d-lg-block d-md-block d-sm-flex col-flex align-items-center justify-content-between">
        <div class="row text-center">
            <div class="col-md-4">
            </div>
            <div class="col-md-4">
                <a href="/" class="logo"><img src="/defaults/logo.jpeg" alt="{{ $settings->site }}"></a>
                <a href="/" class="logo_w"><img src="/defaults/logo.jpeg" alt="{{ $settings->site }}" class="img-fluid"></a>
            </div>
            <div class="col-md-4">
            </div>
        </div>
        <center>

            <nav id="navbar" class="navbar">
                <ul>
                    <li><a class="nav-link scrollto" href="/">প্রচ্ছদ</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/national">জাতীয়</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/politics">রাজনীতি</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/international">আন্তর্জাতিক</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/economy">অর্থনীতি</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/city-life">নগর জীবন</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/country">সারাদেশ</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/education">শিক্ষা</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/entertainment">বিনোদন</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/emigration-life">প্রবাস জীবন</a></li>
                    <li><a class="nav-link scrollto" href="https://odhikarpatra.com/topic/autism">প্রতিবন্ধী</a></li>
                    <li class="dropdown">
                        <a href="#"><span>অন্যান্য</span>
                            <i class="bi bi-chevron-down"></i>
                        </a>
                        <ul>
                            <li><a href="https://odhikarpatra.com/topic/law-and-justice">আইন আদালত</a></li>
                            <li><a href="https://odhikarpatra.com/topic/woman">নারী</a></li>
                            <li><a href="https://odhikarpatra.com/topic/health">স্বাস্থ্য</a></li>
                            <li><a href="https://odhikarpatra.com/topic/religion">ধর্ম ও জীবন</a></li>
                            <li><a href="https://odhikarpatra.com/topic/sports">খেলাধূলা</a></li>
                            <li><a href="https://odhikarpatra.com/topic/opinion-and-interview">মতামত ও সাক্ষাৎকার</a></li>
                            <li><a href="https://odhikarpatra.com/topic/kids">শিশু</a></li>
                            <li><a href="https://odhikarpatra.com/topic/travel">পর্যটন</a></li>
                            <li><a href="https://odhikarpatra.com/topic/editorial">সম্পাদকীয়</a></li>
                            <li><a href="https://odhikarpatra.com/archive">আর্কাইভ</a></li>
                            <li><a href="https://odhikarpatra.com/photo-gallery">ছবি</a></li>
                            <li><a href="https://odhikarpatra.com/video-gallery">ভিডিও</a></li>
                        </ul>
                    </li>

                    <li class="search_li">
                        <div>
                            <button id="searchOpenBtn"><i class="fa fa-search"></i></button>
                        </div>
                    </li>
                </ul>

                <div class="search-bar" id="mainSrcBox" style="display: none;">
                    <form method="get" action="{{ route('search') }}">
                        <input type="text" class="search-input" required="" name="x" placeholder="কি খুঁজতে চান?">
                        <button class="searchIcon" id="searchIcon" type="submit" name="button"><i class="fa fa-search"></i></button>
                    </form>
                </div>

                <i class="bi bi-list mobile-nav-toggle"></i>
            </nav>
        </center>
    </div>

    <div id="search" class="d-none">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <form action="{{ route('search') }}" class="form-group" role="search" method="get">
                        <div class="input-group">
                            <input type="text" class="form-control" name="x" placeholder="কি খুঁজতে চান?">
                            <span class="input-group-btn">
                                <button class="btn btn-search" type="submit"><i class="fa fa-search"
                                                                                aria-hidden="true"></i></button>
                            </span>
                            <div class="input-group-btn search-panel">
                                <button type="button" class="btn btn-close search_close"><i class="fa fa-times"
                                                                                            aria-hidden="true"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</header>