.bg-img{
    background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('https://res.cloudinary.com/dpfxw5d4g/image/upload/v1763190870/firm777/firm777/images/4da527dd-81f9-4637-9f32-576fb4ee3cb6.jpg');
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    /* opacity: 0.5 ; */
   /* filter: brightness(50%); */
}

.heading {
    color: #252940;
    text-align: center;
}

.text-darkblue {
    color: #252940;
}

.bg-darkblue {
    background-color: #252940;
}

.group:focus .group-focus\:flex {
	display: flex;
}

html{
    scroll-behavior: smooth;
}

/* Performance optimizations for smooth scrolling */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    overflow-x: hidden;
}

/* Optimize images for better rendering */


/* Optimize sections for scroll performance - use GPU acceleration */
.page-section {
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Optimize Swiper for better performance */
.swiper {
    transform: translateZ(0);
    backface-visibility: hidden;
}

.swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Optimize gallery images */
section#gallery img {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Reduce repaints during scroll */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

/* Optimize animations */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: opacity;
    transform: translateZ(0);
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}