@import url("https://fonts.googleapis.com/css?family=Mukta:200,300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900");
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sura:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,500,600,700&display=swap&subset=devanagari');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wdth,wght@62.5..100,100..900&family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&display=swap');


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
  --maincolor: #213b88;
  --white: #ffffff;
}


body {
    background: #fff;
    font-family: mukta, sans-serif;
    /* font-family: "Noto Sans Devanagari", sans-serif; */
    /*font-family: "Anek Devanagari", sans-serif;*/
    /* font-family: 'Noto Sans', sans-serif; */
    /*font-family: "Baloo 2", sans-serif;*/
    /* font-family: 'Sura', serif; */
    /* font-family: 'Hind', sans-serif; */
    padding: 0;
    margin: 0;
}
body.active {
    position: relative;
}
body.active:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0 0 0 / 80%);
    z-index: 1010;
}
.container {
    max-width: 1240px;
    margin: 0 auto;
}
p {
    line-height: 1.7;
    font-size: 20px;
    color: #000000d6;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
img {
    max-width: 100%;
    height: auto;
}
h1, h2, h3, h4, h5, h6 {
    /* font-family: mukta, sans-serif; */
    margin-top: 0;
    padding: 0;
    font-weight: 600;
}
h1 {
    font-size: 45px;
    line-height: 60px;
}
h2 {
    font-size: 30px;
    line-height: 42px;
}
h3 {
    font-size: 20px;
    line-height: 1.5;
}
h4 {
    font-size: 20px;
    line-height: 31px;
}
h5 {
    font-size: 20px;
    line-height: 30px;
}
a {
    color: #333;
    display: block;
    text-decoration: none;
    transition: ease-in-out .3s;
}
a:hover {
    color: #d10015;
}
section#top-heading {
    margin-top: 30px;
}
/* Top Header */

.top-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 5px 0;
}
.top-header-left img {
    width: auto;
}
.top-header-wrap .footer-social {
    margin-top: 0;
}
.top-header-left ul {
    display: flex;
    align-items: center;
}
.top-header-left ul li+li {
    margin-left: 30px;
}
.top-header-left ul li i {
    margin-right: 5px;
    color: #1164A4;
}
.top-header-left ul li img {
    margin-right: 8px;
}
.top-header-wrap .footer-social ul li+li {
    margin-left: 5px;
}
.top-header-wrap .footer-social ul li a {
    height: 30px;
    width: 30px;
    line-height: 32px;
    font-size: 16px;
    background: transparent !important;
    box-shadow: none !important;
}
.top-header-wrap .footer-social ul li a:hover {
    color: #1164A4 !important;
}
.top-header-wrap .footer-social ul li.facebook a {
    color: #3b5998;
}
.top-header-wrap .footer-social ul li.twitter a {
    color: #1da1f2;
}
.top-header-wrap .footer-social ul li.instagram a {
    color: #c13584;
}
.top-header-wrap .footer-social ul li.youtube a {
    color: #ff0000;
}
.top-header-left li {
    font-size: 14px;
}
/* Top Header End */

/*Top head*/

.custom-logo img {
    width: 100%;
    /*padding: 15px 0px;*/
    height: auto;
    /* margin-bottom: 15px; */
}
.top_date {
    font-size: 14px;
    color: #717171;
    display: block;
    margin-top: 7px;
    /* float: right; */
    /* text-align: center; */
}
/* Footer */

#footer {
    padding: 50px 0;
    background: #1164A4;
}
.footer-social ul {
    display: flex;
    margin-bottom: 0;
}
.footer-social {
    margin-top: 40px;
}
.footer-social ul li a {
    color: #fff;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    transition: ease-in-out .5s;
    border-radius: 100%;
    box-shadow: 0px 2px 3px rgb(0 0 0 / 40%);
}
.footer-social ul li.facebook a {
    background: #3b5998;
}
.footer-social ul li.twitter a {
    background: #1da1f2;
}
.footer-social ul li.instagram a {
    background: #c13584;
}
.footer-social ul li.youtube a {
    background: #ff0000;
}
.footer-social ul li a:hover {
    background: #1164A4;
}
.footer-social ul li+li {
    margin-left: 10px;
}
.footer-wrap h4 {
    color: #fff;
    margin-bottom: 35px;
    position: relative;
    display: inline-block;
}
.footer-wrap h4:before {
    position: absolute;
    content: '';
    bottom: -10px;
    height: 1px;
    width: 100%;
    background: #ffffff1a;
    left: 0;
}
.footer-wrap h4:after {
    position: absolute;
    content: '';
    bottom: -11px;
    height: 3px;
    width: 50px;
    background: #ffffff;
    left: 0;
    border-radius: 100%;
}
.footer-wrap ul {
    margin-bottom: 0;
}
.footer-wrap ul li, .footer-wrap ul li a {
    color: #fff;
    display: block;
    transition: ease-in-out .5s;
}
.footer-wrap ul li a:hover {
    color: #FD0100;
}
.footer-wrap ul li+li {
    margin-top: 15px;
}
.footer-contact img {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
    background: #fff;
    padding: 10px;
    width: 250px;
    border-radius: 3px;
}
.footer-space {
    padding-left: 30px;
}
.footer-bototm ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    align-items: center;
}
.footer-bototm {
    background: #000000e6;
    padding: 15px 0;
}
.footer-bototm ul li {
    color: #fff;
}
.footer-bototm ul li a {
    color: #FD0100;
    font-weight: 500;
    display: inline-block;
}
.footer img {
    width: 350px;
}
/* Footer End */

.my-logo span {
    font-size: 14px;
    color: #717171;
    display: block;
    margin-top: 7px;
    text-align: center;
}
#navbar_top {/*    background: #213b88;*/background: #2e3192;/* box-shadow: 0px 5px 5px rgb(0 0 0 / 10%); */padding: 0;/* border-top: 1px solid #ddd; *//* border-bottom: 1px solid #ddd; *//* border-bottom: 1px double #ddd; */}
.sticky {
    border-top: none !important;
}
.navbar-light .navbar-nav .nav-link {
    padding: 11px 8px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: 100%;
    display: flex;
    align-items: center;
}
.navbar-light .navbar-nav .nav-link:focus {
    /*color: #fff;*/
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    /* background: #fd0100; */
}
.navbar-light .navbar-nav .active>.nav-link {
    color: #fff!important;
    /* border-bottom: 2px solid #fff; */
}
.dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    padding: 0;
}
.dropdown-menu a {
    padding: 0.5rem 1.5rem;
    font-weight: 600;
}
.dropdown-menu a+a {
    border-top: 1px solid #ddd;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
/*.dropdown-menu a {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 15px;
    font-weight: 600;
    transition: ease-in-out .3s;
    font-size: 15px;
}*/

.dropdown-menu a:hover {
    color: #FD0100;
}
.dropdown-toggle::after {
    margin-left: 7px;
}
.my-tag ul li {
    display: inline;
    padding: 0px 10px;
}
.my-tag {
    padding: 0px 0px 0px 0px;
}
.my-tag ul li a {
    color: #33333396;
    font-size: 17px;
    line-height: 31px;
}
#tag-section {
    border-bottom: 1px solid red;
}
.icon23 ul li {
    display: inline;
}
.icon23 ul .icon a img {
    width: 100px;
    height: 20px;
    object-fit: cover;
    margin-top: 12px;
}
.add-banner {
    padding: 20px 0px 10px 0px;
}
a:hover {
    text-decoration: none;
}
.sticky-logo {
    display: none;
    /*margin: 0px 19px 0px 0px;*/
}
/*.sticky-logo img {
    border-radius: 3px;

}*/

.sticky-logo img {
    height: 40px;
    display: none;
}
.navbar-brand span {
    display: block;
    height: 2px;
    width: 25px;
    background: #fff;
    margin: 5px 0;
}
.navbar-brand span:nth-child(2) {
    width: 20px;
}
#toTopBtn {
    position: fixed;
    bottom: 60px;
    right: 10px;
    padding: 4px 12px 4px 12px;
    border-radius: 100%;
    background-color: #FD0100;
    color: #fff;
    font-size: 18px;
    z-index: 1009;
    height: 35px;
    width: 35px;
    line-height: 31px;
    text-align: center;
}
.sticky {
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;
    transition: all 600ms ease-in;
}
.sticky+.content {
    padding-top: 60px;
}
.news-logo {
    margin: 0px 0px;
}
.sidenav {
    height: 100%;
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    z-index: 1010;
}
.logo {
    margin-bottom: 10px;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    position: sticky;
    top: 0;
    background: #fff;
}
.logo {}
.logo a {
    padding: 0 !important;
    border-top: none !important;
}
.items_wrapper {}
.sidenav.active {
    left: 0;
}
.sidenav ul.mm-collapse {
    background: #f1f1f1;
}
.sidenav a {
    padding: 15px 20px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    display: block;
    transition: 0.3s;
    color: #000000e6;
    border-top: 1px solid #e4e4e4;
}
.sidenav ul li:first-child a {
    border-top: none;
}
.sidenav a:hover {
    color: #FD0100;
}
.sidenav .closebtn {
    font-size: 30px;
    padding: 0;
    color: #FD0100;
    border: none;
    margin-left: 15px;
}
.sidenav::-webkit-scrollbar {
    width: 7px;
}
.sidenav::-webkit-scrollbar-track {
    background: #eaf0fd;
}
.sidenav::-webkit-scrollbar-thumb {
    background: #b9b9b9;
    border-radius: 30px;
}
#myModal .close {
    position: absolute;
    right: -20px;
    top: -20px;
    background: red !important;
    font-size: 20px;
    opacity: 1;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 15px;
    text-align: center;
    padding: 0 !important;
    font-size: 22px;
    border-radius: 100%;
    z-index: 1;
}
#myModal.modal.fade {
    background: rgb(0 0 0 / 90%);
}
#myModal .modal-body {
    background: #ddd;
    padding: 0 15px;
}
#myModal .modal-dialog {
    margin: 0;
    padding: 10px;
}
.sidenav1 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}
.sidenav1 a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    font-weight: normal;
    display: block;
    transition: 0.3s;
    color: #818181;
}
.sidenav1 a:hover {
    color: red;
}
.sidenav1 .closebtn1 {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.search-up {
    display: none;
    left: 0;
    background: rgb(216, 222, 229);
    bottom: -66px;
    position: absolute;
    z-index: 9999999;
    width: 100%;
}
#myModal .modal-body .form-control {
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 0;
}
#myModal .modal-body .btn {
    width: 100%;
    border-radius: 0;
    height: 45px;
    background: #ff671f;
    border: none;
}
.search {
    color: #fff;
    padding: 6px 16px;
}
.search a i {
    font-size: 18px;
    color: #fff;
}
.taja a i {
    font-size: 18px;
    color: #fff;
}
.search * {
    outline: none;
    box-sizing: border-box;
}
.search__wrapper {
    position: relative;
}
.search__field {
    width: 50px;
    height: 50px;
    color: transparent;
    font-family: Lato, sans-serif;
    font-size: 1.35em;
    /* padding: 0.35em 50px 0.35em 0;*/
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.search__field:focus {
    right: 0px;
    border-bottom-color: #ccc;
    width: 63vw;
    color: #2b2b2b;
    cursor: default;
}
.search__field:focus~.search__icon {
    background-color: transparent;
    cursor: pointer;
    pointer-events: auto;
}
.search__icon {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e9f1f4;
    width: 50px;
    height: 50px;
    font-size: 1.35em;
    text-align: center;
    border-color: transparent;
    border-radius: 50%;
    pointer-events: none;
    display: inline-block;
    transition: background-color 0.2s ease-in-out;
}
.search__field::-webkit-input-placeholder {
    position: relative;
    top: 0;
    right: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.search__field:-moz-placeholder {
    position: relative;
    top: 0;
    right: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.search__field::-moz-placeholder {
    position: relative;
    top: 0;
    right: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.search__field:-ms-input-placeholder {
    position: relative;
    top: 0;
    right: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}
.search__field:-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}
.search__field::-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}
.search__field:-ms-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}

.top-half {
    margin: 20px 0px;
}
.my-logo {
    text-align: center;
    flex: 2;
    margin-right: 120px;
}
.logo-section-right {
    flex: 6;
}
.logo-section-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo-sec {
    padding: 25px 0;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 997;
    display: none;
}
.mySidenav1 .closebtn {
    float: right;
}
.overlay-text h4 {
    text-align: center;
}
.sidenav1 .aro {
    float: right!important;
    background-color: #1164A4;
    color: #fff;
    padding: 5px 22px;
    font-size: 20px;
}
.my-nav a {
    color: #444;
    font-size: 20px;
}
/*flash news*/

.flash-item {
    text-align: center;
    border: 1px solid #e0e0e0;
    padding: 25px 30px;
    margin-bottom: 15px;
}
.flash-item>a {
    text-align: center;
    font-size: 60px;
    color: #444;
    text-decoration: none;
    display: block;
    line-height: 1.3;
    /* font-family: 'Mukta'; */
    font-weight: 700;
    /* margin-top: 20px; */
}
.author-wrap {
    display: -webkit-inline-flex;
    align-items: center;
    margin-right: 1em;
}
.author-wrap label {
    vertical-align: top;
    color: rgba(0, 0, 0, .5);
    margin: 0;
}
.author-wrap label a {
    color: rgba(0, 0, 0, .5);
}
span.author-img {
    height: 30px;
    width: 30px;
    max-width: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    border: 1px dotted #d10015;
}
time {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    /* font-weight: 600; */
    line-height: 30px;
}
.flash-item .post-img {
    width: 100%;
    /* max-width: 100%; */
    /* float: none; */
    /* height: auto; */
    /* margin: 0 auto; */
    border-radius: 4px;
}
.flash-item p {
    margin: 20px 0;
    font-size: 21px;
    /* color: rgba(0, 0, 0, .6); */
    color: #000000a8;
    text-align: center;
    line-height: 150%;
    position: relative;
    /* border-bottom: solid 1px rgba(0,0,0,.14); */
    padding-bottom: 30px;
}
.post-meta {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    /* font-weight: 600; */
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 12px;
    display: inline-flex;
    /* text-align: center; */
    /* margin: auto; */
}
.post-img img {
    border-radius: 4px;
    /* width: 85%; */
}
/*single page*/

.single_title h1 {
    color: #4a4c4e!important;
    font-size: 47px;
    font-weight: 700;
    /* margin-top: 20px; */
    line-height: 1.2;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    /* margin-bottom: 25px; */
    /* font-family: mukta; */
}


.very-small-box {
    display: inline-block;
    margin-bottom: 8px;
    /*border-bottom: 1px dotted #ddd;*/
    width: 100%;
}
.very-small-box img {
    float: left;
    display: block;
    margin-right: 15px;
    margin-bottom: 11px;
    height: 90px;
    width: 70px;
    object-fit: cover;
    border-radius: 4px;
}
.very-small-box.bichar img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
.small-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    /* color: #222; */
}
.jft-small-box-img img {
    width: 100%;
    height: 175px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 15px;
}
.jft-small-box-title h3 {
    font-size: 20px;
    line-height: 1.8rem;
    font-weight: 600;
}
/*

.side-content {
    background: #222;
    padding: 30px;
    min-height: 350px;
}

.side-content h3 {
    font-size: 23px;
    line-height: 1.5;
}
.side-content p +p {
    margin-top: 20px;
}

.side-content p {
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 0;
}

.side-img {
    height: 350px;
    overflow: hidden;
}

.side-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}*/

.side-img {
    height: 350px;
    overflow: hidden;
}
.side-img a {
    height: 100%;
    width: 100%;
}
.side-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.side-content {
    background: #222;
    padding: 30px;
    min-height: 350px;
}
.side-content h3 {
    font-size: 23px;
    line-height: 1.5;
}
.side-content h3 a {
    color: #fff;
}
.side-content p+p {
    margin-top: 20px;
}
.side-content p {
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 0;
}
.story-promo {
    margin-bottom: 10px;
}
.story-img {
    margin-bottom: 15px;
}
.story-img img {
    width: 100%;
    height: 175px;
    object-fit: cover;
    border-radius: 4px;
}
.story-docs h3 {
    font-size: 18px;
    /* line-height: 1.8rem; */
    font-weight: 500;
}
.text-on-image {
    margin-bottom: 19px;
    position: relative;
}
.text-on-image img {
    width: 100%;
    height: 290px;
    object-fit: cover;
}
.text-on-image h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    margin-bottom: 0;
    line-height: 1.5;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(5, 5, 5, 0) 0, rgba(0, 0, 0, 0) 0, rgba(71, 71, 71, 0) 0, rgba(102, 102, 102, 0) 0, rgba(28, 28, 28, 0) 0, rgba(20, 20, 20, .59) 32%, rgba(13, 13, 13, 1) 62%, rgba(3, 3, 3, 1) 100%) repeat scroll 0 0;
}
.text-on-image h3 a {
    color: #fff;
}
.big-box img {
    height: 240px;
    object-fit: cover;
    width: 100%;
}
.news_title_bg {
    font-size: 25px;
    font-weight: bold;
    line-height: 38px;
}
.big-box p {
    font-size: 17px;
    text-align: justify;
    /* padding: 10px; */
    overflow: hidden;
}
.large-box-title h3 a {
    font-size: 25px;
}
.large-box-title p {
    font-size: 20px;
}
#tenth-news .news-block {
    height: 400px;
    overflow: hidden;
    border-radius: 4px;
}
#tenth-news .news-block img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#tenth-news .news-block a {
    height: 100%;
    width: 100%;
}
.owl-theme .owl-dots {
    margin-top: 20px !important;
}
.owl-theme .owl-dots .owl-dot.active span {
    background-color: #1164a4;
}
.owl-theme .owl-dots .owl-dot span {
    height: 10px;
    width: 25px;
    margin: 5px 5px;
}
.pradesh-tab .nav-tabs {
    border-bottom: 0;
    margin-bottom: 20px;
}
.pradesh-tab .nav-tabs .nav-link.active {
    background: #1164A4;
    color: #fff;
}
.pradesh-tab .nav-tabs .nav-link {
    color: #666;
    border: 1px solid rgb(225 225 225);
    border-radius: 40px;
    padding: 3px 15px;
    margin-right: 7px;
    line-height: normal;
    background: whitesmoke;
}
.large-block h3 {
    font-size: 30px;
}
ul.media-list li {
    /* background: #fff; */
    position: relative;
    display: flex;
    padding: 7px;
    padding-left: 20px;
    margin-bottom: 7px;
    border-bottom: 1px solid #ddd;
}
ul.media-list li:before {
    content: "";
    background-color: #037272;
    left: 0;
    top: 15px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    position: absolute;
    /* right: 172px; */
}
/*.card {
    border: none;
}*/
.card-img.circle figure {
    margin: auto;
    border-radius: 50%;
    width: 160px;
    overflow: hidden;
    min-height: 160px;
}
.card-img figure img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 160px;
}
.bg-gray {
    background-color: #eeeeee;
}
.card-title {
    padding: 10px 5px;
}
.sub-title h4 {
    font-size: 16px;
    /* line-height: 1.4; */
    font-weight: 600;
}
/*pills*/

ul#myTab {
    background: #1064a4;
}
.nav-tabs .nav-link.active {
    color: #ffffff;
    background: red;
    border-radius: none!important;
}
.nav-tabs .nav-link {
    color: #fff;
    border: none!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-tabs .nav-item {
    margin-bottom: 0px;
}
.grid-col img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: center center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.body-content {
    background: #ddd;
    padding: 0 14px 9px 20px;
    position: relative;
    z-index: 1;
    color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* min-height: 75px; */
}
.body-content:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 99.9%;
    height: 50px;
    background: #ddd;
    transform: skewY(353deg);
    z-index: -1;
}
.body-content h3 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 18px;
}
.body-content h3 a {
    color: #444;
}
/* Red border */

hr.new1 {
    border-top: 1px solid red;
}
/* Dashed red border */

hr.new2 {
    border-top: 1px dashed red;
}
/* Dotted red border */

hr.new3 {
    border-top: 2px dotted red;
}
/* Thick red border */

hr.new4 {
    border: 1px solid red;
}
/* Large rounded green border */

hr.new5 {
    border: 10px solid green;
    border-radius: 5px;
}
.cat-title {
    position: relative;
    display: block;
    top: 3px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.cat-title:before {
    width: 100%;
    height: 1px;
    background: #ddd;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.cat-tags {
    background: 0 0;
    font-weight: 700;
    font-size: 24px;
    padding: 5px 0;
    border-bottom: 3px solid #000;
    display: table;
    line-height: 24px;
    color: #213b88;
}
.cat-tags a {
    color: #000000;
}
.playlist-title {
    max-height: 407px;
    overflow: auto;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.playlist-title li {
    padding: 5px 0px;
}
.playlist-title li .video-thumb {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid transparent;
}
.playlist-title li .video-title {
    margin: 0;
    display: inline;
    vertical-align: middle;
    text-align: left;
    color: #f8f9fa;
}
figure {
    margin: 0;
}
.feature-block {
    padding-bottom: 10px;
    display: inline-block;
}
.feature-number img {
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.feature-number .tab-desc {
    border: 1px solid #f5e7e7;
    padding: 0px 10px;
    background: #fffdfd;
    height: 200px;
    margin-top: -10px;
}
span.number-post {
    display: flex!important;
    background-color: red;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    margin: 0 auto 15px;
    margin-top: calc(-60px/2);
    text-align: center;
    width: 60px;
    border-radius: 50%;
    position: relative;
}
span.number-post span {
    text-align: center;
    background: red;
    border-radius: 50%;
    padding: 0 18px;
    font-size: 35px;
    font-weight: 400;
}
.tab-desc h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    text-align: center;
    color: #000;
}
.bottom-header {
    background-color: #f1eaea;
    padding: 5px 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    background-color: #fff;
}
.bottom-header h3 {
    margin-bottom: 0;
    padding: 4px 5px 0px 0px;
    font-size: 17px;
    color: #000;
    margin-right: 5px;
}
.bottom-header .tag {
    overflow-y: hidden;
}
.bottom-header .tag a {
    color: #656565;
    padding: 2px 8px;
    white-space: nowrap;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    /* font-weight: 600; */
}
.bottom-header .tag a:hover {
    color: #323232;
    letter-spacing: 1.1px;
    background-color: #fff;
}
.trend.mr-2 {
    padding: 5px 0px;
}
.nepali_num {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background: #f1ebeb;
    padding: 10px;
}
.item-nunber {
    margin-right: 20px;
    font-size: 30px;
    color: #bfb9b9;
}
.image-caption-text {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #eee;
    /*padding: 10px 0;*/
}
.module>section .news-lists2>li {
    background: #484848;
    margin-bottom: 15px;
    padding: 15px;
}
.module>section .news-lists2>li>figure {
    float: left;
    height: 75px;
    margin-right: 15px;
    max-width: 100px;
}
.module>section .news-lists2>li>figure img {
    width: 100%;
    height: 100%;
    transition: all .4s ease;
}
.module>section .news-lists2>li>h3 a {
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    display: block;
    line-height: 30px;
    transition: all 0.5s ease;
}
.bg-lightblack {
    background: #333333;
    padding: 20px;
}
.d-1 {
    --c: #1095c1;
    /* the color */
    --b: .1em;
    /* border length*/
    --d: 20px;
    /* the cube depth */
    --_s: calc(var(--d) + var(--b));
    color: var(--c);
    border: solid #0000;
    border-width: var(--b) var(--b) var(--_s) var(--_s);
    background: conic-gradient(at left var(--d) bottom var(--d), #0000 90deg, rgb(255 255 255 /0.3) 0 225deg, rgb(255 255 255 /0.6) 0) border-box, conic-gradient(at left var(--_s) bottom var(--_s), #0000 90deg, var(--c) 0) 0 100%/calc(100% - var(--b)) calc(100% - var(--b)) border-box;
    transform: translate(calc(var(--d)/-1), var(--d));
    clip-path: polygon( var(--d) 0%, var(--d) 0%, 100% 0%, 100% calc(100% - var(--d)), 100% calc(100% - var(--d)), var(--d) calc(100% - var(--d)));
    transition: 0.5s;
}
.d-1:hover {
    transform: translate(0, 0);
    clip-path: polygon( 0% var(--d), var(--d) 0%, 100% 0%, 100% calc(100% - var(--d)), calc(100% - var(--d)) 100%, 0% 100%);
}
p.test2 {
    white-space: nowrap;
    width: 200px;
    border: 1px solid #000000;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-cat {
    background: 0 0;
    font-weight: 700;
    color: #222;
    display: block;
    line-height: 34px;
    position: relative;
    margin-bottom: 19px!important;
}
.news-cat::before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #33333336;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    bottom: inherit;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.news-cat .cat-name {
    color: #000;
    font-size: 25px;
    line-height: 32px;
    font-weight: 600;
    padding: 0 25px 0 0;
    margin: 0;
    display: inline-block;
    border: 0;
    background: #fcfcfc;
    /* font-family: poppins,sans-serif; */
    position: relative;
    top: 4px;
    z-index: 2;
    letter-spacing: -1px;
}
.news-cat a.all {
    display: inline-block;
    margin-top: 0;
    background: #fff;
    /* font-family: poppins,sans-serif; */
    font-size: 14px;
    color: #333;
    font-weight: 400;
    border: 1px solid #33333317;
    padding: 10px 30px 7px 20px;
    line-height: 16px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0px;
    font-weight: 600;
    -webkit-border-radius: 9px;
    border-radius: 30px;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}
/*.news-cat a.all::before {
    position: absolute;
    right: 14px;
    top: 10px;
    content: '\f2f6';
    font-family: material-design-iconic-font;
    font-size: 25px;
    color: #c4161c;
}*/

.navbar::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
/*    background-color: #213b88;*/
    z-index: -1;
/*    border-bottom: 2px solid rgba(0, 0, 0, .15);*/
}
.navbar-light .navbar-nav .nav-link.active {
    background-color: #4267b2;
    color: #fff!important;
}
.round-thumb img {
    height: 35px;
    border-radius: 50%;
}
.politican_home_trend {
    /* border: 1px solid #ddd; */
    margin-top: 5px;
    display: flex;
    margin-right: 2px;
    border-radius: 10px;
    padding: 0px;
}
.header-trending img {
    width: 100%;
    height: 100%;
    height: 35px;
    width: 35px;
    border: 4px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    object-fit: cover;
}
.header-trending span {
    /* font-family: 'Mukta'; */
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin-top: 7px;
    margin: 7px 6px 0px 2px;
}
img, svg {
    vertical-align: middle;
}
ul.footer-linkList {
    padding: 0;
    list-style: none;
    line-height: 1.6;
    display: inline-flex;
    flex-flow: row wrap;
    font-size: .9rem;
    margin: 0;
    font-weight: 600;
}
.footer-main {
    /* font-family: 'Baloo 2', cursive; */
    background: #213b88;
    color: #fff;
}
.footer-widget {
    padding: 30px 0;
    /* color: #888; */
    /* text-align: center; */
}
.footer-widget .widget-title {
    background: none;
    border: none;
    color: #fff;
    /* text-align: center; */
    display: block;
    margin: 0;
    padding: 10px 20px;
    font-size: 23px;
    font-weight: 600;
    /* font-family: 'Ek Mukta'; */
}
.footer-widget ul {
    padding: 0;
    list-style: none;
    font-weight: 200;
}
.footer-widget strong {
    font-weight: bold;
    font-size: 17px;
}
.footer-credit {
    background: #000;
    padding: 10px;
    font-size: 15px;
    color: #fff;
}
.footer-credit p {
    margin-bottom: 0px;
    font-size: 15px;
    color: #fff;
}
.develoeper p a {
    color: #fff;
}
.footer-main .col-sm-4:nth-child(2) {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.related-tag li {
    border: 1px solid #00000069;
    color: #0000009c;
    font-size: 15px;
    display: inline-block;
    padding: 3px 11px;
    margin: 0px 8px 0px 0px;
    -webkit-border-radius: 8px;
    border-radius: 50px;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}
.related-tag li a {
    color: #0000009c;
}

.single-detail a {
    color: #4267b2;
}
.single-detail a:hover {
    color: #d42e27;
}


 
img.post-attachment {
    width: 100%;
}

.item_text_below_img img {
    width: 100%;
    object-fit: cover;
}

 



.text-reset {
    color: inherit!important;
}

.text-center {
    text-align: center!important;
}
.pb-2, .py-2 {
    padding-bottom: 0.5rem!important;
}
.pt-2, .py-2 {
    padding-top: 0.5rem!important;
}
.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
}
.d-block {
    display: block!important;
}

.h-20px, .size-20px {
    height: 20px;
}

.w-20px, .size-20px {
    width: 20px;
}
.rounded-circle {
    border-radius: 50%!important;
}

.opacity-60 {
    opacity: 0.6 !important;
}

.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}
.mb-1, .my-1 {
    margin-bottom: 0.25rem!important;
}
.d-block {
    display: block!important;
}



.blockHeader {
    position: relative;
    background: #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    border-top: 5px solid #213b88;
    z-index: 0;
    margin-bottom: 7px;
}
.jft-cat-title-one {
    display: inline-block;
    color: #fff;
    position: relative;
    margin: 0;
    font-size: 19px;
    padding: 5px 25px;
    background: #213b88;
    margin-right: 3rem;
}

.jft-cat-title-one a {
    color: #fff;
    position: relative;
    display: block;
}

.jft-cat-title-one span {
    display: block;
}
.jft-cat-title-one::after {
    content: '';
    border-top: 0px solid rgb(171 25 17);
    right: -14px;
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    background: #213b88;
    transform: skewX(-23deg);
    z-index: -1;
}
.blockHeader .btn-more {
    background: rgb(255, 255, 255);
    display: inline-block;
    box-shadow: rgb(204 204 204) 0px 0px 5px;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 12px;
    border-radius: 50%;
    padding: 0;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    float: right;
    text-align: center;
}



.jft-back-image-one img{
    height:450px;

}



  


.jft-back-image-one span {
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid red;
}



.jft-big-box-one {
    display: inline-block;
    margin-bottom: 8px;
    /*border-bottom: 1px dotted #ddd;*/
    width: 100%;
}
.jft-big-box-one img {
    float: left;
    display: block;
    margin-right: 15px;
    margin-bottom: 11px;
    width: 196px;
    height: 147px;
    object-fit: cover;
}



.footer-main i {
    font-size: 22px;
}

.footer-main li {
    font-size: 19px;
}


.cat-box {
    display: block;
    position: relative;
}
.cat-box:before {
    width: 100%;
    height: 1px;
    background: #ddd;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.cat-tags .extra-news {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 16px;
    font-weight: 400;
}

.extra-news a{
    color:#213b88;
    font-size: 18px;
}

.overlay-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.5));
    /* background: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.5)); */
    padding: 10px;
}

.ratio-4by3 {
    aspect-ratio: 4/3;
}
.img-fitted {
    height: 100%;
    object-fit: cover;
}

.side-content h3 a {
     color: #fff;
}
 .side-content p {
     color: #fff;
     font-size: 17px;
     line-height: 1.5;
     margin-bottom: 0;
}
 .side-img img {
     height: 350px;
     width: 100%;
     object-fit: cover;
}
 .side-content {
     background: #353434ed;
     padding: 30px;
     min-height: 350px;
}
 
.jft_ads img{
    width: 100%;
    height:auto;
    margin:auto;
    margin-top:15px;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #0087ca;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0087ca;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.my-menu>ul {
    display: flex;
    align-items: center;
}



.jft_social_icon ul{
    display:flex;
    float:right;
}
.jft_social_icon ul li a{
    color: #ffffff;
    transition:ease-in-out .2s;
    background: #d10015;
    height:32px;
    width:32px;
    text-align:center;
    display:block;
    border-radius:100%;
    font-size:18px;
    transition:var(--transition)
}
.jft_social_icon ul li a i{
    line-height:32px
}
.jft_social_icon ul li+li a{
    margin-left:8px
}
.jft_social_icon ul li a:hover{
    /*color:var(--white-color);
    background:var(--primary-color)*/
}
.jft_social_icon ul li+li a{
    margin-left:5px
}
.jft_header_left {
    display: flex;
    align-items: center;
}

.jft_header_left a {
    display: block;
    font-size: 32px;
    color: var(--dark-color)!important;
    padding: 0;
    line-height: normal;
}
 

 
.jft_header_center{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom: 10px;
}



.liveIconGif {
    height: 18px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 2px;
}

img.youtube {
    height: 32px;
}


.scroll-news {
    border-bottom: 1px dotted #d10015;
    overflow: hidden;
}

.scroll-news-title h3 {
    color: #d10015;
    font-size: 16px;
    font-weight: 600;
    background: rgba(0,0,0,.06);
    padding: 13px 2px;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.scroll-news-title h3:before {
    content: '';
    position: absolute;
    top: 18px;
    right: -24px;
    border-color: transparent transparent transparent rgba(0,0,0,.06);
    border-style: solid;
    border-width: 12px;
    bottom: 19px;
    margin: auto;
}
/*.scroll-news ul {
    display: flex;
    align-items: center;
}
.scroll-news ul li{
    font-size:14px;
}

.scroll-news ul li+li {
    margin-left: 35px
}*/
.scroll-news ul li a {
    font-size: 14px
}

.scroll-news ul li+li {
    margin-left: 10px
}

.scroll-news ul li i {
    margin-right: 5px;
    font-size: 12px;
    vertical-align: middle;
    color: #FF671F;
}

.scroll-news ul {
    display: flex;
    align-items: center
}



.jctkr-wrapper ul li{
    font-family:Mukta;
}

.jctkr-wrapper{
    height:45px;
}

.jft-tag h5 {
    background: #ff671f;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 2px 10px;
    line-height: normal;
    border-radius: 5px;
    margin-bottom: 15px;
}




.trnpl-section-title {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 0 0 19px;
    clear: both;
    height: 34px;
    line-height: 34px;
    background-image: url("https://hindi.republicnepal.com/front_css/css/title_line.png");
    background-repeat: repeat;
}

.trnpl-st-title {
    font-size: 14px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    line-height: inherit;
    color: #fff;
    background-color: #d10015;
    padding: 0 20px;
    font-weight: 700;
    font-size: 18px;
}

.trnpl-st-title::before {
    content: "";
    width: 1px;
    height: 1px;
    position: absolute;
    left: 100%;
    top: 0;
    border-top: 34px solid #d10015;
    border-right: 20px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.view-all-news {
    font-size: 14px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    line-height: inherit;
    color: #fff;
    background-color: #ddd;
    padding: 0 20px;
    font-weight: 700;
    float: right;
}

.view-all-news a {
    color: #000;
    font-weight: 700;
}




.category-headding-home {
    margin-top: 0px;
    font-size: 22px;
    color: rgb(34, 34, 34);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}


.headding-border {
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #d10015;
    margin-bottom: 10px;
}
.headding-border::before {
    position: absolute;
    bottom: -1px;
    width: 50px;
    height: 4px;
    background-color: #2e3192;
    content: '';
}
.headding-border::after {
    position: absolute;
    bottom: -1px;
    width: 15px;
    height: 4px;
    background-color: inherit;
    content: '';
    left: 53px;
}

.jft-tag h5 {
    background: #d10315;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 2px 10px;
    line-height: normal;
    border-radius: 5px;
    margin-bottom: 15px;
}

.jft_bio img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    object-fit: cover;
}


.animate-border {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 5px;
    background: #d10015;
    }
  
  .animate-border:after {
    position: absolute;
    content: "";
    width: 34px;
    height: 5px;
    left: 0;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
    }
  
  @-webkit-keyframes animborder {
    0% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px); }
    100% {
      -webkit-transform: translateX(113px);
      transform: translateX(113px); } }
  
  @keyframes animborder {
    0% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px); }
    100% {
      -webkit-transform: translateX(113px);
      transform: translateX(113px); } }
  
  .animate-border.border-white:after {
    border-color: #fff; }
  
  .animate-border.border-yellow:after {
    border-color: #F5B02E; }
  
  .animate-border.border-orange:after {
    border-right-color: #007bff;
    border-left-color: #007bff; }
  
  .animate-border.border-ash:after {
    border-right-color: #EEF0EF;
    border-left-color: #EEF0EF; }
  
  .animate-border.border-offwhite:after {
    border-right-color: #F7F9F8;
    border-left-color: #F7F9F8; }
  
  /* Animated heading border */
  @keyframes primary-short {
    0% {
      width: 15%; }
    50% {
      width: 90%; }
    100% {
      width: 10%; } }
  
  @keyframes primary-long {
    0% {
      width: 80%; }
    50% {
      width: 0%; }
    100% {
      width: 80%; } }
  
  
  
  .border-white {
      border: 1px solid #fff;
      padding: 30px;
  }
  .dotted-border {
    border: 1px dotted #ff671f;
    width: 95%;
    margin: auto;
}


/* 
.jft_blink {
    font-size: 26px;
    text-align: center;
    animation: animate 2.5s linear infinite;
}  */
/* .jft_blink a{
    color: #ff671f; 
}

@keyframes animate { 
    0% { 
        opacity: 0; 
    } 

    50% { 
        opacity: 0.7; 
    } 

    100% { 
        opacity: 0; 
    } 
}  */

/* 
.jft_text_move {
    animation-duration: 3s;
    animation-name: slidein;
    animation-iteration-count: infinite;
  }
  @keyframes slidein {
    from {
      margin-left: 100%;
      width: 300%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
  } */

  .jft_share_hack {
    display: flex;
    float: right;
    margin-top: 10px;
    z-index: 0;
    }
    .st-total {
    color: #555;
    display: inline-block;
    font-weight: 500;
    line-height: 12px;
    margin-right: 0;
    max-width: 80px;
    padding: 4px 8px;
    text-align: center;
    }
    .st-total > span {
    font-size: 16px;
    line-height: 17px;
    display: block;
    padding: 0;
    }
    .st-total > span.st-shares {
    font-size: 9px;
    line-height: 9px;
    }
    #st-1{
        z-index: 1;
    }


    .politican_trend img {
        width: 32px;
        height: 32px;
        float: left;
        margin: 0 10px;
        }
        .politican_trend_title {
        border-bottom: 2px solid #eee;
        margin-bottom: 10px;
        font-size: 19px;
        font-weight: 600;
        }
        .politican_trend {
        border-radius: 20px;
        vertical-align: middle;
        height: 34px;
        margin-bottom: 10px;
        }
        /*.jft_tag_post li {
        margin-bottom: 16px;
        }*/
        .jft_tag_post li a {
        font-size: 16px;
        font-weight: 700;
        }
        .single-img {
        background: #eee;
        text-align: center;
        }
        .single-detail p {
        font-size: 22px;
        text-align: justify;
        line-height: 35px;
        font-weight: 400;
        }
        #single-page .post-meta span {
        font-size: 17px;
        font-weight: 500;
        }
        .author-body p{
            font-size: 15px;
        }

        .media.author-box {
            border: 1px dotted #ff671f;
            padding: 10px;
            align-items: center;
        }
        /* popup */
        .popup_news_title {
            padding: 2px 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #d10315;
        }
    
        .popup_news_title h2 {
            font-size: 22px;
            font-weight: 500;
            margin-bottom: 0;
            color: white;
        }
    
        .popup_news_title i {
            font-size: 25px;
            color: white;
            cursor: pointer;
        }
    
        .jft_sidenews {
            display: flex;
            margin: 10px 9px 0px 10px;
        }
    
        .jft_sidenews_image_box {
            /* flex: 3; */
            /* height: 76px; */
            /* overflow: hidden; */
            /* border-radius: 4px; */
        }
    
        .jft_sidenews_image_box img {
            height: 50px;
            width: 100px;
            object-fit: cover;
            border-radius: 4px;
            /* transition: var(--transition); */
        }
    
        .jft_sidenews_text {
            flex: 5;
            margin-left: 15px;
        }
    
        .jft_sidenews_text h3 {
            font-size: 18px;
            line-height: 1.4;
            margin-bottom: 0;
            font-weight: 400;
        }
    
       
        .jft_popup li {
            list-style: circle;
    
        }
    
        .jft_popup {
            padding-left: 20px;
            padding-right: 10px;
        }
    
        .jft_popup li a {
            font-size: 20px;
            font-weight: 400;
            margin-bottom: 5px;
        }
    
        .trending_newss.open {
            margin-right: 0;
            opacity: 1;
            visibility: visible;
            background: #fff;
            box-shadow: -5px 2px 10px rgb(0 0 0/20%);
        }
    
        .popup_news {
            position: fixed;
            right: 0;
            top: 0;
            background: var(--white-color);
            width: 350px;
            height: 100%;
            z-index: 1021;
            padding-bottom: 50px
        }
    
    
    
    
        .popup_news_col {
            padding: 20px;
            overflow-x: hidden;
            overflow-y: auto;
            height: 100%
        }
    
        .popup_news_col::-webkit-scrollbar {
            width: 7px
        }
    
        .popup_news_col::-webkit-scrollbar-track {
            background: var(--white-color);
            display: none
        }
    
        .popup_news_col::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 30px
        }
    
        .popup_news_col .listing_news_wrap+.listing_news_wrap {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px dotted var(--border-color)
        }
    
        .listing_news_wrap {
            display: flex;
        }
    
        .latest_news {
            margin-right: -300px;
            opacity: 0;
            visibility: hidden;
            transition: var(--transition)
        }
    
        .latest_news.open {
            margin-right: 0;
            opacity: 1;
            visibility: visible;
            box-shadow: -5px 2px 10px rgb(0 0 0/20%)
        }
    
        .trending_newss {
            margin-right: -300px;
            opacity: 0;
            visibility: hidden;
            transition: var(--transition)
        }
    
    
    
        .listing_news_media {
            flex: 2;
            height: 55px;
            overflow: hidden;
            border-radius: var(--border-radius)
        }
    
        .listing_news_content {
            flex: 5;
            margin-left: 15px
        }
    
        .listing_news_media a {
            height: 100%;
            width: 100%
        }
    
        .listing_news_media img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            transition: var(--transition)
        }
    
        .listing_news_wrap:hover .listing_news_media img {
            transform: scale(1.05)
        }
    
        .listing_news_content h3 {
            font-size: 18px;
            line-height: 1.4;
            margin-bottom: 0
        }
    
        .category_sidebar .listing_news_media {
            margin-left: 20px
        }
    
        .listing_news_media {
            flex: 2;
            height: 55px;
            overflow: hidden;
            border-radius: var(--border-radius);
        }
    
        .listing_news_content h3 a {
            color: var(--secondary-color);
            transition: var(--transition)
        }
    
        .listing_news_content h3 a:hover {
            color: var(--primary-color)
        }

        /* avatar */
        .avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-weight: 600;
            font-size: 1.7em;
            position: relative;
        }
    
        .avatar-md {
            width: 64px;
            height: 64px;
            font-size: 1.4em;
        }
    
        .avatar img {
            object-fit: cover;
            max-width: 100%;
            width: 100%;
            border-radius: 50%;
            height: 100%;
        }
        p.img-info {
            font-size: 14px;
            font-style: italic;
            font-family: auto;
        }
        
.adv img {
    width: 100%;
    height: auto;
}


button.btn.btn-rdc{
    border: 1px solid #fff;
    border-radius: 0px;
    padding: 0 15px;
    line-height: 28px;
    color: #fff;
    font-size: .875rem;
}



/* election */
.candidate-list {
    padding: 0.75rem 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}
.candidate-meta-wrapper {
    display: flex;
    justify-content: space-between;
    column-gap: 8px;
}
.candidate-meta-wrapper .candidate-name {
    font-size: 14px;
    font-weight: bold;
}

.candidate-name {
    flex: 1;
    display: flex;
    column-gap: 8px;
    align-items: center;
}

.candidate-img {
    --size: 40px;
    width: var(--size);
    height: var(--size);
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 50%;
}

.candidate-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.candidate-meta-wrapper .candidate-party-name {
    color: var(--bs-gray-600);
    font-size: 0.85rem;
}
.candidate-meta-wrapper .vote-numbers {
    font-size: 13px;
    font-weight: bold;
}
.election-icon {
    --size: 30px;
    border: 1px solid #dadada;
    padding: 3px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--size);
    width: var(--size);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-image: url(../img/default-election-sign.svg);
}



 @media (max-width: 575px) {
            .popup_news {
                width: 100%;
            }
               .container {
    max-width: 95%;
    margin: 0 auto;
}
        }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 890px;
        margin: auto !important;
    }

}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .container {
    max-width: 95%;
    margin: 0 auto;
}

  .flash-item>a {
    font-size: 30px;
    line-height: 113%;
    font-weight: 600;
}
.flash-item p {
    margin-top: 10px;
    font-size: 19px;
    text-align: justify;
    /* color: #999; */
    text-align: center;
    line-height: 150%;
    position: relative;
    /* padding-bottom: 30px; */
}
.single_title h1 {
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    /*text-align: justify;*/
}
.post-meta {
    color: rgba(0,0,0,.5);
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
}
}

i.las.la-home {
    margin-bottom: 4px;
}