:root {
    --primary-brand-color: #2c5282;
    --secondary-accent-color: #4299e1;
    --text-primary-color: #2d3748;
    --text-secondary-color: #718096;
    --background-primary: #ffffff;
    --background-secondary: #f7fafc;
    --border-subtle-color: #e2e8f0;
    --success-indication-color: #38a169;
    --warning-highlight-color: #ed8936;
    --content-max-width: 1200px;
    --spacing-unit-small: 1rem;
    --spacing-unit-medium: 2rem;
    --spacing-unit-large: 4rem;
    --border-radius-standard: 8px;
    --transition-smooth: all 0.3s ease;
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-secondary: Georgia, 'Times New Roman', serif;
}

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

body {
  font-family: var(--font-primary);
    line-height: 1.6;
  color: var(--text-primary-color);
  background-color: var(--background-primary);
    font-size: 16px;
}

.content-container {
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: 0 var(--spacing-unit-small);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-secondary);
   font-weight: 600;
   line-height   :1.2;
  margin-bottom: var(--spacing-unit-small);
}

h1 {
	font-size: 2.5rem;
  color: var(--primary-brand-color);
}

h2		{


    font-size: 2rem;
     color: var(--primary-brand-color);
	}

h3 {
    font-size   :1.5rem;
}

h4 {
	font-size: 1.25rem;
}

p	{


  margin-bottom: var(--spacing-unit-small);
  color: var(--text-secondary-color);}

.primary-navigation-wrapper {
  background: var(--background-primary);
  border-bottom: 1px solid var(--border-subtle-color);
   position: fixed;
    top: 0;
    width: 100%;
   z-index: 1000;
   padding :   0.5rem 0;
}

.navigation-system {
   display: flex;
	 justify-content: space-between;
    align-items: center;
  padding: var(--spacing-unit-small) 0;
					position: relative;
}

.brand-identity {
  text-decoration: none;
}

.brand-logo {

   height: 50px;
  width: auto;
  transition: var(--transition-smooth);
     }

.brand-logo:hover {
  transform: scale(1.05);
}

.mobile-menu-toggle {
   display: none;
}

.mobile-toggle-control {
  display    :        none;
}

.menu-icon-lines{
    width: 30px;
    height: 3px;
  background: var(--primary-brand-color);
   position: relative;
  transition: var(--transition-smooth);
}

.menu-icon-lines:before,
.menu-icon-lines:after {
  content: '';
    position: absolute;
  width: 30px;
   height: 3px;
  background: var(--primary-brand-color);
  transition: var(--transition-smooth);
}

.menu-icon-lines:before {
   top: -8px;
}

.menu-icon-lines:after {
   top: 8px;

} 

.navigation-links-container {
   display: flex;
    align-items: center;
}

.navigation-menu {
	    display: flex;
   list-style     :none;
  gap: var(--spacing-unit-medium);
  align-items: center;
     }

.menu-item
{
    list-style: none;
}

.menu-link {
  color: var(--text-primary-color);
      text-decoration: none;
  font-weight :     500;
					padding: 0.5rem 1rem;
  border-radius: var(--border-radius-standard);
  transition: var(--transition-smooth);
}

.menu-link:hover,
.active-link {
  color: var(--primary-brand-color);
  background-color: var(--background-secondary);
}@media screen and (max-width: 768px) {
    .mobile-toggle-control {
        display: block;
        cursor: pointer;
        padding: var(--spacing-unit-small);
        z-index: 2;
    }

    .navigation-links-container {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: var(--background-primary);
        transition: var(--transition-smooth);
        padding-top: 80px;
        flex-direction: column;
        align-items: center;
    }

    .navigation-menu {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: var(--spacing-unit-small);
    }

    .menu-item {
        width: 100%;
        text-align: center;
        margin: var(--spacing-unit-small) 0;
    }

    .menu-link {
        display: inline-block;
        padding: 1rem 2rem;
        font-size: 1.125rem;
        color: var(--text-primary-color);
        width: 100%;
    }

    .mobile-menu-toggle:checked ~ .navigation-links-container {
        left: 0;
    }

    .mobile-menu-toggle:checked ~ .mobile-toggle-control .menu-icon-lines {
        background: transparent;
    }

    .mobile-menu-toggle:checked ~ .mobile-toggle-control .menu-icon-lines:before {
        transform: rotate(45deg);
        top: 0;
    }

    .mobile-menu-toggle:checked ~ .mobile-toggle-control .menu-icon-lines:after {
        transform: rotate(-45deg);
        top: 0;
    }
}.hero-presentation-zone {
  padding: calc(80px + var(--spacing-unit-large)) 0 var(--spacing-unit-large) 0;
  background: linear-gradient(135deg, var(--background-secondary) 0%, var(--background-primary) 100%); 

}

.hero-content-grid {
    display: grid;
   grid-template-columns: 1fr 1fr;
  gap: var(--spacing-unit-large);
   align-items: center;
}

.main-headline {
     font-size: 3rem;
  margin-bottom: var(--spacing-unit-medium);
  color: var(--primary-brand-color);
}

.hero-description {
         font-size: 1.125rem;
  margin-bottom: var(--spacing-unit-medium);
  color: var(--text-secondary-color);
}

.hero-action-buttons {
  display     :     flex;
  gap: var(--spacing-unit-small);
   flex-wrap: wrap;
}

.primary-action-button,
.secondary-action-button {
	  display: inline-block;
  padding: 1rem 2rem;
    text-decoration: none;
  border-radius: var(--border-radius-standard);
    font-weight: 600;
  transition: var(--transition-smooth);
   text-align: center;
     }

.primary-action-button {
  background: var(--primary-brand-color);
   color: white;


}

.primary-action-button:hover   {
  background: var(--secondary-accent-color);
  transform: translateY(-2px);
}

.secondary-action-button {
    background: transparent;
  color: var(--primary-brand-color);
  border: 2px solid var(--primary-brand-color);
}

.secondary-action-button:hover {
  background: var(--primary-brand-color);
  color: white;
}

.hero-showcase-image {
   width: 100%;
    height: 400px;
  object-fit: cover;
  border-radius: var(--border-radius-standard);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.services-portfolio-area {
  padding: var(--spacing-unit-large) 0;
  background: var(--background-primary);
}

.section-header-block {
   text-align: center;
  margin-bottom: var(--spacing-unit-large);
}

.section-primary-title

{
  margin-bottom: var(--spacing-unit-small);
}



.section-subtitle-text {
    font-size: 1.125rem;
  color: var(--text-secondary-color);
 max-width: 600px;
  margin: 0 auto;
}

.services-showcase-grid     {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-unit-medium);
}

.service-feature-card {
  background: var(--background-primary);
  border: 1px solid var(--border-subtle-color);
  border-radius: var(--border-radius-standard);
  padding: var(--spacing-unit-medium);
    text-align: center;
  transition: var(--transition-smooth);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.service-feature-card:hover {
     transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); 



}

.service-image {
    width: 100%;
  height: 200px;
    object-fit   :      cover;
  border-radius: var(--border-radius-standard);
  margin-bottom: var(--spacing-unit-small);
}

.service-title     {
	  color: var(--primary-brand-color);
  margin-bottom: var(--spacing-unit-small);
}

.service-description {
  color: var(--text-secondary-color);
}

.expertise-background-zone {
  padding: var(--spacing-unit-large) 0;
  background: var(--background-secondary);
}

.about-content-layout	{
	 display: grid;
    grid-template-columns: 1fr 1fr;
  gap: var(--spacing-unit-large);
  align-items   :        center;
}

.about-section-title  
  {
  margin-bottom: var(--spacing-unit-medium);
}

.about-paragraph {
	font-size: 1.125rem;
  margin-bottom: var(--spacing-unit-medium);
}

.benefits-listing {
   display: flex;
    flex-direction: column;
  gap: var(--spacing-unit-small);}

.benefit-point {
	  background: var(--background-primary);
  padding: var(--spacing-unit-small);
  border-radius: var(--border-radius-standard);
  border-left: 4px solid var(--primary-brand-color);

}

.benefit-title {
  color: var(--primary-brand-color);
  margin-bottom: 0.5rem;
}

.benefit-text {
   margin: 0;
  color: var(--text-secondary-color);
}

.about-showcase-image {
    width: 100%;
    height: 400px;
   object-fit: cover;
  border-radius: var(--border-radius-standard);
}

.training-programs-showcase {
  padding: var(--spacing-unit-large) 0;
  background: var(--background-primary);
}

.programs-header-section {
    text-align: center;
  margin-bottom: var(--spacing-unit-large);
}

.programs-main-title {

	  margin-bottom: var(--spacing-unit-small);
	
	}

.programs-intro-text {
    font-size: 1.125rem;
  color: var(--text-secondary-color);
}

.programs-catalog-grid
	{
   display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	  gap: var(--spacing-unit-medium);
}

.program-detail-card {
  background: var(--background-primary);
  border: 1px solid var(--border-subtle-color);
  border-radius: var(--border-radius-standard);
  padding: var(--spacing-unit-medium);
    text-align: center;
  transition: var(--transition-smooth);
}

.program-detail-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.featured-program {


  border-color: var(--primary-brand-color);
       position: relative;
     }

.featured-program::before  
  {
  content: 'POPULARNE';
  position    : absolute;
    top: -10px;
   left: 50%;
  transform: translateX(-50%);
  background: var(--primary-brand-color);
  color: white;
   padding: 0.25rem 1rem;
  border-radius: var(--border-radius-standard);
  font-size: 0.875rem;
    font-weight: 600;
}

.program-name {
  color: var(--primary-brand-color);
  margin-bottom: var(--spacing-unit-small);
}

.program-duration {
  background: var(--background-secondary);
  color: var(--primary-brand-color);
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-standard);
  font-weight: 600;
  margin-bottom: var(--spacing-unit-small);
     display: inline-block;
}

.program-features-list {
   list-style: none;
   text-align: left;
}

.program-feature {
    padding: 0.5rem 0;
  border-bottom: 1px solid var(--border-subtle-color);
  color: var(--text-secondary-color);
}

.program-feature:last-child {
    border-bottom: none;
}

.client-feedback-area
	{
  padding: var(--spacing-unit-large) 0;
  background: var(--background-secondary);
}

.testimonials-section-title {
    text-align: center;
  margin-bottom: var(--spacing-unit-large);
}

.testimonials-carousel-wrapper {
	display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
  gap: var(--spacing-unit-medium);
	
}

.testimonial-review-card {
  background: var(--background-primary);
  padding: var(--spacing-unit-medium);
  border-radius: var(--border-radius-standard);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
   text-align: center;
}

.testimonial-quote {
  font-style: italic;
   font-size: 1.125rem;
  color: var(--text-secondary-color);
  margin-bottom: var(--spacing-unit-medium);
    position: relative;
}

.testimonial-quote::before {
  content: '"';
   font-size: 3rem;
  color: var(--primary-brand-color);
               position: absolute;
    top: -10px;
    left:      -10px;
}  

.author-name {
    font-weight: 600;
  color: var(--primary-brand-color);
    margin-bottom: 0.25rem;
}

.author-position {
  color: var(--text-secondary-color);
   font-size     :        0.875rem;
}  

.achievements-metrics-zone {
  padding: var(--spacing-unit-large) 0;
  background: var(--primary-brand-color);
  color: white;
}

.statistics-showcase-grid {
   display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
  gap: var(--spacing-unit-medium);
}

.statistic-data-card  
  {
    text-align: center;
  padding: var(--spacing-unit-medium);
}

.statistic-number {
  font-size     :   3rem;
   font-weight: 700;
	color: white;
  margin-bottom: var(--spacing-unit-small);
}


.statistic-label {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.9);
}

.consultation-invitation-area {
  padding: var(--spacing-unit-large) 0;
  background: linear-gradient(135deg, var(--secondary-accent-color) 0%, var(--primary-brand-color) 100%);
      text-align: center;
}

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

.cta-main-headline {
   color    :       white;
  font-size    :2.5rem;
  margin-bottom: var(--spacing-unit-small);


}

.cta-supporting-text {

	  color: rgba(255, 255, 255, 0.9);
          font-size: 1.25rem;
  margin-bottom: var(--spacing-unit-medium);
     }

.cta-primary-button {
    display: inline-block;
    background: white;
  color: var(--primary-brand-color);
  padding  :1rem 2rem;
   text-decoration: none;
  border-radius: var(--border-radius-standard);
  font-weight: 600;
   font-size: 1.125rem;
  transition: var(--transition-smooth);
}

.cta-primary-button:hover {
  transform: translateY(-2px); 
	  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.contact-engagement-section {

	  padding: var(--spacing-unit-large) 0;
  background: var(--background-secondary);
     }

.contact-layout-grid {
       display: grid;
   grid-template-columns: 1fr 1fr;
  gap: var(--spacing-unit-large);
   align-items: start;

}

.contact-section-title {
  margin-bottom: var(--spacing-unit-small);

}

.contact-intro-text {
     margin-bottom: var(--spacing-unit-medium);
   font-size     :  1.125rem;
	}

.contact-details-list {
  display: flex;
   flex-direction: column;
  gap: var(--spacing-unit-small);
}

.contact-detail-item     {
  color: var(--text-secondary-color);
  font-size: 1.125rem;

}

.consultation-request-form {
  background: var(--background-primary);
  padding: var(--spacing-unit-medium);
  border-radius: var(--border-radius-standard);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.form-input-group {
  margin-bottom: var(--spacing-unit-small); 

}

.form-field-label {
  display: block;
  font-weight: 600;
  color: var(--text-primary-color);
         margin-bottom: 0.5rem;
}

.form-text-input,
.form-select-input,
.form-textarea-input {

    width    :        100%;
  padding :     1rem;
  border: 1px solid var(--border-subtle-color);
  border-radius: var(--border-radius-standard);
  font-family: var(--font-primary);
   font-size: 1rem;
  transition: var(--transition-smooth);

}

.form-text-input:focus,
.form-select-input:focus,
.form-textarea-input:focus {
  outline: none;
  border-color: var(--primary-brand-color);
  box-shadow: 0 0 0 3px rgba(44, 82, 130, 0.1);
}

.form-textarea-input {
        resize   : vertical;
   min-height  : 120px;
}

.form-submit-button {
  background: var(--primary-brand-color);
    color: white;
  border: none;
	padding: 1rem 2rem;
  border-radius: var(--border-radius-standard);
  font-size: 1.125rem;
    font-weight: 600;
   cursor  : pointer;
  transition: var(--transition-smooth);
  width: 100%;
}

.form-submit-button:hover {
  background: var(--secondary-accent-color);
  transform: translateY(-2px);
}

.website-footer-section  
  {
  background: var(--primary-brand-color);
  color: white;
  padding: var(--spacing-unit-large) 0 var(--spacing-unit-medium) 0;
}

.footer-content-layout  
  {
                    display   :   grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-unit-medium);
  margin-bottom: var(--spacing-unit-medium);

}

.footer-brand-logo     {
   height: 60px;
        width: auto;
  margin-bottom: var(--spacing-unit-small);
  filter: brightness(0) invert(1);
}

.footer-brand-description {
  color: rgba(255, 255, 255, 0.8);
               line-height: 1.6;
}

.footer-section-heading {
    color :  white;
	 font-size: 1.25rem;
  margin-bottom: var(--spacing-unit-small);
  font-weight: 600;
}

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

.footer-link-item {
    margin-bottom : 0.5rem; 

}

.footer-navigation-link {


  color: rgba(255, 255, 255, 0.8);
   text-decoration: none;
  transition: var(--transition-smooth); 
	


}

.footer-navigation-link:hover  
  {
   color: white;
}

.footer-contact-info {
  color: rgba(255, 255, 255, 0.8);
}

.footer-contact-detail {
   margin-bottom: 0.5rem;
}

.footer-bottom-section {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: var(--spacing-unit-medium);
  text-align: center;
}

.copyright-notice {

  color: rgba(255, 255, 255, 0.7);
   margin: 0;


     }
@media screen and (max-width: 1024px) {
    .content-container {
        padding: 0 var(--spacing-unit-medium);
    }
    
    .main-headline {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --spacing-unit-large: 3rem;
    }
    
    .hero-content-grid,
    .about-content-layout,
    .contact-layout-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-unit-medium);
    }
    
    .main-headline {
        font-size: 2rem;
    }
    
    .hero-action-buttons {
        justify-content: center;
    }
    
    .primary-action-button,
    .secondary-action-button {
        flex: 1;
        min-width: 200px;
    }
    
    .services-showcase-grid,
    .programs-catalog-grid,
    .testimonials-carousel-wrapper,
    .statistics-showcase-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-main-headline {
        font-size: 2rem;
    }
}

@media screen and (max-width: 480px) {
    .content-container {
        padding: 0 var(--spacing-unit-small);
    }
    
    .main-headline {
        font-size: 1.75rem;
    }
    
    .hero-action-buttons {
        flex-direction: column;
    }
    
    .primary-action-button,
    .secondary-action-button {
        width: 100%;
    }
    
    .statistic-number {
        font-size: 2rem;
    }
    
    .cta-main-headline {
        font-size: 1.75rem;
    }
}.about-hero-presentation-zone {
  padding: calc(80px + var(--spacing-unit-large)) 0 var(--spacing-unit-large) 0;
  background: linear-gradient(135deg, var(--background-secondary) 0%, var(--background-primary) 100%);
	
}

.about-hero-content-grid {
    display: grid;
	grid-template-columns: 1fr 1fr;
  gap: var(--spacing-unit-large);
          align-items: center;
}

.about-main-headline {
    font-size :  3rem;
  margin-bottom: var(--spacing-unit-medium);
  color: var(--primary-brand-color);
}

.about-hero-description

{
   font-size: 1.125rem;
  margin-bottom: var(--spacing-unit-medium);
  color: var(--text-secondary-color);
}

.about-hero-showcase-image {
  width: 100%;
   height: 400px;
	object-fit: cover;
  border-radius: var(--border-radius-standard);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
} 

.company-mission-zone {
	  padding: var(--spacing-unit-large) 0;
  background: var(--background-primary);


}

.mission-content-layout {
  display: grid;
	grid-template-columns: 1fr 1fr;
  gap: var(--spacing-unit-large);
   align-items: center;
}

.mission-section-title {
  margin-bottom: var(--spacing-unit-medium);


}

.mission-description
{
    font-size: 1.125rem;
	  margin-bottom: var(--spacing-unit-medium);
}

.mission-values-listing {
   display: flex;
  flex-direction: column;
  gap: var(--spacing-unit-small);
}

.mission-value-point {
  background: var(--background-secondary);
  padding: var(--spacing-unit-small);
  border-radius: var(--border-radius-standard);
  border-left: 4px solid var(--primary-brand-color);
}

.value-title {
  color: var(--primary-brand-color);
  margin-bottom: 0.5rem;
}

.value-description {
    margin : 0; 
	  color: var(--text-secondary-color);
}

.mission-showcase-image {
  width:       100%;
   height: 400px;
   object-fit:    cover;
  border-radius: var(--border-radius-standard);
} 

.team-expertise-showcase {

  padding: var(--spacing-unit-large) 0;
  background: var(--background-secondary);}

.expertise-header-section {
        text-align: center;
  margin-bottom: var(--spacing-unit-large);
}

.expertise-main-title {
  margin-bottom: var(--spacing-unit-small);
}

.expertise-intro-text {
   font-size   : 1.125rem;
  color: var(--text-secondary-color); 

}

.expertise-areas-grid


{
    display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
  gap: var(--spacing-unit-medium);
}


.expertise-area-card {
  background: var(--background-primary);
  padding: var(--spacing-unit-medium);
  border-radius: var(--border-radius-standard);
   text-align: center;
  transition: var(--transition-smooth);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.expertise-area-card:hover    {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}



.expertise-area-title {
  color: var(--primary-brand-color);
  margin-bottom: var(--spacing-unit-small);
}

.expertise-area-description {
  color: var(--text-secondary-color);
}

.methodology-approach-area{
  padding: var(--spacing-unit-large) 0; 
	  background: var(--background-primary);
} 

.approach-content-structure {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-unit-large);
    align-items: center;
}



.approach-showcase-image {
    width: 100%;
   height: 400px;
	object-fit: cover;
  border-radius: var(--border-radius-standard);
}

.approach-section-title {
  margin-bottom: var(--spacing-unit-medium);
}

.approach-main-description {

	font-size: 1.125rem;
  margin-bottom: var(--spacing-unit-medium);


	}

.approach-methodology-steps {
  display: grid;
    grid-template-columns: 1fr 1fr;
  gap: var(--spacing-unit-small);
}


.methodology-step {
  background: var(--background-secondary);
  padding: var(--spacing-unit-small);
  border-radius: var(--border-radius-standard);
}

.step-title {
  color: var(--primary-brand-color);
    margin-bottom: 0.5rem;
   font-size: 1rem;
}

.step-description		{
	margin: 0;
  color: var(--text-secondary-color);
  font-size: 0.9rem;
}

.professional-experience-zone {
  padding: var(--spacing-unit-large) 0;
  background: var(--background-secondary);
}

.experience-section-title {
   text-align: center;
  margin-bottom: var(--spacing-unit-large);
}

.experience-timeline-layout {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-unit-medium);
}

.timeline-milestone
	{

  background: var(--background-primary);
  padding: var(--spacing-unit-medium);
  border-radius: var(--border-radius-standard);
   text-align: center;
    position: relative;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);}

.milestone-year {
  background: var(--primary-brand-color);
   color: white;
   padding: 0.5rem 1rem;
  border-radius: var(--border-radius-standard);
  font-weight: 600;
   font-size: 1.125rem;
  margin-bottom: var(--spacing-unit-small);
  display: inline-block;
     }

.milestone-title {
  color: var(--primary-brand-color);
   margin-bottom: 0.5rem;
}

.milestone-description {
  color: var(--text-secondary-color);
    margin   :0;
}

.competitive-advantages-area

{


  padding: var(--spacing-unit-large) 0;
  background: var(--background-primary);
	}

.advantages-presentation-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-unit-large);
  align-items: center;
}

.advantages-section-title {

  margin-bottom: var(--spacing-unit-medium);


}

.advantages-features-list {

   display: flex;
  flex-direction: column;
  gap: var(--spacing-unit-small);


}

.advantage-feature {
  background: var(--background-secondary);
  padding: var(--spacing-unit-small);
  border-radius: var(--border-radius-standard);
  border-left: 4px solid var(--primary-brand-color);
}

.feature-title {
  color: var(--primary-brand-color);
  margin-bottom: 0.5rem;
}

.feature-description {
  margin   : 0;
  color: var(--text-secondary-color);
}

.advantages-showcase-image {
  width: 100%;
  height: 400px;
   object-fit: cover;
  border-radius: var(--border-radius-standard);

}

.about-contact-invitation {
  padding: var(--spacing-unit-large) 0;
  background: linear-gradient(135deg, var(--secondary-accent-color) 0%, var(--primary-brand-color) 100%);
   text-align: center;
}

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

.about-cta-headline
{
   color: white;
               font-size: 2.5rem;
  margin-bottom: var(--spacing-unit-small);
}

.about-cta-supporting-text {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.25rem;
  margin-bottom: var(--spacing-unit-medium);
}

.about-cta-primary-button {
	display   :  inline-block;
    background: white;
  color: var(--primary-brand-color);
  padding: 1rem 2rem;
  text-decoration: none;
  border-radius: var(--border-radius-standard);
  font-weight: 600;
  font-size: 1.125rem;
  transition: var(--transition-smooth);
}

.about-cta-primary-button:hover		{
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); 
	
}

.thankyou-presentation-zone {
  padding: calc(80px + var(--spacing-unit-large)) 0 var(--spacing-unit-large) 0;
  background: linear-gradient(135deg, var(--background-secondary) 0%, var(--background-primary) 100%);
}

.thankyou-content-center {
    display    :     grid;
   grid-template-columns: 1fr 1fr;
  gap: var(--spacing-unit-large);
   align-items     :       start;
}


.thankyou-main-headline {
	 font-size: 3rem;
  margin-bottom: var(--spacing-unit-medium);
  color: var(--success-indication-color); 

	}

.thankyou-primary-description{
	  font-size: 1.125rem;
  margin-bottom: var(--spacing-unit-medium);
  color: var(--text-secondary-color);}

.thankyou-details-card


{
  background: var(--background-primary);
  padding: var(--spacing-unit-medium);
  border-radius: var(--border-radius-standard);
  margin-bottom: var(--spacing-unit-medium);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.details-card-title {
  color: var(--primary-brand-color);
  margin-bottom: var(--spacing-unit-medium);
}

.next-steps-timeline {
   display  :       flex;
   flex-direction: column;
  gap: var(--spacing-unit-small);
}

.timeline-step


{
  display: flex;
  gap: var(--spacing-unit-small);
    align-items   :  flex-start; 
	
}

.step-number {
  background: var(--primary-brand-color);
  color: white;
   width: 30px;
    height: 30px;
   border-radius  :    50%;
   display  :    flex;
       align-items   : center;
  justify-content: center;
    font-weight: 600;
          font-size  :0.875rem;
    flex-shrink: 0;
}

.step-content h4  {
  color: var(--primary-brand-color);
   margin-bottom: 0.25rem;
    font-size: 1rem;
}

.step-content p {
	margin: 0;
  color: var(--text-secondary-color);
    font-size : 0.9rem;

}


.contact-confirmation-info {
  background: var(--background-secondary);
  padding: var(--spacing-unit-medium);
  border-radius: var(--border-radius-standard);
  margin-bottom: var(--spacing-unit-medium);
}

.confirmation-title {
  color: var(--primary-brand-color);
  margin-bottom: var(--spacing-unit-small);
}

.submitted-detail {
  margin-bottom: 0.5rem;
  color: var(--text-secondary-color);
}

.submitted-detail strong {
  color: var(--text-primary-color);
}

.thankyou-action-buttons
{

    display:    flex;
  gap: var(--spacing-unit-small);
  flex-wrap: wrap;

}

.primary-return-button,
.secondary-return-button {
	 display     :        inline-block;
  padding: 1rem 2rem;
        text-decoration  :      none;
  border-radius: var(--border-radius-standard);
	font-weight: 600;
  transition: var(--transition-smooth);
                    text-align: center;
     }

.primary-return-button {
  background: var(--primary-brand-color);
    color: white;

}

.primary-return-button:hover
	{
  background: var(--secondary-accent-color);
  transform: translateY(-2px);
}

.secondary-return-button {
  background: transparent;
  color: var(--primary-brand-color);
  border: 2px solid var(--primary-brand-color);
}

.secondary-return-button:hover {
     background: var(--primary-brand-color);
 color: white;
}

.thankyou-showcase-image {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: var(--border-radius-standard);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.additional-information-area {
  padding: var(--spacing-unit-large) 0;
  background: var(--background-primary);
}

.info-cards-grid {
	  display :  grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-unit-medium);
	}

.info-benefit-card {


  background: var(--background-secondary);
  padding: var(--spacing-unit-medium);
  border-radius: var(--border-radius-standard);
   text-align  :   center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	}  

.benefit-card-title {
  color: var(--primary-brand-color);
  margin-bottom: var(--spacing-unit-small);
}

.benefit-card-description {
  color: var(--text-secondary-color);
    margin: 0;
}

.emergency-contact-zone {

	  padding: var(--spacing-unit-large) 0;
  background: var(--background-secondary);
	}

.emergency-contact-block {


  background: var(--background-primary);
  padding: var(--spacing-unit-large);
  border-radius: var(--border-radius-standard);
   text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
     }

.emergency-title {
  color: var(--primary-brand-color);
  margin-bottom: var(--spacing-unit-small);
}

.emergency-description {
  color: var(--text-secondary-color);
  margin-bottom: var(--spacing-unit-medium);
}

.emergency-contact-details {
  display: flex;
  justify-content: center;
  gap: var(--spacing-unit-medium);
   flex-wrap: wrap;
}

.emergency-contact-item {
     color: var(--text-secondary-color);
               font-size: 1.125rem;}

.emergency-contact-item strong {
     color: var(--text-primary-color);
}@media screen and (max-width: 768px) {
    .about-hero-content-grid,
    .mission-content-layout,
    .approach-content-structure,
    .advantages-presentation-grid,
    .thankyou-content-center {
        grid-template-columns: 1fr;
        gap: var(--spacing-unit-medium);
    }
    
    .about-main-headline,
    .about-cta-headline,
    .thankyou-main-headline {
        font-size: 2rem;
    }
    
    .approach-methodology-steps {
        grid-template-columns: 1fr;
    }
    
    .thankyou-action-buttons {
        justify-content: center;
    }
    
    .primary-return-button,
    .secondary-return-button {
        flex: 1;
        min-width: 200px;
    }
    
    .emergency-contact-details {
        flex-direction: column;
        gap: var(--spacing-unit-small);
    }
}

@media screen and (max-width: 480px) {
    .about-main-headline,
    .about-cta-headline,
    .thankyou-main-headline {
        font-size: 1.75rem;
    }
    
    .thankyou-action-buttons {
        flex-direction: column;
    }
    
    .primary-return-button,
    .secondary-return-button {
        width: 100%;
    }
    
    .experience-timeline-layout,
    .expertise-areas-grid,
    .info-cards-grid {
        grid-template-columns: 1fr;
    }
}.legal-page-hero-zone {
  padding: calc(80px + var(--spacing-unit-large)) 0 var(--spacing-unit-large) 0; 
	  background: linear-gradient(135deg, var(--background-secondary) 0%, var(--background-primary) 100%); 
	    text-align: center; 

}



.legal-hero-content {
  max-width: 800px;
  margin: 0 auto;
}

.legal-page-headline {
    font-size  :        3rem;
  margin-bottom: var(--spacing-unit-medium);
  color: var(--primary-brand-color);
}

.legal-page-description {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-unit-medium);
  color: var(--text-secondary-color);
}

.last-update-info {
  background: var(--background-primary);
  padding: var(--spacing-unit-small);
  border-radius: var(--border-radius-standard);
   display: inline-block;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.update-date	{
  color: var(--text-primary-color);
   font-weight: 500;
   margin: 0;
}

.legal-content-presentation {
  padding: var(--spacing-unit-large) 0;
  background: var(--background-primary);
     }

.legal-text-wrapper {
   max-width: 900px;
  margin: 0 auto;
}

.legal-section-block {
  margin-bottom: var(--spacing-unit-large);
  background: var(--background-secondary);
  padding: var(--spacing-unit-medium);
  border-radius: var(--border-radius-standard);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.legal-section-title {
  color: var(--primary-brand-color);
  margin-bottom: var(--spacing-unit-medium);
  font-size:       1.5rem;
  border-bottom: 2px solid var(--primary-brand-color);
    padding-bottom: 0.5rem;
}

.legal-paragraph		{
    font-size: 1rem;
    line-height: 1.7;
  color: var(--text-secondary-color);
  margin: 0;
}



.cookies-types-listing,
.privacy-purposes-listing {
   display: flex;
    flex-direction: column;
  gap: var(--spacing-unit-small); 
	
}

.cookie-type-item,
.privacy-purpose-item {
  background: var(--background-primary);
  padding: var(--spacing-unit-small);
  border-radius: var(--border-radius-standard);
  border-left: 4px solid var(--primary-brand-color);
	}

.cookie-type-name,
.purpose-name {
  color: var(--primary-brand-color);
    font-size    :    1.125rem;
   margin-bottom: 0.5rem;
   font-weight: 600;
}

.cookie-type-description,
.purpose-description {

	         margin: 0;
  color: var(--text-secondary-color);
    font-size  :    0.95rem;
       line-height: 1.6;}

.legal-navigation-actions {
  margin-top: var(--spacing-unit-large);
	text-align: center;
}


.legal-action-buttons {
  display : flex;
  gap: var(--spacing-unit-small);
   justify-content: center;
  flex-wrap: wrap;
}

.primary-legal-button,
.secondary-legal-button {
    display  :inline-block;
  padding: 1rem 2rem;
    text-decoration: none;
  border-radius: var(--border-radius-standard);
   font-weight: 600;
  transition: var(--transition-smooth);
  text-align: center;
}

.primary-legal-button	{
  background: var(--primary-brand-color);
  color: white;
}

.primary-legal-button:hover		{
  background: var(--secondary-accent-color);
  transform: translateY(-2px);
}

.secondary-legal-button {
   background: transparent;
  color: var(--primary-brand-color);
  border: 2px solid var(--primary-brand-color);
}

.secondary-legal-button:hover {
  background: var(--primary-brand-color);
    color: white;
}@media screen and (max-width: 768px) {
    .legal-page-headline {
        font-size: 2rem;
    }
    
    .legal-action-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .primary-legal-button,
    .secondary-legal-button {
        width: 100%;
        max-width: 300px;
    }
}

@media screen and (max-width: 480px) {
    .legal-page-headline {
        font-size: 1.75rem;
    }
    
    .legal-section-block {
        padding: var(--spacing-unit-small);
    }
    
    .legal-section-title {
        font-size: 1.25rem;
    }
}