@media (max-width:360px){
	.hero-title{ font-size:30px;}
	.section-title{ font-size:24px;}
	.hero-stat-box h2{ font-size:24px;}
	.btn{ font-size:14px; padding:13px 20px;}
	.contact-form{ padding:18px;}
}

@media (max-height:500px) and (orientation:landscape){
	.hero{ min-height:auto; padding-top:110px; padding-bottom:60px;}
	.hero-right{ display:none;}
	.scroll-indicator{ display:none;}
	}

@media (hover:none){
	.service-card:hover,
	.problem-card:hover,
	.feature-box:hover,
	.impact-card:hover,
	.why-card:hover{ transform:none;}	
	.navbar-nav .nav-link::after{ display:none;}
	
	@media print{
	
	.custom-navbar,
	.whatsapp-float,
	#backToTop,
	.scroll-indicator{ display:none !important;}
	.hero{ min-height:auto; padding:40px 0;}
	
	section{ padding:40px 0; page-break-inside:avoid;}
	}
}

@media (max-width:575px){
	html{ scroll-padding-top:80px;}
	section{ padding:70px 0;}
	p{ font-size:15px;}

	.section-title{ font-size:28px;}
	.section-subtitle{ font-size:15px;}
	.section-tag{ font-size:11px; padding:8px 16px;}
	.custom-navbar{ width:95%; padding:10px 16px;}
	.navbar-brand img{ width:140px;}
	.navbar-toggler{ padding:0;}
	.hero{ padding-top:110px; padding-bottom:70px;}
	.hero-title{ font-size:34px; line-height:1.15;}
	.hero-text{ font-size:15px;}
	.hero-buttons{ flex-direction:column;}
	.hero-buttons .btn{ width:100%;}
	.hero-stat-box{ margin-bottom:20px;}
	.hero-stat-box h2{ font-size:28px;}
	.about-image{ margin-bottom:25px;}
	.experience-card{ padding:14px 16px;}
	.experience-card h2{ font-size:24px;}
	.feature-box{ text-align:center; flex-direction:column; align-items:center;}
	.icon-box{ margin-bottom:10px;}

	.service-image{ height:190px;}
	.service-content{ padding:42px 20px 20px;}
	.service-content h4{ font-size:20px;}
	.service-list li{ font-size:13px;}

	.timeline{ padding-left:0;}
	.timeline::before{ left:26px;}
	.step-number{ width:50px; height:50px; font-size:18px;}
	.step-card h4{ font-size:18px;}
	.impact-number{ font-size:38px;}
	.impact-number span{ font-size:22px;}
	.impact-card{ padding:28px 18px;}
	.trust-badge{ padding:12px 14px;}
	.why-card{ padding:22px;}
	.why-icon{ width:56px; height:56px; font-size:24px;}

	.custom-faq .accordion-button{ padding:18px; font-size:15px;}
	.custom-faq .accordion-body{ padding:0 18px 20px; font-size:14px;}
	.contact-form{ padding:22px;}
	.info-item{ padding:15px;}
	.info-icon{ width:50px; height:50px;}
	.map-card iframe{ height:250px;}
	.footer-logo{ width:150px; margin:auto auto 20px;}
	.footer-wave svg{ height:60px;}
	.footer-bottom-links{ justify-content:center; gap:15px; flex-wrap:wrap;}
}

@media (max-width:767px){
	.container{ padding-left:20px; padding-right:20px;}
	.hero-title{ font-size:40px;}
	.section-title{ font-size:32px;}
	.hero-buttons .btn,
	.services-cta .btn,
	.problem-cta .btn,
	.timeline-cta .btn,
	.impact-banner .btn,
	.contact-bottom .btn,
	.why-cta .btn{ width:100%;}
	.hero-stat-box h2{ font-size:32px;}
	.feature-box,
	.problem-card,
	.service-card,
	.impact-card,
	.why-card{ margin-bottom:18px;}
	.timeline-step{ align-items:flex-start;}
	.step-card{ padding:22px;}
}

@media(prefers-reduced-motion:reduce){
	*, *::before, *::after{
		animation:none !important;
		transition:none !important;
		scroll-behavior:auto !important; }
		}

@media (min-width:1400px){
	.container{ max-width:1320px;}
	.hero-title{ font-size:68px;}
	.section-title{ font-size:50px;}
	.hero-right{ height:560px;}
	.info-card{ width:280px;}
	}
	
@media (min-width:992px) and (max-width:1399px){
	.hero-title{ font-size:60px;}
	.section-title{ font-size:44px;}
	.hero-right{ height:480px;}
	}
	
@media(min-width:1400px){
	.container{ max-width:1320px;}}

@media(max-width:991px){
	.custom-navbar{width:94%; top:12px; padding:12px 18px;background:rgba(8,35,18,.92);}
	.navbar-collapse{margin-top:18px;padding:20px;border-radius:20px;background:rgba(12,42,22,.96);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);}
	.navbar-nav{gap:8px;}
	.navbar-nav .nav-link{padding:14px !important;border-radius:12px;text-align:center;}
	.navbar-nav .nav-link:hover{background:rgba(34,197,94,.12);}
	.navbar-nav .nav-link::after{display:none;}
	.nav-btn{margin-top:18px; width:100%; justify-content:center;}
	.navbar-brand img{width:145px;}
	.py-section{padding:80px 0; }
	.btn-lg{padding:14px 28px; }
	section{ padding:80px 0;}
	.section-title{ font-size:36px; text-align:center;}
	.section-subtitle{ text-align:center; max-width:650px; margin:auto;}
	.custom-navbar{ width:94%; top:12px; padding:12px 18px;}
	.navbar-collapse{ margin-top:16px; padding:20px; border-radius:20px; background:rgba(8,35,18,.95);}
	.navbar-nav{ gap:10px; text-align:center;}
	.nav-btn{ width:100%; justify-content:center;}
	.hero{ text-align:center; padding-top:120px; padding-bottom:100px; min-height:auto;}
	.hero-title{font-size:48px;}
	.hero-text{margin:auto auto 30px;}
	.hero-buttons{justify-content:center;}
	.hero-right{display:none;}
	.hero-stats{position:relative;margin-top:60px;bottom:auto;}
	.hero-stat-box{margin-bottom:25px;border:none !important;}
	.scroll-indicator{display:none;}
	.about-content{padding-left:0;text-align:center;}
	.feature-grid{margin-top:30px;}
	.mission-card{ flex-direction:column; text-align:center;}
	.experience-card{ left:20px; right:20px;}

	.services-section{ background-attachment:scroll;}
	.service-card{ margin-bottom:20px;}
	.services-cta{ flex-direction:column; text-align:center;}

	.timeline{ padding-left:20px;}
	.timeline::before{ left:22px;}
	.timeline-step{ gap:18px;}
	.timeline-cta{ flex-direction:column; text-align:center;}

	.impact-section{ background-attachment:scroll;}
	.impact-banner{ flex-direction:column; text-align:center;}
	.impact-banner p{margin-bottom:20px;}

	.why-image{ margin-bottom:40px;}
	.why-cta{ flex-direction:column; text-align:center;}
	.trust-badge{ left:15px; right:15px;}

	.faq-image{ margin-bottom:35px; max-width:320px;}
	.custom-faq .accordion-button{ font-size:16px;}

	.contact-info{ margin-bottom:35px;}
	.contact-bottom{ flex-direction:column; text-align:center;}
	.map-card iframe{ height:320px;}

	.footer-section{ text-align:center;}
	.social-icons{ justify-content:center;}
	.footer-bottom{ justify-content:center; text-align:center;}
	.contact-row{ justify-content:center;}
}
 
 @media(max-width:1200px){
	 .hero-title{ font-size: 58px;}
	 }
@media(max-width:576px){
	.hero-title{ font-size: 36px;}
	.hero-text{ font-size: 15px;}
	.hero-tag{ font-size: 12px; padding: 10px 18px;}
	.hero-buttons .btn{ width: 100%;}
	.hero-stat-box h2{ font-size: 30px;}
	.hero-stat-box p{ font-size: 12px;}
	.py-section{padding:70px 0;}
	.btn{width:100%; }
	.card-body{padding:22px; } 
	section{padding:70px 0; }
	h1{font-size:38px; }
	h2, .section-title{font-size:30px; }
	p{font-size:15px; }
	.btn-success{width:100%;text-align:center; }

	.about-section{ padding:70px 0;}
	.experience-card{ min-width:150px;}
	.experience-card h2{font-size:28px;}
	.feature-box{padding:18px;}
	.mission-card{padding:22px;}

	.service-image{height:190px; }
	.service-content{padding:42px 20px 22px; }
	.service-content h4{font-size:20px; }
	.services-cta{padding:30px 22px; }

	.timeline{padding-left:0; }
	.timeline::before{left:28px; }
	.timeline-step{align-items:flex-start; }
	.step-number{width:52px;height:52px;font-size:18px; }
	.step-card{padding:22px; }
	.step-card h4{font-size:18px; }
	.step-card p{font-size:14px; }
	.timeline-cta{padding:30px 22px; }

	.impact-card{padding:25px 20px; }
	.counter{font-size:40px; }
	.counter-plus{font-size:28px; }
	.impact-highlight{padding:28px 22px; }
	.impact-badges{justify-content:center; }
	.impact-badge{width:100%;justify-content:center; }
 
	.why-section{padding:80px 0; }
	.why-card{padding:22px; }
	.why-icon{width:58px;height:58px;font-size:24px; }
	.trust-badge{padding:14px 16px; }
	.trust-badge h5{font-size:15px; }
	.why-cta{padding:32px 24px; }

	 .faq-section{padding:80px 0; }
	 .custom-faq .accordion-button{padding:18px;font-size:16px; }
	 .custom-faq .accordion-body{padding:0 18px 20px;font-size:14px; }
	 .faq-cta{padding:35px 24px; }
	 .faq-cta h3{font-size:24px; }
	 
	.contact-section{padding:80px 0; }
	.contact-form{padding:25px; }
	.info-item{padding:15px; }
	.info-icon{width:50px;height:50px;font-size:20px; }
	.map-card iframe{height:280px; }
	.contact-bottom{padding:30px 22px; }
 }
 
@media(max-width:992px){

	.hero{ text-align: center; padding-top: 120px; padding-bottom: 170px;}
	.hero-title{ font-size: 48px;}
	.hero-text{ margin: auto auto 30px;}
	.hero-buttons{ justify-content: center;}
	.hero-right{ display: none;}
	.hero-stat-box{ border-right: none !important;}
	.hero-stats{ position: relative; margin-top: 60px; bottom: 0;}
	.scroll-indicator{ display: none;}

	.services-section{background-attachment:scroll; }
	.services-cta{flex-direction:column;text-align:center; }
	.services-cta .btn{width:100%; }

	.timeline{padding-left:20px; }
	.timeline::before{left:22px; }
	.timeline-step{gap:18px; }
	.timeline-cta{flex-direction:column;text-align:center; }
	.timeline-cta .btn{width:100%; }

	.about-content{ padding-left:0; text-align:center; }
	.experience-card{ left:15px; bottom:15px; padding:16px 18px; }
	.mission-card{ flex-direction:column; text-align:left; }

	.impact-section{background-attachment:scroll; }
	.impact-highlight{padding:35px 28px;text-align:center; }
	.impact-highlight h3{font-size:28px; }

	.why-image{margin-bottom:40px; }
	.trust-badge{left:15px;right:15px;bottom:15px; }
	.why-cta{flex-direction:column;text-align:center; }
	.why-cta .btn{width:100%; }

	.footer-section{text-align:center; }
	.social-icons{justify-content:center; }
	.contact-row{justify-content:left;text-align:left; }
	.footer-bottom{justify-content:center;text-align:center; }

	section{padding:80px 0; }
	h1{font-size:48px; }
	h2, .section-title{font-size:36px; }
	h3{font-size:28px; }
	.section-subtitle{font-size:15px; }

	.faq-section{background-attachment:scroll; }
	.faq-image{max-width:320px;margin-bottom:30px;}
    .faq-animation-wrapper{min-height:350px;margin-bottom:40px;}
    .faq-center-icon{width:110px;height:110px;font-size:48px;}
	
    .ring1{width:180px;height:180px;}
    .ring2{width:250px;height:250px;}
    .map-card iframe{min-height:320px;}
	
    .contact-form{margin-top:20px;padding:25px;}
	.contact-section{background-attachment:scroll; }
	.contact-info{margin-bottom:40px; }
	.contact-bottom{flex-direction:column;text-align:center; }
	.contact-bottom .btn{width:100%; }
 }

@media(max-width:576px){
	.footer-logo{width:150px;margin:auto auto 20px; }
	.footer-wave svg{height:60px; }
	.footer-section h5{margin-top:10px; }
	.footer-bottom-links{justify-content:center;gap:18px; }
 }
 
 @media(max-width:576px){
	.whatsapp-float{width:60px;height:60px;bottom:20px;right:20px;font-size:28px; }
	.whatsapp-tooltip{display:none; }
 }
 
@media(max-width:576px){
 #backToTop{width:52px;height:52px;right:20px;bottom:90px;  font-size:20px; }
 }
 

@media(max-width:991px){

    .our-story{padding:80px 0;}
    .story-image img{height:460px;}
    .story-badge{right:20px;left:20px;bottom:20px;}

}

@media(max-width:768px){

    .story-image img{height:360px;}
    .story-stats{flex-direction:column;}

}


@media(max-width:768px){

    .core-values{padding:80px 0;}
    .value-card{padding:28px 24px;}
    .value-icon{width:60px;height:60px;}
    .value-icon i{font-size:24px;}
    .value-card h4{font-size:20px;}

}


@media(max-width:991px){

    .why-choose{padding:80px 0;}

}

@media(max-width:768px){

    .why-item{padding:16px; 
	max-width:310px;
	margin-right:25px;}
	.why-item h5{font-size:16px;}
	.why-item p{font-size:14px;}
	

}


@media (max-width: 1100px) {

  .approach-process {grid-template-columns: repeat(2, 1fr);gap: 45px 20px;}
  .step-arrow {display: none;}
  .approach-intro {max-width: 800px;}
  .commitment-container {grid-template-columns: 1fr;text-align: center;  }
  .commitment-content {margin: auto;}
  .commitment-visual {margin-top: 40px;  }

}


@media (max-width: 700px) {

  .approach-section {padding-top: 70px;}
  .approach-container {width: 88%;}
  .approach-intro h2 {font-size: 38px;letter-spacing: -1px;}
  .approach-intro p {font-size: 15px;}
  .approach-process {grid-template-columns: 1fr 1fr;gap: 35px 10px;margin-top: 45px;  }
  .step-icon {width: 105px;height: 105px;}
  .step-icon i {font-size: 40px;}
  .step-icon span {width: 30px;height: 30px;font-size: 12px;}
  .approach-step h3 {font-size: 18px;}
  .approach-step p {font-size: 13px;padding: 0 8px;}
  .commitment-container {width: 100%;margin-top: 70px;padding: 55px 7%;border-radius: 30px 30px 0 0;}
  .commitment-content h2 {font-size: 36px;letter-spacing: -1px;}
  .commitment-content p {font-size: 14px;line-height: 1.7;}
  .commitment-visual {height: 240px;}
  .eco-circle {width: 175px;height: 175px;}
  .eco-circle i {font-size: 75px;}
  .leaf {font-size: 38px;}

}