*

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

body {
  font-family: 'Segoe UI', Tahoma, sans-serif;
    line-height: 1.7;
   color :  #2c3e50;
   background: #ffffff;
}

.content-container {
   max-width: 1240px;
	margin    :      0 auto;
    padding: 0 22px;

}

.main-navigation    {
   background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    position    :    sticky;
   top: 0;
    z-index: 1000;
  transition: all 0.3s ease;
}

.main-navigation.scrolled {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
	
}

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

.site-logo {
  height: 48px;
	width: auto;
}

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


}

.burger-line {
	width: 26px;
   height: 3px;
   background   : #34495e;
    transition: 0.3s;
      border-radius:      2px;
}

.nav-trigger.open .burger-line:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.nav-trigger.open .burger-line:nth-child(2) {
	    opacity: 0;

}

.nav-trigger.open .burger-line:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

.nav-menu {
    display: flex;
  gap: 35px;
}

.nav-link {
    color: #34495e;
   text-decoration: none;
  font-weight: 500;
  font-size: 15.5px;
    padding: 8px 0;
    transition: color 0.3s;
	 position: relative;
     }

.nav-link:hover,
.nav-link.active {
          color: #3498db;
}

.nav-link.active::after {
  content: '';
    position: absolute;
   bottom: 0;
  left: 0;
   width: 100%;
  height: 2px;
  background: #3498db;
}  

.hero-banner {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   padding: 95px 0;
  color: white;
}

.hero-content h1 {
  font-size: 46px;
   margin-bottom: 24px;
    font-weight: 700;
    line-height: 1.25;
}

.lead-text {
    font-size: 19px;
  margin-bottom: 38px;
  opacity: 0.95;
    line-height    :        1.8;


}

.cta-buttons {
   display: flex;
  gap: 18px;
    flex-wrap: wrap;
}

.btn-primary,
.btn-secondary {
   padding : 15px 32px;
    text-decoration: none;
    border-radius: 6px;
   font-weight: 600;
  font-size: 16px;
   transition:    all 0.3s;
	 display    :       inline-block;
}

.btn-primary {
		 background: #fff;
    color: #667eea;}

.btn-primary:hover {
       background: #f8f9fa;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

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

.btn-secondary:hover {

	  background: rgba(255,255,255,0.15);
	}

.hero-visual {

	 margin-top   :      48px;


}

.hero-visual img {
  width: 100%;
   border-radius :        12px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25); 

}

.benefits-area {
       padding: 88px 0;
	background: #f8f9fa;
	}  

.section-heading {
   text-align: center;
    font-size: 38px;
  margin-bottom: 58px;
     color: #2c3e50;
    font-weight     :   700;
}

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

.benefit-card {
    background: white;
   padding: 36px 28px;
	 border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
   transition: transform 0.3s, box-shadow 0.3s;
}  

.benefit-card:hover {
  transform: translateY(-6px); 
	  box-shadow: 0 12px 28px rgba(0,0,0,0.14);
}

.card-icon {
    font-size: 32px;
   font-weight: 800;
       color: #667eea;
  margin-bottom: 18px;
}

.benefit-card h3 {
  font-size: 22px;
   color: #34495e;
   margin-bottom    :       14px;
}

.benefit-card p {
   color   :  #5a6c7d;
	 line-height: 1.75;


}

.services-showcase {
    padding: 88px 0;
}

.showcase-layout {
     display: flex;
  gap: 58px;
    align-items :  center;
	
}

.showcase-image {
   flex: 1;
}

.showcase-image img {
   width: 100%;

	border-radius: 10px;

  box-shadow: 0 10px 40px rgba(0,0,0,0.12);
     }

.showcase-text {
  flex: 1;
}

.showcase-text h2 {
    font-size: 36px;
  margin-bottom :38px;
       color: #2c3e50;
}

.program-item {
  margin-bottom: 32px; 
	  padding-left: 24px; 
	    border-left: 4px solid #667eea;
}

.program-item h4 {


   font-size: 20px;
  margin-bottom: 10px;
    color: #34495e; 

     }



.program-item p {
    color: #5a6c7d;
}

.methodology-section {
	padding: 88px 0;
    background: #f8f9fa;
}

.method-blocks

{
  display: flex;
  flex-direction: column;
   gap: 68px;
}

.method-block {
    display: flex;
   align-items     :center;
  gap: 48px; 
	
}



.method-block.reverse   {
    flex-direction: row-reverse;
}

.method-block img {
   width: 48%;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.1);

}

.method-content {
  flex: 1;
}

.method-content h3 {

   font-size:  28px;
  margin-bottom    :        18px;
	color  :     #2c3e50;
}

.method-content p {
  font-size: 17px;
	color   :       #5a6c7d;
  line-height: 1.8; 

}

.cta-section {

   padding   :        88px 0;
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color: white;


}


.cta-box {
      text-align: center;
    max-width: 780px;
   margin: 0 auto;


}

.cta-box h2 {
          font-size: 40px;
    margin-bottom: 22px;
}

.cta-box p {
    font-size: 19px;
   margin-bottom: 35px;
    opacity: 0.95;
}

.btn-cta-large {
  display   :     inline-block;
   background: #fff;
  color: #667eea;
  padding: 18px 48px;
	text-decoration: none;
  border-radius: 8px;
    font-weight: 700;
   font-size: 18px;
 transition:all 0.3s;
}

.btn-cta-large:hover   {
  background: #f8f9fa;
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.2);

}

.cta-note {
	    display: block;
	margin-top: 18px;
    font-size: 15px;
     opacity: 0.85;
     }

.testimonials-area   {
   padding: 88px 0; 
	
}

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

.testimonial-card {
   background: #f8f9fa;
   padding: 36px 28px;
          border-radius: 10px;
  border-left: 4px solid #667eea;
}

.testimonial-text     {
  font-size: 16px;
    font-style: italic;
    color: #34495e;
                    margin-bottom: 24px;
	line-height: 1.75;
} 

.testimonial-author    {
  display: flex;
  flex-direction: column;
}

.testimonial-author strong {

       color: #2c3e50;
  font-size: 17px;}

.testimonial-author span {
  color: #7f8c8d;
   font-size :  14px;
  margin-top: 4px;
}

.contact-section


{
	padding: 88px 0;
  background: #f8f9fa;
}

.contact-layout {
	 display:      flex;
  gap: 58px; 

}

.contact-info-side {
	  flex: 1; 
	}

.contact-info-side h2 {
  font-size: 36px;
   color: #2c3e50;
	 margin-bottom  :    22px;
}

.contact-intro  
  {
    font-size: 17px;
    color: #5a6c7d;
  margin-bottom: 38px;
    line-height: 1.8;
}


.info-blocks {
  display: flex;
   flex-direction: column;
   gap: 28px;
}

.info-item h4 {
         font-size: 18px;
   color: #34495e;
   margin-bottom: 8px;
}

.info-item p {
    color: #5a6c7d;
  line-height: 1.6;
}

.contact-form-side {
  flex: 1;
    background: white;
	 padding: 42px 36px;
    border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
} 

.form-group {
   margin-bottom: 24px;
}

.form-group label {
                    display: block;
	margin-bottom: 8px;
    color: #34495e;
   font-weight: 500;
    font-size    :    15px;
}


.form-group input,
.form-group select,
.form-group textarea{
    width: 100%;
  font-size: 15px;
    border-radius: 6px;
  font-family: inherit;
  border :      1px solid #dfe4ea;
    padding   :        13px 16px;
  transition: border-color 0.3s;
}

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

.btn-submit    {
  width: 100%;
	     background   :        #667eea;
	  color    :white;
	  padding    :15px;
	    border: none;
	    border-radius: 6px;
	   font-size: 17px;
	         font-weight:        600;
	 cursor :    pointer;
	  transition    :     background 0.3s;
}

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

.site-footer {
    background: #2c3e50;
    color: white;
   padding: 58px 0 28px;
}

.footer-grid {
  display: grid;
   grid-template-columns: 2fr 1fr 1fr;
  gap: 48px;
    margin-bottom: 42px;

}

.footer-logo {
    height: 42px;
   margin-bottom: 18px;
}



.footer-desc {
   color: #bdc3c7; 
	   line-height    :     1.7; 
	    font-size :       15px;
}

.footer-col h4 {
   margin-bottom: 18px;
      font-size: 18px;

}

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


.footer-links li     {
 margin-bottom    :      10px;
}

.footer-links a {

         color    :     #bdc3c7;
  text-decoration: none;
    transition: color 0.3s;
    font-size   :     15px;
}

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

.footer-contact {
    list-style: none;
   color: #bdc3c7;
  font-size: 15px;
}

.footer-contact li {


   margin-bottom: 8px;
	}

.footer-bottom {
     color     :     #95a5a6;
   text-align: center;
          font-size: 14px;
   padding-top: 24px;
   border-top:    1px solid #34495e;
     }  @media (max-width: 968px) {
.nav-trigger {
display: flex;
}
.nav-menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
flex-direction: column;
gap: 0;
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.nav-menu.active {
max-height: 400px;
padding: 16px 0;
}
.nav-link {
padding: 14px 22px;
}
.showcase-layout {
flex-direction: column;
}
.method-block,
.method-block.reverse {
flex-direction: column;
}
.method-block img {
width: 100%;
}
.contact-layout {
flex-direction: column;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.hero-content h1 {
font-size: 36px;
}
}

@media (max-width: 640px) {
.hero-content h1 {
font-size: 30px;
}
.section-heading {
font-size: 30px;
}
.benefits-grid {
grid-template-columns: 1fr;
}
.cta-buttons {
flex-direction: column;
}
.btn-primary,
.btn-secondary {
text-align: center;
}
.testimonials-grid {
grid-template-columns: 1fr;
}
}.page-header-section {
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 68px 0 58px;
    text-align: center;
   color: #fff;
}

.page-title {
  font-size: 48px;
               margin-bottom: 16px;
 font-weight: 700;
}

.page-subtitle {
   font-size: 20px;
  opacity: 0.92;
}

.story-section {
   padding: 78px 0;
}

.story-wrapper {
    display: flex;
     gap: 52px;
    align-items: center;
}

.story-content {
  flex: 1.2;
}

.story-content h2 {
    font-size: 36px;
    margin-bottom:    28px;
    color: #2c3e50;
}

.story-content p
	{

   font-size: 17px;
    color: #5a6c7d;
  margin-bottom: 22px;
   line-height: 1.85;


}  

.story-image{
      flex: 1;
}

.story-image img {
  width: 100%;
   border-radius     :    10px;
  box-shadow: 0 12px 36px rgba(0,0,0,0.12);
} 

.mission-values {
    padding: 78px 0;
    background: #f8f9fa;
}

.values-display
	{
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
    margin-top: 42px;
}

.value-box {
    background: white;
       padding: 32px 24px;
    border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.07);
}

.value-number {
    font-size: 42px;
	font-weight: 800;
   color:#667eea;
         margin-bottom  :14px;
    opacity: 0.3;
}

.value-box h3 {

   font-size: 21px;
   margin-bottom: 12px;
   color: #34495e;
	}

.value-box p {
                    color: #5a6c7d;
  line-height    :  1.75;
  font-size: 16px; 
	
}

.approach-section {
    padding: 78px 0;
}



.approach-grid {
    display: flex;
  flex-direction: column;
   gap: 58px;
	margin-top: 42px;
}

.approach-item {
		 display: flex;
       gap: 44px;
  align-items: flex-start;
}

.approach-item.reverse 
 {


  flex-direction:   row-reverse;
	}

.approach-item img


{
  width: 42%;
	border-radius: 8px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.1);
}

.approach-text {
       flex: 1;
     }

.approach-text h3 {
   font-size :   26px;
  margin-bottom: 18px;
	 color: #2c3e50;
}

.approach-text p 
 {
          font-size: 16px;
       color: #5a6c7d;
    line-height: 1.8;
  margin-bottom: 16px;
}

.team-intro     {
 padding    : 78px 0;
	  background: #f8f9fa;
}

.team-description {
   text-align: center;
    max-width: 820px;
    margin: 0 auto 48px;
   font-size: 18px;
    color: #5a6c7d;
  line-height: 1.8;
}

.expertise-blocks {
		display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   gap: 32px;
}

.expertise-card {
   background   :   white;
                    padding: 38px 28px;
  border-radius: 8px;
   text-align: center;
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}

.expertise-card h4
	{
	font-size: 22px;
    color: #667eea;
   margin-bottom: 14px;


}

.expertise-card p {
	    color :     #5a6c7d;
    font-size: 16px;
  line-height: 1.7;}

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

.reasons-layout {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
  margin-top: 42px;
}

.reason-block{

   background: #f8f9fa;
	    padding: 32px 26px;
	    border-radius: 8px;
	  border-top: 4px solid #667eea;
     }

.reason-block h3 {
    font-size: 20px;
	margin-bottom: 12px;
  color: #34495e;
}

.reason-block p {
  color: #5a6c7d;
  font-size: 16px;
    line-height: 1.75;
}

.cta-about {
                    padding: 78px 0; 
	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
	   color: white;
}

.cta-content-box {
  text-align: center;
   max-width: 740px;
    margin: 0 auto;
}  

.cta-content-box h2 {
	font-size: 38px; 
	   margin-bottom:     20px;
}

.cta-content-box p  {


   font-size     :   18px;
   opacity: 0.94;
	 margin-bottom:   32px;

     }

.thankyou-hero {
  padding: 88px 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
}

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

.success-icon-box {
    margin-bottom     :       32px;
    display: flex;
	justify-content: center;
}

.thankyou-title {
  font-size: 44px; 
      margin-bottom: 22px; 
  font-weight: 700;
}

.thankyou-message		{
   font-size: 19px;
	margin-bottom: 42px;
   opacity: 0.95;
   line-height :       1.75;
}

.next-steps {
  background: rgba(255, 255, 255, 0.15);
    padding: 32px 28px;
    border-radius: 8px;
   margin-bottom: 38px;
    text-align: left;
}

.next-steps h3 {
   font-size: 24px;
  margin-bottom: 18px;
   text-align: center;
}

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

.steps-list li {
  padding: 12px 0 12px 32px;
   position    :        relative;
         font-size:   16px;
  line-height: 1.7;
}

.steps-list li::before {
  content: "✓";
   position: absolute;
  left: 0;
    font-weight: 700;
    font-size: 18px;
}

.thankyou-actions {
  display  :     flex;
   gap  :   16px;
	justify-content:       center;
     flex-wrap: wrap;
}

.quick-info-section {
   padding: 78px 0;
  background     : #f8f9fa;
}

.info-cards-grid  
  {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap:        28px;
                    margin-top: 42px;
}

.info-card-item
{
  background: white;
	padding: 32px 24px;
   border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}


.info-card-item h4 {
  color: #34495e;
    margin-bottom: 14px;
	font-size : 20px;
}

.info-card-item p
	{
    color: #5a6c7d;
   line-height  :   1.75;
   font-size   :  16px; 

}

.resources-preview  {
   padding: 78px 0;
}

.resource-blocks {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
    margin-top: 42px;
}

.resource-item {
  background: #f8f9fa;
  padding: 32px 24px;
  border-radius: 8px;
   border-left     :  4px solid #667eea;
}



.resource-item h3		{
	font-size: 20px;
    color: #34495e;
	margin-bottom: 12px;
}

.resource-item p {
  color: #5a6c7d;
    line-height: 1.75;
  font-size: 16px;
}


.resources-note {
	text-align: center;
   margin-top: 32px;
    font-style: italic;
          color: #7f8c8d;
}

.contact-details-thank {

   padding: 78px 0;
	 background: #f8f9fa; 

	}

.contact-box-thank {
  max-width    : 920px;
     margin: 0 auto;
       background: white;
     padding: 48px 38px;
     border-radius: 10px;
     box-shadow: 0 8px 24px rgba(0,0,0,0.08);

}

.contact-box-thank h2 {
       text-align     :    center;
    font-size  :32px;
    margin-bottom: 38px;
   color: #2c3e50;
}

.contact-info-grid {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
   gap: 32px;
}

.contact-detail {
   text-align  :  center;


}

.contact-detail h4 {
  font-size     : 18px;
  color: #667eea;
    margin-bottom: 12px;
    font-weight: 600;
}

.contact-detail p {

	    color   :#5a6c7d;
   line-height: 1.7;
   font-size     :  16px;
	}@media (max-width: 968px) {
.story-wrapper {
flex-direction: column;
}
.approach-item,
.approach-item.reverse {
flex-direction: column;
}
.approach-item img {
width: 100%;
}
.page-title {
font-size: 38px;
}
.thankyou-title {
font-size: 36px;
}
}

@media (max-width: 640px) {
.page-title {
font-size: 32px;
}
.thankyou-title {
font-size: 30px;
}
.values-display {
grid-template-columns: 1fr;
}
.expertise-blocks {
grid-template-columns: 1fr;
}
.reasons-layout {
grid-template-columns: 1fr;
}
.thankyou-actions {
flex-direction: column;
}
.contact-info-grid {
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;
    }
}