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

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   line-height  :      1.6;
   color: #2c3e50;
   background: #fefefe;

}

.main_navigation {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
               position: fixed;
  top     : 0;
    width: 100%;
   z-index: 1000;
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

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

.site_logo{
    height: 45px;
    width: auto;
}

.menu_items {
    display: flex;
   gap: 2.5rem;
}

.nav_link {
	color: white;
	 text-decoration: none;
   font-weight: 500;
   transition: all 0.3s ease;
   position: relative;
}

.nav_link:hover
{
	color:     #f1c40f;
  transform: translateY(-2px);
}

.nav_link::after {
  content: '';
          position: absolute;
   -moz-transition: width 0.3s ease;
  bottom: -5px;
   -o-transition: width 0.3s ease;
	left     :    0;
    width: 0;
    height: 2px;
   background: #f1c40f;
  transition: width 0.3s ease;
}

.nav_link:hover::after	{
  width  :        100%;
}

.burger_menu {
    display: none;
   padding: 5px;
    cursor: pointer;
  flex-direction: column;
}

.burger_menu span {
   margin: 3px 0;
  background: white;
   transition: 0.3s;
      width   :  25px;
   border-radius: 2px;
   height: 3px;
}

.mobile_nav


{
          display: none;
  background: rgba(102, 126, 234, 0.95);
	padding: 1rem 2rem;
  flex-direction: column;
	gap:    1rem;
}

.mobile_link  {
    color: white;
    text-decoration: none;
   padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.2);


}

.hero_section {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   padding: 120px 2rem 80px;
    min-height     :100vh;
    display: flex;
  align-items: center;
}

.hero_content {
      max-width: 1200px;
	 margin: 0 auto;
  display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 4rem;
          align-items: center;
}

.text_block h1 {
    font-size: 3.2rem;
      color: white;
  margin-bottom: 1rem;
 font-weight: 700;
    line-height: 1.2;
}

.text_block h2 {
  font-size     :  1.8rem;
       color: #f1c40f;
       margin-bottom: 1.5rem;
      font-weight :     400;
}

.text_block p {
   font-size: 1.2rem;
  color: rgba(255,255,255,0.9);
    margin-bottom: 2.5rem;
	line-height   :      1.7;
}

.hero_buttons {

    display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.primary_btn, .secondary_btn 
 {
    padding: 15px 30px;
    text-decoration: none;
  border-radius: 50px;
   font-weight: 600;
    transition: all 0.3s ease;
	display   : inline-block;
}

.primary_btn {
  background: #f1c40f;
  color: #2c3e50;
}

.primary_btn:hover {
   background: #f39c12;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(241, 196, 15, 0.4);
}

.secondary_btn {
   background :      transparent;
   color     :       white;
    border  :      2px solid white;
}

.secondary_btn:hover {
  background: white;
	 color    :       #667eea;
  transform: translateY(-3px);
}

.image_block img {
  width: 100%;
    height: 400px;
                    object-fit: cover;
   border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.features_area {
         padding     :80px 2rem;
   background: #f8f9fa;
}

.container_wide {
         max-width: 1200px;
    margin: 0 auto;


}

.features_area h3

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

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

.feature_card {
    background: white;

  padding :    2.5rem;

   border-radius :    15px;

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

    transition: all 0.3s ease;

    text-align: center;
}

.feature_card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
	
}

.feature_card h4 {
	 font-size: 1.5rem;
	  margin-bottom: 1rem;
	    color: #667eea;
}

.feature_card p
{
    color: #666;
   line-height: 1.6;
}

.workshop_showcase {
    padding: 80px 2rem;
   background:   white;
}

.showcase_wrapper {
	    max-width: 1200px;
    margin: 0 auto;
    display     :        grid;
 grid-template-columns: 1fr 1fr;
   gap: 4rem;
   align-items: center;}

.image_part img {
  width: 100%;
   height: 450px;
		 object-fit: cover;
   border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.content_part h3 {

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

}

.content_part p {
  font-size: 1.1rem;
  color: #666;
    margin-bottom: 2rem;
    line-height: 1.7;
}

.benefits_list {
  list-style: none;
   margin-bottom: 2.5rem;
}

.benefits_list li {
  padding: 0.8rem 0;
    position   :        relative;
  padding-left: 1.5rem;
   color: #555;
}

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

.action_button {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
	padding: 15px 35px;
  text-decoration: none;
     border-radius: 50px;
  font-weight     :      600;
  transition: all 0.3s ease;
  display    :  inline-block;
}

.action_button:hover   {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);


}

.method_section {
  padding: 80px 2rem;
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}


.method_container

{
    max-width: 1200px;
   margin: 0 auto;
}

.method_section h3 
 {
  text-align    :     center;
	font-size: 2.5rem;
   color: white;
    margin-bottom: 3rem;
}

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

.method_step {
  background: rgba(255,255,255,0.1);
    padding: 2.5rem 1.5rem;
  border-radius : 15px;
   text-align: center;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2);
}

.step_number {
  font-size: 2.5rem;
  font-weight: bold;
    color: #f1c40f;
  margin-bottom   :1rem;
}

.method_step h4 {
         font-size: 1.3rem;
  color: white;
    margin-bottom: 1rem;
}

.method_step p {
  color: rgba(255,255,255,0.9);
    line-height: 1.6;
}

.uncertainty_advantage {
   padding: 80px 2rem;
  background: #f8f9fa;
}

.advantage_content {
    max-width: 1200px;
  margin :   0 auto;
   display: grid;
  grid-template-columns: 1fr 1fr;
        gap    :     4rem;
   align-items: center;
}

.text_content h3 {
	 font-size: 2.3rem;
  margin-bottom: 1.5rem;
   color:#2c3e50;
}

.text_content p {
   font-size: 1.1rem;
    color: #666;
    margin-bottom: 2.5rem;
    line-height: 1.7;
}

.stats_row {
  display: flex;
  gap: 3rem;
}

.stat_item {
  text-align: center;


}

.stat_number {
    display: block;
	 font-size: 2.5rem;
  font-weight: bold;
    color: #667eea;
	margin-bottom: 0.5rem;
}

.stat_label {

   color: #666;
  font-size: 0.9rem;}

.image_content img {
  width: 100%;
    height: 400px;
         object-fit     :cover;
	border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.cta_section {
    padding: 80px 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
				 text-align   :    center;

}

.cta_wrapper {
  max-width :800px;
  margin: 0 auto; 

}

.cta_section h3 {
  font-size: 2.8rem;
  color: white;
    margin-bottom: 1.5rem;
}

.cta_section p {
   font-size: 1.2rem;
  color: rgba(255,255,255,0.9);
   margin-bottom: 2.5rem;
 line-height : 1.7;
}

.cta_actions {


  display: flex;
   flex-direction: column;
   align-items: center;
   gap: 1rem;


}

.cta_primary {
   background: #f1c40f;
    color: #2c3e50;
   padding: 18px 40px;
  text-decoration:    none;
  border-radius: 50px;
    font-weight: 700;
    font-size: 1.1rem;
    transition: all 0.3s ease; 

}

.cta_primary:hover {
    background: #f39c12;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(241, 196, 15, 0.4); 
	
}

.cta_info {
  color: rgba(255,255,255,0.8);
    font-style: italic;
}

.adaptive_mindset {
   padding:      80px 2rem;
    background :      white;
}

.mindset_layout {
      max-width   :        1200px;
  margin: 0 auto;
	 display: grid;
  grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.mindset_image img  
  {
  width: 100%;
  height: 450px;
    object-fit: cover;
   border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.mindset_text h3 {
  font-size: 2.3rem;
	margin-bottom: 1.5rem;
  color: #2c3e50;
}

.mindset_text p {
  font-size: 1.1rem;
    color: #666;
    margin-bottom: 2rem;
  line-height: 1.7;


}

.mindset_points 
 {
   display: flex;
    flex-direction    :   column;
    gap: 1.5rem;
}

.point_item h5
	{
    font-size: 1.2rem;
  color: #667eea;
	margin-bottom   :       0.5rem;
}

.point_item p {
                    color: #666;
    font-size: 1rem;
  line-height:       1.6;
}

.chaos_resilience {
    padding: 80px 2rem;
 background: #f8f9fa;
     }

.resilience_container {
	  max-width: 1200px; 
		margin: 0 auto;}

.chaos_resilience h3 {
  text-align: center;
   font-size    :2.5rem;
    margin-bottom    : 3rem;
  color: #2c3e50;
}

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

.resilience_info p {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 2rem;
  line-height: 1.7;
}

.program_highlights {
  display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.highlight {
    background: #667eea;
   color: white;
   padding: 1rem;
   border-radius: 8px;
          text-align: center;
  font-weight :   500;
   font-size: 0.9rem;
}

.resilience_visual img {
    width: 100%;
   height: 400px;
  object-fit: cover;
               border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.contact_section {
   padding: 80px 2rem;
  background: white;
}

.contact_wrapper {
   max-width: 800px;
         margin: 0 auto;
  text-align: center;
}

.contact_section h3 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  color: #2c3e50;
}

.contact_section p {
    font-size: 1.1rem;
  color: #666;
   margin-bottom: 3rem;
}

.contact_form {
    background: #f8f9fa;
    padding: 3rem;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    text-align: left;

}

.form_row {
  display: grid;
    grid-template-columns: 1fr 1fr;
   gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.input_group {
    display    :        flex;
	 flex-direction: column;
}

.input_group label {
  font-weight: 600;
	margin-bottom: 0.5rem;
    color: #2c3e50;
}

.input_group input,
.input_group select,
.input_group textarea {
  padding: 12px 15px; 
    -webkit-transition: all 0.3s ease; 
		border: 2px solid #e1e8ed; 
    border-radius: 8px; 
  font-size: 1rem; 
   transition: all 0.3s ease; 
    -moz-transition  :        all 0.3s ease; 
  background: white;
}

.input_group input:focus,
.input_group select:focus,
.input_group textarea:focus {


   outline: none;
    border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);}

.submit_btn {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
    padding: 15px 40px;
       border: none;
   border-radius   :50px;
	 font-size: 1.1rem;
   font-weight: 600;
	cursor: pointer;
   transition: all 0.3s ease;
   width: 100%;
    margin-top: 1rem;

}

.submit_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}

.site_footer 
 {
    background: #2c3e50;
  color: white;
  padding    :       50px 2rem 20px;
}

.footer_content {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 3rem;
	align-items: center;
}

.footer_logo {
  height    :    60px;
    width     :     auto;
  filter: brightness(0) invert(1);
}

.footer_info {
    display     : grid;
    grid-template-columns: 1fr 1fr;
	 gap: 2rem;
}

.address
{
       line-height: 1.6;
		margin-bottom: 1rem;
}

.phone {
  color: #f1c40f;
   font-weight: 600;
}

.footer_nav {
  display: flex;
    flex-direction: column;
   gap    :      0.8rem;
}

.footer_nav a {
  color: rgba(255,255,255,0.8);
	text-decoration: none;
   transition: color 0.3s ease;
}

.footer_nav a:hover {
    color: #f1c40f;
}

.footer_bottom {
    text-align: center;
               margin-top: 2rem;
       padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.6);
}@media (max-width: 768px) {
    .menu_items {
        display: none;
    }
    
    .burger_menu {
        display: flex;
    }
    
    .burger_menu.active span:nth-child(1) {
        transform: rotate(-45deg) translate(-5px, 6px);
    }
    
    .burger_menu.active span:nth-child(2) {
        opacity: 0;
    }
    
    .burger_menu.active span:nth-child(3) {
        transform: rotate(45deg) translate(-5px, -6px);
    }
    
    .mobile_nav.active {
        display: flex;
    }
    
    .hero_content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem;
    }
    
    .text_block h1 {
        font-size: 2.5rem;
    }
    
    .hero_buttons {
        justify-content: center;
    }
    
    .showcase_wrapper,
    .advantage_content,
    .mindset_layout,
    .resilience_content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .method_flow {
        grid-template-columns: 1fr;
    }
    
    .form_row {
        grid-template-columns: 1fr;
    }
    
    .stats_row {
        justify-content: center;
        gap: 2rem;
    }
    
    .footer_content,
    .footer_info {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .program_highlights {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .nav_wrapper {
        padding: 1rem;
    }
    
    .hero_section {
        padding: 100px 1rem 60px;
    }
    
    .text_block h1 {
        font-size: 2rem;
    }
    
    .text_block h2 {
        font-size: 1.4rem;
    }
    
    .features_area,
    .workshop_showcase,
    .method_section,
    .uncertainty_advantage,
    .cta_section,
    .adaptive_mindset,
    .chaos_resilience,
    .contact_section {
        padding: 60px 1rem;
    }
    
    .contact_form {
        padding: 2rem 1.5rem;
    }
}.nav_link.active {
        color: #f1c40f;
    font-weight: 600;
}

.nav_link.active::after {
   width: 100%;
}

.mobile_link.active {
  color: #f1c40f;
    font-weight     :     600;

}

.about_hero {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 120px 2rem 80px;
   display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
			align-items: center;
   max-width: 1200px;
  margin: 0 auto;
}

.about_hero_content h1 {
        font-size: 3rem;
 color: white;
  margin-bottom: 1rem;
          font-weight: 700;
}

.hero_subtitle {
    font-size: 1.5rem;
   color: #f1c40f;
    margin-bottom: 2rem;
  font-weight: 400;
}

.hero_description p {
    font-size: 1.1rem;
  color: rgba(255,255,255,0.9);
  line-height: 1.7;
}

.about_hero_image img  {
   width: 100%;
    height: 400px;
    object-fit: cover;
          border-radius:15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.our_story {
    padding: 80px 2rem;
  background: #f8f9fa;
}

.story_container {

	   max-width: 1200px;
 margin: 0 auto;
  display: grid;
      grid-template-columns: 1fr 1fr;
  gap: 4rem;
    align-items: center;
     }

.story_content h2
{
   color: #2c3e50;
    font-size: 2.5rem;
   margin-bottom: 2rem;
}

.story_content p {
  font-size: 1.1rem;
	 color: #666;
   margin-bottom: 1.5rem;
    line-height: 1.7;
}

.story_highlight {
  background: white;
    padding: 2rem;
               border-radius:   10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    margin-top: 2rem;
    border-left: 4px solid #667eea;
}

.story_highlight h3


{
  color: #667eea;
   margin-bottom: 1rem;
    font-size: 1.3rem;
}

.story_image img {
  width: 100%;
   height: 450px;
    object-fit: cover;
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);


}

.team_philosophy {
	  padding: 80px 2rem;
  background: white; 
	
     }

.philosophy_wrapper {
	max-width: 1200px;
    margin: 0 auto;
   text-align: center;
     }

.philosophy_wrapper h2 {
    font-size     :      2.5rem;
  margin-bottom: 3rem;
   color: #2c3e50;


}

.philosophy_grid {

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

.philosophy_item {
   background: #f8f9fa;
    padding: 2.5rem;
   border-radius :     15px;
  transition: all 0.3s ease;
    text-align: left;
}

.philosophy_item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
   background: white;
}

.philosophy_item h3 {
     color: #667eea;
				 margin-bottom: 1rem;
   font-size: 1.3rem;
	
	}

.philosophy_item p {
    color: #666;
    line-height: 1.6;
}

.approach_methodology     {
    padding: 80px 2rem; 
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.approach_container {
    max-width: 1200px;
	margin: 0 auto;
    display:  grid;
         grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.approach_text h2 {
	font-size: 2.3rem;
      color: white;
    margin-bottom: 1.5rem;
}

.approach_text p


{
  color: rgba(255,255,255,0.9);
	font-size: 1.1rem;
   margin-bottom: 2rem;
      line-height: 1.7;
}

.approach_principles {
    display     :flex;
  flex-direction: column;
   gap: 1.5rem;
}

.principle {
  background: rgba(255,255,255,0.1);
   padding: 1.5rem;
    border-radius: 10px;
  backdrop-filter: blur(10px);
}

.principle h4 {
         color: #f1c40f;
  margin-bottom:      0.5rem;
	font-size: 1.1rem;
}

.principle p {
  color: rgba(255,255,255,0.9);
  font-size   :    0.95rem;
    margin     :0;
   line-height: 1.6;

}

.approach_visual img {
   width: 100%;
   height: 450px;
    object-fit  : cover;
    border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.experience_results  {
  padding: 80px 2rem;
	 background: #2c3e50;
                    color: white;
    text-align: center;
}



.results_wrapper {
    max-width: 1200px;
   margin: 0 auto;
}

.results_wrapper h2 {
	   font-size: 2.5rem;
   margin-bottom: 3rem;}

.results_stats {

	  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
  margin-bottom: 4rem;}

.stat_box {
   text-align: center;
   padding: 2rem;
}

.stat_box .stat_number 
 {
    display: block;
	 font-size: 3rem;
   font-weight: bold;
   color: #f1c40f;
       margin-bottom: 0.5rem;
}

.stat_box .stat_description {
  color: rgba(255,255,255,0.8);
  font-size   :  1rem;
}

.results_testimonial {
  background: rgba(255,255,255,0.1);
   padding: 3rem;
   border-radius: 15px;
    max-width: 800px;
    margin : 0 auto;
  backdrop-filter: blur(10px);
}

.results_testimonial blockquote {
	font-size :       1.3rem; 
	font-style: italic; 
   margin-bottom: 1.5rem; 
	line-height: 1.6;
}

.results_testimonial cite {
    color: #f1c40f;
   font-size: 0.9rem;
}

.training_expertise  {
          padding :  80px 2rem;
   background: #f8f9fa; 
	
}

.expertise_layout {
   max-width: 1200px;
         margin: 0 auto;
                    display: grid;
    grid-template-columns: 1fr 1fr;
  gap: 4rem;
         align-items: center;
}

.expertise_image img {
    width: 100%;
    height: 450px;
    object-fit: cover;
   border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.expertise_content h2 {
   font-size: 2.3rem;
  margin-bottom: 1.5rem;
  color: #2c3e50;
}

.expertise_content p {
  font-size: 1.1rem;
   color: #666;
   margin-bottom: 2rem;
    line-height: 1.7;
}


.specialization_list {
   display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.spec_item {
  background: white;
                    padding: 1.5rem;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
   transition:       all 0.3s ease;
}


.spec_item:hover{
  transform: translateX(10px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.spec_item h4 {
	color: #667eea;
	 margin-bottom: 0.5rem;
  font-size: 1.1rem;
}

.spec_item p {
       color:        #666;
  margin: 0;
    font-size: 0.95rem;
  line-height: 1.5;
}

.future_vision {
    padding: 80px 2rem;
    background: white;
	
}

.vision_container {


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


}

.vision_container h2 {
   text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
   color: #2c3e50;
}

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

.vision_text p {
  font-size: 1.1rem;
	 color  :#666;
   margin-bottom: 1.5rem;
          line-height: 1.7;
}

.vision_goals {
   background     :        #f8f9fa;
   padding  :       2rem;
  border-radius    :      10px;
  margin-top: 2rem;
}

.vision_goals h3 {
  color: #667eea;
    margin-bottom: 1rem;
   font-size: 1.2rem;
}

.vision_goals ul{
    list-style: none;
   padding: 0;
}

.vision_goals li

{
                    padding: 0.5rem 0;
     color: #666;
     position: relative;
      padding-left: 1.5rem;
}

.vision_goals li::before {
  content: '→';
  position: absolute;
			left  :  0;
  color: #667eea;
   font-weight: bold;
}

.vision_image img {


   width: 100%;
	 height: 400px;
   object-fit: cover;
   border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
     }

.thankyou_main{
                    padding: 120px 2rem 80px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  min-height: 100vh;
}

.thankyou_container {

	    max-width: 1200px;
  margin: 0 auto;
     display: grid;
    grid-template-columns: 2fr 1fr;
   gap: 4rem;
  align-items: start;


	}

.success_content {
  background: white;
	 padding: 3rem;
    border-radius: 20px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.1);

}

.success_icon {
    text-align: center;
  margin-bottom: 2rem;
}

.check_mark {
    display: inline-block;
   width  : 80px;
  height:       80px;
  background: linear-gradient(135deg, #27ae60, #2ecc71);
  border-radius: 50%;
   display: flex;
  align-items: center;
    justify-content: center;
      color: white;
    margin: 0 auto;
}

.success_title {
   text-align: center;
    font-size: 2.5rem;
  color: #2c3e50;
  margin-bottom: 2rem;
}

.main_message {
                  font-size: 1.2rem; 
	color    :       #666; 
	text-align: center; 
    margin-bottom: 3rem; 
    line-height:       1.6;
	}


.next_steps h2 {
     color: #2c3e50;
               margin-bottom    :        2rem;
  font-size: 1.8rem;
	}

.steps_grid {
  margin-bottom: 3rem;
   display: grid;
   gap     :1.5rem;
   grid-template-columns   :1fr;
}

.step_item
	{
   display: flex;
    gap: 1rem;
   align-items: flex-start;
   padding: 1.5rem;
  background:   #f8f9fa;
  border-radius: 10px;
}

.step_number {
  background: #667eea;
  color :white;
    width: 30px;
    height: 30px;
   border-radius: 50%;
    display: flex;
  align-items: center;
   justify-content: center;
    font-weight: bold;
   flex-shrink: 0;
}

.step_content h3 {
   font-size: 1.1rem;
   color: #2c3e50;
   margin-bottom: 0.5rem;
}

.step_content p {
   color: #666;
    margin:   0;
  font-size: 0.95rem;
    line-height: 1.5;
}

.additional_info {
    margin-bottom: 3rem;
     padding: 2rem;
     background: #f8f9fa;
     border-radius: 10px;
}

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

.additional_info p {
   color: #666;
   margin-bottom    :       1.5rem;
   line-height: 1.6;
}

.preparation_tips h3 {
    color: #667eea;
    margin-bottom: 1rem;
  font-size: 1.2rem;
}

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

.tips_list li {
   padding: 0.5rem 0; 
  color: #666; 
    position: relative; 
  padding-left: 1.5rem;
}

.tips_list li::before {
  content: '•';

       position: absolute;

    left: 0;

  color: #667eea;

  font-weight: bold;
}

.contact_reminder  
  {
    text-align: center;
    margin-bottom: 3rem;
    padding: 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   border-radius: 10px;
  color: white;
}

.contact_reminder h2 {
    margin-bottom:     1rem; 
	    font-size: 1.5rem;
}

.contact_info {
   margin    : 0.5rem 0;
  font-size: 1.1rem;
}

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

.primary_return_btn,
.secondary_return_btn {
	  padding: 12px 25px;
    text-decoration: none;
	border-radius :     50px;
   font-weight: 600;
  transition  : all 0.3s ease;
    display: inline-block;
	}

.primary_return_btn {
  background: #667eea;
		color: white;
}

.primary_return_btn:hover {
   background: #5a6fd8;
  transform: translateY(-2px);


}

.secondary_return_btn {

	    background: transparent;
    color: #667eea;
 border  :        2px solid #667eea;
}

.secondary_return_btn:hover {
  background   : #667eea;
    color: white;
  transform: translateY(-2px);
	
}

.thankyou_visual img {
  width: 100%;
   height    :      500px;
   object-fit: cover;
    border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.confidence_section {
   padding: 80px 2rem;
   background: white;
}

.confidence_wrapper {
  max-width: 1200px;
  margin: 0 auto;
     text-align: center;
}

.confidence_wrapper h2 {
   font-size: 2.3rem;
    margin-bottom: 3rem;
    color: #2c3e50;
}

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

.trust_item {
    background: #f8f9fa;
   padding: 2rem;
    border-radius: 15px;
   transition  :    all 0.3s ease;
}

.trust_item:hover {
  transform: translateY(-5px);
	  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	   background: white;
}

.trust_item h3 {
    color: #667eea;
    margin-bottom: 1rem;
  font-size: 1.3rem;
}

.trust_item p {
   color: #666;
   line-height: 1.6;
    margin: 0;
}@media (max-width: 768px) {
    .about_hero {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
        padding: 100px 1rem 60px;
    }
    
    .about_hero_content h1 {
        font-size: 2.5rem;
    }
    
    .story_container,
    .approach_container,
    .expertise_layout,
    .vision_content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .philosophy_grid {
        grid-template-columns: 1fr;
    }
    
    .results_stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .thankyou_container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .thankyou_main {
        padding: 100px 1rem 60px;
    }
    
    .success_content {
        padding: 2rem;
    }
    
    .success_title {
        font-size: 2rem;
    }
    
    .action_buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .primary_return_btn,
    .secondary_return_btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .about_hero_content h1 {
        font-size: 2rem;
    }
    
    .hero_subtitle {
        font-size: 1.2rem;
    }
    
    .results_stats {
        grid-template-columns: 1fr;
    }
    
    .trust_indicators {
        grid-template-columns: 1fr;
    }
    
    .success_title {
        font-size: 1.8rem;
    }
    
    .step_item {
        flex-direction: column;
        text-align: center;
    }
}.cookies_section,
.privacy_section 
 {
	padding    :       80px 2rem;
      background :     #f8f9fa;
}

.cookies_section h3,
.privacy_section h3 {
   text-align: center;
  font-size: 2.5rem;
 margin-bottom: 2rem;
   color   :   #2c3e50;
}

.cookies_section p,
.privacy_section p {
    font-size: 1.1rem;
  color: #666;
  line-height: 1.7;
     margin-bottom: 1.5rem;
}