#slider .imgContainer{
    max-height: 80vh;

}
#slider .imgContainer img{
    object-fit: cover;
    height: 100%;

}

#slider .carousel-indicators{
    right: 20px;
    left: inherit !important;
    top: 50%;
    margin-right: 0;

    bottom: inherit;
    flex-direction: column;
transform: translateY(-50%);
}
#slider .carousel-indicators button.active{
    background-color: var(--color1);
    height: 35px !important;
}
#slider .carousel-indicators button{
    width: 4px !important;
    height: 6px !important;
    transition: height ease .3s;
    background-color: black;
   }

#newsHighlight{
background-color: var(--color1);
    right: 0;
z-index: 4;
max-width: 500px;
min-width: 300px;
padding: 14px 20px;
border-radius: 2px;

}
#newsHighlight::before{
    content: "";
color: white;
    left: -52px;
    top: 0;
    position: absolute;

    border-bottom: 26px solid var(--color1);
    border-right: 27px solid var(--color1);
    border-left: 26px solid transparent;
    border-top: 26px solid transparent;

}
/* nes events start */

#newsEvents .left {
    max-height: 500px;
    overflow: hidden;

}

#newsEvents .container-fluid{
    background: linear-gradient(118deg, var(--color2) 20%, white 20%);
}


#newsEvents .sectionHeading h2{
background: linear-gradient(112deg, var(--color2) 93%, white 40%);
}
#newsEvents .left ul li:not(:last-child){
    padding-bottom: 14px;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 14px;
}
#newsEvents .left ul li a{
    padding-right:30px;
}
#newsEvents .left ul li span{
background-color: var(--color1);
padding: 6px 12px;
flex-shrink: 0;

}
#newsEvents .viewMore{
    padding:10px 50px;
    padding-left:80px;
    background:var(--color2);
    width:max-content;
  background: linear-gradient(290deg, var(--color1) 90%, white 90%);
}
#newsEvents .left ul li span::before{
    position: absolute;
    content: "";
    top: 0;
    left: -29px;
    border-bottom: 0px solid transparent;
    border-right: 26px solid var(--color1);
    border-left: 3px solid transparent;
    border-top: 30px solid transparent;
}


#newsEvents .left ul li a:hover{
  color: var(--color1) !important;
}
#newsEvents .right .name{
    background-color: var(--color2);
    padding: 12px;
}
#newsEvents .right span{
    color: #999696;
}
#newsEvents .right .imgContainer{
overflow: hidden;
    max-height:190px;

}
#newsEvents .right .imgContainer img{
    width: 100%;
    height: 100%;
    object-fit: cover;


}

#newsEvents .nursingPanel .title{
    background: linear-gradient(118deg, var(--color2) 70%,  white 70%);
margin-bottom: 26px;
    padding: 10px 20px;
}
#newsEvents .right .buttons a{
    padding: 10px 20px;
    flex-grow: 1;
}
#newsEvents .right .buttons a:first-child{
    padding-left: 50px;
    padding-right: 60px;
    background-color: var(--color2);
    background: linear-gradient(114deg, var(--color2) 90%,  white 90%);

}
#newsEvents .right .buttons a:last-child{
    background: linear-gradient(114deg, white 10%, var(--color1) 10%);
    padding-right: 70px;
background-color: var(--color1);
text-align: end;

}

/*  links section start
*/
#links{
    overflow: hidden;
    background-color: #F4F4F4;
}
#links .headings:first-child .sectionHeading h2{
    padding-left: 100px;
    background: linear-gradient(118deg, var(--color2) 95%, #F4F4F4 95%);

}
#links .headings:last-child .sectionHeading h2{
    padding-left: 100px;
    background: linear-gradient(300deg, var(--color2) 90%, #F4F4F4 90%);


}
#links .headings:last-child .sectionHeading > div {
    background: linear-gradient(90deg, #F4F4F4 50%, #F4F4F4 50%);
}
#links ul{
    padding-inline: 25px;
}
#links ul li{
    margin-bottom: 12px;
}
#links ul li a{
    padding: 8px 20px;
    color: var(--color1);
    background-color: white;


}
#links ul li:hover a{
 background-color: var(--color1);
    color: white;


}
/* footer start */


#footer{
    background-color: #210837;
    overflow: hidden;
}
#footer .logo img{
    width: 230px;
}

#footer .footerSocialLinks a{
    transition: all ease-in .3s;
    border: 2px solid var(--color1);
    height: 40px;
    width: 48px;
    background-color: var(--color1);

}

#footer .footerSocialLinks a:hover{
    background-color: transparent;

}


#footer h3::before{
    content: "";
    display: inline-block;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: var(--color1);
    position: absolute;

}
#footer ul li::before {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    background-color: var(--color1);
    transform: rotate(45deg);
}
#footer ul li {
    display: flex;
    align-items: center;
    gap: 12px !important;

    margin-bottom: 12px;
}
#footer ul li , #footer ul li a{
    transition: all ease .2s;
}

#footer ul li:hover{
   transform: translateX(20px) scale(1.2);
}
/* members */
#members .content {
    position:relative;
    border-bottom: 2px solid var(--color2);
}
#members .content span:first-child{
    height:40px;
    width:40px;
    background:var(--color1);
    position:absolute;
    left:20px;
    top:-20px;
}
#members .content i{
    color:white;
}
#members .content .about{
       margin-top:20px;
}

#members .content .about,
#about .mainBox .content .about{
    min-height: 50px;
    color: #525050;
    border-color: var(--color1) !important;
 
}
#members .mainBox .content .name{
    color: var(--color1);
}

.readBtn{
    color: var(--color1);
    margin-top: 8px;
    cursor: pointer;
}
.readBtn.hide{
    opacity: 0;
    pointer-events: none;
}
.ele {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    min-height: 75px;
}
 .table:not(:last-child){
    margin-bottom: 40px;
}

.table thead th{
    background-color: var(--color2);
    color: white;
    text-transform: uppercase;
    border: 1px solid rgb(128, 128, 128);


}
.table td{
    border: 1px solid rgb(202, 202, 202);
}
.table tr.link:hover td{
    background-color: var(--color1);


}
.table tr.link:hover a{
    color: white;

}

@media(max-width:768px){
    .scrollContainer{
        max-width: 100vw;
        overflow-x: auto;
    }
    .table td{
        min-width:160px;
    }
}

#fees .note{
    color: var(--color1);
}
.filterForm select{
    padding: 8px 12px;
}
.filterForm .submit{
    background-color: var(--color1);
    padding: 8px 20px;
}
.filterForm .submit:hover{
    background-color: rgb(175, 0, 0);
}

#about .mainBox {
    border-bottom: 2px solid var(--color2);
}
#about .mainBox .imgContainer{
    height: 220px;
}

#about ul li{
    list-style: disc !important;
}