/* =========== sidebar css start here ============ */
        .offcanvas-start {
            top: 128px;
            left: 349px;
            width: 347px;
            background: #4242423b;
        }
        .modal-backdrop {
            background: none;
        }
        div#offcanvasExample {
            visibility: visible !important;
        }
        .offcanvas-header button.btn-close.text-reset {
            display: none;
        }
        a.btn.btn-primary.cutoption {
            display: none;
        }
        .page-section.hero.study_over {
            margin-top: 148px;
        }
        .d-flex.bd-highlight {
            position: fixed;
            top: 74px;
            left: 0px;
            width: 98%;
            background: #fff;
            border-bottom: 1px solid;
           
        }
        /* =========== sidebar css start here ============ */
            .btn-pink-filled .drugbank-icon {
                color: #fff;
            }
            button.btn.btn-pink-filled:focus {
                box-shadow: none;
            }
            ul.navbar-nav.ms-auto.mb-2.mb-lg-0 a#navbarDropdown {
                font-size: 20px;
                padding: 10px 22px;
                color: #1d1b1b;
                border-radius: 5px;
                font-weight: 600;
            }
            nav.navbar.navbar-expand-lg {
                padding: 0px;
            }
            header nav.navbar.navbar-expand-lg ul.dropdown-menu.show {
                width: 100%;
                margin-top: 0px;
            }

            header nav.navbar.navbar-expand-lg ul.dropdown-menu.show li {
                font-size: 18px;
            }
            .medical_cener {
                border-bottom: 1px solid;
            }

            .medical_cener span {
                font-size: 18px;
                font-weight: 700;
                background: #51a8b6;
                padding: 11px 10px;
                color: #ffff;
                box-shadow: rgb(162 103 233 / 57%) 0px 7px 29px 0px;
            }
            .medical_cener button svg {
                font-size: 21px;
            }
            .medical_cener button {
                padding: 6px 23px;
                background: #51a8b6;
                color: #ffff;
                border: none;
                border-radius: 5px;
                box-shadow: rgb(162 103 233 / 57%) 0px 7px 29px 0px;
            }
            .page-section.absc h5.card-title {
                background: #d3d3d3a1;
                padding: 10px 3px;
                font-size: 25px;
                border-radius: 5px;
            }
            .page-section.absc .corre {
                padding: 24px 3px;
            }
            ul.navbar-nav.one.ms-auto.mb-2.mb-lg-0:hover ul.dropdown-menu {
                visibility: visible;
                display: block;
            }
            /* ============== main section css start here ============= */
            .page-section {
                height: 100%;
                width: 78%;
                margin-left: 20%;
                padding: 15px 30px;
                color: #121111;
            }
            .page-section h5.card-title {
                font-weight: 700;
            }
            .page-section.absc a {
                text-decoration: none;
                font-weight: 600;
            }
            .page-section h2 {
                font-size: 19px;
                font-weight: 700;
                color: #15101a;
            }
            .navigation {
                position: fixed;
                width: 15%;
                margin-left: 1%;
                background-color: #141313;
                color: #fff;
                height: 100vh;
            }
            .navigation__link {
                display: block;
                color: #ddd;
                text-decoration: none;
                padding: 1em;
                font-weight: 400;
            }
            .navigation__link:hover {
                background-color: #aaa;
            }
            .navigation__link.active {
                color: #000;
                background-color: #fff;
            }
            
            header {
                position: fixed;
                width: 100%;
            }
            ul.navbar-nav.one.ms-auto.mb-2.mb-lg-0 .dropdown-toggle::after {
                display: none;
            }
            .clear_filter {
                position: fixed;
                bottom: 3px;
                right: 21px;
                width: 89%;
                background: #e1dadb;
                padding: 13px 9px;

            }
            .clear_filter {
                display: flex;
                justify-content: center;
                gap: 8px;
            }
            .clear_filter button {
                padding: 5px 15px;
                border: 1px solid;
                font-size: 16px;
                font-weight: 600;
                border-radius: 6px;
            }
            .study_over {
                margin-top: 0%;
                padding: 6px 30px;
                background: #c6b8bb63;
                color: #191515;
                border-bottom: 2px solid #51a8b1;
            }
            .offcanvas-body {
                flex-grow: 1;
                padding: 1rem 1rem;
                overflow-y: hidden;
            }
            .study_over h3 {
                font-size: 22px;
                color: #51a8b1;
            }
            .hight_lite_b button {
                background: #51a8b657;
                padding: 7px 20px;
                border-radius: 5px;
                font-size: 17px;
                font-weight: 500;
                border: none;
                margin-right: 6px;
            }
            .hight_lite_b {
                margin-bottom: 30px;
            }
            /* ============== main section css end here ============= */
            /* =========== media query start here ============= */
            @media all and (min-width:1676px) and (max-width:1875px){
                .page-section {
                    width: 82%;
                    margin-left: 17%;
                }
                .offcanvas-start {
                    left: 278px;
                    width: 278px;
                }
                .page-section.hero.study_over {
                    margin-top: 5%;
                }
            }
            @media all and (min-width:1241px) and (max-width:1675px){
                .page-section {
                    width: 76%;
                    margin-left: 22%;
                }
                .offcanvas-start {
                    left: 278px;
                    width: 278px;
                }
                .page-section.hero.study_over {
                    margin-top: 7%;
                }
            }
            @media all and (min-width:1026px) and (max-width:1240px){
                .page-section {
                    width: 70%;
                    margin-left: 28%;
                }
                .offcanvas-start {
                    left: 278px;
                    width: 278px;
                }
                .page-section.hero.study_over {
                    margin-top: 8%;
                }
            }
            @media all and (min-width:769px) and (max-width:1025px){
                .page-section.hero.study_over {
                    margin-top: 13%;
                }
                .offcanvas-start {
                    top: 153px;
                    left: 269px;
                    width: 274px;
                }
                .page-section {
                    width: 70%;
                    margin-left: 29%;
                }
                .medical_cener {
                    top: 100px;
                }
                .hight_lite_b button {
                    margin-top: 10px;
                }
                .clear_filter {
                    bottom: 0px;
                }
            }
            /* =========== media query end here ============= */
            @media all and (min-width:481px) and (max-width:768px){
                div#navbarSupportedContent {
                    margin-top: 89px;
                }
                .d-flex.bd-highlight {
                    position: fixed;
                    left: 0px;
                    top: 74px;
                    width: 100%;
                    background: #fff !important;
                    border-bottom: 1px solid;
                }
                .nort {
                    height: 80vh;
                    overflow-y: scroll;
                }
                a#navbarDropdown {
                    color: #fff !important;
                }
                .clear_filter button {
                        margin-right: 5px;
                    }
                  .clear_filter {
                    bottom: 0px;
                }
                .page-section.hero.study_over {
                    margin-top: 17%;
                }
                .cutoption{
                    display: block !important;
                }
                .offcanvas-start {
                    top: 128px;
                    left: 347px;
                    width: 347px;
                    background: #424242;
                }
                .input-group-append {
                    padding: 0px 14px;
                    height: 40px;
                    margin-top: 2px;
                }
                .page-section {
                    width: 100%;
                    margin-left: 0%;
                }
                .search-group .icon-search-big svg {
                    height: 21px;
                    width: 18px;
                    margin: 0.2rem 0;
                }
                header {
                    padding: 0px 0px;
                }
                nav.navbar.navbar-expand-lg .navbar-toggler-icon {
                    height: 37px;
                    border: none;
                }
                
                nav.navbar.navbar-expand-lg .navbar-toggler-icon  svg {
                    font-size: 26px;
                    padding: 5px;
                }
                nav.navbar.navbar-expand-lg {
                    padding: 8px 0px;
                }
                nav.navbar.navbar-expand-lg  .navbar-toggler {
                    padding: 0px;
                    font-size: 1.25rem;
                    line-height: 1;
                    background-color: transparent;
                    border: none;
                }
                ul.navbar-nav.ms-auto.mb-2.mb-lg-0 a#navbarDropdown {
                    padding: 7px 5px;
                    margin-top: 15px;
                    display: inline-block;
                    width: 100%;
                }
                .search-query {
                    height: 43px;
                    padding: 5px;
                    width: 487px;
                }
                .home-search-form {
                    margin-bottom: 10px;
                }
                a.btn.btn-primary.cutoption {
                    background: #51a8b6;
                    width: 16%;
                    border: none;
                }
                .hight_lite_b button {
                    margin-top: 10px;
                }
            }
            @media all and (min-width:320px) and (max-width:480px){
                .d-flex.bd-highlight {
                    position: fixed;
                    top: 61px;
                    left: 0px;
                    width: 100%;
                    background: #fff;
                    border-bottom: 1px solid;
                }
                .cutoption{
                    display: block !important;
                }
                div#offcanvasExample {
                    display: none;
                }
                div#navbarSupportedContent {
                    margin-top: 89px;
                }
                .offcanvas-start {
                    top: 62px;
                    left: 320px;
                    background: #424242;
                }
                a#navbarDropdown {
                    color: #fff !important;
                }
                .input-group-append {
                    padding: 0px 0px;
                    height: 38px;
                    margin-top: 2px;
                }
                .medical_cener {
                    border-bottom: 1px solid;
                    position: sticky;
                    top: 64px;
                    /*z-index: -99;*/
                }
                .search-group .icon-search-big svg {
                    height: 21px;
                    width: 18px;
                    margin: 0.2rem 0;
                }
                header {
                    padding: 0px 0px;
                }
                nav.navbar.navbar-expand-lg .navbar-toggler-icon {
                    height: 37px;
                    border: none;
                }
                
                nav.navbar.navbar-expand-lg .navbar-toggler-icon  svg {
                    font-size: 26px;
                    padding: 5px;
                }
                nav.navbar.navbar-expand-lg {
                    padding: 8px 0px;
                }
                nav.navbar.navbar-expand-lg  .navbar-toggler {
                    padding: 0px;
                    font-size: 1.25rem;
                    line-height: 1;
                    background-color: transparent;
                    border: none;
                }
                .page-section.hero.study_over {
                    margin-top: 44%;
                }
                .page-section {
                    width: 100%;
                    margin-left: 0%;
                }
                ul.navbar-nav.ms-auto.mb-2.mb-lg-0 a#navbarDropdown {
                    padding: 7px 40px;
                    margin-top: 15px;
                }
                .search-query {
                    height: 41px;
                    padding: 5px;
                }
                .home-search-form {
                    margin-bottom: 10px;
                }
                a.btn.btn-primary.cutoption {
                    background: #51a8b6;
                    width: 16%;
                    border: none;
                }
                .hight_lite_b button {
                    margin-top: 10px;
                }
            }