body {
    font-family: "Roboto", sans-serif;
}
.padding-60-60{
    padding: 60px 10px;
}
a{
    text-decoration: none;
}
ul li{
    list-style-type: none;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Noto Sans Display", sans-serif;
}
.container{
    padding: 0;
}
h1{
    font-size: 4.5rem;
}
h3,h4,h5{
    font-size: 1.5rem;
    font-weight: 600;
}
.form-control:focus{
    box-shadow: none;
}
.active,.nav-link.active{
    background-color: #b87eb8;
    color: #eee !important; 
}
.navbar-light .navbar-nav .nav-link:focus{
    color: #fff;
}
.about-breadcrumb{
    background-image: url('../images/herobanner.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center center;
    color: #fff;
    height: 41vh;
    align-content: center;
}
.breadcrumb{
    justify-content: center;
    align-items: center;
}
.mob-form{
    display: none !important;
}
.top-barr {
    background-color: #4B164C;
    color: white;
    font-size: 14px;
}
.top-bar {
    padding: 8px 0px;
}
.logo-bar {
    background-color: #eee;
    padding: 18px 0.5rem;
}
.img-width{
    max-width: 100%;
    width: 100%;
}
.btn-meadium-bar{
    color: #000000;
    background: #ebdaec;
    border-radius: 0;
    padding: 0px 10px;
    border: none;
}
.form-control{
    background-color: #e5e5e5;
    border-radius: 0px;
    color: #000000;
    border: none;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-expand-lg .navbar-nav .nav-link{
    text-transform: uppercase;
    padding: 1rem 1.5rem;
    color: #fff;
    font-size: 16px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
    text-transform: uppercase;
    background-color: #b87eb8;
    padding: 1rem 1.5rem;
    color: #fff;
}
.btn-nav{
    background-color: #b87eb8;
    color: #fff;
    text-transform: uppercase;
    padding: 1rem 2rem;
    border: none;
}
.btn-nav-all{
    background-color: #b87eb8;
    color: #fff;
    padding: .5rem 1rem;
    border: none;
    font-size: 13px;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link {
    color: #ffc107;
}
.navbar-all,.navbar-all nav{
    background-color: black;
    padding: 0px;
}


/*-hero-sec-start-*/
.hero{
    background-image: url("../images/herobanner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: 80vh;
    color: #fff;
}
.hero .container{
    height: 100%;
    align-content: center;
}
.hero .container h2{
    font-size: 4rem;
    font-weight: 700;
}
.hero .container p{
    font-size: 2rem;
    font-weight: 600;
}
/*-hero-sec-end-*/

/*-about-sec-start-*/
.about h4{
    background-color: #4B164C;
    padding: 10px 20px;
    color: #fff;
}
.news-date h5{
    background-color: #4B164C;
    font-size: 15px;
    text-align: center;
    padding: 5px 25px;
    color: #fff;
    margin-bottom: 0;
}
.news-date p{
    background-color: #b87eb8;
    font-size: 25px;
    text-align: center;
    padding: 0px 25px;
    color: #fff;
}
.news-date-con{
    display: flex;
    gap: 20px;
    padding: 10px 20px 0px 20px;
    align-items: center;
}
.about .con-box {
    background-color: #ebdaec;
    margin: 1.5rem 0rem;
    padding-bottom: 3rem;
    min-height: 416px;
}
.btn-righ{
    float: right;
    padding-right: 1rem;
    color: #4B164C;
    font-weight: 600;
}
.article-con{
    padding: 10px 20px 0px 20px;
    align-items: center;
}
.article-con h5{
    color: #000000;
    font-size: 17px;
    font-weight: 600;
}
.about .card-con{
    border-bottom: 1px dashed #000;
    padding: 2rem 0rem 0rem 0rem;
}
.about .card-body-con p{
    font-style: italic;
}
.about .card{
    background-color: #ebdaec;
}
.list-unstyled li{
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 10px;
    border: 1px solid #cebfce;
    margin: 10px 0px;
    background-color: #ebdaec;
    border-radius: 1px;
}
.list-unstyled li img{
    width: 44px;
    height: 44px;
}
.list-unstyled li a,.list-unstyled li{
    color: #4B164C;
    font-weight: 600;
}
.sidebar-box .img-box{
    position: relative;
}
.sidebar-con-boxx h4{
    background-color: transparent;
}
.sidebar-box .img-box .sidebar-con-boxx{
    position: absolute;
    bottom: 25%;
}
.sidebar-box .img-box p{
    margin-bottom: .5rem;
    margin-top: 1rem;
}
.sidebar-box .img-box .btn-sidebar{
    color: #4B164C;
    font-weight: 600;
}
/*--event-start--*/
.event{
    padding: 70px 0px;
    background-color: #ebdaec;
}
.event .active{
    background-color: transparent;
    color: #000 !important;
}
.event .head-about-head{
    color: #4B164C;
}
.event img {
    height: 100%;
    object-fit: cover;
  }
  .event .owl-dots {
    text-align: center;
    padding-top: 15px;
}
.event .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: transparent;
    border: 2px solid #4B164C;
    margin: 0 3px;
}
.event .owl-dots button.owl-dot.active {
    background-color: #4B164C;
}
.event .owl-dots button.owl-dot:focus {
    outline: none;
}
.event span {
    font-size: 20px;    
    position: relative;
    top: 8px;
}
.event .owl-item {
    height: auto !important;
}
.event .item h4{
    color: #1A3100;
    font-family: "Roboto", sans-serif;
    padding-top: 10px;
}
.event .event-cont h4{
    color: #1A3100;
    font-family: "Roboto", sans-serif;
    padding-top: 10px;
    font-weight: 600;
}
.event .event-cont p{
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}
.event-con{
    padding-left: 2rem;
}
/*--event-end--*/

/*--Footer-start--*/
Footer{
    background-color: #4B164C;
    padding: 3rem 0rem;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
}
Footer ul{
    padding: 0;
    color: #fff;
}
Footer ul li a{
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}
footer ul li a img{
    width: 40px;
}
/* .footer-both{
    gap: 60px;
} */
Footer .details address{
    margin-bottom: .3rem;
}
.copyright{
    color: #fff;
    font-size: .5rem;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    background-color: #000;
    padding: 20px 0px 10px 0px;
}
.copyright h4{
    font-size: .9rem;
}
/*--Footer-end--*/

@media screen and (min-width: 768px) and (max-width: 1024px) { 
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px;
        padding: .8rem;
    }
    .navbar>.container{
        padding: 5px 0px;
    }
    .navbar-toggler{
        padding: .25rem;
        font-size: 1rem;
        background-color: #fff;
    }
    .btn-nav{
        padding: .8rem 1.6rem;
        font-size: 13px;
    }
    .img-width img{
        width: 50%;
    }
    .hero{
        height: 50vh;
    }
    .footer-both .col-lg-3{
        padding-top: 20px;
    }
    h1{
        font-size: 2.5rem;
    }
}

@media screen and (min-width: 300px) and (max-width: 767px) { 
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px;
        padding: .8rem;
    }
    h1{
        font-size: 2.5rem;
    }
    .desktop{
        display: none !important;
    }
    .mob-form{
        display: flex !important;
    }
    .top-bar{
        text-align: center !important;
    }
    .navbar-nav{
        padding-top: 5px;
    }
    .navbar>.container{
        padding: 5px 10px;
    }
    .event{
        padding: 40px 10px;
    }
    .navbar-toggler{
        padding: .25rem;
        font-size: 1rem;
        background-color: #fff;
    }
    .btn-nav{
        padding: .8rem 1.6rem;
        font-size: 13px;
    }
    .img-width img{
        width: 100%;
    }
    .hero{
        height: 25vh;
        padding: 0px 10px;
    }
    .footer-both .col-lg-3{
        padding-top: 20px;
    }
    Footer{
        padding: 40px 10px;
    }
}




/*Harshita*/
.page_heading {
    color: #4B164C;
    font-weight: bold;
    border-bottom: 2px solid #4B164C;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.event-header {
    background-color: #ebdaec;
    color: #4B164C;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.event-summary {
    padding: 15px;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

.view-more-btn {
    color: #4B164C;
    background-color: #ebdaec;
    border-color: #ebdaec;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
    transition: all 0.3s ease;
    float: right;
}

    .view-more-btn:hover {
        background-color: #d9c3db;
        border-color: #d9c3db;
        color: #3a1039;
        text-decoration: none;
    }
.accordion-item .accordion-button:not(.collapsed) {
    background-color: #4B164C;
    color: white;
}

.accordion-item {
    border: 1px solid #ebdaec !important;
}

button.accordion-button.collapsed {
    background-color: #ebdaec !important;
}
.message {
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 4px;
    text-align: center;
}

.success {
    background-color: #28a745;
    color: white;
}

.error {
    background-color: #dc3545;
    color: white;
}