html,
 body {
     min-height: 100%;
     margin: 0;
     padding: 0;
     position: relative;
 }

 html::-webkit-scrollbar,
 body::-webkit-scrollbar {
     display: none;
 }

 html,
 body {
     -ms-overflow-style: none;
     scrollbar-width: none;
 }

 li {
     margin-bottom: 0;
     font-size: 20px;
 }

 p {
     font-family: "Montserrat";
     font-size: 20px;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Montserrat";
 }

 h1 {
     font-size: 62px;
     font-style: normal;
     font-weight: 700;
     line-height: 120%;
 }

 h2 {
     font-size: 42px;
     font-style: normal;
 }

 h3 {
     font-size: 42px;
     font-style: normal;
 }

 h4 {
     font-size: 28px;
     font-style: normal;
 }

 h5 {
     font-size: 24px;
     font-style: normal;
 }

 h6 {
     font-size: 16px;
     font-style: normal;
 }

 .section-padding {
     padding: 100px 0;
 }


 .pt-80 {
     padding-top: 80px;
 }

 .mt-30 {
     margin-top: 30px;
 }



 /* ==============================================
                hero section
 ================================================= */

 .hero_section_area {
     display: flex;
     align-items: center;
     justify-content: space-between;
     background-color: #EDEEEF;
     border-radius: 0 0 30px 30px;
     margin-top: 0;
     padding-top: 0;
     padding-bottom: 0;
 }

 .hero_section_content {
     flex: 0 0 41%;
     z-index: 10;
 }

 .hero_section_image {
     flex: 0 0 59%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .hero_section_title h5 {
     font-weight: 400;
     font-style: normal;
     line-height: 30px;
     letter-spacing: 0%;
     color: #444443;
     margin-bottom: 80px;
     padding-top: 24px;
     max-width: 60%;
     position: relative;
 }

 .hero_section_title h5::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 10%;
     height: 2px;
     background-color: #3A8E42;
 }

 .hero_section_title h1 {
     color: #444443;
 }

 .hero_section_title h1 span {
     color: #3A8E42;
 }

 .hero_section_buttons {
     margin-top: 90px;
 }

 .hero_learn_more_btn a {
     font-family: "Montserrat";
     font-weight: 400;
     font-style: normal;
     font-size: 18px;
     line-height: 30px;
     letter-spacing: 0%;
     padding: 10px 30px;
     color: #FFFFFF;
     background-color: #3A8E42;
     border-radius: 10px;
     display: inline-block;
     margin-bottom: 120px;
 }

 .hero_slider_arrow_btn a {
     border: 1px solid #888485;
     padding: 30px;
     border-radius: 50%;
     position: relative;
     z-index: 2;
 }

 .hero_slider_arrow_btn a::before {
     content: "";
     position: absolute;
     left: 75px;
     top: 35px;
     width: 10%;
     height: 10%;
     background-color: #3A8E42;
 }



 .hero_section_image img {
     width: 100%;
     max-width: none;
     top: 130px;
     right: 0;
     position: relative;
     z-index: 2;
 }

 .hero_section_bottom_area {
     /* width: 100%; */
     height: 129px;
     background-color: #3A8E42;
     margin-top: 35px;
     margin: 20px;
     border-radius: 30px;

 }


 /* ==============================================
                about section
 ================================================= */
 .about_section {
     border-bottom: 1px solid #DDDDDD;
 }

 .about_section_title h4 {
     font-weight: 400;
     font-style: normal;
     font-size: 22px;
     line-height: 30px;
     letter-spacing: 0%;
     color: #389043;
     margin-bottom: 50px;
     text-transform: uppercase;
 }

 .about_section_title h2 {
     font-weight: 700;
     line-height: 130%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
     margin-bottom: 0;
 }


 .about_section_title h2 span {
     color: #3A8E42;
 }


 .about_section_description p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #000000;
 }

 /* ==============================================
                service section
 ================================================= */
 .service_section {
     border-bottom: 1px solid #DDDDDD;
 }

 .service_section_title {
     margin-bottom: 90px;
 }

 .service_section_title h2 {
     font-weight: 700;
     line-height: 130%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
     margin-bottom: 0;
 }

 .service_section_title h2 span {
     color: #3A8E42;
 }

 .service_filter_area {
     position: relative;
     margin-bottom: 80px;
 }

 .service_filter_container {
     display: flex;
     justify-content: flex-start;
     flex-wrap: nowrap;
     overflow-x: auto;
     /* padding: 10px 15px 20px; */
     gap: 20px;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: none;
 }

 .service_filter_container::-webkit-scrollbar {
     display: none;
 }

 .service_filter_btn {
     padding: 14px 28px;
     border-radius: 50px;
     background: #EDEEEF;
     color: #444443;
     text-transform: uppercase;
     cursor: pointer;
     white-space: nowrap;
     flex: 0 0 auto;
     font-family: "Montserrat";
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
 }

 .service_filter_btn.active {
     background: #388F43;
     color: #FFFFFF;
 }

 /* ==============================================
                Premium Service Cards
    (Integrated Active/Inactive View System)
 ================================================= */

 /* Card shell — flex column, image on top, white panel below */
 .service_card {
     position: relative;
     border-radius: 40px;
     background: #FFFFFF;
     display: flex;
     flex-direction: column;
     overflow: hidden;
     height: 100%; /* fill the full slide height so both cards match */
 }

 /* Image wrapper — RELATIVE so child overlay is scoped to it */
 .service_card_image_wrapper {
     position: relative;
     width: 100%;
     flex-shrink: 0;
     overflow: hidden;
     border-radius: 40px 40px 0 0;
 }

 /* Image height: shorter when inactive, taller when active — animated by GSAP */
 .service_card_image_wrapper img {
     width: 100%;
     height: 380px;
     object-fit: cover;
     display: block;
 }

 .service_card.active .service_card_image_wrapper img {
     height: 100%;
 }

 /* Dark gradient — fades in smoothly on active */
 .service_card_image_wrapper::before {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(
         to top,
         rgba(0, 0, 0, 0.82) 0%,
         rgba(0, 0, 0, 0.45) 45%,
         rgba(0, 0, 0, 0.10) 100%
     );
     opacity: 0;
     transition: opacity 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
     z-index: 1;
     pointer-events: none;
 }

 .service_card.active .service_card_image_wrapper::before {
     opacity: 1;
 }

 /* Overlay — INSIDE the image wrapper, covers image only */
 .service_card_overlay {
     position: absolute;
     inset: 0;
     padding: 28px 30px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     z-index: 5;
     pointer-events: none;
 }

 .service_card.active .service_card_overlay {
     pointer-events: auto;
 }

 /* Category label — faint on inactive, crisp on active */
 .service_category {
     display: block;
     color: #FFFFFF;
     text-transform: uppercase;
     font-family: "Montserrat";
     font-weight: 700;
     font-size: 18px;
     letter-spacing: 1px;
     text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
     opacity: 0.75;
     transition: opacity 0.5s ease;
 }

 .service_card.active .service_category {
     opacity: 1;
 }

 /* Content (h4, p, button) — animated by GSAP */
 .service_content {
     opacity: 0;
     transform: translateY(14px);
 }

 .service_card.active .service_content {
     opacity: 1;
     transform: translateY(0);
 }

 .service_card.active .service_content h4 {
     color: #FFFFFF;
     font-weight: 700;
     font-size: 24px;
     line-height: 140%;
     margin-bottom: 12px;
 }

 .service_card.active .service_content p {
     color: rgba(255, 255, 255, 0.90);
     font-size: 15px;
     line-height: 1.65;
     margin-bottom: 22px;
     max-width: 92%;
 }

 /* ── White content panel (under the image, inactive state) ── */
 .service_content_panel {
     padding: 28px 30px 32px;
     background: #FFFFFF;
     border-radius: 0 0 40px 40px;
     overflow: hidden;
     max-height: 500px;
     opacity: 1;
 }

 /* When active, GSAP collapses this — CSS just sets the hidden end-state */
 .service_card.active .service_content_panel {
     max-height: 0;
     padding-top: 0;
     padding-bottom: 0;
     opacity: 0;
     pointer-events: none;
 }

 .service_content_panel h4 {
     font-weight: 700;
     font-size: 20px;
     line-height: 140%;
     color: #000000;
     margin-bottom: 12px;
 }

 .service_content_panel p {
     font-weight: 400;
     font-size: 15px;
     line-height: 1.6;
     color: #444443;
     margin-bottom: 22px;
     max-width: 95%;
 }

 /* Also hide image-wrapper border-radius bottom when inactive to merge with panel */
 .service_card:not(.active) .service_card_image_wrapper {
     border-radius: 40px 40px 0 0;
 }

 .service_card.active .service_card_image_wrapper {
     border-radius: 40px;
     flex: 1; /* grow to fill the full card height */
     transition: border-radius 0.4s ease;
 }

 /* ── Learn More button ── */
 .service_lean_more_outline {
     display: inline-flex;
     align-items: center;
     justify-content: space-between;
     padding: 6px 6px 6px 24px;
     background: #3A8E42;
     color: #FFFFFF;
     border-radius: 50px;
     text-transform: uppercase;
     text-decoration: none;
     font-family: 'Montserrat';
     font-weight: 600;
     font-size: 14px;
     width: fit-content;
     min-width: 170px;
     border: 1px solid #3A8E42;
     transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
 }

 /* Arrow circle for the panel button (inactive) */
 .service_content_panel .service_lean_more_outline::after {
     content: '→';
     background: #FFFFFF;
     color: #3A8E42;
     width: 42px;
     height: 42px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     margin-left: 15px;
 }

 /* Active overlay button — white outline style */
 .service_card_overlay .service_lean_more_outline {
     background: transparent;
     border: 1px solid #FFFFFF;
     color: #FFFFFF;
     padding: 12px 30px;
     min-width: unset;
 }

 .service_card_overlay .service_lean_more_outline::after {
     display: none;
 }

 .service_card_overlay .service_lean_more_outline:hover {
     background: #FFFFFF;
     color: #3A8E42;
     border-color: #FFFFFF;
 }

 .service_content_panel .service_lean_more_outline:hover {
     background: #2e7537;
     border-color: #2e7537;
 }





 /* --- Services Slider Dynamic View Toggle --- */
 .services_row_slider .swiper-slide .service_card.type_1 {
     display: none !important;
 }

 .services_row_slider .swiper-slide .service_card.type_2 {
     display: block !important;
 }

 /* Whichever slide is on the left (active), transform it into Featured View */
 .services_row_slider .swiper-slide.swiper-slide-active .service_card.type_1 {
     display: block !important;
 }

 .services_row_slider .swiper-slide.swiper-slide-active .service_card.type_2 {
     display: none !important;
 }

 .services_row_slider .service_card {
     transition: all 0.5s ease-in-out;
 }






 /* ==============================================
                record and quality section
 ================================================= */

 .record_and_quality_section_image {
     position: relative;
     display: block;
 }

 .record_and_quality_section_image img {
     width: 100%;
 }

 .record_and_quality_section_title {
     position: absolute;
     top: 120px;
 }

 .record_and_quality_section_title h2 {
     font-weight: 700;
     line-height: 130%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
     margin-bottom: 0px;
 }

 .record_and_quality_section_title h2 span {
     color: #3A8E42;
 }



 .record_and_quality_grid {
     display: grid;
     grid-template-columns: 1fr 1fr;

 }

 .grid_item {
     padding: 60px 120px;
     display: flex;
     align-items: flex-start;
     gap: 40px;
     border-right: 1px solid #CCCCCC;
     border-bottom: 1px solid #CCCCCC;
 }

 .feature_icon img {
     width: 64px;
     height: auto;
 }

 .feature_content h4 {
     font-weight: 700;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #000000;
     margin-bottom: 20px;
 }

 .feature_content p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #000000;
     margin: 0;
 }


 /* ==============================================
            manufacturing section
 ================================================ */

 .manufacturing_section {
     position: relative;
     display: block;
     background-color: #f4f4f4;
 }

 .manufacturing_section_title h2 {
     font-weight: 700;
     line-height: 120%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
     margin-bottom: 80px;
 }

 .manufacturing_section_title h2 span {
     color: #3A8E42;
 }

 .manufacturing_card {
     position: relative;
     display: block;
     background-color: #FFFFFF;
     border-radius: 30px;
     overflow: hidden;
     height: 100%;
 }

 .manufacturing_card_content {
     padding: 30px;
 }

 .manufacturing_card_image img {
     width: 100%;
 }

 .manufacturing_card_content h5 {
     font-weight: 700;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #444443;
     margin-bottom: 20px;
 }

 .manufacturing_card_content p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #444443;
     margin: 0;
 }


 /* ==============================================
            get in touch section
 ================================================ */

 .get_in_touch_section_content p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #FFFFFF;
     max-width: 665px;
     margin-bottom: 50px;
 }

 .get_in_touch_section_content a {
     background-color: #388f43;
     color: #FFFFFF;
     padding: 17px 28px;
     border-radius: 50px;
     text-transform: uppercase;
     text-decoration: none;
     font-family: "Montserrat";
     font-weight: 500;
     font-style: normal;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 0%;
     display: inline-block;
 }

 .get_in_touch_section_content a:hover {
     background-color: #2e7537;
 }

 .get_in_touch_section {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .get_in_touch_section img {
     width: 100%;
     height: auto;
     display: block;
 }

 .get_in_touch_section_container {
     position: absolute;
     top: 15%;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
     height: 80%;
     pointer-events: none;
     /* Allows clicking through to the row if needed, but we'll set it back on children */
 }

 .get_in_touch_section_container .row {
     height: 100%;
     pointer-events: auto;
 }

 .get_in_touch_section_title h2 {
     font-weight: 700;
     color: #FFFFFF;
     font-style: normal;
     line-height: 100%;
     letter-spacing: 0%;
     text-transform: uppercase;
     margin-bottom: 0;
 }

 .get_in_touch_section_content {
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: flex-start;
     align-items: flex-start;
 }

 .get_in_touch_section_content p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #FFFFFF;
     max-width: 665px;
     margin-bottom: 180px;
 }

 .get_in_touch_section_content a {
     background-color: #388f43;
     color: #FFFFFF;
     padding: 17px 28px;
     border-radius: 50px;
     text-transform: uppercase;
     text-decoration: none;
     font-family: "Montserrat";
     font-weight: 500;
     font-style: normal;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 0%;
 }

 .get_in_touch_section_content a:hover {
     background-color: #2e7537;
 }

 .get_in_touch_section_content h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0%;
     color: #FFFFFF;
     margin-top: 275px;
 }




 /* ==============================================
            footer section
 ================================================ */

 .footer_section {
     position: relative;
     display: block;
     background-color: #131313;
     padding: 100px 0;
 }

 .footer_top_area {
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     padding-bottom: 60px;
 }

 .footer_top_content_area h4 {
     font-weight: 700;
     font-style: normal;
     font-size: 28px;
     line-height: 140%;
     letter-spacing: 0%;
     color: #FFFFFF;
     margin-bottom: 20px;
 }

 .footer_top_content_area p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #FFFFFF;
     margin: 0;
 }

 .footer_subscribe_area {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
 }

 .footer_subscribe_area form {
     position: relative;
     display: flex;
     align-items: center;
     background-color: #FFFFFF;
     border: 1px solid #1fa3e5;
     border-radius: 50px;
     padding: 6px;
     width: 100%;
     max-width: 863px;
 }

 .footer_subscribe_area input {
     background: transparent;
     border: none;
     padding: 10px 30px;
     flex-grow: 1;
     color: #333333;
     font-family: "Montserrat";
     font-weight: 400;
     font-style: normal;
     font-size: 20px;
     letter-spacing: 0%;
     outline: none;
     margin-bottom: 0;
 }

 .footer_subscribe_area input::placeholder {
     font-family: "Montserrat";
     font-weight: 400;
     font-style: normal;
     font-size: 20px;
     line-height: 100%;
     letter-spacing: 0%;
     color: #999999;
 }

 .footer_subscribe_area button {
     background-color: #3e9147;
     color: #FFFFFF;
     border: none;
     padding: 12px 38px;
     border-radius: 50px;
     text-transform: uppercase;
     cursor: pointer;
     font-family: "Montserrat";
     font-weight: 600;
     font-style: normal;
     font-size: 18px;
     line-height: 100%;
     letter-spacing: 0%;
 }

 .footer_subscribe_area button:hover {
     background-color: #337a3c;
 }

 .footer_bottom_area {
     padding-top: 100px;
 }

 .footer_bottom_content_area p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #FFFFFF;
     margin-bottom: 60px;
 }

 .footer_bottom_content_area h4 {
     font-weight: 700;
     font-style: normal;
     font-size: 24px;
     line-height: 140%;
     letter-spacing: 0%;
     color: #FFFFFF;
     margin-bottom: 185px;
 }

 .footer_bottom_content_area h5 {
     font-weight: 500;
     line-height: 140%;
     letter-spacing: 0%;
     color: #FFFFFF;
 }



 .footer_services_area h5,
 .footer_quick_links_area h5,
 .footer_social_area h5 {
     font-family: "Montserrat";
     font-weight: 700;
     font-style: normal;
     line-height: 100%;
     letter-spacing: 0%;
     color: #FFFFFF;
     margin-bottom: 50px;
 }

 .footer_services_list,
 .footer_quick_links_list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .footer_services_list li,
 .footer_quick_links_list li {
     margin-bottom: 20px;
 }

 .footer_services_list li a,
 .footer_quick_links_list li a {
     font-family: "Montserrat";
     font-weight: 400;
     font-style: normal;
     font-size: 20px;
     letter-spacing: 0%;
     color: #FFFFFF;
     text-decoration: none;
 }

 .footer_services_list li a:hover,
 .footer_quick_links_list li a:hover {
     color: #FFFFFF;
 }

 .footer_social_area {
     margin-top: 70px;
 }

 .footer_social_list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     gap: 20px;
 }

 .footer_social_list li a {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .footer_social_list li a:hover {
     transform: translateY(-3px);
 }

 .footer_social_list li a img {
     width: 100%;
 }

 .footer_bottom_copyright_area {
     margin-top: 100px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .footer_bottom_copyright_area p,
 .footer_bottom_copyright_area a {
     font-family: "Montserrat";
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #FFFFFF;
     text-decoration: none;
     margin-bottom: 0;
 }

 .footer_bottom_copyright_area a:hover {
     color: #FFFFFF;
 }




 /* ==========================================
            all page header area
 ========================================== */

 .header_area {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 20px;
     margin-top: 0;
     margin-bottom: 0;
 }

 .header_area img {
     width: 100%;
     height: auto;
     display: block;
 }

 .header_area_content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 10;
     pointer-events: none;
 }

 .header_area_content h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     text-transform: uppercase;
     color: #FFFFFF;
     margin: 0;
 }

 /* ==========================================
            about section
 ========================================== */

 .about_page_content_area {
     padding-right: 120px;
 }

 .about_page_section_title h4 {
     font-weight: 400;
     font-style: normal;
     line-height: 30px;
     letter-spacing: 0%;
     color: #3A8E42;
     margin-bottom: 60px;
     font-size: 22px;
 }

 .about_page_section_title h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0%;
     color: #444443;
     margin-bottom: 0;
 }

 .about_page_section_title h2 span {
     color: #3e9147;
 }

 .about_page_description p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #000000;
     margin-top: 88px;
     margin-bottom: 0;
 }

 .about_page_image_area img {
     width: 100%;
     height: auto;
     display: block;
     border-radius: 20px;
 }

 .about_page_image_area {
     position: relative;
     display: table;
     /* Make it fit the image */
     margin-left: auto;
 }

 .about_point_1,
 .about_point_2,
 .about_point_3 {
     position: absolute;
     background-color: #3e9147;
     color: #FFFFFF;
     font-family: "Montserrat";
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     text-transform: uppercase;
     padding: 12px 25px;
     border-radius: 50px;
     border: 1px solid rgba(255, 255, 255, 0.4);
     z-index: 10;
     white-space: nowrap;
 }

 .about_point_1 {
     top: 15%;
     right: -40px;
 }

 .about_point_2 {
     bottom: 35%;
     left: -90px;
 }

 .about_point_3 {
     bottom: -20px;
     left: 52%;
 }

 /* ==========================================
            about page futures banner
 ========================================== */

 .about_page_futures_banner {
     position: relative;
     display: block;
     margin-bottom: 120px;
 }

 .about_page_futures_banner img {
     width: 100%;
     height: auto;
     display: block;
 }

 .about_page_futures_banner_content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-10%, -50%);
     z-index: 10;
     pointer-events: none;
 }

 .about_page_futures_banner_content h2 {
     font-weight: 600;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0%;
     text-align: right;
     color: #FFFFFF;
     margin: 0;
 }

 /* ==========================================
            why choose section
 ========================================== */

 .why_choose_us_section {
     position: relative;
     display: block;
     background-color: #EDEEEF;
 }

 .why_choose_us_area {
     background-color: #FFFFFF;
     border-radius: 30px;
 }

 .why_choose_us_section_title h4 {
     font-weight: 400;
     font-style: normal;
     line-height: 30px;
     font-size: 22px;
     letter-spacing: 0%;
     color: #3A8E42;
     margin-bottom: 40px;
 }

 .why_choose_us_section_title h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0%;
     color: #444443;
     margin-bottom: 40px;
 }

 .why_choose_us_section_title h2 span {
     color: #3e9147;
 }

 .why_choose_us_list li {
     font-family: "Montserrat";
     font-weight: 400;
     font-style: normal;
     line-height: 40px;
     letter-spacing: 0%;
     color: #000000;
     list-style-type: disc;
 }


 /* ==========================================
            about page manufacturing section
 ========================================== */

 .about_page_manufacturing_area {
     position: relative;
     display: block;
 }

 .about_page_manufacturing_section_title h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0%;
     color: #444443;
     margin-bottom: 40px;
     text-transform: uppercase;
 }

 .about_page_manufacturing_section_title h2 span {
     color: #3e9147;
 }

 .about_page_manufacturing_section_title p {
     font-weight: 400;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0%;
 }

 .about_page_manufacturing_card {
     position: relative;
     display: block;
     border-radius: 20px;
     overflow: hidden;
 }

 .about_page_manufacturing_image_area img {
     width: 100%;
     height: auto;
     display: block;
 }

 .about_page_manufacturing_content_area h5 {
     font-weight: 700;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #FFFFFF;
     background-color: #3A8E42;
     margin: 0;
     padding-top: 25px;
     padding-bottom: 25px;
     text-align: center;
 }

 /* ==========================================
            services page
 ========================================== */
 .service_page_section_title {
     margin-bottom: 80px;
 }

 .service_page_section_title h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
 }

 .service_page_section_title h2 span {
     color: #3e9147;
 }

 .service_page_card {
     position: relative;
     display: block;
     border-radius: 20px;
     overflow: hidden;
 }

 .service_page_card_image_area img {
     width: 100%;
     height: auto;
     display: block;
 }

 .service_page_card_content_area {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 100px 30px 30px 30px;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
     z-index: 10;
 }

 .service_page_card_content_area h4 {
     font-weight: 600;
     font-style: normal;
     line-height: 130%;
     letter-spacing: 0%;
     text-transform: uppercase;
     color: #FFFFFF;
     margin: 0;
     text-align: left;
     text-transform: uppercase;
 }

 /* ==========================================
            services page futures banner
 ========================================== */

 .service_page_futures_banner {
     position: relative;
     display: block;
 }

 .service_page_futures_banner img {
     width: 100%;
     height: auto;
     display: block;
 }

 .service_page_futures_banner_content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(30%, -50%);
     z-index: 10;
     pointer-events: none;
 }

 .service_page_futures_banner_content h2 {
     font-weight: 600;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0%;
     text-align: center;
     color: #FFFFFF;
     margin: 0;
 }


 /* ==========================================
            overseas presence section
 ========================================== */

 .overseas_presence_section {
     position: relative;
     display: block;
     padding: 100px 0;
     background-color: transparent;
     z-index: 1;
 }

 .overseas_presence_section::before {
     content: "";
     position: absolute;
     top: 15%;
     bottom: 15%;
     left: 0;
     width: 100%;
     background-color: #F4F4F4;
     z-index: -1;
 }

 .overseas_presence_area {
     display: flex;
     align-items: center;
     gap: 80px;
 }

 .overseas_presence_image {
     flex: 0 0 50%;
 }

 .overseas_presence_image img {
     width: 100%;
     height: auto;
     display: block;
     border-radius: 12px;
 }

 .overseas_presence_content {
     flex: 1;
 }

 .overseas_presence_section_title h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #444443;
     margin-bottom: 25px;
     position: relative;
 }

 .overseas_presence_section_title h2::after {
     content: "";
     display: block;
     width: 152px;
     height: 4px;
     background-color: #D9D9D9;
     margin-top: 50px;
     margin-bottom: 80px;
 }

 .overseas_presence_section_title h2 span {
     color: #3e9147;
 }

 .overseas_presence_list ul li {
     position: relative;
     font-family: "Montserrat";
     font-weight: 500;
     font-style: normal;
     line-height: 206%;
     letter-spacing: 0%;
     color: #000000;
     list-style-type: disc;
     padding-left: 20px;
 }

 /* ==========================================
            our clients page
 ========================================== */

 .clients_page_section_title {
     margin-bottom: 80px;
 }

 .clients_page_section_title h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
 }

 .clients_page_section_title h2 span {
     color: #3e9147;
 }

 .clients_grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
 }

 .clients_grid_item {
     border-bottom: 1px solid #DDDDDD;
     border-right: 1px solid #DDDDDD;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 /* 4 Columns Default */
 .clients_grid_item:nth-child(-n+4) {
     border-top: 1px solid #DDDDDD;
 }

 .clients_grid_item:nth-child(4n) {
     border-right: none;
 }


 .clients_grid_item img {
     width: 100%;
     height: auto;
     display: block;
 }




 /* ==========================================
            group structure section
 ========================================== */

 .group_structure_section_title {
     margin-bottom: 80px;
 }

 .group_structure_section_title h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
     margin-bottom: 30px;
 }

 .group_structure_section_title h2 span {
     color: #3e9147;
 }

 .group_structure_section_title p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #000000;
     margin-bottom: 0;
 }

 .group_structure_area {
     position: relative;
     display: block;
     padding: 30px;
     background-color: #F4F4F4;
     border-radius: 12px;
     height: 100%;
 }

 .group_structure_content h5 {
     font-weight: 700;
     font-style: normal;
     font-size: 28px;
     line-height: 100%;
     letter-spacing: 0%;
     color: #000000;
     margin-bottom: 20px;
 }

 .group_structure_content p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #000000;
     margin-bottom: 0;
 }

 .navbar-toggler {
     border: none;
     box-shadow: none !important;
 }

 .navbar-toggler:focus {
     outline: none;
 }

 /* --- Contact Sidebar Premium Styling --- */
 .side-sidebar {
     position: fixed;
     top: 0;
     right: -100%;
     width: 450px;
     height: 100vh;
     background: #fff;
     z-index: 9999;
     box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
     transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     padding: 60px 40px;
     overflow-y: auto;
 }

 .side-sidebar.active {
     right: 0;
 }

 .sidebar-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     z-index: 9998;
     display: none;
     backdrop-filter: blur(5px);
 }

 .sidebar-overlay.active {
     display: block;
 }

 .sidebar-close-btn {
     position: absolute;
     top: 30px;
     right: 40px;
     font-size: 24px;
     cursor: pointer;
     color: #444443;
     transition: color 0.3s ease;
 }

 .sidebar-close-btn:hover {
     color: #3A8E42;
 }

 .sidebar-title {
     font-size: 32px;
     font-weight: 700;
     color: #444443;
     margin-bottom: 15px;
     text-transform: uppercase;
 }

 .sidebar-desc {
     font-size: 16px;
     color: #777;
     line-height: 1.6;
     margin-bottom: 40px;
 }

 /* Contact Form in Sidebar */
 .sidebar-contact-form .form-group {
     margin-bottom: 20px;
 }

 .sidebar-contact-form input,
 .sidebar-contact-form textarea {
     width: 100%;
     padding: 15px;
     border: 1px solid #eee;
     background: #f9f9f9;
     font-family: 'Montserrat', sans-serif;
     outline: none;
     transition: border-color 0.3s ease;
 }

 .sidebar-contact-form input:focus,
 .sidebar-contact-form textarea:focus {
     border-color: #3A8E42;
 }

 .submit-btn {
     width: 100%;
     padding: 15px;
     background: #3A8E42;
     color: #fff;
     border: none;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 1px;
     cursor: pointer;
     transition: background 0.3s ease;
     border-radius: 5px;
 }

 .submit-btn:hover {
     background: #2e7537;
 }

 /* Sidebar Contact Info */
 .sidebar-contact-info {
     margin-top: 50px;
 }

 .info-title {
     font-size: 20px;
     font-weight: 700;
     color: #444443;
     margin-bottom: 25px;
 }

 .info-item {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
 }

 .info-icon {
     width: 45px;
     height: 45px;
     background: #EDEEEF;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
 }

 .info-icon img {
     width: 20px;
 }

 .info-text span {
     display: block;
     font-size: 13px;
     color: #999;
 }

 .info-text a,
 .info-text p {
     font-size: 15px;
     color: #444443;
     font-weight: 500;
     text-decoration: none;
 }

 /* Show toggler on Desktop */
 .navbar-toggler.sidebar-toggle {
     display: block !important;
     margin-left: 20px;
 }

 @media (max-width: 575px) {
     .side-sidebar {
         width: 100%;
     }
 }

 /* Sidebar Close Button CSS X Icon */
 .sidebar-close-btn {
     width: 30px;
     height: 30px;
     position: absolute;
     top: 30px;
     right: 30px;
     cursor: pointer;
     z-index: 10001;
 }

 .sidebar-close-btn span {
     display: block;
     width: 100%;
     height: 2px;
     background: #444443;
     position: absolute;
     top: 50%;
     left: 0;
     transition: background 0.3s ease;
 }

 .sidebar-close-btn span:nth-child(1) {
     transform: rotate(45deg);
 }

 .sidebar-close-btn span:nth-child(2) {
     transform: rotate(-45deg);
 }

 .sidebar-close-btn:hover span {
     background: #3A8E42;
 }

 /* ==========================================
            contact us page
 ========================================== */

 .contact_us_page_header {
     position: relative;
     display: block;
     margin-bottom: 40px;
 }

 .contact_us_page_header h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
     margin-bottom: 40px;
 }

 .contact_us_page_header h2 span {
     color: #3e9147;
 }

 .contact_us_page_header p {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #000000;
     max-width: 90%;
 }

 .contact_us_page_details_content {
     position: relative;
     display: flex;
     align-items: center;
     gap: 60px;
 }

 .contact_us_page_details_content_item {
     position: relative;
     display: flex;
     align-items: center;
     margin-bottom: 20px;
 }

 .contact_us_page_details_content_item_icon {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     background-color: #EDEEEF;
     border-radius: 50%;
     margin-right: 15px;
 }

 .contact_us_page_details_content_item_icon i {
     font-size: 20px;
     color: #3e9147;
 }

 .contact_us_page_details_content_item_text {
     position: relative;
     display: block;
 }

 .contact_us_page_details_content_item_text h6 {
     font-weight: 700;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
     margin-bottom: 5px;
 }

 .contact_us_page_details_content_item_text p a {
     font-weight: 400;
     font-style: normal;
     line-height: 140%;
     letter-spacing: 0%;
     color: #000000;
     margin-bottom: 0;
 }

 /* --- Contact Us Page Form Design --- */
 #inquiryForm .form-group {
     margin-bottom: 25px;
 }

 #inquiryForm .input-group {
     display: flex;
     align-items: stretch;
 }

 #inquiryForm .input-group-addon {
     width: 60px;
     background-color: #EDEEEF;
     border: 1px solid #EDEEEF;
     border-radius: 12px 0 0 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #3e9147;
     font-size: 18px;
 }

 #inquiryForm .inquiry-input,
 #inquiryForm .inquiry-textarea {
     flex: 1;
     background-color: #EDEEEF;
     border: 1px solid #EDEEEF;
     border-radius: 0 12px 12px 0;
     padding: 18px 25px;
     font-family: "Montserrat";
     font-weight: 400;
     font-size: 16px;
     color: #444443;
     outline: none;
     box-shadow: none;
     transition: all 0.3s ease;
     margin-bottom: 0;
 }

 #inquiryForm .inquiry-textarea {
     border-radius: 0 12px 12px 0;
     /* min-height: 150px; */
 }

 #inquiryForm .inquiry-input:focus,
 #inquiryForm .inquiry-textarea:focus {
     border-color: #3A8E42;
     background-color: #ffffff;
 }

 #inquiryForm .inquiry-input::placeholder,
 #inquiryForm .inquiry-textarea::placeholder {
     color: #444443;
 }

 .inquiry-submit-btn {
     /* width: 100%; */
     background-color: #3A8E42;
     color: #ffffff;
     border: none;
     border-radius: 12px;
     padding: 20px;
     text-transform: uppercase;
     cursor: pointer;
     transition: all 0.3s ease;
     margin-top: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     font-family: "Montserrat";
     font-weight: 500;
     font-style: normal;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 0%;
     justify-self: end;
 }

 .inquiry-submit-btn:hover {
     background-color: #2e7537;
     transform: translateY(-2px);
     color: #ffffff;
 }

 .inquiry-submit-btn i {
     font-size: 16px;
 }

 .map_area {
     position: relative;
     display: block;
 }

 .map_area iframe {
     width: 100%;
     height: 100%;
     min-height: 500px;
     margin-bottom: 0;
 }

 /* .service_slider_wrapper {
     width: 100%;
     margin: 40px auto;
     position: relative;
     overflow: hidden;
 } */

 .service_slider_container {
     padding: 0;
     overflow: hidden;
 }

 /* Allow Swiper to detect horizontal swipes on mobile */
 .service_slider_container .swiper-wrapper {
     touch-action: pan-y;
 }


 /* ==============================================
                gallery page
 ================================================= */
 .gallery_page_section_title {
     margin-bottom: 60px;
 }

 .gallery_page_section_title h4 {
     font-weight: 400;
     font-style: normal;
     font-size: 22px;
     line-height: 30px;
     letter-spacing: 0%;
     color: #389043;
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .gallery_page_section_title h2 {
     font-weight: 700;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0%;
     color: #444443;
     text-transform: uppercase;
     margin-bottom: 0;
 }

 .gallery_page_section_title h2 span {
     color: #3A8E42;
 }

 .gallery_page_card {
     position: relative;
     background: transparent;
     display: block;
     overflow: hidden;
     border-radius: 12px;
 }

 .gallery_page_card_image_area {
     position: relative;
     display: block;
 }

 .gallery_page_card_image_area img {
     width: 100%;
     height: auto;
     object-fit: cover;
     transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
     display: block;
 }

 .gallery_page_card:hover .gallery_page_card_image_area img {
     transform: scale(1.05);
     /* very subtle zoom */
 }

 .gallery_icon_overlay {
     position: absolute;
     top: 20px;
     right: 20px;
     left: auto;
     transform: scale(0.5);
     width: 50px;
     height: 50px;
     background: #3A8E42;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 20px;
     opacity: 0;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: 5;
     pointer-events: none;
 }

 .gallery_page_card:hover .gallery_icon_overlay {
     transform: scale(1);
     opacity: 1;
 }

 .gallery_page_card_image_area::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.3);
     opacity: 0;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: 1;
     pointer-events: none;
 }

 .gallery_page_card:hover .gallery_page_card_image_area::after {
     opacity: 1;
 }

 .gallery_page_card_content_area {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
     padding: 40px 20px 20px;
     transform: translateY(100%);
     transition: transform 0.4s ease;
     z-index: 4;
 }

 .gallery_page_card:hover .gallery_page_card_content_area {
     transform: translateY(0);
 }

 .gallery_page_card_content_area h5 {
     font-family: "Montserrat";
     font-size: 18px;
     font-weight: 600;
     color: #ffffff;
     margin: 0;
     text-transform: capitalize;
     letter-spacing: 0.5px;
     text-align: left;
 }

 /* ==========================================
            Magnific Popup Custom Arrows
 ========================================== */

 button.mfp-arrow {
     background-color: #E6E6E6 !important;
     width: 50px !important;
     height: 50px !important;
     border-radius: 50% !important;
     opacity: 0.8 !important;
     margin-top: -25px !important;
     /* Vertically center in the container */
 }

 button.mfp-arrow:hover {
     opacity: 1 !important;
     background-color: #ffffff !important;
 }

 /* Hide default double-triangle arrows */
 button.mfp-arrow::after,
 button.mfp-arrow-left::after,
 button.mfp-arrow-right::after {
     display: none !important;
     border: none !important;
 }

 /* Custom Left Chevron */
 button.mfp-arrow-left::before {
     display: block !important;
     content: '' !important;
     width: 14px !important;
     height: 14px !important;
     border: 0 !important;
     /* Reset inherited triangles */
     border-top: 2px solid #222 !important;
     border-right: 2px solid #222 !important;
     transform: rotate(-135deg) !important;
     position: absolute !important;
     top: 18px !important;
     left: 20px !important;
     margin: 0 !important;
     /* Clear old margin pushing it out of bounds */
     padding: 0 !important;
     background: transparent !important;
 }

 /* Custom Right Chevron */
 button.mfp-arrow-right::before {
     display: block !important;
     content: '' !important;
     width: 14px !important;
     height: 14px !important;
     border: 0 !important;
     /* Reset inherited triangles */
     border-top: 2px solid #222 !important;
     border-right: 2px solid #222 !important;
     transform: rotate(45deg) !important;
     position: absolute !important;
     top: 18px !important;
     left: 15px !important;
     margin: 0 !important;
     /* Clear old margin pushing it out of bounds */
     padding: 0 !important;
     background: transparent !important;
 }

 /* ==============================================
                SURBHI FULL DESIGN
 ================================================= */

 .surbhi-header {
     background: #EDEEEF;
     border-radius: 30px;
     margin: 20px;
     padding: 15px 50px;
     position: relative;
     z-index: 100;
 }

 .header-container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
 }

 .surbhi-brand-logo {
     height: 60px;
 }

 .surbhi-header .nav-link {
     font-family: 'Montserrat', sans-serif;
     font-weight: 500;
     font-size: 16px;
     color: #444443 !important;
     padding: 0 20px !important;
 }

 .surbhi-header .nav-link.active {
     color: #3A8E40 !important;
     text-transform: uppercase;
     font-weight: 700;
 }

 .nav-divider-line {
     width: 180px;
     height: 1px;
     background: #C4C4C4;
     margin: 0 10px;
 }

 .surbhi-hamburger span {
     display: block;
     width: 30px;
     height: 2px;
     background: #444443;
     margin: 6px 0;
 }

 /* Hero Section */
 .surbhi-hero {
     position: relative;
     padding-top: 50px;
     padding-bottom: 100px;
     overflow: hidden;
 }

 .hero-text-area {
     padding-top: 50px;
 }

 .hero-sub {
     color: #3A8E40;
     font-weight: 700;
     letter-spacing: 2px;
     display: block;
     margin-bottom: 20px;
 }

 .hero-title {
     font-size: 72px;
     font-weight: 800;
     line-height: 1.1;
     margin-bottom: 40px;
     color: #444443;
 }

 .hero-title span {
     color: #3A8E40;
 }

 .surbhi-btn-green {
     background: #3A8E40;
     color: #fff;
     padding: 15px 40px;
     border-radius: 50px;
     font-weight: 700;
     text-decoration: none;
     display: inline-block;
     transition: 0.3s;
 }

 .hero-bg-accent {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 120px;
     background: #3A8E40;
     border-radius: 30px 30px 0 0;
     z-index: -1;
     margin: 0 20px;
 }

 /* About Section */
 .section-title {
     font-size: 42px;
     font-weight: 700;
     line-height: 1.2;
     color: #444443;
 }

 .section-title span {
     color: #3A8E40;
 }

 .bg-light-gray {
     background-color: #EDEEEF;
     border-radius: 30px;
     margin: 20px;
 }

 /* Service Pills */
 .service-pills .pill {
     padding: 12px 30px;
     background: #fff;
     border-radius: 50px;
     margin: 0 10px;
     font-weight: 600;
     color: #888;
     cursor: pointer;
     display: inline-block;
 }

 .service-pills .pill.active {
     background: #3A8E40;
     color: #fff;
 }

 .service-block-card {
     position: relative;
     border-radius: 30px;
     overflow: hidden;
     height: 500px;
     margin-bottom: 30px;
 }

 .service-block-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .card-overlay {
     position: absolute;
     bottom: 40px;
     left: 40px;
     text-align: left;
 }

 .card-overlay h3 {
     color: #fff;
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .card-overlay a {
     color: #fff;
     text-decoration: none;
     font-weight: 700;
     border: 1px solid #fff;
     padding: 10px 25px;
     border-radius: 50px;
 }

 /* Record Items */
 .record-item h4 {
     font-size: 20px;
     font-weight: 700;
     color: #3A8E40;
     margin-bottom: 10px;
 }

 .record-item img {
     width: 50px;
 }

 /* Manufacturing */
 .equip-card {
     background: #fff;
     border-radius: 30px;
     overflow: hidden;
     height: 100%;
 }

 .equip-card img {
     width: 100%;
     height: 280px;
     object-fit: cover;
 }

 .equip-content {
     padding: 30px;
 }

 .equip-content h5 {
     font-weight: 700;
     color: #444443;
     margin-bottom: 15px;
 }

 /* Get In Touch */
 .get-in-touch-new {
     margin: 20px;
     border-top: 1px solid #ddd;
     padding-top: 100px;
 }

 .git-banner-area {
     position: relative;
     border-radius: 40px;
     overflow: hidden;
 }

 .git-banner-overlay {
     position: absolute;
     bottom: 60px;
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
     color: #fff;
 }

 .git-banner-overlay h3 {
     font-size: 48px;
     font-weight: 800;
 }

 .banner-tag {
     background: #3A8E40;
     padding: 5px 20px;
     border-radius: 5px;
     font-weight: 700;
 }

 /* Footer */
 .surbhi-footer {
     background: #121212;
     border-radius: 40px 40px 0 0;
     margin: 20px;
     color: #fff;
 }

 .btn-green {
     background: #3A8E40;
     color: #fff;
     font-weight: 700;
     padding: 0 30px;
     border-radius: 0 50px 50px 0;
 }

 .newsletter-form input {
     background: #222;
     border: none;
     color: #fff;
     padding: 25px 40px;
     border-radius: 50px 0 0 50px;
 }

 .border-bottom-gray {
     border-bottom: 1px solid #333;
 }

 .footer-links li a {
     color: #999;
     text-decoration: none;
     transition: 0.3s;
     line-height: 2.5;
 }

 .footer-links li a:hover {
     color: #3A8E40;
 }

 .footer-social-icons a {
     width: 45px;
     height: 45px;
     background: #333;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     margin-right: 15px;
     color: #fff;
     text-decoration: none;
 }

 .secondary_bg_color {
     background-color: #EDEEEF;
 }

 .home_hero_margin {
     margin: 0 20px;
     border-radius: 0 0 30px 30px;
 }

 .pl-80 {
     padding-left: 80px;
 }

 .why_choose_us_content {
     padding: 40px 0;
 }

/* ==========================================================================
   Preloader Styles
   ========================================================================== */
body.preloader-active {
    overflow: hidden;
}

.site-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #ffffff; /* White background to match the clean aesthetic */
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-preloader .preloader-content {
    width: 250px;
    max-width: 80%;
    text-align: center;
}

.site-preloader .preloader-gif {
    width: 100%;
    height: auto;
    display: block;
}