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

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

.navigation-wrapper {
    position: fixed;
   top   :    0;
    width: 100%;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
    z-index    :        1000;
    border-bottom: 1px solid #e0e6ed; 

}

.nav-container {


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

.company-logo {
	  height: 45px;
               width: auto;

}

.desktop-menu {
    display     :        flex;
        gap     :    2rem;
}

.nav-item {
  text-decoration: none;
  color: #34495e;
  font-weight: 500;
   font-size: 16px;
	 transition: color 0.3s ease;
}

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

.mobile-burger {
	display     :    none;
    flex-direction: column;
   cursor: pointer;
  gap: 4px;
}

.mobile-burger span {
 width: 25px;
  height :3px;
   background-color: #34495e;
    transition: 0.3s;
}

.mobile-overlay {
   display: none;
  position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
  background: rgba(0, 0, 0, 0.8);
   z-index: 999;
}

.mobile-menu-content {
               position: absolute;
  top:   50%;
  left:   50%;
  transform: translate(-50%, -50%);
   text-align: center;
}

.mobile-nav-link {

	    display: block;
  color: white;
  text-decoration   :    none;
    font-size: 1.5rem;
  margin: 1rem 0;
  font-weight: 600;
} 

.hero-presentation {
   margin-top: 80px;
  padding: 60px 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
     }

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

.hero-text-area h1 {
   font-size: 3rem;
   font-weight: 700;
    margin-bottom: 1.5rem;
	line-height: 1.2;
}

.hero-description {
  font-size: 1.2rem;
	margin-bottom     :2rem;
   opacity: 0.9;
}

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

.primary-cta-button {
   background-color: #e74c3c;
    color: white;
  padding  :     15px 30px;
    text-decoration: none;
  border-radius: 8px;
   font-weight: 600;
   transition: background-color 0.3s ease;
}

.primary-cta-button:hover
{
    background-color: #c0392b;
}

.secondary-link {
   color: white;
   text-decoration: underline;
    padding: 15px 20px;
    font-weight: 500;

}

.hero-main-image {
  width: 100%;
   height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.services-presentation {
	background-color: #f8f9fa;
   padding: 80px 2rem;
}

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

.section-header {
    text-align: center;

	 margin-bottom: 3rem;
}

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

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


}

.service-card {
        background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   transition     :  transform 0.3s ease, box-shadow 0.3s ease;
}

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

.service-image {
    width: 100%; 
  height: 200px; 
  object-fit: cover;
}

.service-content {
  padding   :    1.5rem;
}

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

.cta-specialist-section {
 padding: 80px 2rem;
  background: linear-gradient(45deg, #2c3e50, #3498db);
    color: white;
}

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

}

.cta-text-block h2		{
   font-size: 2.5rem;
  margin-bottom: 1.5rem;
}

.cta-action-button {
    display: inline-block;
   font-weight: 600;
    font-size: 1.1rem;
  padding: 18px 35px;
   margin-top: 1.5rem;
  transition: background-color 0.3s ease;
  text-decoration: none;
  color: white;
    border-radius: 8px;
  background-color: #e74c3c;
}

.cta-action-button:hover {
	background-color: #c0392b;
}

.cta-image {
      width: 100%;
    border-radius: 12px;

     }

.about-preview-section {
  padding: 80px 2rem;
	 background-color: white;
}

.preview-container  {
    margin: 0 auto;
  max-width: 1000px;
    text-align :    center; 
	
}

.preview-content h2 {

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

.preview-content p {
    font-size: 1.1rem;
    margin-bottom: 3rem;
    color: #7f8c8d;
}

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

.point-item {
     text-align: center;
  padding: 1.5rem;


}

.point-item h4 {
  margin-bottom: 0.5rem;
    font-size: 1.3rem;
    color: #3498db;
}

.contact-section {
	padding: 80px 2rem;
  background-color: #ecf0f1;
}

.contact-wrapper {
   max-width: 800px;
   margin: 0 auto;
}

.contact-form-area h2 {
	   text-align :       center;
    font-size: 2.5rem;
    color: #2c3e50;
        margin-bottom: 1rem;}

.contact-form-area p {
   text-align: center;
    margin-bottom: 3rem;
       color: #7f8c8d;
}

.consultation-form {
    background: white;
                    padding: 2rem;
    border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

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

.input-group.full-width {
    grid-column: 1 / -1;
} 

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

.input-group input,
.input-group select,
.input-group textarea {
   width: 100%;
    padding: 12px;
	border: 2px solid #bdc3c7;
    border-radius: 6px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}

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

.form-submit-btn {
    width: 100%;
	background-color: #3498db;
       color: white;
    padding: 15px;
    -webkit-transition: background-color 0.3s ease;
   border: none;
  border-radius: 6px;
	 font-size: 1.1rem;
   font-weight: 600;
    cursor: pointer;
   -moz-transition:      background-color 0.3s ease;
   transition: background-color 0.3s ease;
}

.form-submit-btn:hover {
  background-color: #2980b9;
}

.site-footer {
    background-color    :      #2c3e50;
    color: white;
   padding :     3rem 2rem 1rem;
}

.footer-content {
  max-width: 1200px;
      margin: 0 auto;
  display: grid;
	 grid-template-columns     :        2fr 1fr 1fr 1fr;
   gap  :2rem;
}

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

.company-description {
	color: #bdc3c7;
    line-height: 1.6;
}

.footer-navigation h4,
.footer-legal h4,
.footer-contact-info h4 {
   margin-bottom: 1rem;
   font-size: 1.2rem;


}

.footer-nav-list,
.legal-links {
   list-style: none;
}

.footer-nav-list li,
.legal-links li {
    margin-bottom: 0.5rem;
}

.footer-nav-list a,
.legal-links a {
 transition: color 0.3s ease;
   color: #bdc3c7;
   text-decoration     :    none;
}

.footer-nav-list a:hover,
.legal-links a:hover {
    color: #3498db;
}

.address-info,
.phone-info {
	   color:     #bdc3c7;
    margin-bottom: 0.5rem;
	}

.footer-bottom {
   color: #95a5a6;
	border-top: 1px solid #34495e;
    padding-top: 1rem;
  text-align  :      center;
    margin-top :      2rem;
} 

.cookie-notice {
  position: fixed;
   bottom  :      0;
  left :    0;
  right: 0;
    background-color:       #34495e;
  color: white;
	 padding: 1rem 2rem;
  z-index     :       1001;
	display: none;
}

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

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

.cookie-accept {
   background-color: #3498db;
   color: white;
         border: none;
   padding: 10px 20px;
    border-radius: 5px;
  cursor: pointer;
       font-weight: 500;
}

.cookie-learn-more {

	   color  :       #ecf0f1;
  text-decoration: underline;}@media (max-width: 768px) {
    .desktop-menu {
        display: none;
    }

    .mobile-burger {
        display: flex;
    }

    .hero-content-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .hero-text-area h1 {
        font-size: 2rem;
    }

    .cta-content-area {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .footer-content {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .cookie-content {
        flex-direction: column;
        text-align: center;
    }

    .services-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .nav-container {
        padding: 1rem;
    }

    .hero-presentation {
        padding: 40px 1rem;
    }

    .section-wrapper,
    .contact-wrapper,
    .preview-container {
        padding: 0 1rem;
    }

    .consultation-form {
        padding: 1.5rem;
    }
}.about-hero-section {
  margin-top: 80px;
    padding: 60px 2rem;
  background: linear-gradient(120deg, #34495e 0%, #2c3e50 100%);
   color: white;
}

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

.hero-content-about h1 {
   font-weight: 700;
    margin-bottom: 1.5rem;
  line-height: 1.2;
  font-size: 2.8rem;


}

.hero-subtitle {
   font-size: 1.1rem;
      opacity: 0.9;
		 line-height: 1.6;
}

.about-hero-image {
  width: 100%;
    height: auto;
    border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.company-story-section {
    padding: 80px 2rem;

	   background-color: white;
}

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

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

.story-content p {
    font-size: 1.1rem;
	line-height: 1.8;
   color: #7f8c8d;
  margin-bottom: 1.5rem;
}

.team-expertise-section {
  padding: 80px 2rem;
    background-color: #f8f9fa;
}

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

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

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

}

.expert-profile {
  background: white;
  padding: 2rem;
   border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align:  center;
   transition    :       transform 0.3s ease;
}

.expert-profile:hover {
  transform: translateY(-5px);

}

.expert-info h3 {
	font-size: 1.4rem;
	  color: #3498db;
	  margin-bottom: 1rem;
}

.expert-info p {

	   color: #7f8c8d;
   line-height: 1.6;
     }

.methodology-section {
   	 padding: 80px 2rem;
  background-color: white;
}

.method-container {

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


}

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

.method-content p {
  font-size :      1.1rem;
  color: #7f8c8d;
   margin-bottom: 2rem;
    line-height: 1.6;
}

.methodology-steps {


   display: flex;
  flex-direction: column;
   gap    : 1.5rem;
}

.method-step {
    gap: 1rem;
   display: flex;
  align-items: flex-start;


}

.step-number {
  background: linear-gradient(45deg, #3498db, #2980b9);
    color     :    white;
   width: 40px;
	 height    :   40px;
   border-radius     :      50%;
   display: flex;
    align-items: center;
    justify-content :     center;
   font-weight  :  700;
   flex-shrink: 0;
}



.step-content h4 {
    font-size: 1.2rem;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.step-content p {
   color: #7f8c8d;
  font-size: 0.95rem; 
	
}

.methodology-image {
    width: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

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

.metrics-wrapper {

	    max-width     :     1000px;
  margin: 0 auto;
	}

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



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


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

.metric-number {
   font-size: 3rem;
  font-weight: 700;
	color:       #e74c3c;
    display   :      block;
   margin-bottom: 0.5rem;
}

.metric-label {
   font-size: 1.1rem;
   opacity  :    0.9;
}

.why-choose-section   {
    padding: 80px 2rem;
    background-color: #f8f9fa;
}

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

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

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

.advantage-item h4 {
    font-size: 1.3rem;
   color: #3498db;
	margin-bottom: 0.5rem;
}

.advantage-item p {
   color: #7f8c8d;
   line-height: 1.6;
}

.choose-image {

                    width    :      100%; 
   border-radius: 12px; 
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);


}

.about-cta-section {
    padding: 80px 2rem;
  background: linear-gradient(45deg, #2c3e50, #3498db);
   color: white;
   text-align: center;
}

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

.about-cta-content h2 {
   font-size: 2.5rem;
        margin-bottom: 1.5rem;
} 

.about-cta-content p {
    font-size: 1.1rem;
       margin-bottom: 2rem;
   opacity: 0.9; 

}

.cta-back-button {
	padding: 15px 30px;

	  color: white;

	 font-weight: 600;

	  display: inline-block;

	  text-decoration: none;

	  border-radius: 8px;

	  background-color     :#e74c3c;

	   transition: background-color 0.3s ease;
}

.cta-back-button:hover {
  background-color: #c0392b;


} 

.nav-item.active {
    color: #3498db;
    font-weight: 600; 

}

.thankyou-hero-section {
       margin-top: 80px; 
   padding  :       80px 2rem; 
  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); 
   color: white; 
  text-align: center;
}

.thankyou-container {
      margin :   0 auto;
    max-width: 800px;
     }

.success-animation {
   margin-bottom: 2rem;
}

.checkmark-circle {
    width: 80px;
    height: 80px;
   border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
		 display: inline-flex;
  align-items: center;
  justify-content: center;
   margin-bottom: 1rem;
  animation :    bounce 0.6s ease-in-out;
}

.checkmark		{
    width: 30px;
	height: 15px;
	border-left: 4px solid white;
  border-bottom: 4px solid white;
  transform: rotate(-45deg);
}@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}.thankyou-content h1 {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.thankyou-subtitle {
    opacity: 0.9;
   font-size: 1.2rem;
  line-height     :1.6;
}

.next-steps-section {
    padding: 80px 2rem;
    background-color: white;
}

.steps-wrapper

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

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

.steps-timeline {
  flex-direction: column;
	  gap  :  2rem;
	   position: relative;
	   display: flex;
}

.timeline-item {
	      display: flex;
  align-items:    flex-start;
    gap: 1.5rem;
  text-align: left;
	}

.timeline-marker {
  background: linear-gradient(45deg, #3498db, #2980b9);
     color  :      white;
       width:   50px;
   	height   :50px;
     border-radius: 50%;
   	display: flex;
     align-items: center;
      justify-content: center;
     flex-shrink: 0;
}

.step-number {
   font-weight: 700; 
	  font-size: 1.2rem;
}

.timeline-content h3 {
    font-size: 1.4rem;
	color    :     #2c3e50;
  margin-bottom: 0.5rem;
}

.timeline-content p {
	color: #7f8c8d;
   line-height: 1.6;
}

.expectations-section {
  padding: 80px 2rem;
   background-color: #f8f9fa;
}

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

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

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

.expectation-card {
   background: white; 
	    padding: 1.5rem; 
	    border-radius: 8px; 
	  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.expectation-card h4 {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    color: #3498db;
}

.expectation-card p {
   color: #7f8c8d;
    font-size: 0.9rem;
    line-height: 1.5;
}

.expectations-image {
  width: 100%;
 border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.preparation-section {

  padding: 80px 2rem;
    background-color: white;
}

.prep-container {
    max-width: 900px;
  margin: 0 auto;
    text-align: center;
}

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

.prep-intro {
  font-size  :     1.1rem;

   color: #7f8c8d;

   margin-bottom: 3rem;
}

.prep-tips {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 2rem;
  text-align: left;
}

.tip-item {
        background: #f8f9fa;
  padding: 1.5rem;
    border-radius: 8px;
  border-left: 4px solid #3498db;
}

.tip-item h4   {
   font-size: 1.2rem; 
   color: #2c3e50; 
    margin-bottom: 0.5rem;
}

.tip-item p {
    color: #7f8c8d;
  line-height: 1.6;
}

.contact-reminder-section {

    padding: 80px 2rem;
   background-color: #ecf0f1;
	 text-align: center;
}

.reminder-content {
   max-width: 700px;
   margin: 0 auto;
}

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

.reminder-content p {
   font-size    :        1.1rem;
    color: #7f8c8d;
  margin-bottom: 2rem;
}

.contact-details {
   display: grid;
  grid-template-columns: 1fr 1fr;
    gap: 2rem;
   max-width: 500px;
  margin: 0 auto;
	
}

.contact-item h4 {
    font-size: 1.2rem;
   color: #3498db;
  margin-bottom: 0.5rem;
}

.contact-item p {
    color: #2c3e50;
	 font-weight   :   500;
}

.return-cta-section {
    padding: 80px 2rem;
  background: linear-gradient(45deg, #2c3e50, #3498db);
   color  :  white;
  text-align: center;
}

.return-cta-content

{
  max-width: 800px;

	    margin: 0 auto;
}

.return-cta-content h2	{
   font-size: 2.5rem;
    margin-bottom: 1.5rem;
}

.return-cta-content p {
  font-size: 1.1rem;
    margin-bottom: 2rem;
					opacity: 0.9;
}

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

.return-home-btn,
.learn-more-btn {
   display: inline-block;
       padding: 15px 30px;
       text-decoration: none;
   	border-radius     :       8px;
     font-weight: 600;
   	transition: all 0.3s ease;
}

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

.return-home-btn:hover {
   background-color: #c0392b;
}

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

.learn-more-btn:hover    {
        background-color: white;
  color: #2c3e50;
}@media (max-width: 768px) {
    .about-hero-container,
    .method-container,
    .choose-container,
    .expectations-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hero-content-about h1,
    .thankyou-content h1 {
        font-size: 2rem;
    }
    
    .expertise-grid,
    .expectation-grid {
        grid-template-columns: 1fr;
    }
    
    .metrics-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .contact-details {
        grid-template-columns: 1fr;
    }
    
    .return-actions {
        flex-direction: column;
        align-items: center;
    }
    
    .timeline-item {
        flex-direction: column;
        text-align: center;
    }
    
    .methodology-steps {
        gap: 2rem;
    }
    
    .method-step {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .about-hero-section,
    .thankyou-hero-section {
        padding: 40px 1rem;
    }
    
    .company-story-section,
    .team-expertise-section,
    .methodology-section,
    .success-metrics-section,
    .why-choose-section,
    .about-cta-section,
    .next-steps-section,
    .expectations-section,
    .preparation-section,
    .contact-reminder-section,
    .return-cta-section {
        padding: 60px 1rem;
    }
    
    .metrics-grid {
        grid-template-columns: 1fr;
    }
    
    .expert-profile,
    .expectation-card,
    .tip-item {
        padding: 1.2rem;
    }
}.about-hero-section {
    margin-top: 80px;
  padding: 60px 2rem;
  background: linear-gradient(120deg, #34495e 0%, #2c3e50 100%);
   color   :       white;
}

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

.hero-content-about h1    {
  font-size: 2.8rem; 
   font-weight     :    700; 
  margin-bottom: 1.5rem; 
  line-height: 1.2;
}

.hero-subtitle {
    font-size: 1.1rem;
  opacity: 0.9;
    line-height: 1.6;
}

.about-hero-image {
      width: 100%;
	 height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}



.company-story-section {
    background-color: white;
  padding: 80px 2rem;
}

.story-wrapper {


   max-width: 900px;

    margin   :   0 auto;

   text-align   :center;
     }

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

.story-content p {
       font-size: 1.1rem;
	    line-height: 1.8;
	   color: #7f8c8d;
	    margin-bottom: 1.5rem;
}

.team-expertise-section {
   padding: 80px 2rem;
  background-color: #f8f9fa; 
	
}

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


}

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

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

.expert-profile {
	   background: white;
    padding: 2rem;
	border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   text-align: center;
    transition: transform 0.3s ease;}

.expert-profile:hover {
  transform: translateY(-5px);
}

.expert-info h3 {
   font-size: 1.4rem;
  color: #3498db;
   margin-bottom  :1rem;
}

.expert-info p {
    color: #7f8c8d;
    line-height: 1.6;
}

.methodology-section {
    background-color: white;
          padding: 80px 2rem;
}

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

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

.method-content p


{
    line-height: 1.6;
    font-size: 1.1rem;
   color: #7f8c8d;
  margin-bottom: 2rem;
}

.methodology-steps  {


    display: flex;
   flex-direction: column;
   gap: 1.5rem;
}

.method-step {

    display: flex;
                    align-items: flex-start;
   gap: 1rem;


}

.step-number {


  background: linear-gradient(45deg, #3498db, #2980b9);
         color: white;
    width: 40px;
  height: 40px;
  border-radius: 50%;
   display: flex;
  align-items: center;
  justify-content:    center;
  font-weight  :     700;
    flex-shrink   :       0;
     }

.step-content h4 {
    font-size: 1.2rem; 
  color: #2c3e50; 
	 margin-bottom     :        0.5rem;
}

.step-content p {
  color: #7f8c8d;
   font-size: 0.95rem;
}

.methodology-image {


    width :       100%;
  border-radius:        12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);


}

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

.metrics-wrapper {
  max-width: 1000px;
                    margin: 0 auto;
}

.metrics-wrapper h2 {


  font-size :        2.5rem;
   margin-bottom   :      3rem;

}

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

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

.metric-number {
	font-size: 3rem;
   font-weight: 700;
     color:    #e74c3c;
    display: block;
    margin-bottom: 0.5rem;
}

.metric-label {
  font-size    : 1.1rem;
	opacity: 0.9;
}

.why-choose-section {
     padding     :  80px 2rem;
    background-color: #f8f9fa;
	}

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

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

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

.advantage-item h4 {
  font-size: 1.3rem;
   color: #3498db;
    margin-bottom: 0.5rem;
}

.advantage-item p {
    color: #7f8c8d;

	   line-height: 1.6;
}

.choose-image {
  width   :100%;
		border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.about-cta-section {
    padding: 80px 2rem;
  background: linear-gradient(45deg, #2c3e50, #3498db);
   color: white;
               text-align: center;
}

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

.about-cta-content h2 {
   font-size     :       2.5rem;
          margin-bottom: 1.5rem;
}

.about-cta-content p {
  font-size: 1.1rem;

    margin-bottom: 2rem;

   opacity: 0.9;
}

.cta-back-button     {
   display: inline-block;
   background-color: #e74c3c;
    color: white;
  padding: 15px 30px;
    text-decoration: none;
   border-radius: 8px;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.cta-back-button:hover {
  background-color: #c0392b;
}

.nav-item.active {
  color: #3498db;
          font-weight: 600;
}

.thankyou-hero-section {
   margin-top: 80px;
   padding    :        80px 2rem;
  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    color: white;
	text-align: center;
}

.thankyou-container {
  max-width: 800px;
  margin: 0 auto;
}



.success-animation {
  margin-bottom: 2rem;
}

.checkmark-circle {
    width: 80px;
  height     :   80px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
	display: inline-flex;
   align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
    animation: bounce 0.6s ease-in-out;
}

.checkmark {
   width: 30px;
  height: 15px;
   border-left    :   4px solid white;
    border-bottom: 4px solid white;
  transform: rotate(-45deg);
}@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}.thankyou-content h1 {
    font-size: 2.8rem;

	    font-weight    :700;

	  margin-bottom: 1.5rem;
}

.thankyou-subtitle {
    font-size: 1.2rem;
  opacity    :   0.9;
  line-height: 1.6;
}

.next-steps-section     {
    padding: 80px 2rem;
   background-color: white;
}

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

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

.steps-timeline {
   display: flex;
  flex-direction: column;
   gap  :        2rem;
  position: relative;


}

.timeline-item {
    text-align: left;
   display: flex;
                    gap: 1.5rem;
    align-items: flex-start;
}

.timeline-marker {
  background: linear-gradient(45deg, #3498db, #2980b9);
	  color: white;
	    width: 50px;
	    height: 50px;
	   border-radius: 50%;
	  display: flex;
	    align-items: center;
	  justify-content: center;
	  flex-shrink: 0;
     }

.step-number
	{
    font-weight: 700; 
	    font-size: 1.2rem;
}



.timeline-content h3 {
  margin-bottom: 0.5rem;
   font-size: 1.4rem;
  color: #2c3e50;
}

.timeline-content p {
  color: #7f8c8d;
         line-height: 1.6;
}

.expectations-section {
  padding: 80px 2rem;
	   background-color: #f8f9fa;
}

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

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

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

.expectation-card {
  background: white;
  padding: 1.5rem;
   border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.expectation-card h4 
 {

	   font-size: 1.1rem;
  color     :#3498db;
               margin-bottom: 0.5rem;


}

.expectation-card p
	{
  color: #7f8c8d;
  font-size: 0.9rem;
  line-height: 1.5; 
	
}

.expectations-image {
   width: 100%;
  border-radius     :       12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
} 

.preparation-section {
   padding :    80px 2rem;
    background-color: white; 
	
}

.prep-container {
     max-width: 900px;
   margin: 0 auto;
   text-align: center;
}

.prep-container h2 {

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

.prep-intro {
   font-size: 1.1rem;
	color: #7f8c8d;
   margin-bottom: 3rem;
	
}

.prep-tips {
     display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
       gap: 2rem;
  text-align: left;
}

.tip-item {
  background: #f8f9fa; 
  padding: 1.5rem; 
    border-radius: 8px; 
   border-left: 4px solid #3498db;
}

.tip-item h4 {
      font-size: 1.2rem;
   color: #2c3e50;
  margin-bottom: 0.5rem;
	}

.tip-item p {
   color    :     #7f8c8d;
  line-height: 1.6;
}

.contact-reminder-section {
  padding: 80px 2rem;
  background-color: #ecf0f1;
   text-align: center;
}

.reminder-content{
                    max-width: 700px;
  margin: 0 auto;
}

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

.reminder-content p {
  font-size: 1.1rem;
   color: #7f8c8d;
        margin-bottom: 2rem;
}

.contact-details {
    display: grid;
   grid-template-columns: 1fr 1fr;
    gap: 2rem;
    max-width: 500px;
  margin: 0 auto;
}

.contact-item h4 {
  color: #3498db;
   margin-bottom: 0.5rem;
	font-size:  1.2rem;
}

.contact-item p {
  color: #2c3e50;
    font-weight: 500;
}

.return-cta-section {
   padding: 80px 2rem;
  background: linear-gradient(45deg, #2c3e50, #3498db);
  color: white;
     text-align: center;
}

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


.return-cta-content h2 {
   font-size: 2.5rem;
  margin-bottom: 1.5rem;
}

.return-cta-content p     {
  font-size: 1.1rem;
   margin-bottom: 2rem;
   opacity: 0.9;
}

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

.return-home-btn,
.learn-more-btn {
  display     :    inline-block;
   padding: 15px 30px;
    text-decoration: none;
   border-radius: 8px;
  font-weight   :        600;
	transition: all 0.3s ease;
}

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



.return-home-btn:hover
{
       background-color: #c0392b;

}

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

.learn-more-btn:hover {
  background-color: white;
    color: #2c3e50;
}@media (max-width: 768px) {
    .about-hero-container,
    .method-container,
    .choose-container,
    .expectations-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hero-content-about h1,
    .thankyou-content h1 {
        font-size: 2rem;
    }
    
    .expertise-grid,
    .expectation-grid {
        grid-template-columns: 1fr;
    }
    
    .metrics-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .contact-details {
        grid-template-columns: 1fr;
    }
    
    .return-actions {
        flex-direction: column;
        align-items: center;
    }
    
    .timeline-item {
        flex-direction: column;
        text-align: center;
    }
    
    .methodology-steps {
        gap: 2rem;
    }
    
    .method-step {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .about-hero-section,
    .thankyou-hero-section {
        padding: 40px 1rem;
    }
    
    .company-story-section,
    .team-expertise-section,
    .methodology-section,
    .success-metrics-section,
    .why-choose-section,
    .about-cta-section,
    .next-steps-section,
    .expectations-section,
    .preparation-section,
    .contact-reminder-section,
    .return-cta-section {
        padding: 60px 1rem;
    }
    
    .metrics-grid {
        grid-template-columns: 1fr;
    }
    
    .expert-profile,
    .expectation-card,
    .tip-item {
        padding: 1.2rem;
    }
}.about-preview-section p {
    font-size: 1.1rem;
  color: #7f8c8d;
  margin-bottom: 1rem;
  line-height   :1.8;
}

.about-preview-section h2 {
    font-size :   2.5rem;
   color: #2c3e50;
   margin-bottom: 1.5rem;
}