* {
  margin: 0;
  padding    :   0;
  box-sizing: border-box;
}



body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
	line-height: 1.7;
   color: #2a2a2a;
   background: #fafafa;
}

.primary-navigation {
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
   position: sticky;
   top: 0;
   z-index  :1000;
}

.navigation-wrapper {
    max-width: 1280px;
  margin: 0 auto;
  padding   :      1.2rem 2.5rem;
    display: flex;
   justify-content: space-between;
    align-items: center;
}

.brand-section img   {


   height: 48px;
    width: auto;

}

.nav-links-container {
   display  :   flex;
  gap: 2.8rem;
}

.nav-item {
	  text-decoration: none;
  color    :   #333;
   font-weight:        500;
   font-size: 15.5px;
    transition: color 0.25s;
}

.nav-item:hover {
    color: #4a7c59;
}

.mobile-toggle {
    display: none;
         background: none;
    border :    none;
   flex-direction: column;
   gap: 5px;
    cursor: pointer;
}

.hamburger-line {
  width: 26px;
  height: 2.5px;
 background: #333;
  transition: 0.3s;
}

.intro-banner {
    max-width     :    1280px;
    margin: 0 auto;
    padding: 5rem 2.5rem;
  display: grid;
					grid-template-columns: 1fr 1fr;
   gap: 4rem;
    align-items: center;
	
}

.content-block h1 {
  font-size    :       3.2rem;
   color  :       #1a1a1a;
        margin-bottom   :  1.5rem;
    line-height: 1.2;
    font-weight: 700;
}

.lead-paragraph {
	font-size: 1.2rem;
   color:#555;
  margin-bottom: 2.5rem;
}

.action-buttons {
    display: flex;
	gap: 1.2rem;
}

.primary-btn, .secondary-btn  
  {
  padding: 0.95rem 2rem;
         text-decoration: none;
  border-radius: 6px;
   font-weight: 600;
    transition: all 0.3s;
	display: inline-block;

}

.primary-btn {
   background: #4a7c59;
   color    :       white;
}

.primary-btn:hover {
    background: #3d6849;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(74,124,89,0.3);
	
}

.secondary-btn {
    background: transparent;
   color: #4a7c59;
	border: 2px solid #4a7c59;

}

.secondary-btn:hover {
   background: #4a7c59;
   color: white;
}

.visual-content img {
   width: 100%;
    height  :      auto;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.features-display {
	background: white;
   padding: 5rem 0; 

}

.container-main {
   max-width: 1280px;
    margin: 0 auto;
    padding: 0 2.5rem;
}

.features-display h2 {
       text-align: center;
   font-size: 2.6rem;
        margin-bottom     :   4rem;
    color: #1a1a1a;
}

.features-grid {
         display: flex;
  flex-direction:   column;
   gap: 4rem;
}

.feature-box {
	 display: grid;
    grid-template-columns: 1fr 1fr;
   gap: 3rem;
   align-items    :    center;
}

.feature-box.reverse-layout {


   direction: rtl;
     }

.feature-box.reverse-layout > *	{

	  direction: ltr;}

.feature-content h3 {


  font-size :       1.9rem;
      margin-bottom: 1rem;
  color: #2a2a2a;
     }

.feature-content p {
    font-size: 1.05rem;
   color :     #666;
  line-height: 1.8;
}

.feature-box img {
  width: 100%;
      height: auto;
     border-radius: 8px;
     box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.cta-section {
  background: linear-gradient(135deg, #4a7c59 0%, #3d6849 100%);
	padding: 5rem 2.5rem;
   text-align: center;
}

.cta-wrapper {
   max-width: 820px;
    margin: 0 auto;
}

.cta-wrapper h2 {
	   color: white;
	margin-bottom: 1.5rem;
   font-size :       2.8rem;}

.cta-wrapper p {
  color: rgba(255,255,255,0.9);
  font-size  :      1.2rem;
   margin-bottom: 2.5rem;
}

.cta-button {
   padding :1.1rem 2.8rem;
	   background: white;
	        color: #4a7c59;
	   text-decoration: none;
	   border-radius: 6px;
	    font-weight:     700;
	  font-size: 1.1rem;
	    display: inline-block;
	  transition: transform 0.3s, box-shadow 0.3s;
}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.services-overview {

		 padding: 5rem 0;
   background: #f9f9f9;
     }



.services-overview h2 {
   text-align   :    center;
   font-size: 2.6rem;
  margin-bottom: 3.5rem;
    color: #1a1a1a;
}

.services-list {
      display: grid;
  grid-template-columns: repeat(2, 1fr);
   gap: 2.5rem; 

}

.service-item {
  background: white;
     padding: 2.2rem;
    border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
}

.service-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.service-item h3 {
    font-size: 1.6rem;
   margin-bottom: 1rem;
   color: #2a2a2a;
}

.service-item p {
   color: #666;
    line-height:  1.7;
}

.workspace-showcase {


   max-width: 1280px;
    margin: 0 auto;
  padding: 5rem 2.5rem;

}

.showcase-content {
    display :  grid;
  grid-template-columns: 1.2fr 1fr;
	gap: 3.5rem;
    align-items: center;
}


.showcase-content img {
      width: 100%; 
	   height: auto; 
	   border-radius: 8px; 
	  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.showcase-text h2 {
          font-size: 2.3rem;

	    margin-bottom  : 1.5rem;

	    color: #1a1a1a;
}

.showcase-text p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 1.2rem;
}

.contact-section


{
   background: white;
    padding: 5rem 0;
}

.form-container {
  margin: 0 auto;
    padding :   0 2.5rem;
      max-width: 720px;
}

.form-container h2 {
  text-align    :       center;
	font-size: 2.6rem;
  margin-bottom: 1rem;
  color  :        #1a1a1a;
}

.form-description  {
    text-align: center;
   color: #666;
    margin-bottom: 3rem;
  font-size :       1.05rem;
}

.consultation-form {
   background :        #f9f9f9;
 padding: 2.8rem;
   border-radius: 8px;
}

.form-row		{
   display: grid;
    grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
    margin-bottom: 1.5rem; 
	
}

.input-group {
  margin-bottom: 1.5rem;


} 

.input-group label {
    display: block;
   margin-bottom: 0.5rem;
  color: #333;
   font-weight: 500;
}

.input-group input,
.input-group select,
.input-group textarea {
    width: 100%;
          padding    :  0.85rem;
    border    :       1.5px solid #ddd;
   border-radius: 5px;
       font-size: 15px;
  font-family: inherit;
	 transition: border-color 0.3s;
}

.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus {
   outline: none;
               border-color: #4a7c59; 

}

.submit-btn {
                    width :        100%;
   padding   :    1.1rem;
    background: #4a7c59;
      color: white;
	border: none;
  border-radius: 6px;
   font-size: 1.05rem;
	font-weight: 600;
          cursor: pointer;
  transition: background 0.3s;


}

.submit-btn:hover {
   background: #3d6849;
}

.site-footer {
  background: #1a1a1a;
   color: white;
    padding: 3.5rem 0 1.5rem;
}

.footer-content {
    max-width: 1280px;
   margin: 0 auto;
   padding: 0 2.5rem;
    display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 3rem;
  margin-bottom: 2.5rem;
}

.footer-column img{
    height: 42px;
	          margin-bottom: 1.2rem;
}

.company-description {
    color: #ccc;
   line-height :  1.7;
	
}

.footer-column h4 {
   margin-bottom: 1.2rem;
  font-size    :       1.2rem;
}

.footer-links {
    list-style: none;
}  

.footer-links li {
	margin-bottom   :       0.7rem;


}

.footer-links a {
    color: #ccc;
   text-decoration: none;
    transition   :color 0.3s;
}  

.footer-links a:hover {
    color  :      #4a7c59;
}

.footer-column p {
 color: #ccc;
   line-height: 1.8;
}

.footer-bottom {


  text-align    :       center;
    padding-top: 2rem;
    border-top: 1px solid #333;
  color: #999;
}@media (max-width: 968px) {
.mobile-toggle {
display: flex;
}

.nav-links-container {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
flex-direction: column;
padding: 1.5rem 2.5rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
display: none;
}

.nav-links-container.active {
display: flex;
}

.intro-banner {
grid-template-columns: 1fr;
padding: 3rem 2rem;
}

.content-block h1 {
font-size: 2.4rem;
}

.feature-box,
.feature-box.reverse-layout {
grid-template-columns: 1fr;
direction: ltr;
}

.showcase-content {
grid-template-columns: 1fr;
}

.services-list {
grid-template-columns: 1fr;
}

.footer-content {
grid-template-columns: 1fr;
}

.form-row {
grid-template-columns: 1fr;
}
}.policySection {
   padding: 80px 2rem; 
    background: #f8f9fa;
}

.policyContainer {
      max-width: 800px;
    margin:   0 auto;
   text-align: left;
}

.policyContainer h2 {
         font-size    : 2.5rem;
   color: #2c3e50;
         margin-bottom: 1.5rem;
    font-weight: 700;
}

.policyContainer p  {
  color: #7f8c8d;
    margin-bottom  :        1.5rem;
               line-height: 1.7;
  font-size: 1.1rem;
}@media (max-width: 768px) {
    .policyContainer h2 {
        font-size: 2rem;
    }

    .policyContainer p {
        font-size: 1rem;
    }

    .policySection {
        padding: 60px 1rem;
    }
}* {
	  margin: 0;
       padding     :    0;
				 box-sizing: border-box;


}

body
{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
	line-height: 1.7;
	color: #2a2a2a;
   background: #fafafa;
}

.primary-navigation {
   background: #ffffff;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
   position: sticky;
         top: 0;
    z-index: 1000;
}

.navigation-wrapper {
    max-width: 1280px;
      margin: 0 auto;
  padding: 1.2rem 2.5rem;
       display   :      flex;
   justify-content: space-between;
      align-items: center;
}

.brand-section img {
    width: auto;
   height: 48px;
}

.nav-links-container {
  display: flex;
   gap: 2.8rem;
}


.nav-item  {
   text-decoration: none;
    color: #333;
                    font-weight: 500;
   font-size:        15.5px;
    transition: color 0.25s;
}

.nav-item:hover

{
   color: #4a7c59;
}

.mobile-toggle {
  display: none;
    background: none;
   border: none;
  flex-direction: column;
   gap :     5px;
    cursor: pointer;
	
}

.hamburger-line {
                    width: 26px;
  height: 2.5px;
  background: #333;
    transition: 0.3s;
}

.intro-banner {
   max-width: 1280px;
    margin: 0 auto;
   padding: 5rem 2.5rem;
    display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.content-block h1 {
	font-size: 3.2rem;
   color     :       #1a1a1a;
   margin-bottom: 1.5rem;
    line-height: 1.2;
          font-weight: 700;
}

.lead-paragraph {
    font-size: 1.2rem;
       color: #555;
  margin-bottom:2.5rem;
}

.action-buttons {
	 display     :        flex;
   gap:     1.2rem;
}

.primary-btn, .secondary-btn {


    padding: 0.95rem 2rem;
  text-decoration: none;
   border-radius: 6px;
    font-weight: 600;
   transition: all 0.3s;
  display: inline-block;
	}

.primary-btn {
	background: #4a7c59;
    color: white;
}

.primary-btn:hover {
  background: #3d6849;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(74,124,89,0.3);
}

.secondary-btn {
    background  :   transparent;
    color: #4a7c59;
  border    :  2px solid #4a7c59;
	
}


.secondary-btn:hover {
	background: #4a7c59;
	color: white;
}  

.visual-content img {
     width: 100%;
   height: auto;
   border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);


	}

.features-display {
	 background: white;

  padding: 5rem 0;
}

.container-main {
   max-width: 1280px;
   margin: 0 auto;
   padding: 0 2.5rem;
}



.features-display h2 {
               text-align: center;
  font-size: 2.6rem;
   margin-bottom : 4rem;
   color: #1a1a1a;
}

.features-grid {
    display: flex;
  flex-direction: column;
	gap: 4rem; 
	
}

.feature-box {
   display: grid;
   grid-template-columns   :    1fr 1fr;
   gap: 3rem;
  align-items :      center;
}

.feature-box.reverse-layout
{
	    direction: rtl;
	}

.feature-box.reverse-layout > * {
  direction    : ltr;
}

.feature-content h3     {
    font-size: 1.9rem;
    margin-bottom: 1rem;
   color: #2a2a2a;
}

.feature-content p
{
  font-size: 1.05rem;

	    color: #666;

	  line-height: 1.8;
}

.feature-box img {
  width: 100%;
    height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.cta-section {

  background: linear-gradient(135deg, #4a7c59 0%, #3d6849 100%);
       padding    :5rem 2.5rem;
   text-align: center;
}

.cta-wrapper {
    max-width :        820px;
   margin: 0 auto;
}

.cta-wrapper h2 {
  color: white;
         font-size: 2.8rem;
                    margin-bottom: 1.5rem;
}

.cta-wrapper p {
	  color: rgba(255,255,255,0.9);
   font-size: 1.2rem;
    margin-bottom: 2.5rem; 
	
}

.cta-button {


       padding: 1.1rem 2.8rem;
                    background: white;
	color: #4a7c59;
    text-decoration: none;
   border-radius: 6px;
  font-weight: 700;
    font-size: 1.1rem;
    display: inline-block;
	 transition: transform 0.3s, box-shadow 0.3s;


}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.2); 

}

.services-overview {
    padding: 5rem 0;
   background: #f9f9f9; 

}

.services-overview h2 {
      text-align: center;
      font-size: 2.6rem;
   margin-bottom  :   3.5rem;
  color: #1a1a1a;
     }

.services-list {
  grid-template-columns: repeat(2, 1fr);
  display   :     grid;
  gap: 2.5rem;
}

.service-item {
  background: white;
  padding  :     2.2rem;
   border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
}

.service-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.service-item h3 {
   font-size: 1.6rem;
	 margin-bottom: 1rem;
	color: #2a2a2a; 

}

.service-item p {

	   color: #666;
   line-height: 1.7;}

.workspace-showcase {
    max-width: 1280px;
    margin   :  0 auto;
   padding: 5rem 2.5rem;
	
}

.showcase-content {
    display     : grid;
   grid-template-columns: 1.2fr 1fr;
	 gap: 3.5rem;
  align-items  : center;
}

.showcase-content img {
 width: 100%;
    height: auto;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
	}

.showcase-text h2 {
        font-size: 2.3rem;
      margin-bottom : 1.5rem;
   color: #1a1a1a;
}

.showcase-text p {
   color: #666;
         margin-bottom   :        1.2rem;
    line-height: 1.8;
}

.contact-section {
  background: white;
                    padding  :   5rem 0;
} 

.form-container {
  max-width: 720px;
    margin: 0 auto;
    padding: 0 2.5rem;
}

.form-container h2 {
     text-align: center;
         font-size: 2.6rem;
  margin-bottom: 1rem;
    color: #1a1a1a;
}

.form-description {
    text-align: center;
         color     :  #666;
   margin-bottom     :      3rem;
    font-size: 1.05rem;
}

.consultation-form {
  background: #f9f9f9;
	padding: 2.8rem;
			border-radius: 8px;


}

.form-row {
    display: grid;
               grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
	margin-bottom: 1.5rem;
}

.input-group {
   margin-bottom: 1.5rem;
}


.input-group label {
    display: block;
  margin-bottom: 0.5rem;
  color: #333;
    font-weight: 500;
}

.input-group input,
.input-group select,
.input-group textarea {
	width: 100%;
	padding: 0.85rem;
   border: 1.5px solid #ddd;
    border-radius: 5px;
    font-size: 15px;
	font-family: inherit;
    transition: border-color 0.3s;
}

.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus {
    outline: none;
   border-color: #4a7c59;
}

.submit-btn {
    width    :  100%;
    padding: 1.1rem;
	background: #4a7c59;
    color: white;
   border: none;
   border-radius: 6px;
    font-size: 1.05rem;
  font-weight :       600;
    cursor: pointer;
  transition: background 0.3s;
	}

.submit-btn:hover {
  background: #3d6849;
}

.site-footer {
  background: #1a1a1a;
	color: white;
  padding: 3.5rem 0 1.5rem;
}

.footer-content {
   max-width :       1280px;
   margin: 0 auto;
  padding :   0 2.5rem;
    display: grid;
   grid-template-columns: 1.5fr 1fr 1fr;
   gap: 3rem;
	margin-bottom: 2.5rem;
}

.footer-column img {
    height: 42px;
    margin-bottom   :1.2rem;
}

.company-description {
  color   :     #ccc;
  line-height     : 1.7;
}

.footer-column h4 {
   margin-bottom: 1.2rem;
	font-size: 1.2rem;
}

.footer-links 
 {
  list-style     : none;
}

.footer-links li {
  margin-bottom: 0.7rem;
}

.footer-links a {
   color: #ccc;
    text-decoration: none;
    transition  :   color 0.3s;

}

.footer-links a:hover

{
  color: #4a7c59;
}

.footer-column p {
    color: #ccc;
        line-height: 1.8;
}

.footer-bottom {
   text-align  :    center;
   padding-top: 2rem;
    border-top: 1px solid #333;
  color: #999;
}@media (max-width: 968px) {
.mobile-toggle {
display: flex;
}

.nav-links-container {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
flex-direction: column;
padding: 1.5rem 2.5rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
display: none;
}

.nav-links-container.active {
display: flex;
}

.intro-banner {
grid-template-columns: 1fr;
padding: 3rem 2rem;
}

.content-block h1 {
font-size: 2.4rem;
}

.feature-box,
.feature-box.reverse-layout {
grid-template-columns: 1fr;
direction: ltr;
}

.showcase-content {
grid-template-columns: 1fr;
}

.services-list {
grid-template-columns: 1fr;
}

.footer-content {
grid-template-columns: 1fr;
}

.form-row {
grid-template-columns: 1fr;
}
}.about-hero-banner {
	  background: linear-gradient(135deg, #4a7c59 0%, #3d6849 100%);
    padding: 5.5rem 2.5rem;
  text-align: center;
    color: white;

}

.hero-text-container    {


  max-width   :        880px;
  margin: 0 auto;
	}

.about-hero-banner h1 {

  font-size: 3.5rem;
   margin-bottom: 1.5rem;
   font-weight: 700;
	}

.intro-text {
   font-size: 1.3rem;
      line-height: 1.8;
  color: rgba(255,255,255,0.95);
}  

.story-section {
  background: white;

	   padding: 5rem 0; 

} 

.story-container
{
  max-width: 1280px; 
	  padding: 0 2.5rem; 
	  gap: 4rem; 
	   margin: 0 auto; 
	    display: grid; 
	    align-items: center; 
		grid-template-columns: 1.3fr 1fr;
}

.story-text h2 {
  font-size: 2.6rem;
  margin-bottom: 1.8rem;
    color: #1a1a1a;
} 

.story-text p{
	margin-bottom: 1.5rem;
    color: #666;
   line-height: 1.85;
   font-size: 1.05rem;
}

.story-visual img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}


.mission-vision {
  background: #f5f5f5;
         padding    :    4.5rem 2.5rem;
}

.mission-wrapper {
    max-width: 1180px;
   margin: 0 auto;
     display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}

.mission-block {
   background: white;
    padding: 3rem;
	border-radius    :      8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.mission-block h3 {
  font-size: 2rem;

	      margin-bottom: 1.3rem;

	  color: #2a2a2a;
}

.mission-block p {
  color :        #666;
    line-height: 1.8;
    font-size    :  1.05rem; 

}

.values-display {
    padding: 5rem 0;
   background: white;
}

.values-content {

   max-width: 1280px;
    margin: 0 auto;
    padding: 0 2.5rem; 

     } 

.values-content h2 {
   text-align: center;
   font-size: 2.6rem;
  margin-bottom: 3.5rem;
  color: #1a1a1a; 
	
}

.values-grid {
     display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}

.value-card {
                    background: #f9f9f9;
     padding: 2.5rem;
      border-radius: 8px;
      border-left: 4px solid #4a7c59;
     transition     :    transform 0.3s, box-shadow 0.3s;
}

.value-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.1); 

}

.value-card h4 {
  font-size: 1.6rem;
	   margin-bottom: 1rem;
	      color: #2a2a2a;
}

.value-card p


{
   color: #666;
   line-height: 1.75;
}

.approach-methodology {
   padding: 5rem 0;
   background: #fafafa;
}

.approach-container {
    max-width: 1280px;
  margin: 0 auto;
    padding: 0 2.5rem;
}

.approach-container h2		{
   text-align: center;
  font-size :       2.6rem;
   margin-bottom    :     3.5rem;
   color:   #1a1a1a;
}

.methodology-layout {
                    display: grid;
  grid-template-columns: 1fr 1fr;
    gap: 4rem;
  align-items: center;
}

.method-description p {
   margin-bottom: 1.5rem;
    color:   #666;
		line-height: 1.85;
  font-size: 1.05rem;
}

.method-image img {
   width: 100%;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.why-choose-section {
	padding: 5rem 0;
    background: white;
}

.why-choose-wrapper {
    max-width: 1080px;
          margin: 0 auto;
    padding:  0 2.5rem;
}

.why-choose-wrapper h2 {
  text-align: center;
    font-size   :2.6rem;
   margin-bottom: 4rem;
	 color: #1a1a1a;
}

.reasons-list {
	display:     flex;
               flex-direction    :    column;
	gap: 2.5rem;
}

.reason-item {
  display: flex;
	 gap: 2rem;
  align-items: flex-start; 

}

.reason-number
{
    font-size: 3rem;
      font-weight: 700;
   color: #4a7c59;
   line-height: 1;
   min-width :   70px;
}

.reason-content h4     {
    font-size: 1.6rem;
   margin-bottom     :     0.8rem;
  color: #2a2a2a;


}

.reason-content p {
  color: #666;
   line-height: 1.75;
}


.stats-showcase {
   background: #4a7c59;
  padding: 4rem 2.5rem;
}

.stats-wrapper  
  {
     max-width: 1280px;
  margin: 0 auto;
   display: grid;
  grid-template-columns: repeat(4, 1fr);
	 gap: 3rem;
   text-align: center;
     }

.stat-box {
    display:     flex;
    flex-direction: column;
     gap: 0.8rem;
}

.stat-number {
    font-size   :       3.2rem;
	 font-weight: 700;
      color: white;
}

.stat-label  {
   font-size  :   1.05rem;
  color: rgba(255,255,255,0.9);
}

.cta-about-section {
	 padding: 5rem 2.5rem;
	text-align: center;
    background  :        #f9f9f9;
}

.cta-about-content {
	max-width :  780px;
    margin: 0 auto;
}

.cta-about-content h2 {
	  font-size: 2.6rem;
  margin-bottom    :1.5rem;
    color: #1a1a1a;
	}

.cta-about-content p {
  font-size   : 1.15rem;
  color: #666;
   margin-bottom: 2.5rem;
}

.cta-about-btn {

    padding    :   1.1rem 2.5rem;

	   background: #4a7c59;

	   color: white;

	  text-decoration: none;

		border-radius    :       6px;

	    font-weight: 600;

	  display: inline-block;

		 transition: all 0.3s;

}

.cta-about-btn:hover {
    background: #3d6849;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(74,124,89,0.3);
}

.thankyou-main-section {

  padding: 5rem 2.5rem;
		 background: white;
	   min-height: 60vh;

}

.thankyou-container {
    max-width: 820px;
   margin: 0 auto;
    text-align: center;
}

.success-icon-wrapper {
   margin-bottom: 2rem;
}

.success-checkmark {
  display: inline-block;
    animation: scaleIn 0.5s ease-out;
}@keyframes scaleIn {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}.thankyou-container h1 {

	    font-size    :    2.8rem; 
   color: #1a1a1a; 
   margin-bottom: 1.2rem;}

.thankyou-message    {
    font-size: 1.15rem;
	color    :      #666;
   margin-bottom: 3rem;
    line-height: 1.7;
}

.next-steps-block {
   background: #f9f9f9;
    padding     :   2.5rem;
    border-radius: 8px;
   margin-bottom: 3rem;
   text-align: left;
}

.next-steps-block h3 {
   font-size: 1.8rem;
  margin-bottom: 2rem;
  color: #2a2a2a;
   text-align: center;
}

.steps-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.step-item {
    gap: 1.5rem;
  align-items: flex-start;
    display: flex;
}

.step-num {
   background: #4a7c59;

	 color: white;

    width : 40px;

    height: 40px;

    border-radius: 50%;

    display: flex;

  align-items: center;

  justify-content: center;

   font-weight: 700;

    flex-shrink  : 0;
}

.step-item p {
    color: #666;
   line-height: 1.7;
	padding-top: 8px; 

}

.thankyou-actions {
   display: flex; 
	         gap: 1.5rem; 
	         justify-content: center; 
		 margin-bottom: 3rem;
}

.btn-home, .btn-about {
  padding: 1rem 2.2rem;
    text-decoration: none;
   border-radius: 6px;
                    font-weight  :600;
	 transition: all 0.3s;
   display    :     inline-block;
}

.btn-home {
   background: #4a7c59;
   color    :   white;
}

.btn-home:hover {
   background: #3d6849;
  transform: translateY(-2px);
}

.btn-about {
   background: transparent;
  color    :    #4a7c59;
    border: 2px solid #4a7c59;
}

.btn-about:hover {
       background: #4a7c59;
    color: white;
     }

.additional-info-box {
    background: #fffbf0;
  border: 1.5px solid #e6d89f;
         padding: 2rem;
   border-radius: 8px;
    text-align: left;
}

.additional-info-box h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  color: #2a2a2a;
}



.additional-info-box p {
    color: #666;
   margin-bottom  :      0.6rem;
}

.contact-phone, .contact-address {
      font-size: 1.05rem;
}


.while-you-wait {
   background: #fafafa;
  padding: 5rem 2.5rem;
}

.wait-container   {
   max-width: 1280px;
   margin: 0 auto;
}

.wait-container h2		{
	text-align: center;
    font-size: 2.4rem;
        margin-bottom: 3.5rem;
   color: #1a1a1a;
}

.preview-cards {
       display: grid;
  grid-template-columns: repeat(3, 1fr);
 gap: 2.5rem;
	}

.preview-card {
  background: white;
   border-radius   :     8px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
   transition: transform 0.3s;
	
}

.preview-card:hover {
  transform: translateY(-5px);
	
}

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



.preview-card h4 {
    font-size: 1.4rem;
    padding: 1.5rem 1.5rem 0.5rem;
    color: #2a2a2a;
}

.preview-card p    {
    padding: 0 1.5rem 1.5rem;
	color: #666;
    line-height: 1.7;
}@media (max-width: 968px) {
.about-hero-banner h1 {
font-size: 2.4rem;
}

.intro-text {
font-size: 1.1rem;
}

.story-container {
grid-template-columns: 1fr;
}

.mission-wrapper {
grid-template-columns: 1fr;
}

.values-grid {
grid-template-columns: 1fr;
}

.methodology-layout {
grid-template-columns: 1fr;
}

.stats-wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}

.thankyou-container h1 {
font-size: 2.2rem;
}

.thankyou-actions {
flex-direction: column;
}

.preview-cards {
grid-template-columns: 1fr;
}
}