body {
            line-height: 1.6;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: system-ui, -apple-system, BlinkMacSystemFont,
                "Segoe UI", Roboto, Arial, sans-serif;
        }

        .banner-area {
            min-height: 520px;
            /* desktop */
        }

        .ban-roy-img {
            width: 100%;
            height: auto;
            aspect-ratio: 1920 / 800;
            object-fit: cover;
            display: block;
        }

        .banner-area img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .about-area {
            min-height: 400px;
        }

        .slider_banner {
            min-height: 650px;
        }

        .animate {
            transform: translateY(0);
            opacity: 1;
        }

        .form-control {
            min-height: 52px;
        }

        header {
            min-height: 90px;
        }

        .navbar {
            min-height: 90px;
        }


        @font-face {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            src: url("/public/assets/fonts/fa-solid-900.woff2") format("woff2");
            font-display: swap;
        }

        @font-face {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            src: url("/public/assets/fonts/fa-regular-400.woff2") format("woff2");
            font-display: swap;
        }

        @font-face {
            font-family: "Font Awesome 5 Light";
            font-weight: 300;
            src: url("/public/assets/fonts/fa-light-300.woff2") format("woff2");
            font-display: swap;
        }

        @font-face {
            font-family: "Font Awesome 5 Brands";
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url("/public/assets/fonts/fa-brands-400.woff2") format("woff2"),
                url("/public/assets/fonts/fa-brands-400.woff") format("woff");
        }

        @font-face {
            font-family: "Font Awesome 5 Brands";
            font-display: swap;
            ascent-override: 90%;
            descent-override: 10%;
            line-gap-override: 0%;
        }



        .position_rel {
            position: relative;
        }

        .position_abs {
            position: absolute;
            top: 0;
            right: 0;
            justify-self: anchor-center;
        }

        .about-area,
        .faq-area {
            min-height: 400px;
            /* As per your layout */
        }

        .thumb-services-area {
            min-height: 500px;
        }

        .carousel-shadow {
            min-height: 350px;
        }

        .item-box {
            min-height: 600px;
        }

        .banner_slider {
            overflow: hidden;
        }

        @media (max-width:768px) {
            .banner-area {
                min-height: 360px;
                /* mobile */
            }
        }