.nav-project {
    justify-content: flex-end;
}

.news-section .nav-project {
    margin-bottom: 20px;
}

.project-section .tab-content {
    margin: 60px 0 40px;
}

.nav-project .nav-link.active {
    font-weight: 600 !important;
    background-color: var(--tp-primary-color);
    border: none;
    color: white;
}

.nav-project .nav-link:hover {
    color: var(--tp-color-black);
    text-decoration: none;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.nav-project .nav-link.active:hover {
    color: var(--tp-color-white);
}

.nav-project .nav-link {
    font-size: 1rem;
    font-weight: 600 !important;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    width: max-content;
    background-color: var(--tp-color-white);
    color: var(--tp-color-black);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.nav-project-items {
    margin: 5px;
}

.tab-pane-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tab-pane-info-left {
    display: flex;
    flex-direction: column;
    align-items: left;
    padding-right: 4%;
    border-right: 0.1px solid rgb(90, 90, 90, 0.1);
}

.tab-pane-info-left a i {
    padding-right: 10px;
}

.tab-pane-info-time {
    border: 0.1px solid rgb(90, 90, 90, 0.5);
    padding: 5px;
    border-radius: 20px;
    width: fit-content !important;
    margin-bottom: 10px;
    display: flex;
}

.tab-pane-info-time a {
    color: var(--tp-color-gray);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-style: normal;
}

.tab-pane-info-time-item {
    border-left: 0.1px solid rgb(90, 90, 90, 0.5);
}

.tab-pane-info-right {
    padding-left: 4%;
}

.tab-pane-img img {
    width: 90%;
    border-radius: 25px;
    /* height: 200px; */
    object-fit: cover;
}

.tab-pane-info-project-title {
    color: var(--tp-color-black);
    font-style: normal;
}

.tap-pane-divider {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-around;
    /* background-color: var(--tp-primary-ghost-white); */
    padding: 20px;
    border-radius: 25px;
    border: 0.1px solid rgba(120, 119, 119, 0.1);
    margin-bottom: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 2px 0px;
}

.tab-pane-info-project-title h4 {
    text-transform: uppercase;
    font-size: 17px;
    color: #0099cd;
}

.tab-pane-info-project-title h3 {
    margin-bottom: 0;
}

.tap-pane-divider:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    transition: .3s ease;
}

.tap-pane-divider .tab-pane-info-left h3 {
    font-size: 21px;
}

.news-section .tap-pane-divider .tab-pane-info-left h3 {
    font-size: 21px;
}

.tap-pane-divider .tab-pane-info-left p {
    color: grey;
}

.tap-pane-divider .tab-pane-info-left .tab-pane-info-location a,
.tap-pane-divider .tab-pane-info-left .tab-pane-info-location a i {
    color: #0099cd;
}

.project-section .container-about-wrapper .nav-tabs .nav-link {
    color: var(--tp-secondary-color);
}

.tab-pane-info-title p {
    color: var(--tp-color-gray);
}

.project-divider-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tab-pane-info-title {
    padding: 1% 0;
    text-align: center;
    color: var(--tp-color-white);
    font-size: 1rem;
}

.footer-p {
    text-align: justify;
}

@media (max-width: 768px) {
    .tab-pane-info-right .btn-download {
        width: 300px;
    }

    .tap-pane-divider .tab-pane-info-left h3 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .tap-pane-divider .tab-pane-info-left p {
        font-size: 13px;
    }

    .tap-pane-divider .tab-pane-info-left .tab-pane-info-location a {
        font-size: 13px;
    }

    .tab-pane-img img {
        height: 200px !important;
    }

    .tab-pane-info {
        margin-top: 20px;
    }

    /* Optional: Hide scrollbars */
    .nav-photoGallery::-webkit-scrollbar {
        display: none;
        /* Hide scrollbars in WebKit browsers */
    }

    .nav-project {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    /* Adjust padding and sizing for buttons */
    .nav-link {
        padding: 10px 15px;
        font-size: 14px;
    }

    .project-divider-section {
        display: flex;
        flex-direction: column;
    }

}

.md-flex {
    display: block;
    /* or default state under 576px */
}

.md-block {
    display: none;
    /* Default: show on mobile and tablet */
}

.mb-events {
    display: inherit;
    display: flex;
}

.tp-project-tab-wrapper img {
    width: 100%;
    ;
}

@media (min-width: 576px) {
    .md-flex {
        display: flex !important;
    }

    .md-block {
        display: block !important;
    }

    .tp-project-tab-wrapper img {
        width: 180px;
        ;
    }

}

.tp-project-tab-side {
    display: flex;
    gap: 30px;
}

.tp-service-wrapper {
    posi1tion: relative;
}

.tp-project-upcoming-main p {
    font-size: 14px;
    margin-bottom: 0;
}