:root {
        --gift-blue: #1a427a;
        --gift-light-bg: #f1f2f3;
    }

    .bg-gift-card {
        background-color: var(--gift-light-bg);
    }

    .feature-card {
        border-radius: 12px;
        overflow: hidden;
        transition: transform 0.3s ease;
    }

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

    /* Prevent image distortion */
    .card-img-holder img {
        object-fit: cover;
    }

    @media (max-width: 575px) {
        .bg-gift-card {
            border-top-left-radius: 0px !important;
            border-top-right-radius: 0px !important;
        }

        .card-img-holder {
            padding: 5%;
            background-color: var(--gift-light-bg);
        }
    }

    @media (min-width: 576px) {
        .bg-gift-card {
            border-radius: 5px !important;
        }
    }

    /* Arrow Button */
    .arrow-btn {
        width: 40px;
        height: 40px;
        border: 1px solid var(--gift-blue);
        transition: all 0.3s ease;
    }

    .arrow-btn:hover {
        background-color: var(--gift-blue);
        color: #fff !important;
    }

    /* Responsive minimum height instead of fixed */
    .main-sub-row {
        min-height: 200px;
    }

    .text-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }