* {

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


}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

	               line-height: 1.7;

	    color: #2c3e50;

	                    background :   #fafbfc;
}

.topNavbar {
   background: #1a1a2e;
	padding: 18px 0;
  position: sticky;
  top: 0;
    z-index: 1000;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.topNavbar.scrolled {
  padding: 12px 0;
    background: #16213e;
}

.navWrapper {
   max-width: 1240px;
  margin: 0 auto;
    padding: 0 25px;
    display :     flex;
  justify-content: space-between;
   align-items: center;
}

.brandLogo img {

	   width: auto;
    height: 52px; 



}

.navLinks {
  display: flex;
   list-style: none;
  gap: 42px;
}

.navLinks a {
    -o-transition: color 0.3s; 
    color: #ecf0f1; 
  text-decoration: none; 
    -moz-transition: color 0.3s; 
    font-size: 16px; 
   font-weight: 500; 
			transition: color 0.3s; 
	 -webkit-transition: color 0.3s;
}

.navLinks a:hover {
   color: #3498db;
}

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


     }

.burgerLine

{
      width :    28px;
   height: 3px;
    background: #ecf0f1;
	 transition: 0.3s;

}

.heroBlock {
		display: grid;
  grid-template-columns: 1fr 1fr;
   gap: 60px;
  max-width :      1240px;
   margin: 80px auto;
        padding:    0 25px;
  align-items: center;
}

.heroContent h1{
	   font-size: 48px;
   color: #1a1a2e;
  margin-bottom:       24px;
  line-height: 1.2; 
	


}

.leadText {
    font-size     : 19px;
   color: #555;
   margin-bottom: 35px;
}

.heroActions {
    display: flex;
  gap: 18px;
}

.primaryBtn, .secondaryBtn {
   padding: 15px 32px;
	 text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
         transition: all 0.3s;
	display: inline-block; 
	
}

.primaryBtn


{
  background: #2980b9;
    color: white;
}

.primaryBtn:hover {
	 background: #3498db;
  transform: translateY(-2px);
}  

.secondaryBtn {
  background: transparent;
   color: #2980b9;
    border: 2px solid #2980b9;
}

.secondaryBtn:hover {
     background: #2980b9;
    color: white;


}

.heroVisual img {
    width: 100%;
    border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.benefitsArea {
   background: #fff;
   padding: 90px 0;
}

.sectionContainer {
   max-width: 1240px;
	margin: 0 auto;
    padding: 0 25px;
}

.benefitsArea h2 {
    text-align: center;
  color: #1a1a2e;
  font-size: 42px;
  margin-bottom: 60px;
}

.benefitsGrid
{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap     : 40px;
}

.benefitCard {
    background: #f8f9fa;
   padding: 40px 28px;
    border-radius: 10px;
               transition: transform 0.3s;
}

.benefitCard:hover {
  transform: translateY(-8px);
     box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}

.cardIcon {
   margin-bottom: 20px;
}

.cardIcon svg
	{
  fill: #2980b9;
}

.benefitCard h3 {
   font-size     :     24px;
  margin-bottom: 15px;
   color: #1a1a2e; 
	
}

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

.programDetails {

    padding: 90px 0;
	background: #ecf0f1;
	}

.detailsLayout {
   gap: 70px;
		grid-template-columns: 1fr 1fr;
    align-items: center;
  display   :grid;
}

.detailsImage img  
  {
	 width: 100%;
   border-radius: 12px;
}  

.detailsContent h2 {

   font-size: 38px;
    margin-bottom: 25px;
   color   :  #1a1a2e;}

.detailsContent > p {
    font-size: 17px;
    color: #555;
  margin-bottom: 40px;
}

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

.moduleItem {
	 background: white;
    padding: 24px;
	 border-radius: 8px;
   border-left: 4px solid #2980b9;
} 

.moduleItem h4{
  font-size: 20px;
    margin-bottom: 10px;
   color: #1a1a2e;
}

.moduleItem p {
   color: #666;
}

.proofSection {
   padding: 90px 0;
   background: #1a1a2e;
  color: white;
}

.proofSection h2 {
		text-align  :       center;
          font-size: 42px;
    margin-bottom: 60px;


}

.statsGrid {
   display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap     :      50px;
   margin-bottom: 70px; 
	
}

.statBox {
	text-align: center;

}

.statNumber {

	    font-size    :    58px;
    font-weight: bold;
    color: #3498db;
    margin-bottom: 12px;

}

.statLabel {

	font-size: 18px;
	color: #bdc3c7;}

.testimonialsArea     {
    display: grid;
  grid-template-columns: 1fr 1fr;
   gap: 40px;
}

.testimonialCard


{
  background: rgba(255,255,255,0.05);
    padding: 35px;
    border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.1);
}


.testimonialText {
  font-size: 17px;
   line-height : 1.8;
   margin-bottom: 25px;
	font-style  :        italic;
}

.testimonialAuthor strong{
  display: block;
	margin-bottom  :     5px;
        font-size: 18px;
}

.testimonialAuthor span {
   color: #95a5a6;
         font-size: 14px;
}

.ctaSection {
    padding: 0;
  background: #3498db;
}

.ctaWrapper 
 {

	  display: grid;
     grid-template-columns   :       1fr 1fr;
   max-width: 1240px;
  margin: 0 auto;

}

.ctaContent {
    padding: 80px 50px;
  display: flex;
	 flex-direction: column;
   justify-content: center;
   color     :       white; 

}

.ctaContent h2

{

	   font-size: 40px;
   margin-bottom: 20px;}

.ctaContent p   {
  font-size: 18px;
   margin-bottom: 35px;
   opacity: 0.95;
}

.ctaButton	{
  background: white;
  color: #2980b9;
      padding: 16px 36px;
   text-decoration: none;
        border-radius: 6px;
	 font-weight    :        600;
    display   : inline-block;
  align-self: flex-start;
    transition: 0.3s;
}

.ctaButton:hover {
    background: #1a1a2e;
  color: white;


}

.ctaImage img {
  width   : 100%;
  height    :    100%;
  object-fit: cover;
}

.approachSection


{
    background: white;
    padding: 90px 0;
}

.approachSection h2{
	text-align: center; 
    font-size     :42px; 
   margin-bottom:  60px; 
   color: #1a1a2e;
}

.approachGrid {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap  :     45px;
}

.approachItem {
  text-align: center;

  padding: 30px 20px;
}

.approachItem h3	{

	      font-size: 24px;
   margin-bottom: 18px;
    color: #2980b9;
	}

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

.gallerySection {
					background: #f8f9fa;
    padding   :      90px 0;
}

.gallerySection h2 {
         text-align: center;
    font-size: 42px;
  margin-bottom: 60px;
  color: #1a1a2e;


}

.imageGallery
	{
    display: grid;
    grid-template-columns: 1fr 1fr;
	 gap: 30px;
}  

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

.contactSection {
     padding: 90px 0;
    background: #ecf0f1;
}

.contactLayout {
	display: grid;
  grid-template-columns: 1fr 1.2fr;
   gap: 60px;
}

.contactInfo h2 {
   font-size:    38px;
    margin-bottom: 20px;
    color: #1a1a2e;
} 

.contactInfo > p {
   font-size: 17px;
   color: #555;
   margin-bottom: 40px;
}

.infoBlock {
        margin-bottom: 30px;
}

.infoBlock h4 {


  font-size: 20px;
   margin-bottom: 10px;
  color: #2980b9;}

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

.contactForm {
  background: white;
   padding  :40px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.formGroup {
  margin-bottom: 24px;
}

.formGroup label {
    display: block;
  margin-bottom: 8px;
   font-weight: 600;
   color: #2c3e50;
}

.formGroup input,
.formGroup select,
.formGroup textarea


{
  width: 100%;
               padding: 13px 16px;
     border: 1px solid #ddd;
    border-radius: 6px;
   font-size: 15px;
   font-family: inherit;
    transition: border-color 0.3s;
}

.formGroup input:focus,
.formGroup select:focus,
.formGroup textarea:focus {
					outline: none;
   border-color:    #2980b9;
}

.submitBtn {
   background: #2980b9;
  color: white;
  padding: 15px 40px;
   border: none;
   border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
   cursor: pointer;
    transition: 0.3s;
  width: 100%;
}

.submitBtn:hover {
  background: #3498db;
}

.siteFooter {

					 background: #1a1a2e;
  color    :  #ecf0f1;
   padding: 60px 0 20px;
}

.footerContent {

	   max-width: 1240px;

   margin: 0 auto;

   padding:  0 25px;

                    display: grid;

    grid-template-columns: 2fr 1fr 1fr 1.5fr;

    gap: 50px;

    margin-bottom: 40px;
}

.footerBrand img {
   height: 48px;
   margin-bottom: 20px;
}  

.footerDesc   {
  color: #95a5a6;
   line-height: 1.7;
}

.footerColumn h4 {
 margin-bottom: 20px;
  font-size: 18px;
}

.footerLinks {
    list-style: none;
}

.footerLinks li {
	margin-bottom: 12px;
}

.footerLinks a {
    color: #95a5a6;
  text-decoration: none;
    transition: color 0.3s;
}

.footerLinks a:hover {
    color: #3498db;
}

.footerColumn p {
  color: #95a5a6; 
   line-height: 1.8;
}

.footerBottom {
    max-width: 1240px;
     margin: 0 auto;
      padding: 20px 25px 0;
     border-top: 1px solid rgba(255,255,255,0.1);
   	text-align: center;
     color: #95a5a6;
}@media (max-width: 968px) {
    .navToggler {
        display: flex;
    }
    
    .navLinks {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #16213e;
        flex-direction: column;
        padding: 30px 25px;
        gap: 20px;
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }
    
    .navLinks.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    
    .navToggler.active .burgerLine:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }
    
    .navToggler.active .burgerLine:nth-child(2) {
        opacity: 0;
    }
    
    .navToggler.active .burgerLine:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
    }
    
    .heroBlock {
        grid-template-columns: 1fr;
        gap: 40px;
        margin: 50px auto;
    }
    
    .heroContent h1 {
        font-size: 36px;
    }
    
    .benefitsGrid {
        grid-template-columns: 1fr;
    }
    
    .detailsLayout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .statsGrid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .testimonialsArea {
        grid-template-columns: 1fr;
    }
    
    .ctaWrapper {
        grid-template-columns: 1fr;
    }
    
    .approachGrid {
        grid-template-columns: 1fr;
    }
    
    .imageGallery {
        grid-template-columns: 1fr;
    }
    
    .contactLayout {
        grid-template-columns: 1fr;
    }
    
    .footerContent {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 600px) {
    .heroContent h1 {
        font-size: 30px;
    }
    
    .leadText {
        font-size: 16px;
    }
    
    .heroActions {
        flex-direction: column;
    }
    
    .primaryBtn, .secondaryBtn {
        text-align: center;
    }
}.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;
    }
}.aboutHeroSection	{
  background: linear-gradient(135deg, #2c3e50 0%, #1a1a2e 100%);
  padding: 120px 0 80px;
   color: white;
     }

.aboutHeroContent h1 {
    font-size: 54px;
  margin-bottom  :  28px;
}



.introLead {
    font-size: 21px;
   line-height: 1.8;
   max-width: 860px;
         opacity: 0.92;
}

.storySection {
  padding:95px 0;
 background: #fff;
}

.storyLayout {
	display: grid;
   grid-template-columns: 1.1fr 1fr;
      gap: 65px;
   align-items: center;
}

.storyText h2 {

	  font-size: 40px;
    margin-bottom: 30px;
    color: #1a1a2e;

}

.storyText p {
    margin-bottom: 22px;
    color    :        #555;
	 line-height: 1.8;
  font-size: 17px;


}

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

.valuesSection {
	 padding     :  95px 0;
      background: #f4f6f8;
}

.valuesSection h2 {
	 text-align: center;
	   font-size: 44px;
	   margin-bottom: 65px;
		color: #1a1a2e;
}

.valuesLayout {
	  display: grid;
  grid-template-columns: repeat(2, 1fr);
   gap: 35px;
	}

.valueBox{
		background: white;
  padding: 42px 35px;
  border-radius :  10px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08); 
}

.valueBox h3 {
  font-size  :26px;
    margin-bottom :     16px;
   color: #2980b9;
}  

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

.teamSection {
    padding: 95px 0;
    background  :  #fff;
}

.teamSection h2 {
    text-align :   center;
   font-size: 44px;
   margin-bottom: 25px;
    color: #1a1a2e;
}

.teamIntro {
	  text-align: center;
	max-width: 780px;
   margin: 0 auto 60px;
   font-size     : 18px;
   color     :   #555;
   line-height: 1.8;
}

.teamGrid {
   display: grid; 
  grid-template-columns: repeat(3, 1fr); 
    gap: 40px;
}

.teamMember {
    background: #f8f9fa;
   padding: 38px 30px;
    border-radius: 10px;
               transition: 0.3s;
	
}

.teamMember:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 26px rgba(0,0,0,0.1);

}

.memberInfo h4  {
  font-size: 23px;
  margin-bottom: 8px;
  color: #1a1a2e;
}

.memberRole {
    display: block;
		 color: #2980b9;
  font-weight   :    600;
                    margin-bottom: 16px;
    font-size: 15px;
}

.memberInfo p {
  font-size: 15px;
	 line-height: 1.7;
  color   :#666;
}

.approachDetailSection {
	 padding: 95px 0;
    background: #ecf0f1;
}

.approachDetailSection h2 {


   font-size   :       44px;
  margin-bottom: 50px;
    text-align: center;
   color: #1a1a2e;
}

.approachDetailLayout {
  display: grid;
	grid-template-columns: 1fr 1.3fr;
  gap: 60px;
  align-items: start;
}

.approachDetailImage img {
       width: 100%;
  border-radius: 14px;
}

.approachDetailText > p {
    font-size: 17px;
  color: #555;
    line-height: 1.8;
	margin-bottom: 45px;
}

.processSteps	{
    display: flex;
  flex-direction: column;
  gap: 32px;
}

.stepItem {
   display  :    flex;
  gap: 24px;
  align-items: flex-start;
	
}

.stepNumber {

  background: #2980b9;
    color: white;
    width :       52px;
    height: 52px;
  border-radius: 50%;
  display: flex;
    align-items: center;
  justify-content: center;
        font-weight: bold;
  font-size: 18px;
   flex-shrink: 0;
     }

.stepContent h4 {
   font-size: 21px;
  margin-bottom: 10px;
    color: #1a1a2e;
}



.stepContent p


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

.achievementsSection {
  padding: 95px 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
      color: white; 
	
}


.achievementsSection h2 {
        text-align: center;
  font-size: 44px;
   margin-bottom: 65px;
}

.achievementsGrid{
   display: grid;
  grid-template-columns: repeat(4, 1fr);
    gap: 45px;
}

.achievementItem {
  text-align: center;


}

.achievementNumber {
    font-size    : 52px;
  font-weight: bold;
  color: #3498db;
   margin-bottom: 14px;
}

.achievementItem p {
	font-size :      17px;
     color: #bdc3c7; 

}


.philosophySection  {
        padding: 95px 0;
  background: white;
}

.philosophyContent
{
   max-width: 920px;
    margin: 0 auto;
}

.philosophyContent h2 {
 font-size: 44px;
	margin-bottom: 35px;
    text-align: center;
    color: #1a1a2e;
}

.philosophyContent p  {
   	color: #555;
    line-height: 1.85;
    font-size: 18px;
    margin-bottom  :26px;

}

.differenceSection {
    padding: 95px 0;
         background: #f4f6f8;
}

.differenceSection h2 {
	  text-align: center;
      font-size: 44px;
       margin-bottom: 65px;
   	color: #1a1a2e;

}

.differenceGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
   gap: 38px;
}

.differenceCard {
    background: white;
    padding   :    40px 32px;
    border-radius: 10px;
   border-left: 5px solid #2980b9;
}

.differenceCard h3 {
    font-size:    24px;
   margin-bottom: 16px;
	color: #1a1a2e;
}

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

.finalCtaSection {
	padding  : 95px 0;
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
}

.finalCtaContent  {
      text-align: center;
    color: white;


}

.finalCtaContent h2 {
   font-size: 46px;
  margin-bottom: 22px;
}

.finalCtaContent p   {
     font-size: 20px;
	margin-bottom: 38px;
   opacity: 0.95;
}

.finalCtaBtn {
  border-radius: 6px;
    font-weight: 600;
       color: #2980b9;
		 padding: 17px 44px;
    display: inline-block;
    font-size  : 17px;
  transition: 0.3s;
    background: white;
  text-decoration     :      none;
}

.finalCtaBtn:hover {
  background: #1a1a2e;
    color: white;
  transform: translateY(-3px);
}

.thankyouMainSection {
      padding: 110px 0;
  background: linear-gradient(to bottom, #f8f9fa 0%, white 100%);
}

.thankyouWrapper {
    max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

.thankyouIcon {
       margin-bottom: 35px;
	}

.thankyouWrapper h1 {
  font-size: 48px;
  color: #1a1a2e;
  margin-bottom: 25px;
}

.thankyouMessage {
   font-size: 19px;
    color: #555;
  line-height: 1.8;
  margin-bottom: 45px;
}

.thankyouDetails {

    background: #f4f6f8;
   padding: 35px 40px;
  border-radius: 10px;
    margin-bottom    :      40px;
         text-align: left;


}

.thankyouDetails > p  {


                    font-size: 18px;
  font-weight: 600;
         margin-bottom: 18px;
   color: #2c3e50;

}

.actionsList {
    list-style: none;
    padding-left: 0;
}

.actionsList li {
  padding-left: 28px;
         margin-bottom :   12px;
    color    : #666;
	 position: relative;
	line-height   :    1.6;
}

.actionsList li:before {
  content: "✓";
   position    :       absolute;
    left: 0;
   color: #27ae60;
   font-weight: bold;
}

.thankyouActions {
    display: flex;
   gap: 18px;
   justify-content: center;
  margin-bottom: 60px;
}

.primaryActionBtn, .secondaryActionBtn {
    padding: 16px 36px;
  text-decoration: none;
   border-radius  :       6px;
   font-weight: 600;
   transition: 0.3s;
   display: inline-block;
}

.primaryActionBtn {
  background: #2980b9;
    color: white;
}

.primaryActionBtn:hover {
    background: #3498db;
	
}

.secondaryActionBtn {
     background     :        transparent;
  color: #2980b9;
    border: 2px solid #2980b9;


}

.secondaryActionBtn:hover {
  background: #2980b9;
  color: white;
}



.nextStepsSection {
    text-align: left;

	  background: white;

	    padding: 42px;

	  border-radius: 12px;

	  box-shadow: 0 4px 16px rgba(0,0,0,0.08);

}

.nextStepsSection h3 {
  font-size: 28px;
     margin-bottom: 35px;
  text-align: center;
	 color     :        #1a1a2e;
}

.stepsTimeline {

    display: flex;
  flex-direction: column;
  gap: 30px;
     }

.timelineItem {

	    display: flex;
  gap: 22px;
    position: relative;
     }

.timelineItem:not(:last-child):after {
  content: '';
	position: absolute;
  left:  18px;
   top: 45px;
    bottom :-30px;
   width: 2px;
    background     :  #ddd;
}

.timelineMarker {
   height: 36px;
          flex-shrink: 0;
    background: #3498db;
  position: relative;
  border-radius: 50%;
    z-index: 1;
   width: 36px;
}

.timelineContent h4 {
	 font-size: 19px;
   margin-bottom: 8px;
         color: #2980b9;
}

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

.thankyouInfoSection {
    padding: 90px 0;
    background  :#ecf0f1;
}

.infoCardsGrid {
   display: grid;
   gap: 35px;
  grid-template-columns: repeat(3, 1fr);
}

.infoCardItem
	{

	   background: white;
    padding: 38px 30px;
   border-radius: 10px;
 text-align: center;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);


}

.infoCardItem h3

{
	font-size: 22px;
  margin-bottom: 16px;
    color: #1a1a2e;
}

.infoCardItem p     {
  color: #666;
     line-height: 1.7;
   	 margin-bottom: 14px;
}

.contactDetail {
	color: #2980b9 !important;
   font-weight: 600;
    font-size: 16px !important;
}@media (max-width: 968px) {
    .storyLayout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .valuesLayout {
        grid-template-columns: 1fr;
    }
    
    .teamGrid {
        grid-template-columns: 1fr;
    }
    
    .approachDetailLayout {
        grid-template-columns: 1fr;
    }
    
    .achievementsGrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
    }
    
    .differenceGrid {
        grid-template-columns: 1fr;
    }
    
    .aboutHeroContent h1 {
        font-size: 38px;
    }
    
    .introLead {
        font-size: 18px;
    }
    
    .thankyouWrapper h1 {
        font-size: 36px;
    }
    
    .thankyouActions {
        flex-direction: column;
    }
    
    .infoCardsGrid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .aboutHeroContent h1 {
        font-size: 32px;
    }
    
    .achievementsGrid {
        grid-template-columns: 1fr;
    }
}