.active-button {
    border: 4px solid #ffb94f;
}
.main-swiper .swiper-slide img {
    height: 64vh !important;
    width: 100% !important;
    object-fit: cover !important;
}
.thumbsSlider .swiper-slide img {
    height: 100px !important;
    width: 100%;
    object-fit: cover;
    filter: grayscale(1);
}
.thumbsSlider {
    width: 97% !important;
    position: absolute !important;
    bottom: 0px !important;
}

.thumbsSlider2 .swiper-slide img {
    height: 100px !important;
    width: 100%;
    object-fit: cover;
    filter: grayscale(1);
}
.thumbsSlider2 {
    margin-top: 20px !important;
    /* display: none !important; */
}

.position-relative {
    position: relative !important;
}
.other-project-image {
    width: 5rem !important;
    height: 5rem !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    margin: 10px !important;
    filter: grayscale(1);
}
.other-project-image:hover {
    filter: grayscale(0);
}
.justify-center {
    justify-content: center !important;
}
.project-list-area__list-item-link:hover {
    color: #000 !important;
}
.project-list-area__list-item-link:hover h4 {
    color: #ffb94f !important;
    transition: all 0.3s ease-out;
}
.mySwiper2 {
    --swiper-navigation-color: #fff !important;
    --swiper-pagination-color: #fff !important;
}
.page-content-long-paragraph {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow-y: scroll; /* Enable vertical scrolling */
}
/* @media (max-width: 1199px) {
    .thumbsSlider {
        display: none !important;
    }
}
@media (max-width: 1199px) {
    .thumbsSlider2 {
        display: block !important;
    }
} */

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}