@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap");
@font-face {
font-family: Preeti;
src: url(https://prasashan1.kantipurinfotech.com/wp-content/themes/Prasashan/assets/fonts/preeti.otf);
}
:root {
--body-bg: #ffffff;
--black-bg: #323231;
--top-bg: #FFD83F;
--public-bg :#16223a;
--yellow: #FFD83F; --dark-yellow: #c59000; --yellow-500: rgba(255, 235, 59, 0.5); --black: #000000; --black-100: rgba(0, 0, 0, 0.1); --black-200: rgba(0, 0, 0, 0.2); --black-680: rgba(0,0,0,0.68); --black-700: rgba(0,0,0,0.7); --black-900: rgba(0,0,0,0.9); --black-80: rgba(0, 0, 0, 0.08); --black-70: rgba(0,0,0,.07); --black-shade: #141414;
--dark-gray: #292929; --light-gray-1: #c1c1c1; --light-gray-2: #f2f2f2; --light-gray-3: #4d4d4d; --light-gray-4: #dbdbdb; --light-gray-5: #6b6b6b; --light-gray-6: #8b8b8b; --light-gray-7: #9f9f9f; --light-gray-8: #dddddd; --light-gray-9: #d9d9d9; --white: #ffffff; --white-400: rgba(255,255,255,0.4); --white-500: rgba(255,255,255,0.5); --white-600: rgba(255,255,255,0.6); --white-100: rgba(255,255,255,0.1); --white-800: rgba(255,255,255,0.8); --white-900: rgba(255,255,255,0.9); --white-70: rgba(255,255,255,0.07); --light-blue: #e8eaf6; --grayish-blue: #58667e; transition: 0.5s all ease-in-out;
}
:root.dark-mode{
--body-bg: #0e0c0c;
--black-bg: #000000;
--top-bg: #141414;
--yellow: #FFD83F; --dark-yellow: #ffd529; --yellow-500: rgba(255, 235, 59, 0.5); --black: #ffffff; --black-100: rgba(255, 255, 255, 0.1); --black-200: rgba(255, 255, 255, 0.2); --black-680: rgba(255, 255, 255, 0.68); --black-700: rgba(255, 255, 255, 0.7); --black-900: rgba(255, 255, 255, 0.9); --black-800: rgba(255, 255, 255, 0.8); --black-80: rgba(255, 255, 255, 0.08); --black-70: rgba(255, 255, 255, .07); --black-shade: #141414;
--dark-gray: #ffffff; --light-gray-1: #4d4d4d; --light-gray-2: #141414; --light-gray-3: #dbdbdb; --light-gray-4: #4d4d4d; --light-gray-5: #9f9f9f; --light-gray-6: #8b8b8b; --light-gray-7: #6b6b6b; --light-gray-8: #292929; --light-gray-9: #262626; --white: #ffffff; --white-400: rgba(0, 0, 0, 0.4); --white-500: rgba(0, 0, 0, 0.5); --white-600: rgba(255, 255, 255, 0.6); --white-100: rgba(255, 255, 255, 0.1); --white-800: rgba(255, 255, 255, 0.8); --white-900: rgba(0, 0, 0, 0.9); --white-70: rgba(255, 255, 255, 0.07); --light-blue: rgba(255, 255, 255, 0.07); --grayish-blue: #e8eaf6; } body {
margin: 0;
padding: 0;
font-family: Mukta;
background: var(--body-bg);
}
.card{
border: none;
background: none;
}
.banner-thumbnail iframe{
height: auto!important;
min-height: 630px!important;
width: 100%!important;
} .container{
width: 100%;
max-width: 1248px!important;
padding: 0!important;
}
a{
text-decoration: none;
color: unset;
}
.kit-big-title{
font-family: Mukta;
font-size: 60px;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.5px;
color: var(--dark-gray);
transition: 0.2s all ease-in-out;
padding: 0 40px;
}
.banner-content{
font-size: 22px;
color: var(--black-680);
text-align: center;
padding: 0 40px;
margin-top: 14px;
margin-bottom: 0;
}
.kit-big-title:hover{
color: var(--black);
}
.special-tag{
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
background: var(--yellow);
width: max-content;
padding: 5px 14px;
font-size: 22px;
font-weight: 600;
border-left: 10px solid var(--black);
border-right: 10px solid var(--black);
} .sidebarad-content .widget:not(:first-child){
margin-top: 10px;
border-top: .5px solid var(--black-100);
padding-top: 10px;
}
.sidebarad-content .widget img{
height: auto;
width: 100%;
object-fit: contain;
border-radius: 4px;
}
.skip-ad-modal .content-box{
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
background: var(--top-bg);
position: relative;
border-radius: 4px 4px 0 0;
}
.skip-ad-modal .content-box img{
position: absolute;
top: 0px;
left: 10px;
width: 25%;
}
.skip-ad-modal .content-box .top-date{
position: absolute;
top: 80px;
left: 150px;
font-weight: 600;
}
.skip-ad-modal .widget img{
border: 4px solid var(--top-bg);
border-radius: 0 0 4px 4px;
}
.skip-ad-modal .content-box button{
position: absolute;
height: 40px!important;
width: 40px!important;
right: 10px;
border: 4px solid var(--top-bg);
}
.skip-ad-modal .content-box button:focus{
outline: none;
box-shadow: none
}
.skip-ad-modal .content-box button:hover{
background: var(--black-bg);
color: var(--white);
}
.single-page-ads{
display: flex;
justify-content: space-between;
padding: 20px 0!important;
border-top: .5px solid var(--black-100);
border-bottom: .5px solid var(--black-100);
}
.single-page-ads .widget{
width: 33%;
max-height: 280px;
}
.single-page-ads .widget img{
width: 100%;
height: 100%!important;
object-fit: contain;
border-radius: 4px; }
.top-header{
background-color: var(--top-bg);
min-height: 142px;
max-height: 160px;
}
.top-header .top-logo{
width: 130%;
object-fit: cover;
padding-bottom: 10px;
}
.search-logo {
width: 30%;	
}
.toggle-icon{
border: none;
background: var(--white);
display: flex;
justify-content: center;
align-items: center;
height: 40px;
width: 40px;
border-radius: 50%;
}
.toggle-icon:hover{
color: var(--black-bg)!important;
}
:root.dark-mode .top-header .top-logo{
filter: invert(1);
}
.top-logo-container{
max-height: 114px;
position: relative;
} .top-header .top-date{
position: absolute;
right: -86px;
bottom: -18px;
color: var(--light-gray-3);
font-size: 19px;
font-weight: 500;
}
.navbar {
background: var(--black-bg);
height: 60px;
z-index: 999;
}
.navbar-brand{
padding: 0;
}
.sticky-nav-bar .logo{
width: 0;
opacity: 0;
transition: 0.3s width ease-in-out;
}
.sticky-nav-bar.sticky .logo{
width: 60px;
opacity: 1;
}
.navbar-nav {
width: 75%;
display: flex;
justify-content: space-between;
}
.nav-link {
font-weight: 500;
color: var(--yellow);
padding: 15px 20px 12px;
font-size: 20px;
transition: all 0.3s ease;
text-decoration: none;
font-family: Eczar;
}
.nav-icon {
background: var(--white-500);
border-radius: 50%;
height: 36px;
width: 36px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
cursor: pointer;
transition: all ease-in-out;
}
.nav-icon img {
height: 24px;
width: 24px;
filter: invert(1);
transition: all ease-in-out;
}
.nav-icon:hover {
background: var(--yellow);
}
.nav-icon:hover img {
filter: invert(0);
}
.hamburger {
background: var(--white);
border-radius: 10%;
height: 36px;
width: 36px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
cursor: pointer;
transition: all ease-in-out;
}
.hamburger img {
height: 24px;
width: 24px;
transition: all ease-in-out;
}
.hamburger:hover {
background: var(--yellow);
}
.hamburger:hover img {
filter: invert(0);
}
.form-label {
font-size: 16px;
font-weight: 500;
margin: 0;
}
.form-control.cm {
border-radius: 3px !important;
font-size: 14px !important;
padding: 12px !important;
line-height: 1.8;
}
.form-control:focus,
.form-select:focus {
box-shadow: none;
border-color: var(--black);
}
.kit-form-control {
height: 50px;
border: 1px solid var(--light-gray-4);
border-radius: 3px;
padding: 0 40px 0 20px;
font-size: 14px;
}
.kit-form-control::placeholder {
color: var(--grayish-blue);
font-size: 12px;
}
button.btn.btn-primary {
text-transform: capitalize;
font-size: 18px;
text-transform: capitalize;
font-family: Mukta;
font-weight: 200;
border-radius: 3px;
background-color: var(--yellow);
color: var(--black);
border: none;
padding: 12px 50px;
}
.cancel {
background: var(--light-gray-1) !important;
border-color: var(--light-gray-1) !important;
color: var(--black-shade) !important;
}
.cancel:hover {
background: var(--light-gray-5) !important;
border-color: var(--light-gray-5) !important;
color: var(--white) !important;
}
.breaking{
margin: 20px auto;
padding: 20px 0!important;
border-bottom: .5px solid var(--black-100);
}
.kit-main-metadata{
display: flex;
justify-content: center;
align-items: center;
}
.kit-main-metadata .author a{
display: flex;
align-items: center;
}
.kit-main-metadata .author img{
height: 40px;
width: 40px;
object-fit: cover;
background: rgba(251, 223, 67, 0.2);
border: 1px solid var(--black);
padding: 3px;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 50px;
}
.kit-main-metadata .author p, .time-ago{
margin-bottom: 0;
margin-left: 4px;
font-size: 18px;
font-weight: 600;
color: #555555;
}
.kit-main-metadata .time{
display: flex;
align-items: center;
}
.banner-thumbnail{
margin-top: 20px;
width: 100%;
}
.banner-thumbnail a{
width: 100%;
}
.banner-thumbnail img{
width: 100%;
height: 600px;
border-radius: 6px;
object-fit: cover;
}
.marq-head{
background: var(--black-bg);
color: var(--white);
padding: 5px 20px;
border-radius: 2px 0 0 2px;
display: flex;
align-items: center;
}
.marq-head h3{
font-size: 20px;
font-weight: 600;
}
.marq{
background: var(--yellow);
border-radius: 0 2px 2px 0;
}
.marq a{
color: var(--black-shade);
font-weight: 600;
font-size: 18px;
}
.highlight-section .card{
height: calc(100vh - 210px)!important;
border-radius: 0px!important;
}
.highlight-section .card img{
width: 100%!important;
height: auto;
aspect-ratio: 16 / 9!important;
}
.highlight-section .card-img-overlay{
border-radius: 0px!important;
padding-bottom: 60px;	
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%)!important;
}
.highlight-section .card-title{
font-size: 56px!important;
line-height: 1.3!important;
font-weight: 600!important;
letter-spacing: 0.5px!important;
}
.kit-highlight-meta{
display: flex;
}
.highlight-author{
height: 30px!important;
width: 30px!important;
}
.highlight-author img{
height: 100%!important;
width: 100%!important;
aspect-ratio: 1 / 1;
}
.follow-ups{
font-size: 24px;
font-weight: 600;
line-height: 1.3;
padding: 20px;
background: var(--white-100);
color: var(--white-800);
border-radius: 4px;
width: 32%;
}
.section-title-container{
display: flex;
justify-content: space-between;
position: relative;
}
.section-title-container::before {
content: '';
width: 88%;
background: var(--black-100);
height: 1px;
bottom: 0%;
left: 8%;
position: absolute;
z-index: -1;
}
.black-section-title::before {
content: '';
width: 88%;
background: var(--white-500);
height: 1px;
bottom: 0%;
left: 8%;
position: absolute;
z-index: 0;
}
.section-title-name{
background: var(--yellow);
border-left: 4px solid var(--black);
border-radius: 0 14px;
font-family: Eczar;
font-size: 20px;
font-weight: 600;
width: max-content;
padding: 0 20px;
display: flex;
align-items: center;
cursor: pointer;
height: 36px;
}
.section-link{
width: 36px;
height: 36px;
background: var(--black-bg);
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
cursor: pointer;
transition: 0.2s all ease-in-out;
}
.section-link:hover{
background: var(--yellow);
color: var(--black);
}
.section-link a{
display: flex;
}
.black-section-title .section-link{
width: 36px;
height: 36px;
background: var(--light-gray-8);
display: flex;
align-items: center;
justify-content: center;
color: var(--black);
cursor: pointer;
transition: 0.2s all ease-in-out;
}
.black-section-title .section-link:hover{
background: var(--yellow);
color: var(--black);
}
.image-text a {
overflow: hidden;
display: block;
}
.image-text .card{
height: 500px;
width: 100%;
border-radius: 4px;
z-index: 1;
overflow: hidden;
border: none!important;
}
.image-text .small-image{
height: 350px;
width: 100%;
border-radius: 4px;
z-index: 1;
overflow: hidden;
border: none!important;
}
.image-text .small-image .card-title{
color: var(--white);
font-size: 26px;
font-weight: 600;
line-height: 1.3;
}
.two-image-card{
height: 380px!important;
}
.image-text .card-title {
color: var(--white);
font-size: 32px;
font-weight: 600;
line-height: 1.3;
}
.two-image-card .card-title{
font-size: 26px!important;
}
.image-text img {
width: 100%;
height: 100%;
overflow: hidden;
object-fit: cover;
}
.small-text-box{
background: var(--light-blue);
padding: 14px;
border-radius: 6px;
}
.small-text-box .card-title{
color: var(--black);
font-size: 20px;
font-weight: 600;
}
.card-img-overlay {
padding: 30px 35px 25px 40px;
z-index: 5;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: var(--black-bg);
background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);
color: var(--white);
border-radius: 4px;
top: auto;
}
.blog-container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.blog-container .side-post{
height: 110px!important;
margin-bottom: 14px;
}
.blog-container .side-post:last-child{
margin-bottom: 0px;
}
.blog-container .side-post img {
max-width: 110px;
min-width: 110px;
height: 110px;
object-fit: cover;
margin-right: 24px;
margin-left: 0;
border-radius: 4px;
}
.sidepost-container {
min-height: 512px;
max-height: 512px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.side-post{
margin-bottom: 10px;
}
.sidepost-container .side-post img {
max-width: 160px;
min-width: 160px;
height: 110px;
object-fit: cover;
margin-right: 24px;
margin-left: 0;
border-radius: 4px;
}
.side-post .title {
font-weight: 600;
font-size: 20px;
color: var(--black);
}
.post-time{
margin-top: 10px;
}
.time1 i, .time1 span {
font-size: 14px;
margin-right: 2px;
font-weight: 500;
opacity: .8;
vertical-align: initial;
}
.bichar-news-card {
background: var(--white-70)!important;
padding: 16px;
border-radius: 6px;
border: none;
box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.bichar-news-card img {
height: 100%;
width: 100%;
object-fit: cover;
}
.special-bg{
background: var(--light-blue);
}
.special-news .col:nth-child(1),.special-news .col:nth-child(2){
margin-top: 0!important;
}
.portal-news-card {
background: var(--white);
padding: 16px;
border-radius: 6px;
border: none;
}
.portal-news-card h5 {
color: var(--black);
font-size: 20px;
font-weight: 600;
font-family: Mukta;
}
.portal-news-card .description {
color: var(--black-680);
font-size: 16px;
font-weight: 500;
font-family: Mukta;
}
.portal-news-card img {
height: 100%;
width: 100%;
object-fit: cover;
}
.author {
display: flex;
align-items: center;
}
.author-details h2 {
font-size: 18px;
margin-bottom: 0;
font-weight: 400;
color: var(--black);
opacity: 0.6;
}
.author-details p {
font-size: 12px;
font-weight: 400;
color: var(--black);
margin-bottom: 0;
}
.news-author-img img{
height: 40px;
width: 40px;
object-fit: cover;
border-radius: 50%;
margin-right: 10px;
}
.card-body{
padding: 0;
} .posts img{
height: 192px; width: 100%;
aspect-ratio: 4 / 3;
border-radius: 4px;
object-fit: cover;
}
.posts .title {
font-size: 20px;
font-weight: 600;
margin-top: 8px;
color: var(--black-900);
}
.special-small-section{
background: var(--white-70);
box-shadow: 0 5px 15px rgba(0,0,0,.08);
padding: 13px;
border-radius: 4px;
height: max-content;
}
.sidepost-bg{
background: var(--light-gray-2);
border-radius: 4px;
padding: 0;
}
.post img{
height: auto;
width: 100%;
object-fit: cover;
border-radius: 4px;
margin-bottom: 10px;
}
.post-title{
font-size: 28px;
font-weight: 600;
line-height: 1.2;
color: var(--black);
}
.post-desc{
font-size: 18px;
color: var(--black-700);
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
line-height: 1.3;
}
.mainpost-container{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mainpost-container .side-post img {
max-width: 300px;
min-width: 300px;
height: 190px;
object-fit: cover;
margin-right: 24px;
margin-left: 0;
border-radius: 4px;
}
.mainpost-container .post-desc{
font-size: 18px;
color: var(--black-700);
font-weight: 500;
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
}
.latest-video {
background-color: var(--black-bg);
position: relative;
overflow: hidden;
}
.latest-video svg{
position: absolute;
top: -2%;
opacity: 0.9;
}
.latest-video .title h2 {
color: var(--white);
font-family: Mukta;
font-size: 48px;
font-weight: 800;
line-height: 24px;
letter-spacing: 0.48px;
margin-bottom: 2rem;
padding-left: 15%;
position: relative;
}
.latest-video .title h2::after {
content: '';
position: absolute;
width: calc(15% - 10px);
height: 8px;
top: 40%;
left: 0;
}
.video-sec img {
filter: brightness(0.8);
}
.video-sec.top img {
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 4px;
object-fit: cover;
}
.video-sec.top .col-lg-6 .content {
display: flex;
gap: 1rem;
justify-content: center;
flex-direction: column;
height: 100%;
}
.video-sec.top .col-lg-6 .d-flex {
align-items: center;
}
.video-sec.top .content .d-flex p {
margin: 0;
}
.video-sec.top .content .cat, .static .content .d-flex .cat,.psc-slide .content .d-flex .cat,
.card__content .d-flex .cat {
text-decoration: none;
border-right: 2px solid var(--light-gray-6);
margin-right: 10px;
padding-right: 10px;
color: var(--white);
text-align: center;
font-family: Mukta;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.video-sec.top .content .date, .static .content .d-flex .date, .psc-slide .content .d-flex .date, .card__content .d-flex .date {
color: var(--light-gray-6);
text-align: center;
font-family: Mukta;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.28px;
text-transform: uppercase;
padding-left: 10px;
margin: 0;
}
.video-sec.top .content .heading, .static .heading {
color: var(--white);
font-family: Mukta;
font-size: 30px;
font-weight: 700;
letter-spacing: 0.76px;
line-height: 1.2;
margin: 0;
}
.video-sec.top .content .desc {
color: var(--light-gray-7);
font-family: Mukta;
font-size: 18px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.14px;
margin: 0;
}
.video-sec.top .content .d-flex .timer {
color: var(--white);
font-size: 18px;
}
.video-sec.bottom {
margin-top: 2rem;
}
.video-sec.bottom .col-lg-4 img {
width: 100%;
height: auto; border-radius: 4px;
object-fit: cover;
}
.video-sec.bottom .col-lg-3 .d-flex {
align-items: center;
}
.video-sec.bottom p {
margin: 0;
}
.video-sec.bottom .content>* {
margin-top: 6px !important;
}
.video-sec.bottom .col-lg-3 .d-flex .cat{
text-decoration: none;
border-right: 2px solid var(--light-gray-6);
margin-right: 10px;
padding-right: 10px;
color: var(--white);
text-align: center;
font-family: Mukta;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.video-sec.bottom .col-lg-3 .d-flex .date {
color: var(--light-gray-6);
text-align: center;
font-family: Mukta;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.28px;
text-transform: uppercase;
margin: 0;
}
.video-sec.bottom .content .heading {
color: var(--white);
font-family: Mukta;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.76px;
line-height: 1.4;
margin: 0;
margin-top: 18px!important;
}
.video-sec.bottom .content .desc {
color: var(--light-gray-7);
font-family: Mukta;
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.14px;
margin: 0;
}
.video-sec.bottom .col-lg-3 .d-flex .timer {
color: var(--white);
}
.public-bg{    background: var(--public-bg);
background-repeat: no-repeat;
background-size:  cover;
position: relative;
}
.public-bg .side-post .title {
color: var(--white-800)!important;
}
:root.dark-mode .public-bg{
background: var(--black-bg);
}
:root.dark-mode .public-bg svg{
position: absolute;
right: 0;
top: 0;
opacity: 1;
filter: brightness(1);
transform: scale(0.7);
transform-origin: top;
}
.public-bg svg{
position: absolute;
right: 0;
top: 0;
filter: invert(1);
opacity: 0.6;
transform: scale(0.7);
transform-origin: top;
}
.public-bg .side-post .title{ }
.public-bg .section-title-name{
color: var(--white);
background: var(--black-bg);
border-color: var(--white);
z-index: 1;
}
.public-bg .section-title-container::before{
background: var(--white-400);;
z-index: 0;
}
.public-bg .section-link{
z-index: 1;
}
.public-bg .section-link:hover{
background: var(--white);
color: var(--black);
}
.three-section-container>*{
padding-right: 0!important;
}
.three-section{
background: var(--white-70);
box-shadow: 0 5px 15px rgba(0,0,0,.08);
padding: 20px;
border-radius: 4px;
}
.three-main-post{
border-bottom: 0.5px dashed rgba(0,0,0,0.2);
}
.three-main-post .title{
margin: 16px 0;
color: var(--black);
}
.three-side-post:not(:last-child){
border-bottom: 0.5px dashed rgba(0,0,0,0.2);
}
.three-side-post img{
max-width: 120px;
min-width: 120px;
height: 130px;
object-fit: cover;
margin-right: 24px;
margin-left: 0;
padding: 10px 0 10px 0;
}
.three-side-post .title{
font-size: 20px;
font-weight: 600;
display: flex;
flex-direction: column;
justify-content: center;
color: var(--black);
}
.popular-container{
padding-right: 25px;
}
.popular-container .popular-posts{
background: var(--white-70);
box-shadow: 0 5px 15px rgba(0,0,0,.08);
padding: 20px;
border-radius: 4px;
margin-bottom: 30px;
}
.popular{
margin-top: 20px;
}
.popular{
border-bottom: 0.5px dashed rgba(0,0,0,0.2);
}
.popular:last-child{
border-bottom: none;
}
.tab-sec-title ul{
width: 100%;
}
.tab-sec-title ul li{
width: 50%;
}
.tab-sec-title ul li button{
background: var(--black);
color: var(--yellow);
border-radius: 0px!important;
border: none;
width: 100%;
padding: 10px 20px;
transition: 0.2s all ease-in-out;
}
.tab-sec-title ul li button:hover{
background: var(--yellow);
color: var(--black);
}
.tab-sec-title ul li button.active{
background: var(--yellow)!important;
color: var(--black)!important;
border-radius: 0px!important;
border: none;
width: 100%;
}
.popular img{
height: 100px;
width: 40%;
object-fit: cover;
border-radius: 4px;
margin-right: 20px;
}
.popular .title{
font-size: 20px;
font-weight: 600;
color: var(--black-900);
}
.sticky-content{
position: sticky;
top: 80px;
}
.sidebar-ad, .banner-ad{
width: 100%;
}
.ad{
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
gap: 0px;
margin: 40px 0;
}
.ad .widget{
border-top: 0.5px solid var(--black-100);
border-bottom: 0.5px solid var(--black-100);
padding: 10px 0;
width: 100%;
height: auto;
}
.ad .widget img{
width: 100%;
height: 100%!important;
object-fit: cover;
border-radius: 4px;
}
.banner-ad{
border-top: 0.5px solid var(--black-100);
border-bottom: 0.5px solid var(--black-100);
padding: 20px 0;
}
.sidebar-ad:not(:first-child){
border-top: 0.5px solid var(--black-100);
padding: 20px 0;
}
.sidebar-ad:not(:first-child){
margin-top: 20px;
}
.single-page-ads-container{
margin-top: 20px;
}
.single-page-ads-container .sidebar-ad:first-child{
border-top: 0.5px solid var(--black-100);
padding-top: 20px;
}
.single-page-ads-container .sidebar-ad:not(:last-child){
margin-top: 20px;
}
.single-page-ads-container .sidebar-ad:last-child{
margin-top: 0px;
}
.sidebar-ad img, .banner-ad img{
width: 100%;
border-radius: 6px;
}
.nav-tabs{
border-bottom: none;
margin-bottom: 30px;
}
.nav-tabs .nav-item {
margin-left: 10px;
}
.nav-tabs .nav-link {
border-radius: 100vw;
border: 1px solid var(--black);
color: var(--black);
padding: 4px 14px;
font-family: Mukta;
font-size: 18px;
font-weight: 500;
background: var(--black-100);
transition: 0.2s all ease-in-out;
}
.nav-tabs .nav-link:hover{
background: var(--black);
border: 1px solid var(--black);
color: var(--white);
}
.nav-tabs .nav-link.active {
background: var(--yellow);
color: var(--black);
font-weight: 600;
border: 1px solid var(--yellow);
}
.overflow-sec {
overflow-x: hidden;
background: var(--loksewa-bg);
background: var(--top-bg);
}
.overflow-sec .section-title-name {
background: var(--black);
color: var(--white);
}
.overflow-sec .swiper-button-prev {
color: var(--white);
background: var(--black);
}
.overflow-sec .swiper-button-prev:hover, 
.overflow-sec .swiper-button-next:hover {
color: var(--black-900);
background: var(--white);
}
.overflow-sec .swiper-button-next {
color: var(--white);
background: var(--black);
}
.inside-sec {
flex-direction: row;
position: relative;
margin: 15rem 0 10rem;
margin-top: 150px;
margin-bottom: 80px;
}
.heading.cm {
position: absolute;
top: -72px;
padding: 5px 20px 5px 0px;
}
.slide {
flex-grow: 1;
margin-right: calc(50% - 50vw);
overflow-x: hidden;
position: relative;
margin-left: 1.5rem;
}
.swiper-button-next {
width: 40px;
height: 40px;
background-color: var(--light-gray-8);
position: absolute;
right: 0;
top: -50px;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
color: var(--black);
cursor: pointer;
transition: all 200ms ease;
}
.swiper-button-prev {
width: 40px;
height: 40px;
background-color: var(--light-gray-8);
position: absolute;
left: calc(100% - 90px);
top: -50px;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
color: var(--black);
cursor: pointer;
transition: all 200ms ease;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
background-color: var(--yellow);
}
.swiper-button-prev:active,
.swiper-button-next:active{
background-color: var(--yellow);
}
.swiper-button-prev:hover span,
.swiper-button-next:hover span {
color: var(--black);
}
.swiper-button-prev::after {
display: none;
}
.swiper-button-next::after {
display: none;
}
.overflow-sec {
overflow-x: hidden;
}
.slide .card {
border: none;
}
.static{
background: #f9ca11;
padding: 20px;
border-radius: 12px;
}
.psc-slide{
width: 100%;
display: flex;
align-items: center;
}
.static img{
border-radius: 4px;
}
.static .content>*,
.card__content>* {
margin-top: 1rem;
}
.static .content .d-flex,
.card__content .d-flex {
align-items: center;
}
.static .content .d-flex p,
.card__content .d-flex p {
margin: 0;
}
.card__content .heading {
color: var(--black);
font-family: Mukta;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.36px;
}
.card__content .desc {
color: var(--light-gray-7);
font-family: Mukta;
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.14px;
}
.card__content button {
color: var(--black);
text-align: center;
font-family: Mukta;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.28px;
padding: 12px 25px;
border: 1px solid var(--black);
}
.psc .heading{
color: var(--black);
opacity: 0.8;
}
.psc .cat, .psc .date, .psc .desc{
color: var(--black)!important;
opacity: 0.6;
}
.psc .video-sec.bottom .content .heading{
font-size: 22px;
color: var(--black);
opacity: 0.8;
}
.swiper-wrapper{
height: 100%!important;
}
.swiper-horizontal{
width: 100%;
height: 90%!important;
}
.psc .in-swiper{
background: #f9ca11;
padding: 20px;
border-radius: 12px;
width: 340px;
height: 430px;
}
.static img{
height: 315px;
aspect-ratio: 1266 / 630; 
}
.media .swiper-slide {
padding-right: 20px;
}
.media .swiper-slide:not(:last-child) {
border-right: 1px solid var(--light-gray-9);
}
.slide.swiper {
overflow: visible;
}
.media .swiper-slide img,
.slide img {
height: 170px;
max-width: 100%;
aspect-ratio: 1266 / 630;
object-fit: cover;
border-radius: 4px;
}
.mukhya-post1 {
background-color: var(--black-70);
font-family: Mukta,sans-serif;
color: var(--black);
margin-bottom: 30px;
border-radius: 6px;
height: 370px;
}
.mukhya-post1 .row, .mukhya1-image {
height: 100%;
}
.mukhya1-content {
color: var(--black-70);
padding: 30px 35px 35px;
display: grid;
border-radius: 0 8px 8px 0;
place-content: center;
height: 100%;
}
.mukhya1-content h3{
color: var(--black);
font-size: 32px;
font-weight: 600;
line-height: 1.3;
}
.mukhya1-content p{
font-size: 18px;
color: var(--black-900);
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
}
.mukhya1-image img {
height: 100%;
width: 100%;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
object-fit: cover;
}
.special-tasbir-title{
text-align: center;
}
.tasbirharu-small-thumbnail {
overflow: hidden;
width: 100%;
height: 160px;
border-radius: 6px;
cursor: pointer;
}
.tasbirharu-small-thumbnail img {
height: 100%;
width: 100%;
object-fit: cover;
}
.mbl-nav {
width: 20%;
padding: 5px!important;
}
.mbl-nav:first-child {
padding-left: 0px!important;
}
.mbl-nav:last-child {
padding-right: 0px!important;
}
.nav-img p {
display: none;
}
.main-img .card{
height: 500px;
aspect-ratio: 16 / 8;
}
.footer{
background: var(--black-shade);
padding: 50px 0 0 0;
}
.footer-title{
color: var(--white);
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
text-align: center;
position: relative;
}
.footer-title::before{
content: '';
height: 2px;
background: var(--white-100);
position: absolute;
width: 38%;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.footer-title::after{
content: '';
height: 2px;
background: var(--white-100);
position: absolute;
width: 38%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.footer-about{
color: var(--light-gray-6);
font-size: 18px;
line-height: 1.4;
text-align: justify;
}
.footer-about-info{
width: 80%;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-about-info p{
display: flex;
align-items: center;
margin-bottom: 0;
color: var(--light-gray-6);
font-weight: 500;
}
.footer-about-info p span{
display: flex;
align-items: center;
margin-bottom: 0;
color: var(--white-800);
}
.footer-social-media{
width: max-content;
}
.footer-social-media p{
margin-right: 10px;
}
.footer-social-media p a{
height: 40px;
width: 40px;
background: var(--white-100);
color: var(--white-800);
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.footer-link-list{
list-style: none;
padding: 0;
}
.footer-link-list li{
margin-bottom: 5px;
}
.footer-link-list li a{
display: flex;
align-items: center;
font-size: 18px;
color: var(--light-gray-6);
}
.footer-link-list li a span{
display: flex;
align-items: center;
font-size: 14px;
color: var(--white-600);
}
.social-about-link{
width: 80%;
border-top: 0.5px solid var(--white-100);
margin-top: 10px;
}
.footer-link-container, .social-about-link{
display: flex;
justify-content: space-between;
}
.footer-link-container a{
background: var(--white-100);
color: var(--white-800);
padding: 5px 20px;
border-radius: 100vw;
margin-right: 10px;
display: flex;
align-items: center;
}
.utlities{
width: 100%;
margin: 0 auto;
}
.utlities a{
background: var(--yellow);
color: var(--black-800);
font-weight: 600;
}
.copyright-ft{
background: var(--black-bg);
padding: 20px 0;
font-family: Poppins;
font-size: 12px;
}
.copyright-ft p{
margin: 0;
padding: 0;
color: var(--white);
opacity: 0.9;
}
.copyright-ft .container{
display: flex;
justify-content: space-between;
align-items: center;
}
.developed-by span{
color: var(--white);
opacity: 0.9;
}
#khelkud .image-text .khelkud-card {
height: 550px;
}
.khelkud-post {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 550px!important;
max-height: 550px!important;
}
#khelkud .image-text .khelkud-cardside {
height: 260px;
}
.khelkud-card .card-title,.khelkud-cardside .card-title {
font-size: 28px;
}
.mobile-show{
display: none;
}
.offcanvas{
width: 350px!important;
}
.sidenav-header{
padding-top: 0;
align-items: flex-start;
background: var(--top-bg);
}
.sidebar-logo{
width: 80%;
}
.sidenav-header .nav-icon{
margin-top: 12px;
background: var(--black-700);
}
.sidenav-header .nav-icon:hover{
background: var(--light-gray-2);
}
.sidenav-header .footer-social-media{
width: 50%;
}
.sidenav-header .footer-social-media p a{
background: var(--black-700);
color: var(--white);
}
.sidenav-header .footer-social-media p a:hover{
background: var(--white);
color: var(--black);
}
.profile-navigation{
margin-top: 50px;
}
.profile-navigation ul{
list-style: none;
padding-left: 0;
}
.profile-navigation ul li{
margin: 0 0 10px 0;
padding: 10px 14px;
border-radius: 5px;
color: var(--white-800);
}
.profile-navigation ul li:hover{
background: var(--white-70);
}
.profile-navigation ul li:hover a span, .profile-navigation ul li:hover a{
color: var(--white);
}
.profile-navigation ul li.active{
background: var(--white-70);
border-left: 5px solid var(--top-bg);
color: var(--white);
}
.profile-navigation ul li.active a span, .profile-navigation ul li.active a{
color: var(--white);
}
.profile-navigation ul li a{
text-decoration: none;
color: var(--white-800);
font-weight: 400;
font-size: 20px;
display: flex;
align-items: center;
font-family: Eczar;
}
.profile-navigation ul li a span{
font-size: 24px;
color: var(--white);
background: var(--white-70);
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10%;
box-shadow: 0 5px 15px rgba(0,0,0,.08);
padding: 10px;
margin-right: 10px!important;
}
.profile-navigation ul li:last-child{
margin-bottom: 0px;
}
.accordion {
--bs-accordion-bg: none!important;
--bs-accordion-border-color: none!important;
}
.accordion-button {
background: none!important;
}
.accordion-button:focus{
border: none;
box-shadow: none;
}
.accordion-button::after { background-size: 100%;
margin-left: 108px!important;
}
#member-request{
padding-left: 50px!important;
}
#member-request  ul li {
margin: 0 0 5px 0!important;
padding: 10px 14px!important;
border-radius: 5px!important;
color: var(--white-800);
}
#member-request ul li a span{
background: var(--white-70);
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10%;
box-shadow: 0 5px 15px rgba(0,0,0,.08);
padding: 8px;
margin-right: 10px!important;
}
#member-request ul li a span img{
height: 180%;
width: 180%;
}
.offcanvas-body::-webkit-scrollbar {
width: 6px;
}
.offcanvas-body::-webkit-scrollbar-track {
background: var(--white-70); 
border-radius: 100vw;
margin: 20px 0;
}
.offcanvas-body::-webkit-scrollbar-thumb {
background: var(--white-70); 
border-radius: 100vh;
max-height: 20px!important;
}
.offcanvas-body::-webkit-scrollbar-thumb:hover {
background: var(--black-shade); 
}
.upper-content .single-heading{
font-size: 50px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0px;
transition: 0.2s all ease-in-out;
color: var(--black-900);
}
.sticky-element {
position: sticky;
top: 60px;
border-bottom: 1px solid var(--black-70);
background-color: var(--white-900);
z-index: 99999;
backdrop-filter: blur(4px);
}
.single-meta{
padding: 10px;
border: 1px solid var(--black-70);
border-top: none;
}
.single-meta .author img{
box-shadow: none!important;
}
.sticky-font-size .single-heading {
font-size: 35px;
}
.single-special-description{
font-size: 22px;
font-style: italic;
color: var(--black);
opacity: 0.5;
}
.single-date{
color: var(--black);
opacity: 0.5;
}
.thumbnail-container img{
height: auto;
width: 100%;
object-fit: cover;
border-radius: 4px;
}
.single-content{
font-size: 22px;
line-height: 1.5;
color: var(--black-800);
text-align: justify;
background: var(--white-70);
border-radius: 4px;
padding: 20px;
}
.single-content iframe{
width: 100%;
}
.single-page-sticky{
position: sticky;
top: 160px;
}
.post-tags{
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: start;
}
.post-tags a{
background: var(--yellow);
color: var(--black-800);
font-weight: 500;
font-size: 13px;
}
.post-tags p{
margin-bottom: 0;
font-weight: 600;
font-size: 20px;
margin-right: 20px;
}
.related-news{
background: var(--black-70);
padding: 50px 0;
}
.category-top-post{
display: flex;
align-items: center;
position: relative;
}
.cat-image{
height: 440px;
width: 70%;
}
.cat-image img{
height: 100%;
aspect-ratio: 2.1 / 1;
object-fit: cover;
border-radius: 4px;
border: 10px solid var(--white-70);
box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.cat-post-details{
width: 50%;
position: absolute;
background: var(--white-900);
backdrop-filter: blur(5px);
right: 15px;
padding: 40px;
border-radius: 4px;
box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.cat-post-details .title{
font-size: 35px;
font-weight: 600;
color: var(--dark-gray);
}
.cat-post-details .post-desc{
font-size: 20px;
font-weight: 500;
}
.small-cat-post .card{
background: var(--white-70);
box-shadow: 0 5px 15px rgba(0,0,0,.08);
border-radius: 4px;
padding: 20px;
}
.small-cat-post .card img{
height: 250px;
}
.cat-title-container{
font-weight: 600;
font-size: 28px;
display: flex;
align-items: center;
justify-content: space-between;
font-family: Eczar;
color: var(--dark-gray);
}
.cat-title-container span{
background: var(--yellow);
padding: 10px;
font-size: 24px;
border-radius: 4px;
}
.cat-bg-color{
background: var(--black);
opacity: 0.5;
height: 3px;
width: 70%;
border-radius: 100vw;
border-right: 100px solid var(--yellow);
} .page-item:first-child .page-link{
border-radius: none!important;
}
.page-change {
display: flex;
justify-content: center
}
.page-item:first-child .page-link,.page-item:last-child .page-link {
border-radius: 5px!important
}
.page-change ul {
margin: 30px 0;
flex-wrap: wrap;
align-items: flex-end;
padding: 0;
display: flex;
justify-content: center;
text-align: right;
position: relative
}
.page-change ul li {
margin: 0 0 7px;
display: inline-block
}
.page-change ul li a {
display: block;
text-align: center;
color: var(--dark-gray);
padding: 0 12px;
line-height: 45px;
margin: 0 8px;
height: 45px;
font-weight: 500;
font-size: 18px;
background: var(--white-70);
border: 1px solid rgba(0,0,0,.2117647059);
border-radius: 5px;
text-decoration: none;
transition: all .2s ease-in-out;
min-width: 45px
}
.active>.page-link,.page-link.active {
background: var(--yellow);
border: 1px solid var(--yellow);
color: var(--black-bg);
}
.page-change ul li a:hover {
color: var(--black-bg);
background: var(--yellow);
border: 1px solid var(--yellow);
}
.page-change ul li:last-child a:hover,.page-change ul li:first-child a:hover {
color: var(--black-bg)!important;
background: var(--yellow)!important;
border: 1px solid var(--yellow)!important
}
.page-change ul li:first-child a:hover {
color: rgba(0,0,0,.6705882353);
background: #f8f3f3;
border: 1px solid rgba(0,0,0,.2117647059)
}
.page-change ul li:last-child a:hover {
color: rgba(0,0,0,.6705882353);
background: #f8f3f3;
border: 1px solid rgba(0,0,0,.2117647059)
}
.mbl-show{
display: none;
}
.about-us-content{
background: var(--black-70); 
color: var(--black-800);
padding: 40px!important; 
border-radius: 4px; 
font-size: 22px; 
line-height: 1.3;
}
.about-us-logo{
background: var(--black-shade);
padding: 0 20px 20px 20px;
border-radius: 4px;
} 
.about-us-logo img{
width: 100%;
padding-bottom: 20px;
border-bottom: 0.5px solid var(--white-100);
filter: invert(0.8);
}
.about-info-box{
margin-top: 20px;
}
.about-info-box a{
color: var(--white);
font-weight: 600;
font-size: 22px;
}
.about-info-box p{
color: var(--light-gray-6);
font-size: 20px;
line-height: 1.2;
text-align: justify;
}
.tool-title{
font-family: Mukta;
font-size: 28px;
font-weight: 600;
margin-bottom: 10px;
}
.text-area{
height: 62vh;
box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
font-size: 24px;
}
#preeti_text{
font-family: Preeti;
}
#preeti-content {
font-family: Preeti;
}
.onlinegov{
background: var(--white-70);
box-shadow: 0 5px 15px rgba(0,0,0,.08);
padding: 10px;
border-radius: 4px;
}
.onlinegov .icon{
width: 35px;
height: 35px;
margin-right: 5px;
}
.online-gov a {
font-size: 10px;
color: #0000007a;
} 
.name-gov {
margin-bottom: -5px;
}
.des-sec img{
height: 210px!important;
}
.caption-title {
color: var(--primary-black-80);
font-size: 16px;
}
@media(max-width: 768px) {
.mbl-mt-0{
margin-top: 10px!important;
}
.top-header{
padding-bottom: 30px;
}
.top-header .top-date{
right: 8px;
}
.top-header .top-logo{
width: 100%;
}
.banner-thumbnail.video-thumbnail{
height: 280px;
}
.video-sec.top .col-lg-6 .content{
height: auto;
}
.banner-thumbnail iframe{
min-height: 314px!important;
height: 314px!important;
}
.single-meta{
flex-direction: column;
align-items: flex-start;
}
#st-1{
margin-top: 10px;
transform: scale(0.70) translateX(-57px);
}
.cat-bg-color{
width: 40%;
}
.sticky-element{
position: initial;	
}
.mbl-show .row {
margin-right: 0px !important;
}
.mbl-hide{
display: none;
}
.mbl-show{
display: initial;
}
.psc .swiper .swiper-slide {
width: 100% !important;
}
.highlight-section{
height: 300px;
}
.highlight-section, .highlight-section .card, .highlight-section .card .thumb{
height: 320px!important;
}
.highlight-section .kit-highlight-meta{
flex-direction: column;
}
.highlight-section .card-img-overlay{
padding: 0px!important;
text-align: left;
}
.highlight-section .card-img-overlay .card-title{
text-align: left;
}
.highlight-author img{
height: 30px!important;
}
.highlight-time{
margin-left: 0!important;
margin-top: 10px!important;
}
.follow-ups{
width: 100%;
background: var(--white-70);
padding: 0 20px 20px!important;
border-bottom: 0.5px solid var(--black-100);
}
.follow-ups .time span, .follow-ups .time p{
color: #555555!important;
}
.follow-ups a{
color: var(--dark-gray); 
font-size: 22px!important;
}
.mainpost-container .side-post .post-time {
flex-direction: column;
align-items: flex-start!important;
}
.mainpost-container .side-post .post-time .time1 {
padding: 0px!important;
}
.container{
padding: 0 20px!important;
}
.ad{
display: flex;
justify-content: center; height: 120px;
}
.ad .widget img{
object-fit: contain;
padding: 5px 0;
}
.kit-big-title{
font-size: 30px;
}
.kit-main-metadata .author img{
height: 26px;
width: 26px;
}
.kit-main-metadata .author p, .time-ago{
font-size: 14px;
}
.banner-thumbnail img{
height: 260px;
}
.banner-content{
font-size: 18px;
padding: 0;
}
.post-title{
font-size: 24px;
}
.mainpost-container{
margin-top: 20px;
}
.mainpost-container .side-post img{
min-width: 120px!important;
max-width: 120px;
height: 100px;
}
.mainpost-container .post-desc{
display: none;
}
.two-image-card {
height: 300px!important;
margin-bottom: 20px;
}
.mbl-news{
margin-top: -20px!important;
}
.mbl-news>*{
width: 50%;
}
.two-image-card .card-title , .image-text .card-title{
font-size: 24px!important;
text-align: center;
}
.post img, .image-text .card{
height: 300px;
}
#khelkud .image-text .khelkud-card{
height: 250px;
margin-bottom: 20px;
}
#khelkud .image-text .khelkud-cardside{
width: 100%!important;
}
#khelkud .image-text .khelkud-cardside{
height: 230px;
}
.khelkud-post{
display: flex;
flex-direction: row;
height: auto!important;
min-height: auto!important;
max-height: auto!important;
}
.khelkud-post .row{
width: 100%;
}
.khelkud-post .row:first-child{
padding-right: 10px;
}
.khelkud-post .row:nth-child(2){
padding-left: 10px;
}
.posts img{
min-height: unset;
max-height: auto;
height: auto;
aspect-ratio: unset;
}
.small-cat-post .card img{
max-height: 250px;
height: auto;
}
.three-main-post .posts img{
height: 200px;
}
.public-bg .image-text{
margin-bottom: 20px;
}
.politics .col-md-7, .feature .col-md-7{
margin-bottom: 20px;
}
.feature .col-md-5{
padding-left: 12px!important;
}
.card-img-overlay{
padding: 20px 30px;
}
.bichar-news-card a .row{
flex-direction: column-reverse!important;
}
.des-sec{
margin-bottom: 20px;
}
.des-sec img{
height: auto!important;
}
.popular-container{
padding-right: 12px!important;
margin-top: 20px;
}
.inside-sec{
flex-direction: column;
margin-top: 100px;
}
.static{
min-width: auto!important;
}
.static img{
height: 250px;
}
.media .swiper-slide img, .slide img{
height: 200px;
}
.psc-slide{
width: 100%;
margin-left: 0;
margin-top: 20px;
}
.swiper{
width: 390px;
margin: 0;
}
.swiper-button-prev{
top: 105%;
left: 35%;
}
.swiper-button-next{
top: 105%;
left: 55%;
}
.overflow-sec{
padding-bottom: 20px;
}
.overflow-sec .slide {
margin-left: 0px !important;
}
.video-sec.top .row, .video-sec.top .row>*{
padding-right: 0!important;
}
.video-sec.top img{
width: 100%;
margin-bottom: 20px;
}
.video-sec.bottom img{
margin-bottom: 20px;
}
.video-sec.bottom .col-lg-4{
margin-bottom: 30px;
}
.special-small-section{
margin-top: 20px;
}
.pradesh-news, .health{
margin-top: 20px;
}
.mukhya-post1{
height: auto;
border-radius: 4px;
}
.mukhya-post1 .row{
flex-direction: column-reverse;
height: auto!important;
}
.mukhya1-image img{
height: 200px;
border-radius: 4px 4px 0 0;
}
.international .col-md-7, .education .col-md-7{
margin-bottom: 20px;
}
.nav-img{
margin-bottom: 0px !important;
}
.mbl-nav{
width: 33.33%;
}
.mbl-nav:nth-child(4){
padding-left: 0!important;
}
.tasbirharu-small-thumbnail{
height: 120px;
}
.khelkud-cardside .card-title{
font-size: 20px!important;
}
.footer-logo{
justify-content: center;
}
.footer-about-info{
flex-wrap: wrap;
width: 100%;
}
.footer-about-info p{
width: max-content;
margin-top: 10px;
}
.social-about-link{
flex-direction: column;
width: 100%;
margin-top: 20px;
}
.social-about-link .footer-social-media{
width: 100%;
}
.footer-link-container{
width: 100%;
}
.footer-link-container a{
width: max-content;
border-radius: 100vw;
margin-right: 10px;
display: flex;
align-items: center;
}
.footer-title::after, .footer-title::before{
width: 25%;
}
.name.footer-title::after, .name.footer-title::before{
width: 11%;
}
.quick-links{
padding: 0!important;
margin: 0!important;
display: flex;
justify-content: center;
}
.quick-links .col-md-3{
width: 50%;
}
.footer-link-list{
margin-bottom: 0;
}
.utlities{
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
.utlities a{
margin-top: 10px;
}
.copyright-ft .container{
flex-direction: column;
justify-content: center;
align-items: center;
}
.developed-by{
margin-top: 20px;
}
.mobile-show{
display: flex;
color: #000000;
}
.mbl-hide{
display: none;
}
#pradesh-tab{
display: flex!important;
justify-content: flex-start;
flex-wrap: nowrap;
width: 100%;
overflow-x: auto;
}
.nav-tabs{
padding: 0 0 10px 0;
margin-bottom: 10px;
}
.nav-tabs .nav-link{
width: max-content;
}
.kala-sahitya .col-md-12, .kala-sahitya .mbl-news .col{
padding-right: 0!important;
}
.single-page-mbl-ads{
padding: 0 12px;
}
.single-page-mbl-ads .widget{
padding: 10px 0;
border-top: .5px solid var(--black-100);
border-bottom: .5px solid var(--black-100);
}
.single-page-mbl-ads .widget img{
border-radius: 4px;
width: 100%;
height: auto;
object-fit: contain;
}
.blog-tags, .blog-tags span{
flex-wrap: wrap!important;
margin-left: 0!important;
}
.blog-tags span a{
margin: 5px;
}
.single-content{
padding: 0;
}
.upper-content .single-heading{
font-size: 40px;
}
.skip-ad-modal .content-box {
height: 50px;
}
.skip-ad-modal .content-box .top-date{
display: none;
}
}
.side-media {
height: 480px;
overflow: hidden;
overflow-y: scroll;
}
.small-thumb {
display: flex;
flex-direction: inherit;
align-items: center;
}
.small-thumb  img{
border: 4px solid var(--white-70);
border-radius: 8px;
}
.media-title h4 {
font-size: 18px;
color: var(--white);
font-weight: 600;
padding: 5px 0 0 10px;
}
.owl-nav {
width: 100%;
display: flex;
position: absolute;
top: 50%;
justify-content: space-between;
padding: 0 40px;
}
.video-bg{
background: var(--black-bg);
padding: 50px 0;
}
.owl-prev .fa-solid, .owl-next .fa-solid{
color: var(--white);
font-size: 30px;
}
.owl-video-wrapper .owl-video{
height: 90px!important;
width: 90px!important;
}
.side-media::-webkit-scrollbar {
width: 6px;
}
.side-media::-webkit-scrollbar-track {
background: var(--white-70); 
border-radius: 100vw;
margin: 20px 0;
}
.side-media::-webkit-scrollbar-thumb {
background: var(--white-70); 
border-radius: 100vh;
max-height: 20px!important;
}
.side-media::-webkit-scrollbar-thumb:hover {
background: var(--black-shade); 
}
.dark-mode .overflow-sec {
background: #141414;
}
.dark-mode .psc .swiper-slide {
background: rgba(255, 255, 255, 0.07);
}
.dark-mode .name-gov a{
color: #fff;
}
.dark-mode .online-gov a {
color: #fff;
opacity: 0.7;
}
.dark-mode .static {
background: rgba(255, 255, 255, 0.07);
}
.dark-mode .overflow-sec .section-title-name {
background: var(--yellow);
border-left: 4px solid var(--black);
color: #000;
}
.dark-mode .overflow-sec .swiper-button-prev, 
.dark-mode .overflow-sec .swiper-button-next  {
background: #000;
color: #fff;
}
.dark-mode .single-gov {
background: rgba(255, 255, 255, 0.07);
}
.dark-mode .single-gov h3 {
color: #fff;
border-bottom: 1px solid #ffffff47;
}
.dark-mode .single-gov p {
color: #fff;
opacity: 0.8;
}
.online-content table {
width: 100%;
table-layout: fixed;
overflow-x: auto;
display: block;
}
.online-content table::-webkit-scrollbar {
height: 8px;
}
.online-content table::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 4px;
}
.online-content table::-webkit-scrollbar-thumb:hover {
background-color: #555;
}