.hero {
    min-height: 500px; 
    max-width: fit-content;
}

.hero .img-section {
    min-height: 500px; 
    min-width: 100px;
}
.hero .img-section img {
    object-position: center;
}

.project-card .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    max-height: 400px;
}

.project-card .card:hover {
    transform: translateY(-5px);
}

.project-card .card-img-wrapper {
    overflow: hidden;
}

.project-card .card-img {
    transition: transform 0.5s ease;
}

.project-card .card:hover .card-img {
    transform: scale(1.05);
}

.project-card .card:hover .card-img-overlay {
    transition: background-color 0.4s ease, opacity 0.4s ease;
    display: block !important;
}

.project-card .card-title,
.project-card .card-text {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.project-card .card:hover .card-title,
.project-card .card:hover .card-text {
    transform: translateY(-3px);
    opacity: 1;
}

.breadcumb-area {
    background-color: var(--bs-primary);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 80vh;
    position: relative;
    z-index: 1;
}

.breadcumb-content ul {
    background: #fff;
    padding: 10px 20px;
    position: absolute;
    /* width: calc(50% - var(--bs-gutter-x) * 0.5); */
    bottom: 0%;
    margin: 0;
}