@charset "UTF-8";
/*!
 * Rokon  Mobile: +8801717524792 (https://digitalcraftbd.com/)
 * Email : rezaulktm85@gmail.com
 * Copyright 2023-2024 Rokon
 */

 .carousel-item {
    height:42vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  @import url('https://fonts.cdnfonts.com/css/times-new-roman');
        :root {
        --bs-font-Kalpurush: times-new-roman;
        /* --bs-body-bg: #c4e9ff; */
        --bs-body-color: #000000;
        --jt-primary: #0b93e9;
        --jt-heading-color: #000000;
        --jt-heading-link: #000000;
        --jt-heading-hover: #0b93e9;
        --jt-link-color: #0373b9;
        --jt-link-hover: #0373b9;
        --jt-blockquote: #0373b9;
        --jt-btn-primary: #0373b9;
        --jt-btn-primary-hover: #0b93e9;
        --jt-btn-light-hover: #000000;
        --jt-border-light: #ececec;
        --jt-bg-light: #f3f7f9;
        --jt-archive-bg: #ffffff;
        --jt-nav-color: #ffffff;
        --jt-nav-hover: #fff000;
        --jt-nav-selected: #fff000;
        --jt-dropdown-bg: #0373b9;
        --jt-dropdown-color: #ffffff;
        --jt-dropdown-hover: #fff000;
        --jt-dropdown-selected: #fff000;
        --jt-header-bg: #0373b9;
        --jt-header-color: #ffffff;
        --jt-header-border: #0b93e9;
        --jt-footer-bg: #0373b9;
        --jt-footer-color: #ffffff;
        --jt-footer-link: transparent;
        --jt-footer-border: #FFFFFF;
        --jt-socket-bg: #0b93e9;
        --jt-socket-color: #FCE8B2;
        }

        .d-block {
        display:none;
        }
        .h1,.h2,.h3,.h4,.h5,.h6,
        h1,h2,h3,h4,h5,h6 {
        font: normal bold 22px var(--bs-font-Kalpurush);
        }
        a {
        transition-property: background-color, border-color, color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: .3s;
        text-decoration: none;
        color: var(--jt-link-color);
        }
        a:hover {
        color: var(--jt-link-hover);
        }
        .fs-7 {
        font-size: 16px;
        }
        .fs-rokon {
        font-size: 20px;
        font-family: times-new-roman;
        }
        .fs-8 {
        font-size: 0.75rem;
        }
        .fs-9 {
        font-size: 0.7rem;
        }
        #comment-button {
        width: 100%!important;
        }
        .link-oit-btn{
        color: var(--jt-nav-color);
        background-color: var(--jt-header-bg);
        width:100%;
        margin-left:0;
        margin-right:0;
        padding:5px;
        display:block;
        text-align:center;
        border-radius:6px;
        border-right: 3px solid var(--jt-heading-color);
        border-left: 3px solid var(--jt-heading-color);
        }
        .link-oit-btn:hover{
        color: var(--jt-nav-color);
        background-color: var(--jt-socket-bg);
        }
        .btn{
        box-shadow: none !important
        }
        .btn-block{
        width: 100%!important;
        color: var(--jt-nav-color);
        background-color: var(--jt-header-bg);
        border-radius: 6px!important;
        border-top: 0px solid var(--jt-heading-color);
        border-right: 3px solid var(--jt-heading-color);
        border-bottom: 0px solid var(--jt-heading-color);
        border-left: 3px solid var(--jt-heading-color);
        padding: 5px;
        margin: 0px 0px 5px 0px;
        }
        .btn-block:hover{
        background-color: var(--jt-socket-bg);
        }
        .btn-oit-r{
        width: 100%;
        color: var(--jt-nav-color);
        background-color: red;
        border-radius: 6px!important;
        border-top: 0px solid var(--jt-heading-color);
        border-right: 3px solid var(--jt-heading-color);
        border-bottom: 0px solid var(--jt-heading-color);
        border-left: 3px solid var(--jt-heading-color);
        padding: 5px;
        margin: 0px 0px 5px 0px;
        }
        .btn-oit-r:hover{
        background-color: var(--jt-socket-bg);
        }
        .btn-oit-g{
        width: 100%;
        color: var(--jt-nav-color);
        background-color: green;
        border-radius: 6px!important;
        border-top: 0px solid var(--jt-heading-color);
        border-right: 3px solid var(--jt-heading-color);
        border-bottom: 0px solid var(--jt-heading-color);
        border-left: 3px solid var(--jt-heading-color);
        padding: 5px;
        margin: 0px 0px 5px 0px;
        }
        .btn-oit-g:hover{
        background-color: var(--jt-socket-bg);
        }
        .btn-oit-y{
        width: 100%;
        color: var(--jt-heading-color);
        background-color: yellow;
        border-radius: 6px!important;
        border-top: 0px solid var(--jt-heading-color);
        border-right: 3px solid var(--jt-heading-color);
        border-bottom: 0px solid var(--jt-heading-color);
        border-left: 3px solid var(--jt-heading-color);
        padding: 5px;
        margin: 0px 0px 5px 0px;
        }
        .btn-oit-y:hover{
        color: var(--jt-nav-color);
        background-color: var(--jt-socket-bg);
        }
        .btn-oit-o{
        width: 100%;
        color: var(--jt-nav-color);
        background-color: orange;
        border-radius: 6px!important;
        border-top: 0px solid var(--jt-heading-color);
        border-right: 3px solid var(--jt-heading-color);
        border-bottom: 0px solid var(--jt-heading-color);
        border-left: 3px solid var(--jt-heading-color);
        padding: 5px;
        margin: 0px 0px 5px 0px;
        }
        .btn-oit-o:hover{
        color: var(--jt-nav-color);
        background-color: var(--jt-socket-bg);
        }
        .btn-oit-p{
        width: 100%;
        color: var(--jt-nav-color);
        background-color: purple;
        border-radius: 6px!important;
        border-top: 0px solid var(--jt-heading-color);
        border-right: 3px solid var(--jt-heading-color);
        border-bottom: 0px solid var(--jt-heading-color);
        border-left: 3px solid var(--jt-heading-color);
        padding: 5px;
        margin: 0px 0px 5px 0px;
        }
        .btn-oit-p:hover{
        color: var(--jt-nav-color);
        background-color: var(--jt-socket-bg);
        }
        .btn-oit-b{
        width: 100%;
        color: var(--jt-nav-color);
        background-color: blue;
        border-radius: 6px!important;
        border-top: 0px solid var(--jt-heading-color);
        border-right: 3px solid var(--jt-heading-color);
        border-bottom: 0px solid var(--jt-heading-color);
        border-left: 3px solid var(--jt-heading-color);
        padding: 5px;
        margin: 0px 0px 5px 0px;
        }
        .btn-oit-b:hover{
        color: var(--jt-nav-color);
        background-color: var(--jt-socket-bg);
        }
        .btn-sm {
        min-width: 32px;
        min-height: 32px;
        }
        img,
        svg,
        iframe {
        max-width:100%
        }
        img {
        height:auto;
        object-fit:cover;
        }
        label {
        cursor: pointer;
        }
        .visually-hidden {
        position: unset !important;
        }
        .form-control:focus {
        box-shadow: none;
        border-color: var(--jt-primary);
        }
        .form-control::placeholder {
        opacity: 0.5;
        color:red;
        }
        .dropdown-toggle::after {
        border-width: 0.25em 0.25em 0;
        }
        .dropdown-menu {
        margin: 0;
        padding: 0;
        }
        .py-5 {
        padding-top: 1rem!important;
        padding-bottom: 0rem!important;
        }
        .pb-5 {
        padding-bottom: 1rem!important;
        }
        .border-bottom {
        border-bottom: 1px solid var(--jt-header-bg)!important;
        }
        .border-top {
        border-top: 1px solid var(--jt-header-bg)!important;
        }
        #Label10{
        font: normal normal 16px Kalpurush, sans-serif;
        }
        .sdw-oit {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px!important;
        }
        .rounded {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px!important;
        border: 0.1px solid var(--jt-socket-bg)!important;
        border-radius: 6px!important;
        }
        #threaded-comment-form{
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        border: 0.1px solid var(--jt-socket-bg);
        }
        #post-pager, .breadcrumb, #single-content, #page-content, #PageList1, #Label10, #HTML3, #HTML4 {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        background-color: var(--jt-bg-light);
        border: 0.1px solid var(--jt-socket-bg)!important;
        padding: 7px;
        border-radius: 6px;
        }
        #comments, .related-posts{
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        background-color: rgba(3, 115, 185, 0.1);
        border: 0.1px solid var(--jt-socket-bg);
        padding: 7px;
        border-radius: 6px;
        }
        .px-3 {
        padding-right: .5rem!important;
        padding-left: .5rem!important;
        }
        .border-start {
        border-left: 5px solid var(--jt-footer-bg)!important;
        }
        .alert {
        background-color: rgba(3, 115, 185, 0.1);
        border-left: 5px solid var(--jt-header-bg);
        border-right: 5px solid var(--jt-header-bg);
        border-top: 0px solid var(--jt-header-bg);
        border-bottom: 0px solid var(--jt-header-bg);
        border-radius: 10px;
        margin-bottom: 0rem;
        padding: 0.5rem;
        }
        .rokon_alert {
        background-color: rgba(3, 115, 185, 0.1);
        border-left: 5px solid var(--jt-header-bg);
        border-right: 5px solid var(--jt-header-bg);
        border-top: 30px solid var(--jt-header-bg);
        border-bottom: 0px solid var(--jt-header-bg);
        border-radius: 10px;
        margin-bottom: 0rem;
        padding: 0.5rem;
        border-radius: 6px!important;
        }
        ul {
        list-style-type: square;
        padding-left: 20px!important;
        }
        .list-unstyled{
        padding-left: 5px!important;
        }
        .widget-content ul li a:hover{
        color: var(--jt-nav-color)!important;
        background-color: var(--jt-header-bg);
        padding: 5px;
        border-radius: 6px;
        border: 1px solid var(--jt-nav-color)!important;
        }
        .alert li a:hover{
        color: var(--jt-nav-color)!important;
        background-color: var(--jt-header-bg);
        padding: 5px;
        border-radius: 6px;
        }
        ol li a:hover{
        color: var(--jt-nav-color)!important;
        background-color: var(--jt-header-bg);
        padding: 5px;
        border-radius: 6px;
        border: 1px solid var(--jt-nav-color)!important;
        }
        img:hover{
        border-radius: 5%;
        opacity: 0.9!important;
        }
        .alert-oit-y {
        color: black;
        background-color: yellow;
        border-left: 5px solid var(--jt-header-bg);
        border-right: 5px solid var(--jt-header-bg);
        border-radius: 10px;
        margin: 5px 0px 5px 0px;
        padding: 10px;
        text-align: justify;
        }
        .alert-oit-r {
        color: white;
        background-color: red;
        border-left: 5px solid var(--jt-heading-color);
        border-right: 5px solid var(--jt-heading-color);
        border-radius: 10px;
        margin: 5px 0px 5px 0px;
        padding: 10px;
        text-align: justify;
        }
        .ph-oit-b {
        background-color: rgba(3, 115, 185, 0.3);
        border: 1px solid #0373b9;
        border-radius: 10px;
        margin: 5px 0px 5px 0px;
        padding: 10px;
        text-align: justify;
        }
        .ph-oit-g {
        background-color: rgba(43, 131, 0, 0.3);
        border: 1px solid #2b8300;
        border-radius: 10px;
        margin: 5px 0px 5px 0px;
        padding: 10px;
        text-align: justify;
        }
        .ph-oit-y {
        background-color: rgba(255, 242, 0, 0.3);
        border: 1px solid #ffba00;
        border-radius: 10px;
        margin: 5px 0px 5px 0px;
        padding: 10px;
        text-align: justify;
        }
        .ph-oit-r {
        background-color: rgba(255, 0, 0, 0.3);
        border: 1px solid red;
        border-radius: 10px;
        margin: 5px 0px 5px 0px;
        padding: 10px;
        text-align: justify;
        }
        body {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }
        .navbar-brand:hover {
        opacity: 0.8;
        }
        tr:nth-child(even) {background-color: rgba(3, 115, 185, 0.1);}
        tr:hover {background-color: rgba(3, 115, 185, 0.5);}
        th {background-color: var(--jt-header-bg)!important;}
        .p-4{
        padding:1rem 1rem 0rem 1rem!important;
        }
        #footer .widget-title {
        background-color: var(--jt-socket-bg);
        font-size: 17px !important;
        border-bottom: 5px ridge var(--jt-header-color);
        border-radius: 6px 6px 20px 20px;
        padding: 10px 0px 0px 10px;
        }
        #sidebar .widget-title {
        color: var(--jt-header-color);
        background-color: var(--jt-header-bg);
        font-size: 17px !important;
        border-bottom: 5px ridge var(--jt-nav-color);
        border-radius: 6px 6px 20px 20px;
        padding: 5px 0px 0px 10px;
        }
        .ratio:before{
        content: none;
        }
        .ratio-1x1 {
        padding-bottom: 100%;
        }
        .ratio-4x3 {
        padding-bottom: 75%;
        }
        .ratio-16x9 {
        padding-bottom: 56.25%;
        }
        .ratio-21x9 {
        padding-bottom: 43%;
        }
        .copyordinaryit {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        }
        .object-cover {
        object-fit: cover;
        }
        .jt-text-primary,
        .hover-text-primary:hover,
        input:checked ~ .check-text-primary {
        color: var(--jt-primary)!important
        }
        .jt-btn-primary,
        .jt-btn-outline-primary:hover {
        color: #fff;
        background-color: var(--jt-btn-primary);
        border-color: var(--jt-btn-primary);
        }
        .jt-btn-light {
        color: var(--bs-body-color);
        background-color: var(--jt-nav-color);
        border: 2px ridge var(--jt-socket-bg);
        }
        .jt-btn-light:hover {
        color: var(--jt-btn-light-hover);
        }
        .jt-btn-primary:hover,
        .hover-btn-primary:hover,
        input:checked + .jt-btn-outline-primary {
        color: #fff !important;
        background-color: var(--jt-btn-primary-hover)!important;
        border-color: var(--jt-btn-primary-hover)!important
        }
        .jt-btn-outline-primary {
        color: var(--jt-btn-primary);
        border-color: var(--jt-btn-primary);
        }
        .jt-bg-primary {
        background-color: var(--jt-primary)
        }
        .jt-bg-light {
        background-color: var(--jt-bg-light)
        }
        .bg-archive {
        background-color: var(--jt-archive-bg)
        }
        .jt-border-light {
        border-bottom: 3px solid var(--jt-header-bg)!important;
        }
        input:checked ~ .d-block-check {
        display: block !important;
        }
        input:checked ~ .d-none-check {
        display: none !important;
        }
        .dropdown-menu,
        .accordion-item,
        .accordion-header {
        background-color: var(--bs-body-bg);
        color: var(--bs-body-color);
        border-color: var(--jt-border-light);
        }
        .lazyload {
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: .3s;
        opacity: 0;
        }
        .lazyload.loaded {
        opacity: 1;
        }
        /* JetTheme Style */
        pre {
        background-color: var(--jt-bg-light);
        margin-bottom: 1rem;
        padding: 1rem;
        font-size: 0.75rem;
        }
        blockquote {
        border-left:  5px solid var(--jt-blockquote);
        color: inherit;
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
        padding-left: 1rem;
        }
        .header-animate.header-hidden {
        transform: translateY(-100%);
        box-shadow: none !important;
        }
        #header {
        background-color: var(--jt-header-bg);
        color: var(--jt-header-color);
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: .3s;
        height: 50px;
        border-bottom: 5px ridge var(--jt-footer-border);
        border-radius: 0px 0px 20px 20px;
        opacity: 0.95;
        }
        .header-social {
        border-right: 2px ridge var(--jt-header-border);
        }
        .jt-icon {
        display: inline-block;
        height: 1em;
        vertical-align: -0.15em;
        width: 1em;
        fill:none;
        stroke:currentColor;
        stroke-linecap:round;
        stroke-linejoin:round;
        stroke-width:2;
        }
        .jt-icon-center {
        font-family: roboto;
        }
        .icon-dark,
        .dark-mode .icon-light {
        display: none;
        }
        .dark-mode .icon-dark {
        display: block;
        }
        #dark-toggler,
        #search-toggler,
        #navbar-toggler {
        line-height: 1;
        }
        #dark-toggler {
        font-size: 17px;
        }
        #footer {
        background-color: var(--jt-footer-bg);
        color: var(--jt-footer-color);
        border-top: 5px ridge var(--jt-footer-border);
        border-radius: 20px 20px 0px 0px;
        }
        .pt-4 {
        padding-top: 1rem!important;
        }
        #socket {
        background-color: var(--jt-socket-bg);
        color: var(--jt-socket-color);
        border-top: 5px ridge var(--jt-footer-border);
        border-radius: 20px 20px 0px 0px;
        font: normal normal 16px roboto, sans-serif;
        }
        #navbar {
        z-index: 9999;
        }
        #navbar .menu-item {
        position: relative;
        }
        #navbar .nav-link {
        min-height: 3540px;
        }
        #navbar .dropdown-toggle {
        cursor: pointer;
        align-items: center;
        display: flex;
        }
        #navbar.d-block,
        #navbar .dropdown-menu,
        #navbar .nav-link,
        #navbar .dropdown-toggle {
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        }
        #navbar .navbar-nav > .menu-item > .nav-link {
        font: normal bold 16px var(--bs-font-Kalpurush);
        line-height: 1.5;
        color: var(--jt-nav-color);
        }
        #navbar .navbar-nav > .menu-item:hover > .nav-link,
        #navbar .navbar-nav > .menu-item:hover > .dropdown-toggle {
        color: var(--jt-nav-hover);
        }
        #navbar .navbar-nav > .menu-item > .nav-link.active,
        #navbar .navbar-nav > .menu-item > .active ~ .dropdown-toggle {
        color: var(--jt-nav-selected);
        }
        .logo-wrap {
        width: 200px;
        }
        #search-header .dropdown-menu {
        background-color:var(--jt-dropdown-bg);
        color: var(--jt-dropdown-color);
        border: 3px ridge var(--jt-header-border);
        min-width: 300px;
        right:0;
        top:100%
        }
        .blog-admin {
        display: none;
        }
        #pagination li + li {
        margin-left: 5px;
        }
        .no-items {
        display: none;
        }
        .feature-image,
        .separator,
        .tr-caption-container {
        margin-bottom: 1rem;
        }
        .tr-caption-container {
        width: 100%;
        }
        .separator a,
        .tr-caption-container a {
        margin: 0 !important;
        padding: 0 !important;
        }
        .tr-caption {
        font-size: 12px;
        font-style: italic;
        }
        .widget:last-child {
        margin-bottom: 0 !important;
        }
        #post-body .widget {
        margin-top: 1.5rem;
        }
        .item-title {
        color: var(--jt-heading-link);
        }
        .item-title:hover {
        color: var(--jt-heading-hover);
        }
        #comment-editor{
        width:100%
        }
        #primary .widget-title {
        font-weight: 300;
        text-transform: uppercase;
        }
        #footer .widget-title {
        text-transform: uppercase;
        }
        #footer .widget-title,
        #sidebar .widget-title {
        font-size: 17px !important;
        }
        #footer .widget-title:after {
        content: "";
        display: block;
        width: 100%;
        margin-top: 5px;
        }
        #primary .widget-title > span {
        padding-right: 5px;
        position: relative;
        }
        #main .widget-title:before,
        #sidebar .widget-title:before {
        /* background-color:  var(--jt-bg-light); */
        content: "";
        height: 1px;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        }
        #main .widget-title:before {
        border-right: 30px solid var(--jt-primary);
        height: 5px;
        }
        .send-success:not(.loading) .contact-form-msg,
        .send-error:not(.loading) .contact-form-msg {
        display:block !important;
        }
        .send-success .contact-form-msg{
        border-color: rgba(25,135,84,.3) !important;
        }
        .send-error .contact-form-msg{
        border-color: rgba(255,193,7,.3) !important;
        }
        .send-success .contact-form-msg:before{
        content: attr(data-success);
        }
        .send-error .contact-form-msg:before{
        content: attr(data-error);
        }
        hr.example-ads:before {
        content: "Advertisement here";
        }
        hr.example-ads {
        background-color: var(--jt-bg-light);
        border-radius: 0.25rem;
        font-size: 0.875rem;
        height: auto;
        margin: 0;
        opacity: 1;
        padding: 1.5rem 0;
        text-align: center;
        }
        body > .google-auto-placed {
        margin: 0 auto 1.5rem;
        max-width: 1108px;
        }
        .google-auto-placed > ins {
        margin: 0 !important;
        }
        /* TYPOGRAPY */
        .h1,h1{font-size:calc(1rem + 1vw)}
        .h2,h2{font-size:calc(1rem + .7vw)}
        .h3,h3{font-size:calc(1rem + .6vw)}
        .h4,h4{font-size:calc(1rem + .3vw)}
        .h5,h5{font-size:18px}
        .h6,h6{font-size:17px}
        .entry-title {
        color: var(--jt-heading-color);
        margin-bottom: -20px;
        }
        #page-content .entry-title{
        margin-bottom: 0px;
        }
        .entry-text h1,
        .entry-text h2,
        .entry-text h3,
        .entry-text h4,
        .entry-text h5,
        .entry-text h6 {
        color: var(--jt-heading-color);
        margin-top: 1rem;
        margin-bottom: 0.3rem;
        background-color: rgba(3, 115, 185, 0.03);
        border-bottom: 0px solid black;
        border-left: 5px solid black;
        border-radius: 10px 5px 5px 10px;
        padding: 5px 10px 0 10px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
        }
        .entry-text li {
        margin-bottom: 0.5rem;
        }
        /* Responsive Style */
        @media (min-width: 576px) {
        .ratio-sm-4x3 {
        padding-bottom: 75%;
        }
        .ratio-sm-16x9 {
        padding-bottom: 56.25%;
        }
        .border-sm-end {
        border-right-width: 1px !important;
        border-right-style: solid;
        }
        #post-pager .next-page {
        border-left: 1px solid;
        }
        }
        @media (min-width: 768px) {
        .position-md-relative {
        position: relative;
        }
        .border-md-end {
        border-right-width: 1px !important;
        border-right-style: solid;
        }
        }
        @media (min-width: 992px) {
        .d-lg-flex {
        display: flex;
        }
        .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
        }
        .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
        }
        .border-lg-end {
        border-right-width: 1px !important;
        border-right-style: solid;
        }
        #navbar .navbar-nav > .menu-item {
        display: flex;
        }
        #navbar .dropdown-menu {
        background-color:var(--jt-dropdown-bg);
        border: 3px ridge var(--jt-header-border);
        border-radius: 10px!important;
        margin-top: -5px!important;
        display: block;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        box-shadow: 5px 10px 10px -5px rgba(0, 0, 0, 0.14);
        top:100%;
        min-width: 200px;
        }
        #navbar .dropdown-menu .nav-link {
        padding-right: 20px;
        font-size: 15px;
        color: var(--jt-dropdown-color);
        }
        #navbar .dropdown-menu .dropdown-toggle {
        position: absolute;
        right: 10px;
        top: 20px;
        }
        #navbar .dropdown-menu .dropdown-menu {
        left: 100%;
        top: -1px;
        }
        #navbar .dropdown-menu .menu-item:hover > .nav-link,
        #navbar .dropdown-menu .menu-item:hover > .dropdown-toggle {
        color:  var(--jt-dropdown-hover);
        }
        #navbar .dropdown-menu .menu-item > .nav-link.active,
        #navbar .dropdown-menu .menu-item > .active ~ .dropdown-toggle {
        color:  var(--jt-dropdown-selected);
        }
        #navbar .menu-item:hover > .dropdown-menu {
        opacity: 0.95;
        visibility: visible;
        pointer-events: unset;
        margin: 0;
        }
        #navbar .navbar-nav > .menu-item > .nav-link {
        padding: 1.5rem 1.2rem;
        white-space:nowrap;
        }
        #navbar .navbar-nav > .menu-item > .dropdown-toggle {
        bottom: 0;
        pointer-events: none;
        position: absolute;
        right: 5px;
        top: 3px;
        }
        #sidebar {
        border-left: 0px solid var(--jt-border-light);
        }
        #footer-widget .widget {
        margin-bottom: 0 !important;
        }
        }
        @media (min-width: 1200px){
        .container {
        max-width: 1140px;
        }
        .h1,h1{font-size:22px}
        .h2,h2{font-size:22px}
        .h3,h3{font-size:20px}
        .h4,h4{font-size:19px}
        }
        @media (min-width: 1400px) {
        .container {
        max-width: 1320px;
        }
        }
        @media (max-width: 991.98px) {
        input:checked ~ .dropdown-menu {
        display: block;
        }
        input:checked + .dropdown-toggle {
        color: var(--jt-dropdown-selected);
        }
        .logo-wrap {
        width: 190px;
        }
        #search-header .dropdown-menu{
        margin-top: 15px;
        width: 100%;
        }
        #navbar {
        background-color: var(--jt-header-bg);
        padding-top: 70px;
        padding-bottom: 30px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
        }
        #navbar.d-block {
        opacity: 0;
        transform: translateX(-20%);
        }
        #navbar.show {
        transform: translateX(0);
        opacity: 1;
        }
        #navbar .navbar-nav {
        max-height: 100%;
        overflow-y: auto;
        }
        #navbar-toggle:checked ~ #header-main #navbar {
        display:block;
        }
        #navbar .nav-link {
        border-bottom: 1px solid var(--jt-header-border);
        font-size: 16px !important;
        color: var(--jt-dropdown-color);
        }
        #navbar .menu-item:hover > .nav-link {
        color: var(--jt-dropdown-hover);
        }
        #navbar .active > .nav-link {
        color: var(--jt-dropdown-selected);
        }
        #navbar .dropdown-toggle {
        border-left: 1px solid var(--jt-header-border);
        height: 2.5rem;
        padding: 0 1rem;
        position: absolute;
        right: 0;
        top: 0;
        }
        #navbar .dropdown-menu {
        background-color: var(--jt-dropdown-bg);
        border: none;
        padding-left: 10px;
        }
        #sidebar {
        border-top: 0px solid var(--jt-border-light);
        }
        }
        @media (max-width: 575.98px) {
        .feature-posts .item-thumbnail {
        margin-bottom: -150px;
        }
        .feature-posts .item-thumbnail a {
        border-radius: 0 !important;
        box-shadow: none !important;
        padding-bottom: 75%;
        }
        .feature-posts .item-content {
        background-color: var(--bs-body-bg);
        border: 5px solid;
        border-radius: 0.25rem;
        }
        #post-pager .prev-page + .next-page {
        border-top: 1px solid;
        }
        .full-width,
        .px-3 .google-auto-placed {
        margin-left: -1rem;
        margin-right: -1rem;
        width: auto !important;
        }
        #footer-widget .widget {
        padding-left: 3rem;
        padding-right: 3rem;
        }
        }
        @media only screen and (min-width: 480px) {
            .logo1{
                display: block;
            }
            .search1{
                display: block;
            }
            .btable{
                display: none;
            }
            .footermeu{
                display: block;

                align-items: center;

            }

 }

 @media only screen and (max-width:320px) {
    .btable{
                display: none;
            }
 }

@media only screen and (max-width: 768px) {
            .logo1{
                display: block;
            }
            .search1{
                display: block;
            }
            .btable{
                display: none;
            }
            .footermeu{
                display: block;

                align-items: center;

            }
 }

 @media only screen and (min-width: 992px) {
         .logo1{
                display: none;
            }
            .search1{
                display: none;
            }
            .btable{
                display: block;
            }
            .footermeu{
                display: none;

            }
 }


 @media only screen and (min-width: 1280px)  {
         .logo1{
                display: none;
            }
            .search1{
                display: none;
            }
            .btable{
                display: block;
            }
            .footermeu{
                display: none;

            }
 }

 .sbtn{
    background-color: orangered;
    content: '';
    display: block;
    background-size: cover;
    position: absolute;
    width: 40px;
    height: 50px;
    background-image: url('data:image/svg+xml,%3csvg width="40" height="50" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3e%3cpath d="M21.0004 20.9999L16.6504 16.6499" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3e%3c/svg%3e');
    /* top: 10px; */
    /* left: 9px; */

 }