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

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

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

.topbar-section {
  background   :   #ffffff;
   padding: 18px 0px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    position: sticky;
  top: 0;
    z-index: 999;
}

.topbar-section .wrapper-main {
  display: flex;
    justify-content: space-between;
       align-items     :      center;
}

.brand-zone img {
  height   :        52px;
	width: auto;

}

.primary-links {
  display: flex; 
	gap: 35px; 

}

.primary-links a {
    text-decoration: none;
  color: #333333;
  font-weight: 500;
  font-size: 16px;
	 transition: color 0.25s;
}

.primary-links a:hover {
        color: #6b4ce6;}

.mobile-trigger


{
   display: none;
	flex-direction: column;
	gap: 5px;
    cursor: pointer; 
	
}

.mobile-trigger span {
          width: 28px; 
       height: 3px; 
     background: #333; 
   transition: all 0.3s;
}

.hero-block {
  padding: 85px 0px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
}

.content-flex {
    display :flex;
      gap: 60px;
   	align-items: center;
}

.content-flex.reverse {
     flex-direction: row-reverse;} 

.text-column {
         flex: 1;
}

.visual-column {
	 flex: 1;
}

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

h1 {
  font-size: 48px;
   line-height: 1.2;
   color: #1a1a1a;
	 margin-bottom: 22px;
     font-weight: 700;
     }


.intro-desc {
	font-size: 19px;

   color: #4a4a4a;

  margin-bottom: 32px;

	 line-height     :   1.6;
}

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

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

.primary-action {
    background: #6b4ce6;
  color   :  #ffffff;
}

.primary-action:hover {
  background: #5a3dc5;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(107,76,230,0.3);
}

.secondary-action  
  {
    background: transparent;

	color     :#6b4ce6;

  border     :    2px solid #6b4ce6;
}

.secondary-action:hover {
	    background :  #6b4ce6;
  color: #fff;}

.services-overview {
	    padding: 90px 0px;
    background: #ffffff;

}

h2 {
    font-size     :   38px;
         text-align: center;
          margin-bottom: 55px;
       color: #1a1a1a;
   font-weight: 700;
}



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

.service-item     {
   	 padding     :     38px 28px;
    background: #f9f9f9;
   border-radius: 10px;
  transition: all 0.3s;
     }

.service-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    background: #fff;
}

.service-item h3 {
 font-size: 24px;
   margin-bottom: 16px;
   color    :  #2a2a2a;
}

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

.about-preview {
	 padding: 85px 0px;
    background: #f5f7fa;
}

.about-preview .text-column p {

     margin-bottom    :     18px;
    color: #4a4a4a;
   font-size: 17px;
	}

.approach-methodology {
    padding: 90px 0px;
      background: #ffffff;
}

.methodology-layout {
       display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.method-step {
   padding    :  35px;
  background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
   border-radius: 8px;
    border-left     :        4px solid #6b4ce6;
}

.step-number
	{
   font-size: 42px;
   	 font-weight: 800;
   	 color: #6b4ce6;
     margin-bottom: 12px;
       opacity: 0.7;
}

.method-step h3 {
   margin-bottom: 14px;
    font-size: 22px;
    color: #2a2a2a;
}

.method-step p {
    color     :        #555;
  line-height: 1.7;
}

.cta-banner {
                    padding: 75px 0px;
  background: linear-gradient(135deg, #6b4ce6 0%, #5a3dc5 100%);
	color: #ffffff;
}

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

.cta-content h2 {
    color: #ffffff;
    margin-bottom: 20px;


}

.cta-content p {
    font-size: 18px;
    margin-bottom: 30px;
  opacity:        0.95;
	
}

.cta-button {

	    display: inline-block;
   padding: 16px 40px;
  background    :   #ffffff;
  color: #6b4ce6;
  text-decoration: none;
    border-radius: 6px;
  font-weight: 700;
  font-size: 17px;
    transition: all 0.3s;

}

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

.conference-section {
  padding: 85px 0px;
  background : #ffffff;
}

.testimonial-area {
    padding:90px 0px;
   background: #f5f7fa;
}

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

.testimonial-box {
   background: #ffffff;
	padding: 35px 28px;
   border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.testimonial-box p {
  color: #4a4a4a;
    font-style: italic;
  margin-bottom: 20px;
   line-height: 1.7;
}

.author-info {
		 display: flex;
  flex-direction   :  column;
   gap: 4px;
}

.author-info strong {
  color: #2a2a2a;
   font-size: 16px;
}  

.author-info span    {
    color: #888;
    font-size: 14px;
}

.resources-area {
    padding: 85px 0px;
  background    :#ffffff;
}

.resources-area .text-column p {


  margin-bottom: 18px;
  color: #4a4a4a;
  font-size: 17px;
     }

.contact-section	{
  padding     :     90px 0px;
      background: #f5f7fa;
}

.contact-layout {
      display: grid;
    grid-template-columns: 1fr 1.2fr;
   gap: 55px;
}

.contact-info h2 {

   text-align: left;
   margin-bottom: 25px;


}

.contact-info > p {
          color: #4a4a4a;
  margin-bottom: 35px;
  line-height: 1.7;
}

.info-block {
   margin-bottom: 28px;
}

.info-block h3

{

	   font-size: 18px;
	color:   #2a2a2a;
   margin-bottom: 8px;
     }

.info-block p {
  color: #555;
		line-height: 1.6;
}

.contact-info img {
  width: 100%;
   max-width: 380px;
	border-radius   : 10px;
    margin-top: 30px;
}

.contact-form {
   background: #ffffff;
  padding: 42px 38px;
   border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);

}

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

.form-group label {
    color: #2a2a2a;
    margin-bottom  :8px;
  display: block;
   font-weight    :        600;
  font-size: 15px;
}

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

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

.submit-btn {
    width: 100%;
	padding: 15px;
	 background: #6b4ce6;
   color: #ffffff;
  border: none;
  border-radius: 6px;
    font-size: 17px;
    font-weight: 700;
	cursor: pointer;
	 transition: all 0.3s;
}

.submit-btn:hover {
   background: #5a3dc5;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(107,76,230,0.3);}

.footer-zone {
    background: #1a1a1a;
   color   :     #d0d0d0;
   padding: 60px 0px 25px;
}

.footer-layout {
    display: grid;
   grid-template-columns: 2fr 1fr 1fr 1.5fr;
 gap: 45px;
  margin-bottom: 40px;
}

.footer-brand    {
	height: 48px;
   width: auto;
    margin-bottom   :    18px;
  filter: brightness(0) invert(1);
}

.footer-col p {
          color: #aaa;
   line-height: 1.7;
    font-size: 15px;
}

.footer-col h4 {
        color: #ffffff;
    margin-bottom: 16px;
	font-size: 18px;
}


.footer-col ul {
    list-style : none;
}

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

.footer-col ul li a {
  color: #aaa;
   -webkit-transition   :       color 0.3s;
   text-decoration: none;
	transition   : color 0.3s;
}

.footer-col ul li a:hover {
   	color: #6b4ce6;

}

.footer-bottom    {
    border-top: 1px solid #333;
  padding-top: 20px;
  text-align: center;
}

.footer-bottom p {
 color:     #888;
    font-size: 14px;
}@media (max-width: 968px) {
    .primary-links {
        position: fixed;
        top: 72px;
        left: -100%;
        width: 100%;
        background: #ffffff;
        flex-direction: column;
        padding: 25px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        transition: left 0.3s;
        gap: 20px;
    }
    
    .primary-links.active {
        left: 0;
    }
    
    .mobile-trigger {
        display: flex;
    }
    
    .content-flex, .content-flex.reverse {
        flex-direction: column;
        gap: 40px;
    }
    
    .service-grid {
        grid-template-columns: 1fr;
    }
    
    .methodology-layout {
        grid-template-columns: 1fr;
    }
    
    .testimonial-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-layout {
        grid-template-columns: 1fr;
    }
    
    .footer-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    
    h1 {
        font-size: 36px;
    }
    
    h2 {
        font-size: 32px;
    }
}

@media (max-width: 640px) {
    .action-buttons {
        flex-direction: column;
    }
    
    .primary-action, .secondary-action {
        text-align: center;
    }
    
    h1 {
        font-size: 30px;
    }
}.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;
    }
}.page-header-zone 
 {
  background: linear-gradient(135deg, #6b4ce6 0%, #5a3dc5 100%);
    padding: 95px 0px 75px;
    text-align: center;
  color :#ffffff;
}

.page-header-zone h1 {
   color: #ffffff;
    margin-bottom    : 15px;

}

.header-subtitle {
   font-size: 20px;
    opacity: 0.92;
    max-width: 680px;
    margin: 0 auto;

}


.story-section {
	  padding: 90px 0px;
    background: #ffffff;
     }

.dual-column-layout     {
  display: flex;
   gap   :       55px;
   align-items: center;
}

.dual-column-layout.reverse {
    flex-direction: row-reverse;
}

.text-side


{
	   flex: 1;

}

.image-side {
    flex: 1;
}

.image-side img {
  width: 100%;

	       border-radius: 10px;

	  box-shadow: 0 6px 20px rgba(0,0,0,0.1); 
	
}

.text-side h2 {
    text-align: left;
   margin-bottom: 28px;
  font-size  :     36px;
}

.text-side p {
   margin-bottom: 18px;
    color : #4a4a4a;
		 font-size: 17px;
  line-height: 1.7;


}

.philosophy-block {
     padding: 85px 0px;
   background: #f5f7fa;

	}

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

.philosophy-card {
    background    :#ffffff;
       padding   :       35px 30px;
      border-radius: 8px;
     box-shadow: 0 4px 12px rgba(0,0,0,0.06);
       transition: transform 0.3s;
}

.philosophy-card:hover {
	  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.philosophy-card h3 {
   font-size: 22px;
	color     : #2a2a2a;
    margin-bottom: 14px;
}

.philosophy-card p   {


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

.team-showcase {
    padding: 90px 0px;
		background :      #ffffff;
}

.section-intro {


    text-align: center;
                  max-width: 780px;
     margin  :   -25px auto 50px;
                  color: #4a4a4a;
        font-size: 18px; 
	
	}

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

.team-member {

   text-align: center;
}

.member-photo {
     width: 100%;
   height: 280px;
  overflow  :   hidden;
         -moz-border-radius: 10px;
    border-radius: 10px;
	margin-bottom: 20px;
}  

.member-photo img


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

.team-member h3 {
	 font-size:        22px;
    margin-bottom: 6px;
    color  :    #2a2a2a;
}

.member-role {
   color: #6b4ce6;
                    font-weight    :  600;
   margin-bottom: 12px;
   font-size: 15px;
}

.team-member p {
    color: #555;
    line-height: 1.6;
   font-size: 15px;


}

.methodology-detail {


   padding: 85px 0px;
  background: #f5f7fa;

} 

.values-presentation {
   padding: 90px 0px;
    background: #ffffff;
}


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


}

.value-box     {
    padding: 35px;
  background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
  border-radius: 8px;
         border-left: 5px solid #6b4ce6;
}

.value-number {
   font-size: 48px;
   font-weight: 800;
    color: #6b4ce6;
  opacity    :     0.3;
   margin-bottom: 10px;
}

.value-box h3


{
	font-size: 22px;
    margin-bottom: 12px;
    color: #2a2a2a;
}

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

.achievements-zone {
       padding: 85px 0px;
  background: linear-gradient(135deg, #6b4ce6 0%, #5a3dc5 100%);
   color: #ffffff;
     }

.achievements-zone h2 {
          color: #ffffff;
}

.stats-display {
  display :     grid;
  grid-template-columns: repeat(4, 1fr);
   gap   :  40px;
  margin-top: 50px;
}

.stat-item {
    text-align: center;
}


.stat-value


{


    font-size: 52px;
	font-weight: 800;
	 color: #ffffff;
    margin-bottom: 10px;
     }



.stat-item p    {
  font-size: 16px;
  opacity: 0.9;
}

.collaboration-info {
	padding: 90px 0px;
  background: #f5f7fa;
}

.centered-content   {
   max-width: 820px;
  margin: 0 auto;
    text-align: center;


}

.centered-content h2 {


    margin-bottom: 30px;
}

.centered-content p {
  font-size: 18px;
    color: #4a4a4a;
   margin-bottom: 20px;
   line-height: 1.7;
}

.cta-group {
	margin-top: 35px;
}

.btn-primary-alt


{
   display  :inline-block;
    padding    :     15px 38px;
   background: #6b4ce6;
    color: #ffffff;
               text-decoration     :  none;
	border-radius:    6px;
    font-weight: 700;
        font-size: 17px;
   transition: all 0.3s;
	
}

.btn-primary-alt:hover {
  background: #5a3dc5;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(107,76,230,0.3);
}

.thankyou-hero {
	padding: 75px 0px 90px;
  background: #f5f7fa; 

}

.thankyou-container {


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

.success-icon {
     margin-bottom: 30px;
}

.thankyou-container h1 {
	color :  #2a2a2a;
    margin-bottom: 20px;
}

.confirmation-text {
  font-size: 19px;
	color: #4a4a4a;
    margin-bottom: 45px;
          line-height: 1.7;
}

.info-card {

	    background    :        #ffffff;
 padding: 42px 38px;
   border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  margin-bottom   :   40px;
      text-align: left;
}

.info-card h2 {
         text-align: center;
       margin-bottom   :        35px;
   font-size: 28px;
}

.steps-list {

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

.step-row {

   display: flex;
  gap: 20px;
  align-items: flex-start;
     }

.step-icon {
  color: #ffffff;
  font-weight: 700;
    justify-content     :center;
          flex-shrink  :0;
    font-size    :    20px;
   display: flex;
  border-radius: 50%;
   width    :48px;
   height: 48px;
  align-items    :center;
  background: #6b4ce6;
}

.step-text h3 {
   font-size: 19px;
                    margin-bottom: 8px;
  color    :        #2a2a2a;
}

.step-text p  
  {
  color: #555;
    line-height   :      1.6;
}

.additional-info {
    background: #ffffff;
	 padding: 35px;
  border-radius: 10px;
    margin-bottom: 35px;
	text-align: left; 
	
}

.additional-info h2 {
   text-align: left;

    font-size: 24px;

          margin-bottom   :    15px;
}

.additional-info p    {
   color: #4a4a4a;
    line-height: 1.7; 
	
}



.action-links {
 display: flex;
         gap: 18px;
  justify-content: center;
	 margin-bottom: 45px;
}

.btn-home, .btn-about


{
    padding :        14px 32px;
  text-decoration    :        none;
  border-radius: 6px;
   font-weight  :     600;
   font-size: 16px;
    transition: all 0.3s;
	 display  :inline-block;
}

.btn-home {
   color: #ffffff;
    background: #6b4ce6;
}

.btn-home:hover

{
  transform: translateY(-2px);
   background: #5a3dc5;
}

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

.btn-about:hover {
   background:       #6b4ce6;
  color: #fff;
}

.contact-reminder {
  background: #ffffff;
			padding: 30px;
  border-radius     :  8px;
    text-align :       center; 

}  

.contact-reminder h3 {
   font-size  :     20px;
   margin-bottom: 12px;
	color: #2a2a2a;
}  

.contact-reminder p {
  color: #555;
       margin-bottom  :     8px;
}

.phone-display {
      font-weight: 600;
      color : #6b4ce6;
   font-size: 18px;
}

.address-display    {
   color: #555;
}

.testimonial-mini  
  {
               padding: 70px 0px;
   background: #ffffff;
}

.testimonial-slider {

   max-width: 720px;
   margin: 0 auto;

}

.testimonial-slide {
    background: #f9f9f9;
   padding: 38px 35px;
   border-radius: 10px;
  text-align     :center;
}

.testimonial-slide p {


  font-style :     italic;
  color: #4a4a4a;
  margin-bottom: 18px;
    font-size: 17px;
  line-height: 1.7;


}

.testimonial-slide strong {
  color: #6b4ce6;
	font-size: 16px;
}@media (max-width: 968px) {
    .dual-column-layout, .dual-column-layout.reverse {
        flex-direction: column;
        gap: 40px;
    }
    
    .philosophy-grid {
        grid-template-columns: 1fr;
    }
    
    .team-container {
        grid-template-columns: 1fr;
    }
    
    .values-layout {
        grid-template-columns: 1fr;
    }
    
    .stats-display {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .action-links {
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .page-header-zone {
        padding: 60px 0px 50px;
    }
    
    .stats-display {
        grid-template-columns: 1fr;
    }
    
    .step-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}