* {
    font-family: 'Poppins', sans-serif;
}

S
/* Slider */
.c-item {
    height: auto;
}

.c-img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
}

.custom-btn {
    width: 150px;
    height: 50px;
}

.nav-link:hover {
    color: #FBB040;
}

/* kabigkis gallery */
.img-gallery {
    max-width: 100%;

}

.gallery img {
    background-color: #ebf4f5;
    padding: 15px;
    width: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

#gallery-modal .modal-img {
    width: 100%;
}

/* overflow limit */
.lead {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

* {
    font-family: 'Poppins', sans-serif;
}

.kabigkis-img-top {
    height: 300px;
    width: 90px;
}

.bod-img-top {
    height: auto;
}

.img-top {
    height: 295px;
}

/* assets for sale cards */
.my-custom-card {
    height: 95%;
}

.my-custom-img {
    width: 100%;
    height: 50%;
    /* Set the height as desired */
    object-fit: cover;
    /* Preserve aspect ratio */
}

.my-custom-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* assets for sale cards */

/* home card size */
.card-size{
height: auto;
}

.card-img-top {
    height: auto;
    width: auto;
}


/* loans cards */
.my-custom-cards {
    height: 100%;
}

.my-custom-imgs {
    width: auto;
    height: 60%;
    object-fit: cover;
}

.my-custom-cards .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* loans cards */

/* right to left animation */
.enter-from-right {
    position: relative;
    animation: enterFromRight 1s ease-out forwards;
}

@keyframes enterFromRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* right to left animation */

/* down animation */
.enter-from-down {
    position: relative;
    animation: enterFromDown 1s ease-out forwards;
    opacity: 0;
    /* Initially hide the element */
    transform: translateY(100%);
    /* Start position from below */
}

@keyframes enterFromDown {
    from {
        opacity: 0;
        transform: translateY(100%);
        /* Move from below */
    }

    to {
        opacity: 1;
        transform: translateY(0);
        /* Move to its original position */
    }
}

/* down animation */

/* fade animation */
.enter-from-fade {
    position: relative;
    animation: enterFromFade 2s ease-out forwards;
    opacity: 0;
    /* Initially hide the element */
}

@keyframes enterFromFade {
    from {
        opacity: 0;
        /* Start with no opacity */
    }

    to {
        opacity: 1;
        /* Fade in to full opacity */
    }
}

/* fade animation */

/* support popup card */
.hide_card {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 20px;
    z-index: 999;
    transition: transform 0.3s ease-in-out;
}
.floating-button-facebook {
    position: fixed;
    bottom: 120px;
    right: 25px;
    z-index: 999;
    transition: transform 0.3s ease-in-out;
}

.floating-button-messenger {
    position: fixed;
    bottom: 60px;
    right: 25px;
    z-index: 999;
    transition: transform 0.3s ease-in-out;
}

.floating-button-card {
    position: fixed;
    bottom: 40px;
    right: 25px;
    z-index: 999;
    transition: transform 0.3s ease-in-out;
}


.hidden {
    transform: translateX(100%) !important;
}
/* support popup card */

/* chatbot */
.scrollable-card-body {
    max-height: 500px;
    overflow-y: auto;
}

/* loan-table */
.scrollable-card {
    overflow: auto;
}