* {

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

body	{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.7;
         color: #2a2a2a;
    background: #fafafa;
}

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

.nav-wrapper  
  {
   max-width: 1320px;
	 margin: 0 auto;
   padding: 0 2rem;
    display: flex;
               justify-content: space-between;
   align-items: center;
}

.brand-section a {
   display: block;
}

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

.nav-links {
	 align-items: center;
  gap: 2.5rem;
    display: flex;
	
}

.link-item {
	    text-decoration: none;
     color: #333333;
    font-weight: 500;
  font-size: 1.05rem;
   transition: color 0.3s ease;
  position: relative;
	}

.link-item:hover {
    color: #ff6b35;
}

.link-item::after {
  content: '';
   position: absolute;
     bottom: -5px;
    left: 0;
  width: 0;
   height: 2px;
   background: #ff6b35;
    transition    :  width 0.3s ease;
}

.link-item:hover::after {
       width: 100%;
}

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

.toggle-line {

    width: 28px;
  height: 3px;
    background: #333;
    border-radius: 3px;
  transition: all 0.3s ease;


}

.main-showcase {

	   padding: 5rem 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
	
     }

.showcase-content


{
				 max-width  :1320px;

	  margin: 0 auto;

	  display   :     grid;

	  grid-template-columns: 1.1fr 0.9fr;

	  gap: 4rem;

	   align-items: center;
}

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

.lead-text {
         font-size  :      1.25rem;
   color    :        #f0f0f0;
    margin-bottom: 2.5rem;
  line-height: 1.8;
	
}

.action-group {
    display: flex;
    gap: 1.5rem;
  flex-wrap: wrap;
}

.primary-action, .secondary-action {
  padding: 1rem 2.5rem;
  text-decoration     :     none;
    border-radius: 8px;
   font-weight: 600;
   font-size  :     1.1rem;
   transition: all 0.3s ease;
  display: inline-block;
}

.primary-action {
       background: #ff6b35;
    color: #ffffff;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
}

.primary-action:hover	{
	  background: #e55a2b;

  transform: translateY(-2px);

  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.5); 
	

}

.secondary-action {
	  background: rgba(255,255,255,0.2);
          color: #ffffff;
  border: 2px solid rgba(255,255,255,0.8);
     }

.secondary-action:hover {
  background: rgba(255,255,255,0.3); 
   border-color: #ffffff;

}

.visual-block img {
  width: 100%;
  height: auto;
   border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.benefits-area, .methodology-section, .program-details, .testimonials-area, .contact-section {
  padding: 5rem 2rem;
}

.section-container {
   max-width: 1320px;
   margin   :      0 auto;
}  

.benefits-area h2, .methodology-section h2, .program-details h2, .testimonials-area h2, .contact-header h2 {
    font-size: 2.5rem;
  text-align: center;
  margin-bottom: 3rem;
  color: #1a1a1a;
    font-weight: 700;
}

.benefits-grid

{
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 2rem;
}  

.benefit-card {
	 background    :        #ffffff;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit-card:hover {
	  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
	}

.benefit-card h3 {
    font-size: 1.5rem;
   margin-bottom: 1rem;
  color: #667eea;
}

.benefit-card p {
  color: #555555;
    line-height: 1.7;
}

.methodology-section {
   background    :#f8f9fa;
}



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

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

.method-content h2 {
   text-align: left;
  margin-bottom: 1.5rem;
}

.method-content p {
   color: #444444;
   margin-bottom: 2rem;
       font-size: 1.1rem;
}

.method-steps {
  padding: 0;
   list-style: none;
}

.method-steps li {
    padding: 1rem 0 1rem 2.5rem;
  position: relative;
    color: #333333;
  font-size: 1.05rem;
}

.method-steps li::before {


    -moz-border-radius   :        50%;
  content: '✓';
    position :   absolute;
    left: 0;
    top: 1rem;
    -webkit-border-radius: 50%;
    width: 28px;
    height: 28px;
       background: #667eea;
  color     :   #ffffff;
   border-radius: 50%;
   display  :    flex;
    align-items: center;
  justify-content: center;
               font-weight  :       bold;
     }

.details-wrapper    {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	 gap: 2.5rem;
}

.detail-item {
         background: #ffffff;
   border-radius: 10px;
    overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.detail-item:hover {
  transform: translateY(-8px);
}

.detail-item img {
	width: 100%;
    height    :        240px;
   object-fit: cover;
}

.detail-item h3 {

   padding: 1.5rem 1.5rem 0.5rem;
   color :     #1a1a1a;
    font-size: 1.4rem;
	}

.detail-item p   {
    padding: 0 1.5rem 1.5rem;
  color: #555555;
    line-height: 1.7;
}

.cta-banner {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
	padding: 4rem 2rem;
  text-align: center;
}

.banner-inner 
 {
      max-width: 900px;
    margin: 0 auto;
}

.banner-inner h2 {
  font-size: 2.8rem;
    color: #ffffff;
  margin-bottom: 1rem;
    font-weight: 700;
}

.banner-inner p   {
  font-size: 1.2rem;
    color: #ffffff;
    margin-bottom: 2rem;
   opacity: 0.95;
}

.cta-button {
  display: inline-block;
    padding  :    1.2rem 3rem;
   background :   #ffffff;
  color: #f5576c;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 700;
  font-size: 1.15rem;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    transition :       all 0.3s ease;
}

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

.testimonials-area     {
  background: #f8f9fa;
}

.testimonials-grid {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.testimonial-box {
       background: #ffffff;
  padding: 2rem;
   border-radius: 10px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
  border-left: 4px solid #667eea;
}

.testimonial-box p   {
  color: #444444;
    font-style: italic;
  margin-bottom   :     1.5rem;
   line-height: 1.8; 

}

.author-info {
   display: flex;
      flex-direction: column;
   	 gap: 0.3rem;
}

.author-info strong {
       color: #1a1a1a;
    font-size: 1.1rem;


	}

.author-info span {


    color: #777777;
   font-size: 0.95rem;


}

.contact-section  {
     background: #ffffff;
}

.contact-header {
   text-align: center;
   margin-bottom: 3rem;
}

.contact-header p {
	color: #666666;
          font-size: 1.1rem;
}

.contact-layout {
  display: grid;
          grid-template-columns: 1.5fr 1fr;
	 gap: 4rem;
}

.contact-form {
        border-radius: 10px;
   padding: 2.5rem;
                    background: #f8f9fa;
}

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

}

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

.form-group label {
   display: block;
  margin-bottom: 0.5rem;
    color :#333333;
   font-weight: 600;
}

.form-group input, .form-group select, .form-group textarea {
   width: 100%;
  padding: 0.9rem;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  font-size: 1rem;
   font-family:     inherit;
    transition: border-color 0.3s ease;
}

.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  outline: none;
  border-color    :        #667eea;
}

.submit-btn {
    width  :       100%;
    padding: 1rem;
	background: #667eea;
	 color: #ffffff;
   border: none;
  border-radius     :        6px;
  font-size: 1.1rem;
   font-weight: 600;
  cursor: pointer;
      transition: background 0.3s ease;
}

.submit-btn:hover     {
   background:  #5568d3;
}

.contact-info {
  display: flex;
  flex-direction: column;
    gap: 2rem;
}

.info-block h3 {
    font-size  : 1.3rem;
    margin-bottom: 0.8rem;
          color: #1a1a1a;
}

.info-block p     {
	 color: #555555;
        line-height: 1.8; 

}

.site-footer {
   background: #1a1a1a;
    color :        #cccccc;
    padding: 3rem 2rem 1.5rem;


}

.footer-content {
                    max-width: 1320px;
  margin: 0 auto;
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	 gap  :   3rem;
   margin-bottom: 2rem;
}

.footer-logo {
    height: 42px;
  width: auto;
  margin-bottom: 1rem;
  filter: brightness(0) invert(1);
}

.footer-description {
	  color: #aaaaaa;
    line-height: 1.7;
}

.footer-section h4 {
   color: #ffffff;
    margin-bottom: 1rem;
    font-size:       1.2rem;
}

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

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

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

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

.footer-bottom {
  max-width: 1320px;
 margin: 0 auto;
   padding-top: 2rem;
  border-top: 1px solid #333333;
  text-align: center;
    color: #888888;
}@media (max-width: 768px) {
    .nav-toggle {
        display: flex;
    }
    
    .nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #ffffff;
        flex-direction: column;
        padding: 2rem;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        display: none;
    }
    
    .nav-links.active {
        display: flex;
    }
    
    .showcase-content {
        grid-template-columns: 1fr;
    }
    
    .text-block h1 {
        font-size: 2.2rem;
    }
    
    .method-layout {
        grid-template-columns: 1fr;
    }
    
    .contact-layout {
        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 {
   color: #2c3e50;
    margin-bottom: 1.5rem;
  font-weight: 700;
      font-size: 2.5rem;
}

.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;
    }
}.about-hero-zone {
     background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
   padding: 4.5rem 2rem;
   text-align: center; 
	
}

.hero-inner-wrap {
	 max-width    : 880px;
         margin    :    0 auto;
}

.hero-inner-wrap h1 {
	font-size: 3rem;
    color: #ffffff;
   margin-bottom: 1.2rem;
 font-weight: 700;
}

.intro-paragraph {
    font-size: 1.3rem;
 color: #f5f5f5;
   line-height: 1.8;
}

.story-segment {
    padding: 5rem 2rem;
  background   :    #ffffff;
}

.story-grid {
   display: grid;
    grid-template-columns    :0.9fr 1.1fr;
    gap: 3.5rem;
   align-items: center;
}

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

.story-text h2{

	 font-size: 2.3rem;
  margin-bottom: 1.5rem;
   color: #1a1a1a;
     }

.story-text p {
	   margin-bottom     : 1.3rem;
	  color    :       #444444;
	  line-height: 1.8;
	  font-size: 1.05rem; 



}

.values-area {
   padding: 5rem 2rem; 
    background: #f9f9f9; 
	
}

.values-layout {
    display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
  gap: 2.2rem;
}

.value-box {
    background: #ffffff;
    padding: 2.2rem;
       border-radius: 10px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.07);
    border-top: 4px solid #4facfe;
 transition: transform 0.3s ease;
}

.value-box:hover {
  transform: translateY(-6px);
}

.value-box h3 {
   font-size: 1.4rem;
    margin-bottom: 1rem;
  color: #2a2a2a;
}

.value-box p {
    color: #555555;
    line-height: 1.7;
}

.methodology-deep {


               padding: 5rem 2rem;
    background: #ffffff;


}

.method-showcase {
	margin: 0 auto; 
   max-width: 1100px;
}

.method-description		{

	   text-align:   center;
    margin-bottom: 3.5rem;

}

.method-description p {
  font-size: 1.15rem; 
  color: #444444; 
    line-height: 1.8; 
   margin-bottom :     1rem; 
   max-width: 820px; 
  margin-left: auto; 
  margin-right     :   auto;
}

.pillars-container {
  display    :  grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2.5rem;
}

.pillar-item {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 2.5rem;
  border-radius: 12px;
    color     :#ffffff;
   position: relative;
}

.pillar-number 
 {
   font-size: 3.5rem;
    font-weight: 700;
	 opacity    :      0.3;
       position: absolute;
  top: 1rem;
  right: 1.5rem;
}

.pillar-item h3 {
   font-size:     1.5rem;
  margin-bottom: 1rem;
	 position: relative;
  z-index: 1;
}

.pillar-item p		{


	line-height: 1.7;
 opacity: 0.95;
    position: relative;
	z-index: 1;
     }

.expertise-showcase {
   padding: 5rem 2rem;
  background: #f8f9fa;
}

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

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


.expertise-content h2 {
	 font-size: 2.3rem;
 margin-bottom: 2rem;
    color: #1a1a1a;
}

.stats-display {
   display     :  grid;

	 grid-template-columns: 1fr 1fr;

		 gap: 2rem;
}

.stat-piece {
    display: flex;
   flex-direction: column;
   gap: 0.5rem;
}

.stat-value {
   font-size: 2.8rem;
   font-weight: 700;
   color: #4facfe;
}

.stat-label {
  font-size: 1.05rem;
   color: #555555;

}

.approach-details {


      padding: 5rem 2rem;
  background: #ffffff;
	}


.approach-timeline {
   max-width     :       900px;
    margin: 0 auto;
   position: relative;
	
}

.approach-timeline::before {
  content: '';
    position: absolute;
    left: 30px;
  top: 0;
  bottom: 0;
   width: 3px;
   background: #e0e0e0;
}

.timeline-step {
        position: relative;
	padding-left: 80px;
               margin-bottom: 3rem;
}

.step-marker {
   position: absolute;
   box-shadow: 0 0 0 4px #e0e0e0;
   left: 18px;
 border  :4px solid #ffffff;
          border-radius: 50%;
   height    :     27px;
  top: 5px;
    width: 27px;
   background: #4facfe;
}

.step-content h3 {
   color: #1a1a1a;
   font-size: 1.5rem;
   margin-bottom   :     0.8rem;
}

.step-content p {
    color: #555555;
        line-height: 1.7;
}

.commitment-zone {
    padding: 5rem 2rem;
   background: #f9f9f9;
}

.commitment-wrapper

{

   display   :grid;
    grid-template-columns: 1fr 1.2fr;
    gap:  3.5rem;
    align-items: center;


}

.commitment-wrapper img     {


				 width: 100%;
         border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.commitment-text h2 {
    font-size   :  2.2rem;
    margin-bottom: 1.3rem;
  color  : #1a1a1a;
}



.commitment-text > p {
    color: #444444;
    margin-bottom: 1.8rem;
    line-height: 1.7;
    font-size: 1.05rem;
}

.commitment-list		{

   list-style: none;
  padding: 0;
}


.commitment-list li {
    padding: 0.9rem 0 0.9rem 2.5rem;
  position: relative;
    color: #333333;
   line-height: 1.7;
}

.commitment-list li::before {
  content: '→';
   position: absolute;
   left: 0;
   color: #4facfe;
    font-size: 1.4rem;
    font-weight: bold;
}

.cta-about-section {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      padding: 4.5rem 2rem;
           text-align: center;
}

.cta-about-inner {
   max-width: 820px;

	   margin: 0 auto;
}

.cta-about-inner h2 {
  font-size: 2.6rem;
	color: #ffffff;
   margin-bottom: 1.2rem;
    font-weight: 700;
}

.cta-about-inner p {
         font-size: 1.2rem;
   color: #f0f0f0;
	margin-bottom: 2rem;

}

.cta-about-btn {
    display: inline-block;
  padding: 1.1rem 2.8rem;
    background: #ff6b35;
      color: #ffffff;
    text-decoration: none;
  border-radius: 8px;
    font-weight: 600;
   font-size: 1.1rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
}

.cta-about-btn:hover {

	   background: #e55a2b;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.5);}

.thankyou-hero {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    padding  :     6rem 2rem;
    text-align: center;
}

.thankyou-container {
        max-width: 750px;
    margin: 0 auto;

}

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

.checkmark-circle {
    width: 100px;
	height: 100px;
  background: rgba(255,255,255,0.3);
    border-radius: 50%;
   display: inline-flex;
    align-items     :        center;
   justify-content: center;
  position: relative;
}

.checkmark-symbol {


  width: 50px; 
  height: 50px; 
  background: #ffffff; 
        border-radius: 50%; 
               position: relative;


}

.checkmark-symbol::after {
  content: '✓';
 position: absolute;
	top: 50%;
   left :     50%;
  transform: translate(-50%, -50%);
   color  :  #43e97b;
  font-size: 2rem;
  font-weight: bold;
}

.thankyou-hero h1    {
	font-size: 3rem;
   color: #ffffff;
    margin-bottom: 1.2rem;
  font-weight: 700;
}

.thankyou-lead {
  font-size: 1.25rem;
    color   :     #f5f5f5;
     line-height    :       1.7;
}

.next-steps-area {
   padding     : 5rem 2rem;
  background :  #ffffff;
}

.steps-sequence {
         display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap:        2.5rem;
}

.sequence-item {
  background   :    #f8f9fa;
  padding: 2.2rem;
  border-radius: 10px;
    text-align   :      center;
    position: relative;
  box-shadow: 0 3px 15px rgba(0,0,0,0.06);
}

.sequence-num {
	width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    color: #ffffff;
   border-radius: 50%;
  display: flex;
   align-items: center;
	justify-content :center;
  font-size: 1.8rem;
  font-weight: 700;
          margin: 0 auto 1.5rem;
}

.sequence-item h3 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #1a1a1a;
}

.sequence-item p {
    color: #555555;
    line-height   :1.7;
}

.meantime-section {
	  padding    :    5rem 2rem;
    background:    #f9f9f9;
     }

.meantime-content		{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2.5rem;
}

.meantime-card   {
          background: #ffffff;
    border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

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

.meantime-card h3 {
    padding  :   1.5rem 1.5rem 0.5rem;
   font-size :     1.4rem;
   color: #1a1a1a;
}

.meantime-card p {
	padding: 0 1.5rem 1rem;
    color: #555555;
   line-height: 1.7;
}

.meantime-link


{
  -o-transition: background 0.3s ease;
   display: inline-block;
   margin :0 1.5rem 1.5rem;
   padding: 0.7rem 1.8rem;
    background: #43e97b;
    color: #ffffff;
   -moz-transition   :       background 0.3s ease;
    text-decoration: none;
  border-radius: 6px;
    font-weight: 600;
  transition  :      background 0.3s ease;
}

.meantime-link:hover {
   background     :       #3ad66d;
}

.reassurance-zone 
 {
	   padding   :     4rem 2rem;
	background: #ffffff;
  text-align: center;
	}

.reassurance-inner {
   max-width: 750px;
   margin     :0 auto;
}

.reassurance-inner h2 {
    font-size:    2.2rem;
   margin-bottom: 1rem;
    color: #1a1a1a;
}

.reassurance-inner p {
  color: #555555;
     line-height: 1.7;
     margin-bottom    :      1.5rem;
}

.policy-links


{
  display : flex;
   justify-content: center;
    align-items: center;
   gap: 1rem;
	
}

.policy-links a {
   color: #43e97b;
    text-decoration  :none;
   font-weight: 600;
  transition: color 0.3s ease;
}

.policy-links a:hover {
  color: #3ad66d;
}

.separator {
  color: #cccccc;
}

@media (max-width: 768px) {
    .story-grid, .method-layout, .expertise-grid, .commitment-wrapper {
        grid-template-columns: 1fr;
    }
    
    .hero-inner-wrap h1, .thankyou-hero h1 {
        font-size: 2.2rem;
    }
    
    .approach-timeline::before {
        left: 15px;
    }
    
    .timeline-step {
        padding-left: 60px;
    }
    
    .step-marker {
        left: 3px;
    }
    
    .stats-display {
        grid-template-columns: 1fr;
    }
}