@media screen and (max-width: 1399px) {
    .blog-filter-wrap .filter-group {
            width: 23%;
        }
    .blog-btns-sec {
        width: 23%;
    }
    .category-content-wrap .page-header.alignwide h1 {
        font-size: 36px;
    }
    }
   @media screen and (max-width: 1199px) {
            .hero-outer-wrap h1 {
                font-size: 52px;
                color: #24314f;
                line-height: 72px;
                font-weight: 600;
                font-family: 'Montserrat';
            }
            .right-hero-img img {
                width: 100%;
                max-width: 448px;
            }
            .bg-green-wp {
                font-size: 24px;
                line-height: 32px;
            }
            .second-outer-wrap p {
                font-size: 36px;
                max-width: 840px;
            }
            .fourth-outer-wrap p {
                font-size: 34px;
                line-height: 42px;
            }
            .product-item-content {
                padding: 32px 66px;
            }
            .seventh-outer-wrap {
                padding: 30px 10px;
            }
            .step-content-wrap p {
                font-size: 17px;
                line-height: 28px;
            }
            .eight-outer-wrap p {
                font-size: 20px;
                line-height: 26px;
            }
            .heading-wrap-1 h2 {
                font-size: 32px;
                line-height: 38px;
            }
            .faq-question {
                font-size: 18px;
                line-height: 26px;
            }
            .category-content-wrap .page-header.alignwide h1 {
                font-size: 30px;
                line-height: 36px;
            }
        }
        @media screen and (max-width: 991px) {
            .site-icon-wrp a img {
                width: 100%;
                max-width: 260px;
            }
            .right-hero-img img {
                width: 100%;
                max-width: 383px;
            }   
            .hero-outer-wrap h1 {
                font-size: 40px;
                line-height: 64px;
            }
            .bg-green-wp {
                margin-top: 58px;
            }
            .hero-outer-wrap .white-text {
                padding: 6px 32px;
            }
            .second-outer-wrap p {
                font-size: 30px;
                max-width: 840px;
                line-height: 45px;
            }
            .product-item-content {
                padding: 32px 40px;
            }
            .product-item-content p {
                font-size: 18px;
                line-height: 24px;
            }
            .product-item-content h2, .main-heading-wrap h2 {
                font-size: 26px;
                line-height: 30px;
            }
            .list-wrap-items p {
                font-size: 20px;
                line-height: 30px;
            }
                
            .heading-wrap-1 h2 {
                font-size: 26px;
                line-height: 34px;
            }
            .multistep-layer {
                padding: 30px 15px;
            }
            .faq-main-sec {
                margin: 40px 15px 0;
            }
            .faq-question {
                font-size: 15px;
                line-height: 26px;
            }

            .nav-menu-barwrap ul {
                gap: 10px;
                align-items: flex-end;
                margin-top: 15px;
                margin-right: 5px;
            }
            span.white-txt-wp {
                padding-left: 30px;
            }
        }
        @media screen and (max-width: 767px) {
            .site-icon-wrp {
                text-align: center;
                width: 100%;
            }
            .right-hero-img img {
                max-width: 290px;
            }
            .hero-section {
                padding-top: 80px;
            }
            .hero-outer-wrap h1 {
                font-size: 32px;
                line-height: 51px;
            }
            .bg-green-wp {
                font-size: 15px;
                line-height: 20px;
            }
            .bg-green-wp {
                text-align: center;
                margin-top: 18px;
                margin-bottom: 20px;
            }
            .fourth-sec {
                padding: 27px 15px;
            }
            .fourth-outer-wrap p {
                font-size: 30px;
                line-height: 40px;
            }
            .seventh-outer-wrap {
                padding: 30px 15px;
            }
            .faq-question {
                font-size: 18px; /* Smaller font for mobile */
            }
            .arrow-faq {
                font-size: 18px; /* arrow size for tablet screen */
            }
            /* BLOG-CSS-START */
              
            /* 
            .blog-filter-wrap  .blog-filters form {
                flex-direction: column;
                align-items: stretch;
            }
             
            .blog-filter-wrap .filter-group {
                flex-direction: column;
                align-items: flex-start;
            }
             */
            .blog-filter-wrap .filter-group {
                flex-direction: column;
            }
              .blog-filter-wrap .blog-filters label {
                text-align: center;
                width: 100%;
            }
            .blog-filter-wrap .filter-group select {
                width: 100%;
            }
            
            .blog-filter-wrap .blog-posts {
                grid-template-columns: 1fr;
            }
            .blog-filter-wrap .filter-group {
                width: 31%;
            }
            .blog-btns-sec {
                width: 50%;
            }
            /* BLOG-CSS-END */



        }

         @media screen and (max-width: 575px) {
            .right-hero-img {
                z-index: 0;
            }
            .hero-section {
                padding-top: 60px;
            }
            /* .hero-outer-wrap {
                padding-top: 30px;
            } */
            .right-hero-img img {
                max-width: 220px;
            }
            .bg-green-wp {
                font-size: 12px;
                line-height: 16px;
                padding: 8px 8px;
            }
            /* .hero-outer-wrap h1 {
                font-size: 16px;
                line-height: 30px;
            } */
            .hero-outer-wrap .white-text {
                padding: 6px 20px;
            }
            .bg-green-wp {
                margin-top: 10px;
            }
            .hero-section {
                padding-bottom: 20px;
            }
            .second-sec {
                padding: 40px 15px;
            }
            .second-outer-wrap p {
                font-size: 18px;
                max-width: 100%;
                line-height: 30px;
            }
            .product-item-content {
                padding: 10px 10px;
            }
            .product-item-content h2 {
                font-size: 18px;
                line-height: 24px;
                margin:14px 0 9px 0;
            }          
            .product-item-content p {
                font-size: 14px;
                line-height: 22px;
            }
            .eight-outer-wrap {
                gap: 10px;
            }
            .eight-outer-wrap p {
                font-size: 15px;
                line-height: 22px;
                text-align: center;
            }
            .list-wrap-items p {
                font-size: 18px;
                line-height: 28px;
            }
            .list-wrap-items p {
                font-size: 16px;
                line-height: 28px;
            }
            
            .ninth-sec {
                padding: 30px 0 30px;
            }
            .tenth-sec {
                padding: 30px 10px 53px 10px;
            }
            .fourth-outer-wrap p {
                font-size: 22px;
                line-height: 32px;
            }
            .product-item-content img {
                width: 100%;
                max-width: 110px;
            }
            .step-content-wrap img {
                width: 100%;
                max-width: 50px;
            }
            .step-content-wrap h3 {
                font-size: 17px;
                line-height: 24px;
            }
            .step-content-wrap p {
                font-size: 14px;
                line-height: 18px;
            }
            .seventh-outer-wrap {
                padding: 20px 8px;
            }
            .heading-wrap-1 h2 {
                font-size: 20px;
                line-height: 26px;
            }
            .site-icon-wrp a img {
                max-width: 210px;
            }
            .hero-outer-wrap h1 {
                font-size: 26px;
                line-height: 48px;
            } 
            .faq-question {
                font-size: 16px; /* Even smaller for very small screens */
                line-height: 24px;  
            }
            .arrow-faq {
                font-size: 16px; /* arrow size for mobile screen */
            }
           .blog-filter-wrap .filter-group {
                width: 100%;
            }
            .blog-btns-sec {
                width: 100%;
            }
            .blog-btn-1, .blog-btn-2 {
                width: 100%;
            }
            .sg-inner-detail h2 {
                font-size: 24px;
                line-height: 30px;
            }
            .blog-banner-sec {
                background-position: 18% 40%;
            }
            .blog-filter-wrap {
                padding: 20px 15px;
            }
            span.white-txt-wp {
                padding-left: 22px;
            }
            .category-content-wrap .page-header.alignwide h1 {
                font-size: 24px;
                line-height: 32px;
            }
         }  


         @media (max-width: 430px) {
           .hero-outer-wrap h1 {
                font-size: 22px;
                line-height: 48px;
            }

        }

          @media screen and (max-width: 395px) {
            .hero-outer-wrap .white-text {
                padding: 6px 16px;
            }
            .hero-outer-wrap h1 {
                font-size: 20px;
                line-height: 42px;
            }
            .right-hero-img img {
                max-width: 200px;
            }
            span.white-txt-wp {
                padding-left: 17px;
            }

          }
         @media screen and (max-width: 365px) {
            /* .right-hero-img img {
                max-width: 155px;
            } */
             .bg-green-wp {
                font-size: 11px;
            }
            .hero-outer-wrap h1 {
                font-size: 18px;
                line-height: 42px;
            }
        }

        @media screen and (max-width: 355px) {
            .right-hero-img img {
                max-width: 180px;
            }
            .bg-green-wp {
                font-size: 9px;
                margin-bottom: 0;
            }
            .hero-outer-wrap h1 {
                font-size: 16px;
                line-height: 32px;
            }
            .right-hero-img img {
                max-width: 170px;
            }
             
        }