.toggle_bar {

    display: none;

}

.header__list li.sarc a {

    border: none;

    background: #00a14b;

    border-radius: 36px;

    padding: 5px 15px;

}

        body {

            background-color: #f8fafc;

        }



        .search-card {

            border: none;

            box-shadow: 0 15px 30px rgba(15, 23, 42, 0.1);

            margin-top: 80px;

        }



        .results-table {

            table-layout: auto;

            width: auto;

            min-width: 100%;

        }



        .results-table th {

            background-color: #0d6efd;

            color: #fff;

            white-space: nowrap;

            padding: 0.75rem;

        }



        .results-table td {

            vertical-align: middle;

            white-space: nowrap;

            padding: 0.75rem;

        }



        .badge-source {

            font-size: 0.85rem;

        }



        .data-panel {

            border: 1px solid #dfe7f1;

            border-radius: 10px;

            box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);

            background: #fff;

            overflow: hidden;

        }



        .data-panel-heading {

            background: linear-gradient(90deg, #2563eb, #3b82f6);

            color: #fff;

            padding: 1.25rem;

        }



        .data-panel-heading h2 {

            margin: 0;

            font-size: 1.25rem;

            font-weight: 600;

        }



        .data-panel-body {

            padding: 1.5rem;

        }



        .table-condensed>tbody>tr>td,

        .table-condensed>thead>tr>th {

            padding: 0.6rem;

        }



        button.btn.btn-primary {

            background: #0d6efd;    border: #0d6efd;    border-radius: 10px;    padding: 10px;    font-size: 15px;    font-weight: 600;

        }

		

.data-panel-body .flex-column .ms-md-auto nav .d-none div:first-child{display:none}		

.pagination {margin-bottom:0}		

		

        .footer .footer__container {

            display: flex;

            justify-content: space-between;

            align-items: center;

        }



        .menu-fix {

            position: fixed;

            z-index: 11;

            width: 100%;

            transition-duration: 200ms;

            background: #01015b;

            padding: 5px 0;

        }



        .menu-fix.fix {

            background: #fff;

            transition-duration: 200ms;

            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);

        }



        .fix .header__list li a {

            color: #393e52;

        }



        .fix .header__list li a.current {

            border-color: #393e52;

        }



        .fix .header__list li a:focus {

            text-decoration: none;

        }



        .header__list li a:focus {

            text-decoration: none;

        }



        .fix .header__list li a:hover {

            border-color: #393e52;

        }



        .fix .logo {

            background: url(../img/logo.png) no-repeat;

            background-position: 0 -68px;

            transition-duration: 0ms;

        }



        .fix .header__top {

            padding-top: 0;

            transition-duration: 200ms;

        }



        .logo {

            display: inline-block;

            width: 320px;

        }



        .logo img {

            width: 100%

        }



        .logo:hover {

            text-decoration: none;

        }



        .btn {

            border: 2px solid #393e52;

            font-family: "Montserrat", sans-serif;

            font-weight: 400;

            font-size: 14px;

            -webkit-border-radius: 0;

            border-radius: 0;

            padding: 12px 12px;

            background-color: transparent;

            -webkit-transition: all .3s;

            transition: all .3s;

            min-width: 140px;

            text-transform: uppercase;

        }



        .btn__accent {}



        .btn__accent:hover {

            background-color: transparent;

            border-color: #fff;

            color: #fff;

        }



        .btn__pure {}



        .btn__pure:hover {

            border-color: #393e52;

            color: #fff;

            background-color: #393e52;

        }



        .header#home {

            padding-top: 110px;

        }



        .header {

            position: relative;

            background-size: cover;

            color: #fff;

            font-family: "Montserrat", sans-serif;

            font-weight: 400;

            /* height: 100vh; */

            z-index: 1;

        }



        .header:after {}



        .header__container {

            /* position: absolute; */

            z-index: 1;

            top: 50%;

            /* transform: translate(0px, -50%); */

            width: 100%;

        }



        .header__top {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-align: center;

            -webkit-align-items: center;

            -ms-flex-align: center;

            align-items: center;

        }



        .header__list {

            margin-left: auto; margin-bottom:0

        }



        .header__list li {

            display: inline-block;

        }



        .header__list li a {

            display: inline-block;

            padding: 10px 18px;

            font-weight: 500;

            border-top: 1px solid transparent;

            border-bottom: 1px solid transparent;

            -webkit-transition: border-color .3s;

            transition: border-color .3s;

            font-size: 16px;

            color: #fff;

            text-decoration: none;

        }



        .header__list li a:hover {

            text-decoration: none;

            border-color: #fff;

        }



        .header__center {

            text-align: center;

        }



        .header__center>p {}



        .header h1 {

            font-size: 33px;

            text-transform: uppercase;

            padding: 10px 15px;

            font-weight: 600;

            color: #fff;

            background: #000;

            width: fit-content;

            margin: 0 auto 15px;

            border-radius: 6px;

        }



        .header__center ul {

            display: flex;

            justify-content: center;

            gap: 35px;

        }



        .header__center ul li {

            border: 2px solid #fff;

            /* padding: 7px 30px; */

            background: #01015b;

            display: block;

            border-radius: 49px;

        }



        .header__center ul li.active {

            background: #c7191d;

        }



        .header__center ul li a {

            display: block;

            padding: 10px 30px;

            font-weight: 600;

            font-size: 18px;

            text-decoration: none;

        }



        .header__counter {

            padding-bottom: 38px;

        }



        .header.he .header__container {

            position: inherit;

            top: inherit;

            transform: inherit;

            /* padding-top: 100px; */

        }







        /* 3.10. Footer */

        .footer {

            text-align: center;

            color: #fff;

            background: #1a1a1a url(../img/bg__4.png) no-repeat bottom center;

            padding: 8px;

        }



        .footer__social {

            display: flex;

            gap: 10px;

            align-items: center;

        }



        .footer__social h3 {

            font-size: 15px;

        }



        #goTop {

            position: fixed;

            bottom: 70px;

            right: 5px;

            z-index: 9999;

            width: 40px;

            height: 40px;

            text-align: center;

            line-height: 37px;

            background: #222;

            border: 0;

            color: #fff;

            cursor: pointer;

            border-radius: 2px;

            text-decoration: none;

            -webkit-transition: all 0.5s ease 0s;

            -o-transition: all 0.5s ease 0s;

            transition: all 0.5s ease 0s;

            transform: translate(50px, 0px);

            z-index: 9999;

        }



        #goTop.show {

            transform: translate(0px, 0px);

        }



        .show {

            display: block !important;

        }



        #goTop:hover {

            background: #fff;

            color: #222;

        }



        .social a {

            display: block;

            width: 30px;

        }



        .social a:hover {

            background-color: #393e52;

            border-color: #393e52;

        }



        .social a img {

            width: 100%

        }

.fgfg  .form-label {    color: #000;    font-weight: 500;    font-size: 15px;}
.csf {display:none}
        @media (max-width: 992px) {.card-body.fgfg {}.card-body.fgfg form {}.card-body.fgfg form .ggfg { width: 50%;}
.header__list li a {
    display: block;
    padding: 7px 15px;
    font-size: 20px;
}
   .csf {
    display: block;
    position: absolute;
    background: red;
    right: 10px;
    top: 8px;
    border-radius: 33px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    color: #fff;
}         .toggle_bar {

                display: block;

            }



            /* collapsed (hidden) menu */
.header__list li.sarc a {
    width: fit-content;
}
            .header__list {

 BACKGROUND: #000;
        position: fixed;
        right: -100%;
        top: 0;
        width: 300PX;
        height: 100%;
        overflow-y: scroll;
        -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, .5);
        -moz-box-shadow: -5px 0 20px -5px rgba(0,0,0,.5);
        box-shadow: -5px 0 20px -5px rgba(0, 0, 0, .5);
        z-index: 999;
        -webkit-transition: .5s 
ease-out;
        -moz-transition: .5s ease-out;
        -ms-transition: .5s ease-out;
        -o-transition: .5s ease-out;
        transition: .5s 
ease-out;

            }

.header__list.active {
    RIGHT: 0;
}

            .header__list li {display: block;/* text-align: center; */}



            .toggle_bar svg {

                fill: #fff;

                font-size: 35px;

            }



            /* expanded (visible) menu */

            .header__list.active {


                /* enough height for menu */padding: 50px 0;}



            .header__list li {padding-left: 20px;margin-bottom: 15px;}



            .logo_toggle {

                display: flex;

                justify-content: space-between;

                align-items: center;

                width: 100%;

                padding-right: 18px;

            }

        }

.header__list	{ }