body {
    line-height: 26px;
    font-size: 17px;
    color: rgb(50 48 48);
}

img { height: auto; }

.topbar__inner h6 {
    font-weight: 800;
}

.topbar__info li a:hover {
    color: rgb(255 255 255);
}

.topbar__inner {
    background-color: rgb(0 51 161);
}

.bg-gray {
    background-color: #f7f7f7;
}

.topbar__social {
    background-color: unset;
    padding-right: 0;
}

.topbar__social a:hover {
    color: #e37910;
}

.main-menu__list>li>a {
    font-size: 17px;
    padding: 3px 20px;
}

.main-menu__list>li:hover>a,
.main-menu__list>li.current>a {
    text-shadow: 0 0 1px rgb(0 51 161);
    color: #0033a1;
}

.main-menu__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-menu__right .thm-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.slider-one__btn:hover {
    color: #ffffff;
}

.sec-title__title,
.about-six__list__title {
    color: #0033a1;
}

.main-menu__list > li > ul {
    top: 75%;
}



.contact-one__form input[type=date], 
.contact-one__form input[type=email], 
.contact-one__form input[type=number], 
.contact-one__form input[type=phone], 
.contact-one__form input[type=text], 
.contact-one__form select, 
.contact-one__form textarea {
    border: 1px solid #f1f6f7;
}

.contact-one__form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid,
.contact-one__form textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.wpcf7-not-valid {
    border-color: #ff0000;
}


.sidebar-btn {
    rotate: -90deg;
    position: fixed;
    right: -146px;
    z-index: 99;
    top: 38%;
}

.sidebar-btn a.thm-btn.thm-btn--two.sidebtn.sidebtn-2 {
    margin-left: 8px;
}


.our-projects h3.donations-card__title {
    line-height: 22px;
}


.slider-one__image {
    background-color: var(--paroti-black, #144047);
    opacity: 0.7;
}

.donations-carousel .tns-nav button {
    border: 2px solid #0033a1;
}

.donations-carousel .tns-nav button:hover,
.donations-carousel .tns-nav button.tns-nav-active {
    background-color: #0033a1;
}

.thm-btn--two::before {
    background-color: #df5311;
}

.thm-btn::before {
    background-color: #df5311;
}

.thm-btn::after {
    background-color: #0033a1;
}


.blog-card {
    margin-bottom: 25px;
}

.blog-card__title {
    font-size: 18px;
}

.blog-card__title a {
    background-color: unset;
    color: #0033a1;
}


.about-two__image__caption,
.about-two__image__caption::after {
    background-color: #e17611;
}


.main-menu__list {
    margin-left: auto;
}

.gallery-one--home-3 .gallery-card .gallery-card__image img {
    border-radius: 100%;
}

.owl-carousel .owl-item img {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.gallery-one--home-3 .gallery-card__content {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 15px 15px;
    border-radius: 0;
    position: relative;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    transform: translateY(0px);
}

.gallery-card__content h3 {
    color: #000;
    font-size: 20px;
}

.gallery-card__content p.gallery-card__designation {
    color: #000;
    margin: 0;
}

.blog-card__date span.date {
    font-size: 12px;
    margin-top: 3px;
}


table thead,
.table>thead {
    background-color: #0033a1 ! IMPORTANT;
    color: #fff;
}


.Board-Directors .gallery-one__carousel .owl-dots {
    margin-top: 3em !IMPORTANT;
}

.Board-Directors .gallery-one__carousel .owl-dots button.owl-dot span {
    width: 15px;
    height: 15px;
    border: 1px solid #0033a1;
    background-color: transparent;
}

.Board-Directors .gallery-one__carousel .owl-dots button.owl-dot.active span {
    background-color: #0033a1;
}


#clubCommitteeAccordion .accordion-item {
    margin-bottom: 10px;
}

#clubCommitteeAccordion button.accordion-button {
    background-color: #0033a1;
    color: #fff;
}

#clubCommitteeAccordion .accordion-button:not(.collapsed) {
    background-color: #0033a1;
    color: #fff;
    box-shadow: none;
}

#clubCommitteeAccordion .float-end.icon {
    position: absolute;
    right: 22px;
}

#clubCommitteeAccordion button.accordion-button .icon i {
    transition: transform 0.3s ease;
}

#clubCommitteeAccordion .accordion-button:not(.collapsed) .icon i {
    transform: rotate(180deg);
    /* Rotate the plus icon to indicate close */
}

#clubCommitteeAccordion .accordion-button::after {
    display: none;
}

div#clubCommitteeAccordion th:nth-child(1) {
    width: 65px;
}

div#clubCommitteeAccordion th:nth-child(2) {
    width: 21%;
}

div#clubCommitteeAccordion th:nth-child(4) {
    width: 20%;
}

.donations-card__category {
    background-color: #df5311;
}

.donations-card__content {
    border-color: #df5311;
    padding: 30px 20px;
}

.donations-card__title a {
    color: #000;
    font-size: 20px;
}

.donations-card__title a:hover {
    color: #df5311;
}


/* Single Projects */
.sidebar__organizer>li {
    padding-left: 0;
}

.sidebar__donations li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
}

.sidebar__donations__text {
    font-size: 12px;
    color: #000;
}

/* Footer */

ul.footer-menu li {
    position: relative;
}

ul.footer-menu li:after {
    content: "|";
    position: absolute;
    right: 12px;
    font-size: 20px;
    color: #fff;
}

ul.footer-menu li:last-child:after {
    display: none;
}

ul.footer-menu li a {
    color: #8fa6aa;
    margin-right: 30px;
    transition: 1s;
}

ul.footer-menu li a:hover {
    color: #fff;
    transition: 1s;
}

footer svg#Layer_1 {
    width: 250px !IMPORTANT;
}

footet svg .st1 {
    fill: #ffffff;
}

.scroll-to-top {
    background: #df5311;
    /* bottom: 200px; */
    right: 80px;
}

.scroll-to-top:hover {
    background-color: #e34a02;
}

.site-footer__social a {
    background-color: #fbbd43;
    color: #000;
}

.site-footer__widget__text {
    border-color: rgb(231 229 229);
}

.site-footer__widget__about .site-footer__widget__text,
.site-footer__widget__contact li a,
.site-footer__widget__links li a,
.site-footer__bottom__text,
ul.footer-menu li a {
    color: rgb(231 229 229);
}


.site-footer__widget__about .site-footer__widget__logo {
    top: 0; 
}

.site-footer {
    background-size: contain;
    background-repeat: repeat;
    min-height: 300px; /* Set a fixed height */
    background-color: #f4f4f4; /* Placeholder color */
    transition: background-image 0.5s ease-in-out; /* Smooth transition */
}


.site-footer p.support-text {
    font-size: 15px;
}
.site-footer__bottom__inner {
    border-top: 1px solid rgb(255 255 255 / 51%);
}




/* Media Query */

@media(max-width: 1600px) {

    /*.slider-one__item {*/
    /*    padding-top: 15rem;*/
    /*    padding-bottom: 12rem;*/
    /*  }*/
    .main-menu__list {
        margin-left: 40px;
    }

    .gallery-card__content h3 {
        font-size: 17px;
    }

    .gallery-card__content p.gallery-card__designation {
        font-size: 15px;
        line-height: 18px;
    }

    .donations-details .donations-card__title {
        font-size: 2rem;
    }

}

@media(max-width: 1450px) {
    .main-menu__list {
        margin-left: 20px;
    }

    .sidebar-btn {
        right: -150px;
        top: 47%;
    }


    a.main-header__logo.d-flex img {
    width: 300px;
    }

    .topbar__social {
        padding: 5px 10px;
    }

    .main-menu__right .thm-btn {
        display: inline-flex;
    }

    /*.main-menu__list {
        margin-left: 30px;
    }*/

    .about-two__image__caption {
        right: 79%;
        width: 180px;
        height: 186px;
    }

    .main-menu .container-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }

    .main-menu__list>li>a {
        font-size: 17px;
        padding: 3px 15px;
    }

    .main-menu__right .thm-btn {
        margin-left: 20px;
    }
}


@media(max-width: 992px) {
    .mobile-nav__content {
        max-width: 380px;
    }
    .mobile-nav__content .logo-box h6 {
        color: #fff;
    }
}


@media(max-width: 767px) {
    #clubCommitteeAccordion .float-end.icon {
        right: 6px;
    }
    #clubCommitteeAccordion button.accordion-button {
        padding-left: 5px;
    }
    .mobile-nav__content {
        max-width: 300px;
    }

    .topbar {  display: block !important; }
    .topbar__inner {
        padding: 10px 10px;
    }
    .topbar__info { display: none; }

    .topbar__inner h6 {
        font-size: 16px;
    }


    a.thm-btn.thm-btn--two.sidebtn,
    a.thm-btn.thm-btn--two.sidebtn.sidebtn-2 {
        display: none;
    }

    .sec-pad-top {
        padding-top: 3rem;
    }
    .sec-pad-bottom {
        padding-bottom: 3rem;
    }

    .sec-title {
        padding-bottom: 20px;
    }

    .site-footer__top {
        padding-top: 5rem;
        padding-bottom: 15px;
    }
    
    .site-footer {
        padding-bottom: 3em;
    }

    .president-desk ul#myTab li {
        width: 100%;
    }

    .president-desk ul#myTab button {
        width: 100%;
        margin-bottom: 8px;
    }
    .Board-Directors {
        padding: 3rem 0 0;
    }

    .our-trustees .owl-nav .owl-prev,
    .our-trustees .owl-nav .owl-next {
        top: 40%;
    }

    .Board-Directors .owl-nav .owl-prev,
    .Board-Directors .owl-nav .owl-next {
        top: 35%;
    }

    .projects-listing ul#projectTabs {
        display: flex;
        flex-direction: column;
    }
    .projects-listing ul#projectTabs button {
        width: 100%;
        margin-bottom: 8px;
    }


    .mobile-menu__list > li > a i.fa-solid {
        display: none;
    }

    .main-header__toggler {
        margin-left: 15px;
    }

    a.thm-btn.thm-btn--two.sidebtn {
        padding: 0 0 0 20px;
        right: -55px;
    }

    .mobile-nav__close {
        top: 0;
        right: 0;
        background-color: #fff;
    }
    .mobile-nav__close span {
        background-color: #000;
    }


    .main-menu__cta {
        display: none;
    }

    .main-menu .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }

    a.main-header__logo.d-flex img {
        width: 220px;
    }

    .sticky-header--cloned {
        display: block !IMPORTANT;
    }

    .slider-one__item {
        padding-top: 20rem;
        height: 550px;
    }

    .slider-one__image.zero {
        background-image: url(../images/home-page/slider/new/banner-0-m.webp) !important;
    }

    .slider-one__image.one {
        background-image: url(../images/home-page/slider/Eye-Care-banner-1-m.webp) !important;
    }

    .slider-one__image.two {
        background-image: url(../images/home-page/slider/banner-m-1.jpg) !important;
    }

    .slider-one__image.three {
        background-image: url(../images/home-page/slider/new/banner-m-2.webp) !important;
    }


    .page-header {
        background-position: center;
    }

    /*ul.mob-nav {
        display: flex !important;
        justify-content: space-between;
        position: fixed;
        bottom: 0;
        z-index: 999;
        left: 0;
        right: 0;
        margin: 0;
    }

    ul.mob-nav li a {
        display: block;
        text-align: center;
        background-color: #df5311;
        padding: 10px 0;
        color: #fff;
    }

    ul.mob-nav li {
        width: 48%;
    }*/

    .sidebar-btn {
    rotate: 0deg;
    position: fixed;
    right: 0;
    z-index: 99;
    top: auto;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    }
    a.thm-btn.thm-btn--two.sidebtn {
    padding: 0 0 0 20px;
    right: 0 !important;
    width: 49%;
    margin-left: 0 !important;
    display: inline-flex !IMPORTANT;
    }
    a.thm-btn.thm-btn--two.sidebtn span {
    display: inline-block;
    width: 85px;
    text-align: center;
    }



    .about-two__image__caption {
        height: fit-content;
        padding: 25px 0;
    }


    .projects-details .sidebar {
        margin-top: 2em;
    }

    .mobile-nav__wrapper svg#Layer_1 {
        width: 150px;
        margin-left: 10px;
    }
    .mobile-nav__content .logo-box h6 {
        color: #fff;
    }
    .main-menu__right .thm-btn {
        display: none;
    }

    .about-one__images img {
        width: 100%;
    }

    .sec-title__title {
        font-size: 2.5rem;
    }

    .about-one__content {
        padding-top: 2em;
        text-align: left;
        padding-left: 0 !important;
    }

    .president-desk .content-wrapper.ps-5 {
        padding-left: 0 !IMPORTANT;
        text-align: center;
    }

    .president-desk img.w-100 {
        width: 80% !important;
        margin: 0 auto;
        display: block;
    }

    table td,
    table th {
        font-size: 13px;
        line-height: 18px;
    }

    ul.footer-menu li:last-child a {
        margin-right: 0;
    }

    .scroll-to-top {
        right: 12px;
        bottom: 130px;
    }

    div#projectTabsContent {
        padding-top: 2rem !IMPORTANT;
    }

    .mobile-nav__contact li {
        line-height: 22px;
        margin-bottom: 15px;
    }

    .mobile-nav__contact li:last-child { margin-bottom: 0; }


    .projects-details .project-gallery img {
        height: 160px;
    }

    .sidebar__single {
        padding: 15px;
    }
    ul.list-unstyled.breadcrumb-one {
        display: none;
    }

    .meeting-calender button.fc-today-button {
        display: none;
    }
    select#yearSelect {
        font-size: 16px;
        width: 100% !IMPORTANT;
        padding: 10px 10px;
    }

    .meeting-calender .table th {
        width: 40%;
    }

    .site-footer p.support-text {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 15px !IMPORTANT;
    }


    div#members-list .card {
        height: auto;
        margin-bottom: 0;
        display: flex;
        flex-direction: row;
    }
    div#members-list .card-body {
        width: 100% !important;
    }

    div#members-list .card-body img.w-100 {
        border: 1px solid #ccc;
    }
    
    .grecaptcha-badge {
        bottom: 60px !IMPORTANT;
    }
}