
.banner-section-inner{
    position: relative;
}
 .overlay{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 21.9%, rgba(0, 0, 0, 0.79) 100%);
 z-index: 1;
}

@media (max-width:767px){
    .banner-section img{
        min-height: 350px;
        object-fit: cover;
    }
}
.banner-content h1{
    color: #fff;
    font-family: 'RedHatText-Bold';
font-size: 25px;
font-style: normal;
line-height: 42px;


letter-spacing: 0.85px;
text-transform: uppercase;

}
.banner-container{
    position: absolute;
    top: 35%;
    z-index: 1;
    z-index: 1;
    left: 8%;
}

.overlay::after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.44) 100%);
}

.grievance-container{
    border-radius: 6px;
background: #FFF;
box-shadow: 0px 2px 10px 0px rgba(113, 113, 113, 0.25);
margin-top: -100px;
    position: relative;
    z-index: 2;
}

.row-gap {
    row-gap: 50px;
}




.simple-pagination ul {
    margin: 37px 0 20px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.simple-pagination li {
    display: inline-block;
    margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
    color: #666;
    padding: 3px 10px;
    text-decoration: none;
    /* border: 1px solid #EEE; */
    background-color: #FFF;
    /* box-shadow: 0px 0px 10px 0px #EEE; */
}

.simple-pagination .current {
    color: #FFF;
    background-color: #D32304;
    border-color: #D32304;
    border-radius: 50%;


    width: 10px;
    min-width: 27px;
    height: 27px;
    display: inline-block;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
    background: #fff;
    border: #fff;
    color: #000;
}



.event-title{
    color: #303030;
    font-family: 'RedHatText-Bold';
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: 170.3%; /* 35.763px */
letter-spacing: 0.63px;
text-transform: uppercase;
}
.event-img-box-linear{
    position: relative;
    border: 2px solid transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    display: block;
}
.event-img-box-linear::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;

background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.85%, rgba(0, 0, 0, 0.88) 99.57%);
}
.event-img-box-linear:hover{
    border-color: #fff;
    filter: drop-shadow(0px 3.861px 11.584px rgba(139, 139, 139, 0.73));
}
.event-content{
    padding: 12px 14px;
}
.event-content p{
    color: #212121;
    font-family: 'RedHatText-Bold';
font-size: 14px;
font-style: normal;

line-height: 120%; /* 16.8px */
letter-spacing: 0.42px;
min-height: 33px;
}
.event-date{
    color: #212121;
    font-family: 'RedHatText-Regular' ;
font-size: 13.374px;
font-style: normal;
font-weight: 400;
line-height: 168%; /* 22.468px */
}
.event-img-box-linear .img-icon{
    position: absolute;
    bottom: 10px;
    left: 14px;
    z-index: 1;
}
.event-line{
    border-style: dashed;
    border-color: #2F2F2F;
}
@media (max-width:767.9px){
    .event-content p{
        min-height: auto;
    }
}

.event-thumbimg{
    aspect-ratio: 578 / 378;
    object-fit: cover;
}