/*================================RESET=============================================*/
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body{
font-family: 'Roboto';
}

/*================================GENERAL STYLES===================================*/
.max-width{
max-width: 1280px;
margin: 0 auto;
}

.np-wrapper{
width: 100%;
margin: 0 auto;
}

.inner-max-width{
max-width: 1160px;
margin: 0 auto;
}

ul{
list-style: none;
}

a{
text-decoration: none;
}

.hide{
display: none;
}

.wrapper li{
    list-style-type: auto!important;
}


/*==================================OLD AD STYLE===================================*/
/* .ad-img{
padding: 10px 0px;
margin-bottom: 32px;
}

.ad-img .box{
width: 100%;
height: 279px; 
background: #F5F5F5; 
text-align: center;
}

.ad-img .box p{
color: #C0BBBB;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
}

.ad-img .box .ad-img{
width: 966;
height: 229;
} */

/*======================================AD=========================================*/
.ad-img{
margin: 32px 0px;
position: relative;
/* border: 1px solid red; */
width: 100%;
height: 256px;
}

.ad-img .top-ad-img{
width: 100%;
height: 100%;
}

.ad-img p{
font-size: 10px;
font-weight: 400;
line-height: 22px;
text-align: center;   
color: #D9D9D9;
position: absolute;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
padding: 5px 0px;
}

/*===============================BREADCRUMB===============================*/
.breadcrumb{
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}

.breadcrumb p{
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
color: #C4C4C4;
}

.breadcrumb p:last-child{
font-weight: 700;
color: #131313; 
}

.breadcrumb p a{
font-weight: 400;
color: #C4C4C4;
}

/*======================================NEWS=====================================*/
.news{
margin-top: 15px;
display: flex;
justify-content: space-between;
}

/*================================LEFT CONTENTS=================================*/
.news .left-contents{
width: 800px;
/* padding-right: 20px; */
}

/*==============================INTRO SECTION================================*/
.intro-section{
margin-bottom: 25px;
}

.intro-section .heading{
margin-bottom: 15px;
}

.intro-section .heading h1{
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-align: left;
color: #212121;
}

.intro-section .intro-para p{
font-size: 16px;
font-weight: 400;
line-height: 27px;
text-align: left;
color: #202020;
}

.intro-section .intro-para .info__read{
text-decoration: underline;
font-weight: 700;
color: #202020;
cursor: pointer;
}

/*================================STATE LIST CONTAINER===============================*/
.state-list-container{
margin-bottom: 32px;
}

.state-list-container .header h2{
font-size: 22px;
font-weight: 700;
line-height: 27px;
text-align: left;
color: #212121;
margin-bottom: 25px;
}

.state-list-container .lists-container{
width: 100%;
box-shadow: 0px 0px 4px 0px #0000001F;
background: #FFFFFF;
padding: 15px 10px;
border-radius: 15px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
}

.state-list-container .lists-container a .list{
border-bottom: 1px solid #EDEBEC;
width: 370px;
/* height: 43px; */
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 15px 15px 0px;
font-size: 16px;
font-weight: 400;
/* line-height: 27px; */
text-align: left;
color: #202020;
}

.state-list-container .lists-container a:nth-last-of-type(2) .list{
border: none;
padding-bottom: 10px;
}

.state-list-container .lists-container a:nth-last-of-type(1) .list{
border: none;
padding-bottom: 10px;
}

/*=========POST OFFICE DETAILS CONTAINER IN BOTH STATE AND CITY PAGES=============*/
.post-office-details-container{
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 3px solid #C11E2F;
}

.post-office-details-container .title{
font-size: 20px;
font-weight: 700;
line-height: 27px;
text-align: left;
color: #202020;
margin-bottom: 15px;
}

.post-office-details-container table {
border-collapse: collapse; 
}

.post-office-details-container table tr {
border-bottom: 1px solid #EDEBEC;
}

.post-office-details-container table tr td{
padding: 10px 0px;
vertical-align: top;
}
.post-office-details-container table tr td:first-child{
font-size: 15px;
font-weight: 700;
line-height: 27px;
text-align: left;
color: #202020;
}

.post-office-details-container table tr td:last-child{
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #202020;
}

/*========DETAILED DESCRIPTION CONTAINER IN BOTH STATE AND CITY PAGES========*/
.detailed-description-container{
margin-bottom: 32px;
}

.detailed-description-container .header h2{
font-size: 20px;
font-weight: 700;
line-height: 27px;
text-align: left;
color: #202020;
margin-bottom: 20px;
}

.detailed-description-container .information-container{
margin-bottom: 20px;
}

.detailed-description-container .information-container:nth-last-of-type(1){
margin-bottom: 0px;
}

.detailed-description-container .information-container p{
font-size: 16px;
font-weight: 400;
line-height: 30px;
text-align: left;
color: #202020;
margin-bottom: 15px;
}

.unordered-list-group {
font-size: 16px;
font-weight: 400;
line-height: 36px;
text-align: left;
color: #202020;
list-style: disc;
list-style-position: inside;
}

.ordered-list-group{
font-size: 16px;
font-weight: 400;
line-height: 36px;
text-align: left;
color: #202020;
list-style-position: inside;
}

/*================================DISCLAIMER====================================*/
.disclaimer{
margin-bottom: 32px;
}

.disclaimer p{
font-size: 15px;
font-style: italic;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #5C5C5C;
}

.disclaimer p span{
font-size: 15px;
font-weight: 700;
line-height: 24px;
text-align: left;
font-style: normal;
color: #202020;
}

/*============ACCORDION CONTAINER IN BOTH STATE AND CITY PAGES================*/
#faqs{
margin-bottom: 32px;
}

#faqs .header{
font-size: 22px;
font-weight: 700;
line-height: 27px;
text-align: left;
color: #202020;
margin-bottom: 20px;
}

.accordion-container {
width: 100%;
height: auto;
}

.accordion-container .accordion-item{
background: #FBFBFB;
margin-bottom: 15px;
}

.accordion-container .accordion-item .accordion-header{
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 10px;
font-size: 16px;
font-weight: 700;
line-height: 23px;
text-align: left;
color: #212121;
cursor: pointer;
transition: 0.3s ease;
}

.accordion-container .accordion-item .accordion-header .accordion-down-arrow{
transform: rotate(180deg);
transition: transform 0.3s ease;
}

.accordion-container .accordion-item .accordion-body{
font-size: 16px;
font-weight: 400;
line-height: 30px;
text-align: left;
color: #202020;
padding: 5px 10px 15px 10px;
display: none;
overflow: hidden;
overflow-y: auto;
}

/*===============================LATEST NEWS CONTAINER===========================*/
.latest-news-container{
margin-bottom: 32px;
}

.latest-news-container .header{
font-size: 22px;
font-weight: 700;
line-height: 27px;
text-align: left;
color: #C11E2F;
margin-bottom: 20px;
}

.latest-news-container .header p span{
color: #202020;
}

.latest-news-container a .content{
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
border-bottom: 1px solid #EDEBEC;
padding: 10px 0px;
margin-bottom: 25px;
}

.latest-news-container a:first-of-type .content{
padding-top: 5px;
}

.latest-news-container a .content .image-container .new-image{
width: 200px;
height: 120px;
border-radius: 10px;
/* object-fit: contain; */
margin-bottom: 5px;
}

.latest-news-container a .content .image-container p{
font-size: 11px;
font-weight: 400;
line-height: 13.2px;
letter-spacing: -0.40799999237060547px;
text-align: left;    
color: #888888; 
}

.latest-news-container a .content .description{
flex-grow: 1;
font-size: 16px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.40799999237060547px;
text-align: left;
color: #202020;
}


/*=====================NEWS RIGHT CONTENTS=================*/
.news .right-content{
/* padding-left: 30px; */
width: 300px;
}

/*=====================AD=================*/
.news .right-content .right-ad {
margin-bottom: 32px;
width: 100%;
height: 282px;
}

.news .right-content .right-ad .ad-image{
width: 100%;
height: 100%;
}

/*==============MIDDLE AD==========*/
.middle-ad{
width: 100%;
height: 492px;
background: #F5F5F5;
margin-bottom: 32px;
}

/*======================LIST CONTAINER IN BOTH STATE AND CITY PAGES===================*/
.list-container{
border: 0.8px solid #0A0E121A;
border-radius: 10px;
margin-bottom: 32px;
}

.list-container .header{
background: #FBFBFB;
padding: 10px;
border-radius: 10px 10px 0 0;
font-size: 15px;
font-weight: 700;
line-height: 17.25px;
color: #202020;
}

/* .list-container .list-group{
width: 100%;
height: 320px;
padding: 10px;
overflow-y: auto;
} */

.list-container .list-group {
width: 100%;
max-height: 320px;
padding: 10px;
overflow-y: scroll;
}

.list-container .list-group::-webkit-scrollbar {
width: 5px;    
}

.list-container .list-group::-webkit-scrollbar-thumb {
background-color: #EEEEEE;
border-radius: 5px;         
}


.list-container .list-group a .list{
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
padding-right: 15px;
}

.list-container .list-group a .list p{
font-size: 14px;
font-weight: 400;
line-height: 18.48px;
text-align: left;
color: #202020;
}

/*=================GRIEVANCE DETAILS==============*/
.grievance-details{
margin-bottom: 32px;
}

.grievance-details .header{
font-size: 16px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #202020;
margin-bottom: 15px;
}

.grievance-details .description-container{
width: 100%;
background: #FBFBFB;
padding: 8px 10px;
border-radius: 8px;
}

.grievance-details .description-container .address{
font-size: 15px;
font-weight: 400;
line-height: 28px;
text-align: left;  
color: #202020;
padding-bottom: 10px;
}

.grievance-details .description-container .contact{
padding-bottom: 10px;
}

.grievance-details .description-container .contact p:first-child{
font-size: 15px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #888888;
padding-bottom: 5px;
}

.grievance-details .description-container .contact p:last-child{
font-size: 18px;
color: #202020;
}