.hd-sec{
    background-color: rgb(233, 233, 233);
}

/* Consistent card image sizes: Why Choose Us, Our Service, Gallery Frame, Our Latest Post */
.why-choose-thumb img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-icon img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.gallery-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.single-post-thumb img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

/* Tailwind's compiled app.css (loaded for the admin panel) ships a
   ".collapse { visibility: collapse }" utility that collides with
   Bootstrap's own ".collapse" class used by this theme's accordions
   (e.g. the homepage FAQ). Force real visibility back on for those. */
.panel-group .panel-collapse {
    visibility: visible;
}

/* Shorter hero slider (was a fixed 650px in main.css) */
.all-slide .owl-item {
    height: 490px;
}