@media (max-width: 1200px) {


            .scroll {
                overflow-x: hidden;
                overflow-y: hidden;
                padding-bottom: 50px;
            }


            .flex{
                display: grid;
               grid-template-columns: repeat(2,1fr);
               gap: 16px;
            }



            .hieght{
                height: 300px !important;
            }


        }






        @media (max-width: 768px) {

            .about-title,
            .testimonial-title,
            .contact-title,
            .section-heading {
                font-size: 2rem;
            }

            .navbar-toggler .fas.fa-bars {
                font-size: 1.2rem;
                /* Adjust size for smaller screens */
            }

            .about {
                display: none;
            }

            section.about-banner {
                padding: 70px 0;
                margin-top: 96px;
            }

            
            .flex{
                display: grid;
               grid-template-columns: repeat(1,1fr);
               gap: 16px;
            }

        }



        /* Responsive adjustments */
        @media (max-width: 676px) {
            .contact-card {
                padding: 1.5rem;
            }

            .contact-icon-wrapper {
                width: 50px;
                height: 50px;
                margin-right: 1rem;
            }

            .contact-icon {
                font-size: 1.5rem;
            }

            .contact-text {
                font-size: 1rem;
            }

            section.about_1 .nav-link {
                color: #000000 !important;
                font-size: 13px;
                transition: all 0.5s ease;
            }

            section.about_1 .nav-tabs {
                overflow-x: scroll;
                overflow-y: hidden;
            }

            section.about_1 .nav-tabs::-webkit-scrollbar {
                height: 2px;
            }

            section.about_1 .nav-item {
                padding: 10px 0 0 0 !important;
            }

            section.about_1 .nav-link {
                width: max-content;
            }

            section.about_1 .sticky-top {
                padding: 0;
            }



            .logo {
                width: 220px;
                margin-bottom: 10px;
            }

            .hero-section {
                margin-top: 90px !important;
            }

            section.about_1 .sticky-top {
                top: 96px;
            }


            html,
            body {
                overflow-x: hidden;
            }



        }