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

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

.primary-navigation {
   background: #1a1a2e;
	padding: 1rem 0;
    position: sticky;
  top :      0;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.nav-wrapper


{


  max-width: 1280px;
   margin:   0 auto;
  padding     :    0 20px;
  display: flex;
  justify-content: space-between;
 align-items: center;

}

.brand-section a {
     display: block;
}

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

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

.burger-line {
     width: 28px;
   height: 3px;
	background: #fff;
   transition   :       0.3s;
}

.nav-menu {

		display: flex;
	 gap: 2.5rem; 
	
	}

.nav-menu a {
    color: #ecf0f1;
   text-decoration: none;
  font-size     :        1.05rem;
	transition: color 0.3s;
	
}

.nav-menu a:hover {
   color: #3498db;
}

.hero-intro {
    max-width: 1280px;

  margin: 0 auto;

   padding: 80px 20px;

          display: grid;

    grid-template-columns: 1fr 1fr;

   gap: 60px;

  align-items: center;
}

.intro-content h1 {
    margin-bottom :  1.5rem;
  line-height: 1.2;
    color: #1a1a2e;
    font-size: 3rem;
}

.hero-tagline {
   font-size: 1.25rem;
   color: #555;
  margin-bottom: 2rem;

}

.hero-actions {
    display: flex;
     gap: 1rem;
}

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

.primary-action {

	   background: #3498db;
	color: white;
}

.primary-action:hover {
               background: #2980b9;
  transform: translateY(-2px);
}

.secondary-action {
         background: transparent; 
	  color: #3498db; 
	   border     :        2px solid #3498db;
}

.secondary-action:hover {
    background: #3498db;
          color: white;
}

.intro-visual img {


    width   : 100%;
   height: auto;
   border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);}

.value-proposition


{
	background :     #f8f9fa;
    padding: 80px 20px;
}  

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

.value-proposition h2


{
  text-align: center;
  font-size: 2.5rem;
    margin-bottom: 3rem;
   color   :#1a1a2e;
}

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

.value-item {
   background: white;
   padding: 2rem;
   border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08); 
	
}

.value-item h3

{
  color: #2c3e50;
 font-size: 1.5rem;
	margin-bottom: 1rem;
}

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

.process-showcase {
  padding: 80px 20px;
}

.showcase-layout {
    max-width: 1280px; 
  margin: 0 auto; 
  display: grid; 
    grid-template-columns: 1fr 1fr; 
      gap: 60px; 
   align-items     :  center;
}

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

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

}

.showcase-text p  
  {

	    font-size: 1.1rem;
  color: #555;
    margin-bottom: 1.2rem;
   line-height: 1.8;

}

.offer-details {
    background: #ecf0f1;
  padding: 80px 20px;
}

.offer-details h2  {
                    text-align :  center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
          color: #1a1a2e;
}

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

.offer-block {
   background: white;
          border-radius: 10px;
   overflow     :    hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);


}



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

.offer-block h3 
 {
    padding: 1.5rem 1.5rem 0.5rem;
	 font-size    :       1.6rem;
   color: #2c3e50;
}

.offer-block p {
  padding: 0 1.5rem 1.5rem;

	   color: #666;

	          line-height: 1.7;
	
}

.call-to-engagement {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 100px 20px;
    text-align: center;
}

.cta-inner {
  max-width: 800px;
    margin: 0 auto;
}

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

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

.cta-button {
   display: inline-block;
    background: white;
   padding: 16px 40px;
   font-weight: bold;
    border-radius: 50px;
  font-size: 1.1rem;
    color: #667eea;
   transition: all 0.3s;
  text-decoration: none;
}

.cta-button:hover {

	  transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);


}

.testimonials-area 
 {
    padding: 80px 20px;
}

.testimonials-area h2     {
    text-align :    center;
	   font-size: 2.5rem;
	    margin-bottom  :   3rem;
	    color: #1a1a2e;
}

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

.testimonial-card {
               background: #f8f9fa;
	padding :      2rem;
   border-radius  :      8px;
   border-left: 4px solid #3498db;
}

.testimonial-card p {
  color: #555;
    font-style: italic;
    margin-bottom   :1rem;
 line-height: 1.7;
}



.client-name {
   display:  block;
    color: #2c3e50;
    font-weight     :        bold;
}

.contact-section {
   padding: 80px 20px;
    background: #f8f9fa;
}

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

.contact-info h2

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

.contact-info p {
   color: #555;
    margin-bottom:       2rem;
  line-height: 1.7;
}

.info-block {
    margin-bottom :   1.5rem;
}

.info-block h3 {
    color: #2c3e50;
  font-size: 1.3rem;
    margin-bottom     :       0.5rem;
}

.info-block p {


      color: #666;
	 margin-bottom: 0;

}

.contact-form-wrapper {
     background     :       white;
  padding: 2.5rem;
   border-radius :        10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.main-contact-form .form-row {
    margin-bottom: 1.5rem;
}

.main-contact-form label
{
    color: #2c3e50;
  font-weight    :       500;
  margin-bottom: 0.5rem;
    display: block;
}

.main-contact-form input,
.main-contact-form select,
.main-contact-form textarea   {
	width: 100%;
   padding: 12px;
  border:      1px solid #ddd;
  border-radius: 5px;
   font-size: 1rem;
  font-family: inherit;
}

.main-contact-form input:focus,
.main-contact-form select:focus,
.main-contact-form textarea:focus {
    outline: none;
    border-color  :      #3498db;
}

.submit-btn {
    -o-transition: all 0.3s;
          color: white;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   -webkit-border-radius: 6px;
   border :  none;
  border-radius   :    6px;
   font-size  :    1.1rem;
  padding   :     14px 40px;
   cursor:        pointer;
  background: #3498db; 

}

.submit-btn:hover {
	  background: #2980b9;
  transform: translateY(-2px);
	}

.site-footer   {
    background: #1a1a2e;
  color: #ecf0f1;
    padding: 60px 20px 20px;
}

.footer-content {

  max-width: 1280px;
  margin: 0 auto;
               display    :     grid;
  grid-template-columns: repeat(4, 1fr);
    gap: 40px;
   margin-bottom: 40px;
     }

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

.footer-col h4 {
    color: #fff;
               margin-bottom: 1rem;
  font-size: 1.2rem;

}

.footer-col p {
  color  : #bdc3c7;
    line-height: 1.7;
  margin-bottom  :        0.5rem;
}

.footer-col a {
   text-decoration: none;
  transition: color 0.3s;
    display: block;
	margin-bottom: 0.5rem;
    color: #bdc3c7;
}

.footer-col a:hover {
    color: #3498db;
}

.footer-bottom {
    max-width: 1280px;
       margin: 0 auto;
      padding-top: 20px;
     border-top: 1px solid #34495e;
   	text-align    :      center;
}

.footer-bottom p {
  color: #95a5a6;
}@media (max-width: 968px) {
.nav-trigger {
display: flex;
}
.nav-menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #1a1a2e;
flex-direction: column;
padding: 1rem 20px;
gap: 0;
display: none;
}
.nav-menu.active {
display: flex;
}
.nav-menu a {
padding: 0.8rem 0;
border-bottom: 1px solid #2c3e50;
}
.hero-intro {
grid-template-columns: 1fr;
gap: 40px;
}
.intro-content h1 {
font-size: 2.3rem;
}
.value-grid {
grid-template-columns: 1fr;
}
.showcase-layout {
grid-template-columns: 1fr;
}
.offer-layout {
grid-template-columns: 1fr;
}
.testimonial-cards {
grid-template-columns: 1fr;
}
.contact-layout {
grid-template-columns: 1fr;
}
.footer-content {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 580px) {
.intro-content h1 {
font-size: 1.9rem;
}
.hero-actions {
flex-direction: column;
}
.footer-content {
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;
    }
}.about-hero-banner {
  background: linear-gradient(rgba(26, 26, 46, 0.7), rgba(26, 26, 46, 0.7)), url('../media/expertise_systematization_training_1.webp') center/cover;
  padding :  120px 20px;
   text-align:       center;


}

.banner-overlay h1 {
    color: #fff;
  font-size: 3.2rem;
   margin-bottom: 1rem;
}

.banner-subtitle {
      color     :   #ecf0f1;

	    font-size     :   1.3rem;

	       max-width: 700px;

	   margin: 0 auto;
}

.our-story-section {
  padding: 90px 20px;
}

.story-container {

	   max-width: 1280px;
    margin: 0 auto;
    display: grid;
   grid-template-columns :       1fr 1fr;
   gap: 50px;
  align-items: center;

}

.story-content h2 {
          font-size: 2.5rem;
   color: #1a1a2e;
               margin-bottom     :   1.5rem;
}



.story-content p {
   font-size: 1.1rem;
		color: #555;
  margin-bottom: 1.3rem;
  line-height: 1.8;




}

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


}

.mission-vision-block   {
   background: #f8f9fa;
    padding: 80px 20px;
}

.mvblock-container {
  max-width: 1280px;
    margin: 0 auto;
   display: grid;
   grid-template-columns :   1fr 1fr;
    gap: 50px;
}

.mission-part, .vision-part
	{
       background: white;
  padding :     2.5rem;
   border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.mission-part h2, .vision-part h2     {
    font-size: 2rem;
   color: #2c3e50;
    margin-bottom: 1rem;
}

.mission-part p, .vision-part p
{

	   color: #666;

  line-height: 1.8;

   font-size: 1.05rem;
}

.approach-methodology {
  padding: 80px 20px;
}

.approach-wrapper
{
   max-width     :       1280px;
  margin: 0 auto;
}

.approach-wrapper h2 {
     text-align  :   center;
   font-size: 2.5rem;
	margin-bottom: 3rem;
    color: #1a1a2e;
}

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

.approach-item {
        background: #f8f9fa;
    padding: 2rem;
    border-radius: 8px;
 border-left: 5px solid #3498db;
}

.approach-item h3 {


    font-size    :  1.5rem;
   color: #2c3e50;
  margin-bottom: 0.8rem;


}

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

.values-showcase {
    background: #ecf0f1;
  padding: 80px 20px;
}

.values-inner {
    max-width: 1280px;
  margin   :     0 auto;
}

.values-inner h2 {

  text-align  :     center;

	    font-size: 2.5rem;

	    margin-bottom: 3rem;

	                    color: #1a1a2e;


}

.values-list {
    display: grid;
  grid-template-columns: repeat(2, 1fr);
	gap: 30px;
} 

.value-card		{
   background: white;
   padding: 2rem;
   border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.value-card h3 {
  font-size: 1.6rem;
	color: #2c3e50;
         margin-bottom: 0.8rem;
}

.value-card p {


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

.experience-stats {
    padding: 80px 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

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

.stats-wrapper h2 
 {

	   color  :     white;
  font-size: 2.5rem;
  margin-bottom: 3rem;
}

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

.stat-box {
     background: rgba(255,255,255,0.15);
  padding: 2rem;
  border-radius: 10px;
  backdrop-filter: blur(10px);

}

.stat-number {
    display: block;
    font-size: 3rem;
    font-weight: bold;
   color: white;
      margin-bottom: 0.5rem;
}

.stat-label {
   display: block;
    color: #f0f0f0;
  font-size: 1.1rem;
}

.why-choose-us {
   padding: 80px 20px;
}

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

.why-container h2 {
 text-align: center;
  font-size:       2.5rem;
    margin-bottom: 3rem;
    color: #1a1a2e;
}

.why-content-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
	 gap: 50px;
  align-items  :   center; 

} 

.why-image-side img {
  width: 100%;
    border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.reason-item {
   margin-bottom: 2rem;
}

.reason-item h3 {
    color: #2c3e50;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

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

.final-cta-about {
    text-align: center;
    background: #1a1a2e;
  padding:       100px 20px;

}

.final-cta-content {
  max-width: 800px;
   margin: 0 auto;
}

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

.final-cta-content p 
 {
	font-size: 1.2rem;
  margin-bottom: 2rem;
  color: #ecf0f1;
}



.cta-action-btn {
   display: inline-block;
  background: #3498db;
   color    :    white;
    padding: 16px 40px;
    text-decoration: none;
    border-radius: 6px;
    font-size: 1.1rem;
      transition: all 0.3s; 

}

.cta-action-btn:hover {
   background    :   #2980b9;
  transform: translateY(-2px);
}

.thankyou-main-section {
   padding     :  100px 20px;
}

.thankyou-container

{

  max-width     :        1280px;
  margin    :    0 auto;
   display: grid;
   grid-template-columns: 1fr 1fr;
      gap: 60px;
   align-items: center;

}

.thankyou-content {
	text-align: center;
}



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

.success-checkmark {
    width: 120px;
  height :    120px;
    margin : 0 auto;
   display: block;
   animation: scaleIn 0.5s ease-out;
}@keyframes scaleIn {
from {
transform: scale(0);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}.thankyou-content h1 {
	 font-size: 3rem;
    color: #1a1a2e;
	margin-bottom: 1.5rem;
}

.thankyou-message     {
    margin-bottom     :      1.5rem;
  line-height: 1.8;
  font-size: 1.2rem;
    color: #555;
}



.thankyou-secondary		{
   font-size: 1.05rem;
    color: #666;
   margin-bottom: 2rem;


}

.thankyou-actions {
  display   :   flex;
  gap: 1rem;
	 justify-content: center;
  flex-wrap: wrap;
}

.btn-return-home, .btn-learn-more {
   padding:  14px 32px;
   text-decoration: none;
   border-radius: 6px;
    font-size: 1.05rem;
   transition: all 0.3s;
  display  :    inline-block;
}

.btn-return-home {
    background: #3498db;
       color: white;
}

.btn-return-home:hover {
                    background: #2980b9;
}

.btn-learn-more {
    background: transparent;
    border: 2px solid #3498db;
   color: #3498db;
}

.btn-learn-more:hover

{
   background: #3498db;
   color: white;
}

.thankyou-image img {
    width: 100%;
   border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.next-steps-info {
   background: #f8f9fa;
	 padding: 80px 20px;
}

.steps-container {
   max-width: 1000px;
	margin: 0 auto;
}

.steps-container h2		{
   margin-bottom: 3rem;
    text-align: center;
    font-size: 2.5rem;
   color: #1a1a2e;
}

.steps-timeline {
      display: flex;
    flex-direction: column;
  gap: 30px;

}

.timeline-step {
   display: grid;
          grid-template-columns: 80px 1fr;
   gap: 30px;
    align-items:  start;
}

.step-number {
    width     :   80px;
  height   :    80px;
  background: #3498db;
  color: white;
   display: flex;
    align-items: center;
      justify-content: center;
   font-size: 2rem;
      font-weight: bold;
   border-radius:    50%;
    flex-shrink: 0;
}

.step-details h3 {
	 font-size: 1.6rem;

	   color: #2c3e50;

	   margin-bottom: 0.5rem;
}

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

.additional-resources {
	 padding: 80px 20px;
}

.resources-wrapper {
    max-width: 1280px;
  margin: 0 auto;
}

.resources-wrapper h2 {
   text-align: center;
    font-size     :    2.5rem;
   margin-bottom: 3rem;
  color: #1a1a2e;
}

.resource-cards {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap: 30px;

}

.resource-card {
                    background: #f8f9fa;
    padding: 2rem;
   border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.resource-card h3 {

   font-size: 1.5rem;
  color: #2c3e50;
	margin-bottom: 0.8rem;


}

.resource-card p {
    color: #666;
    line-height: 1.7;
	margin-bottom: 1rem;
}

.resource-card a {
         color: #3498db;
  text-decoration: none;
   font-weight: 500;
  transition: color 0.3s;
}

.resource-card a:hover

{
  color: #2980b9;
}@media (max-width: 968px) {
.story-container {
grid-template-columns: 1fr;
}
.mvblock-container {
grid-template-columns: 1fr;
}
.approach-grid {
grid-template-columns: 1fr;
}
.values-list {
grid-template-columns: 1fr;
}
.stats-grid {
grid-template-columns: repeat(2, 1fr);
}
.why-content-layout {
grid-template-columns: 1fr;
}
.thankyou-container {
grid-template-columns: 1fr;
}
.resource-cards {
grid-template-columns: 1fr;
}
}

@media (max-width: 580px) {
.banner-overlay h1 {
font-size: 2.2rem;
}
.thankyou-content h1 {
font-size: 2.2rem;
}
.stats-grid {
grid-template-columns: 1fr;
}
}