

 .numbers-section {
            background: #fff;
            padding: 40px 0;
            text-align: center;
        }
        .number-icon {
            font-size: 2.8rem;
            font-weight: 600;
            color: #ec7b58;
            margin-bottom: 10px;
            display: block;
        }
        .number-label {
            font-size: 1.25rem;
            color: #146aa3;
            font-weight: 400;
            margin-top: 5px;
        }

        /* Exact colors from your sample */
        .number-value {
            color: #eb6d45; /* Orange-red */
            font-size: 2.5rem;
            font-weight: 600;
            margin-bottom: 0.3rem;
            font-family: inherit;
        }
        .number-label {
            color: #1766a3; /* Blue */
            font-size: 1.17rem;
            font-weight: 400;
            font-family: inherit;
            margin-bottom: 0;
        }
        .numbers-row > div {
            padding-top: 25px;
            padding-bottom: 25px;
        }
        @media (max-width: 767.98px) {
            .number-value { font-size: 2rem; }
            .numbers-row > div { padding-top: 14px; padding-bottom: 14px; }
        }




.gap-4 {
    gap: 1rem !important;
}


.text-secondary {
    --bs-text-opacity: 1;
    color: rgb(20 138 198) !important;
}


.bg-white\/10 {
    background-color: #00000070;
}


.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    background: #fff;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* make card itself square */
    aspect-ratio: 1 / 1;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}
        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }

        .gallery-item:hover img {
            transform: scale(1.05);
        }

        /* Overlay caption like RMK screenshot */
        .gallery-overlay {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 18px 20px;
            background: linear-gradient(transparent, rgba(0,0,0,0.85));
            color: #fff;
            display: flex;
            align-items: flex-end;
            min-height: 90px;
        }

        .gallery-overlay h3 {
            font-size: 1.05rem;
            margin: 0;
            color: white!important;
        }

        .zoom-icon {
            position: absolute;
            top: 14px;
            right: 14px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255,255,255,0.9);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        .gallery-item:hover .zoom-icon {
            opacity: 1;
        }

        /* Lightbox styles */
        .lightbox {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.95);
            z-index: 1055;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .lightbox.active {
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 1;
        }

        .lightbox-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }

        .lightbox.active .lightbox-content {
            transform: scale(1);
        }

        .lightbox-content img {
            max-width: 100%;
            max-height: 85vh;
            border-radius: 8px;
            display: block;
        }

        .lightbox-caption {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 40px 20px 20px;
            background: linear-gradient(transparent, rgba(0,0,0,0.85));
            color: #fff;
            border-radius: 0 0 8px 8px;
        }

        .lightbox-caption h3 {
            font-size: 1.4rem;
            margin-bottom: 5px;
            color: #ffffff!important;
        }

        .lightbox-caption p {
            font-size: 1rem;
            opacity: 0.9;
            margin: 0;
        }

        .close-btn,
        .nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 32px;
            color: #fff;
            cursor: pointer;
            background: rgba(255,255,255,0.12);
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s ease;
            z-index: 1060;
        }

        .close-btn {
            top: 8%;
            right: 30px;
            transform: none;
        }

        .close-btn:hover,
        .nav-btn:hover {
            background: rgba(255,255,255,0.22);
        }

        .prev-btn {
            left: 30px;
        }

        .next-btn {
            right: 30px;
        }
.specswrap {
    display: flex;
}
.specswrap img {
    height: max-content;
}
   @media (max-width: 640px) {
    .desktop-float {
        float: none;
        margin-top: 0;
        display: block;
        margin: 20px auto 0; /* Center image below text */
        max-width: 100%;
        height: auto;
    }
}
        @media (max-width: 768px) {
            .close-btn,
            .nav-btn {
                width: 40px;
                height: 40px;
                font-size: 26px;
            }

            .close-btn {
                top: 6%;
                right: 12px;
            }

            .prev-btn {
                left: 12px;
            }

            .next-btn {
                right: 12px;
            }
        }