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

body {


  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.6;
   color: #333;
   background-color: #fff;
	}

.section-container {
   margin  :0 auto;
    max-width: 1200px;
   padding: 0 20px;
}  

.main-navigation

{
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
  box-shadow: 0 2px 15px rgba(0,0,0,.1);
  position: fixed;
  width: 100%;
    top: 0;
   z-index: 1000;
   transition: all 0.3s ease;
}

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

.brand-section .site-logo	{
    height: 45px;
  width: auto;
   transition    :       transform 0.3s ease;
}

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

.navigation-links {
   display: flex;
  gap: 2rem;
    align-items: center;
}

.nav-link {
  color: #ecf0f1;
  text-decoration: none;
   font-weight: 500;
    padding: 0.5rem 1rem;
  border-radius: 25px;
   transition: all 0.3s ease;
   position    :      relative;
}

.nav-link:hover, .nav-link.active {
  background: rgba(255,255,255,0.15);
    color: #fff;
  transform: translateY(-2px);
}

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

.hamburger-line {

	   width: 25px;
   height: 3px;
   background: #ecf0f1;
  margin: 3px 0;
    transition: 0.3s;
    border-radius  :        2px;


}

.hero-area {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	min-height: 100vh;
    display: flex;
   align-items: center;
  padding-top: 80px;
  color: white;
}

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

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

.hero-text p {
    font-size: 1.3rem;
  margin-bottom: 2.5rem;
    opacity: 0.9;
    line-height: 1.6;


}

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

.primary-button {

	  background: linear-gradient(45deg, #f39c12, #e67e22);
  color: white;
   padding: 14px 30px;
  text-decoration   :        none;
  border-radius: 50px;
   font-weight: 600;
         transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
     }

.primary-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4);
}

.secondary-button  
  {


	 background: transparent;
   color: white;
   padding: 14px 30px;
   text-decoration: none;
  border: 2px solid white;
    border-radius: 50px;
  font-weight: 600;
   transition: all 0.3s ease;
     }

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

.hero-image img {
  width: 100%;
    height: auto;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;


}

.hero-image img:hover {
  transform: scale(1.02);
}

.services-section  
  {
  padding: 100px 0;
  background: #f8f9fa;
}

.section-header {
    text-align: center;
  margin-bottom: 4rem;
}

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

.section-header p {
   margin: 0 auto;
    max-width: 600px;
  font-size: 1.2rem;
   color: #7f8c8d;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2.5rem;
   margin-top: 3rem;
}

.service-card {
    background: white;
          border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
   transition: all 0.3s ease;
  border: 1px solid #e8e8e8;
	
}

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




}

.service-image img {
    width: 100%;
   height: 200px;
    transition: transform 0.3s ease;
  object-fit: cover;
}

.service-card:hover .service-image img {
  transform: scale(1.05);
}

.service-content
{
   padding: 2rem;
}

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

}

.service-content p {
  color: #7f8c8d;
  margin-bottom: 1.5rem;
    line-height: 1.6;
}

.service-features  
  {
  list-style: none;
}

.service-features li {
   	color: #34495e;
    margin-bottom: 0.5rem;
    position: relative;
  padding-left: 20px;


}  

.service-features li:before {
  content: "✓";
  color  :    #27ae60;
    font-weight: bold;
   position: absolute;
  left :      0;


}

.cta-section {
  background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
               padding: 80px 0;
    color   :        white;


}

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

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

.cta-text p
	{

   font-size    :   1.2rem;
    opacity: 0.9;
   line-height: 1.6;


}

.cta-image img   {
  width: 100%;
  border-radius: 15px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.3);
}

.cta-actions	{
  grid-column: 1 / -1;
    text-align: center;
    margin-top: 2rem;
}

.cta-button {
   background: white;
   color: #e74c3c;
   padding: 16px 40px;
   text-decoration: none;
    border-radius   :       50px;
  font-weight: 700;
  font-size: 1.1rem;
    transition: all 0.3s ease;
        display: inline-block;
  box-shadow: 0 5px 20px rgba(255,255,255,0.3);
}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(255,255,255,0.4);
}


.features-section {
  padding: 100px 0;
      background: white;
}

.features-section h2 {
  text-align: center;
   font-size:       2.8rem;
   color: #2c3e50;
          margin-bottom: 4rem;
  font-weight: 700;
}

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

.feature-item {
	-webkit-border-radius: 15px;
    text-align: center;
  padding: 2rem;
   -moz-border-radius :        15px;
    border-radius: 15px;
    -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.feature-item:hover {
   background     :      #f8f9fa;
  transform: translateY(-5px);


}

.feature-icon {
   margin-bottom: 1.5rem;



}

.icon-circle {


  width: 60px;
   height: 60px;
  background: linear-gradient(45deg, #3498db, #2980b9);
   border-radius: 50%;
    display: flex;
   align-items: center;
   justify-content: center;
 color: white;
   font-size   :      1.5rem;
   font-weight: bold;
   margin: 0 auto;
     }



.feature-item h3 {
  font-size: 1.4rem;
   color: #2c3e50;
    margin-bottom: 1rem;
	 font-weight: 600; 
	
}

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

}

.contact-section {
  background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
	 padding : 100px 0;
   color  :        white;
}

.contact-container 
 {
  gap: 4rem;
   max-width: 1200px;
  margin: 0 auto;
   grid-template-columns: 1fr 1fr;
          padding: 0 20px;
   display: grid;
	
}

.contact-info h2 {
			font-size: 2.5rem;
   margin-bottom: 1.5rem;
	 font-weight: 700;
}

.contact-info p {
   margin-bottom: 2.5rem;
	font-size: 1.2rem;
   opacity: 0.9;
	
}

.contact-details {
                    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.contact-item strong {
  display: block;
   font-size    :1.1rem;
  margin-bottom: 0.5rem;
  color: #ecf0f1;
}

.contact-item p {
  color: #bdc3c7;

	   margin: 0;
}

.consultation-form {
   background: white;
   padding: 2.5rem;
   border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.form-group {
  margin-bottom: 1.5rem;
}

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

.form-group label {
	display: block;

	    margin-bottom: 0.5rem;

	    color: #2c3e50;

	  font-weight: 600;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
    padding: 12px 15px;
   border: 2px solid #e8e8e8;
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
   font-family: inherit;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline:  none;
  border-color:       #3498db;
  box-shadow: 0 0 10px rgba(52, 152, 219, 0.2);
}

.form-group textarea {
  resize     :     vertical;
   min-height: 100px;
}

.submit-button  
  {
  background: linear-gradient(45deg, #27ae60, #2ecc71);
    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%;
    font-family: inherit;
}

.submit-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(39, 174, 96, 0.3);
}

.site-footer {
    background: #1a1a1a;
    padding  :   60px 0 20px;
  color :   #bdc3c7;
}

.footer-content {
  padding: 0 20px;
    margin: 0 auto;
  max-width: 1200px;
}

.footer-main {
  display: grid;
   grid-template-columns: 1fr 2fr;
	 gap: 3rem;
   margin-bottom    :  3rem;
}

.footer-logo {
    height: 50px;
	width: auto;
}

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

.footer-section h4  
  {
   color: white;
    margin-bottom: 1rem;
 font-weight     :  600;
}

.footer-section ul {

	    list-style: none;


}


.footer-section ul li{
	  margin-bottom: 0.5rem;
}  

.footer-section a {
   color  :#bdc3c7;
   text-decoration: none;
                    transition: color 0.3s ease;
	}

.footer-section a:hover {
  color: white;
}

.footer-section p {
    color: #95a5a6;
	  line-height: 1.6; 

}

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

.footer-bottom p {
      color :   #7f8c8d;
}@media (max-width: 768px) {
  .hamburger-menu {
    display: flex;
  }
  
  .navigation-links {
    position: fixed;
    top: 70px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 70px);
    background: #2c3e50;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2rem;
    transition: left 0.3s ease;
  }
  
  .navigation-links.active {
    left: 0;
  }
  
  .nav-link {
    width: 90%;
    text-align: center;
    padding: 1rem;
    margin: 0.5rem 0;
  }
  
  .hamburger-menu.active .hamburger-line:nth-child(1) {
    transform: rotate(-45deg) translate(-5px, 6px);
  }
  
  .hamburger-menu.active .hamburger-line:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger-menu.active .hamburger-line:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -6px);
  }
  
  .hero-content {
    grid-template-columns: 1fr;
    gap: 2rem;
    text-align: center;
  }
  
  .hero-text h1 {
    font-size: 2.5rem;
  }
  
  .hero-actions {
    justify-content: center;
  }
  
  .contact-container {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .cta-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  
  .footer-main {
    grid-template-columns: 1fr;
    text-align: center;
  }
  
  .form-row {
    grid-template-columns: 1fr;
  }
  
  .services-grid {
    grid-template-columns: 1fr;
  }
  
  .features-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

@media (max-width: 480px) {
  .hero-text h1 {
    font-size: 2rem;
  }
  
  .hero-text p {
    font-size: 1.1rem;
  }
  
  .section-header h2 {
    font-size: 2.2rem;
  }
  
  .consultation-form {
    padding: 1.5rem;
  }
  
  .contact-info h2 {
    font-size: 2rem;
  }
  
  .cta-text h2 {
    font-size: 2rem;
  }
}.page-header {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
   padding: 120px 0 80px;
   color :        white;
  text-align: center;
    margin-top: 70px;

}

.header-content h1 {
   font-size: 3rem;
  font-weight: 700;
  margin-bottom:        1rem;
}

.header-content p {
   font-size :     1.3rem;
   opacity: 0.9;
   max-width: 600px;
    margin: 0 auto;
}

.about-intro {
	padding: 100px 0;
    background   :     white;
}

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

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

.intro-text p {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
    margin-bottom: 1.5rem;
}


.intro-image img {
	width: 100%;
   border-radius: 15px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
} 

.values-section {
    padding: 100px 0;
   background: #f8f9fa;
}

.values-section h2 {
  text-align:center;
   font-size: 2.8rem;
   color: #2c3e50;
   margin-bottom: 4rem;
  font-weight: 700;
}



.values-grid 
 {
   display: grid;

	  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

		 gap   :       2.5rem;
}

.value-card {
   background: white;
   padding: 2.5rem;
   border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
       text-align: center;
    transition    :   all 0.3s ease;
   position: relative;
   overflow: hidden;
}

.value-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}

.value-number {
  background: linear-gradient(45deg, #3498db, #2980b9);

	   color: white;

	   width: 60px;

	  height   :60px;

	    border-radius: 50%;

	    display: flex;

	   align-items: center;

		 justify-content    :       center;

	  font-size: 1.5rem;

	    font-weight: bold;

		margin: 0 auto 1.5rem;
}

.value-card h3

{
  font-size: 1.4rem;
  color: #2c3e50;
    margin-bottom: 1rem;
        font-weight: 600;
}

.value-card p  
  {
    color: #7f8c8d;
               line-height: 1.6;
}

.expertise-section  
  {
  padding: 100px 0;
  background: white;
}

.expertise-content {

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

.expertise-image img {
  width: 100%;
   border-radius: 15px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
     }

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

.expertise-details {
  display: flex;
    flex-direction: column;
    gap :  2rem;
}

.expertise-item h4 {
   font-size     :  1.3rem;
   color: #e74c3c;
         margin-bottom    :0.5rem;
	 font-weight: 600;
}

.expertise-item p  
  {
	color: #555;
   line-height: 1.6;
}

.methodology-section {
  padding: 100px 0;
	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	    color: white;
}

.methodology-section h2 {
	    text-align: center;
    font-size: 2.8rem;
          margin-bottom: 4rem;
  font-weight: 700;

}

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

.step-item {
     background: rgba(255,255,255,0.1);
  padding: 2.5rem;
    border-radius: 20px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2);
   transition: all 0.3s ease;
}

.step-item:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,0.15);
}

.step-icon	{
    margin-bottom: 1.5rem; 
	
}

.step-number {
  background: rgba(255,255,255,0.2);
   color: white;
    width: 50px;
        height  :    50px;
  border-radius: 50%;
    display: flex;
  align-items: center;
  justify-content: center;
               font-size: 1.3rem;
  font-weight: bold;
  border: 2px solid rgba(255,255,255,0.3);
}

.step-content h3 {

	  font-size: 1.4rem;
       margin-bottom: 1rem;
     font-weight   :       600;


}  

.step-content p {
	opacity: 0.9;
    line-height    :1.6;
}

.statistics-section


{
  padding: 100px 0;
   background: #2c3e50;
    color: white;
    text-align: center;
}

.statistics-section h2 {


    font-size: 2.8rem;
    margin-bottom: 4rem;
         font-weight: 700;

     }

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

.stat-item {
  padding: 2rem;
}

.stat-number {
  margin-bottom     :      1rem;
          font-weight: 900;
      display     :    block;
      color: #f39c12;
            font-size: 3.5rem;
}

.stat-label {
   font-size: 1.2rem;
    opacity: 0.9;
    font-weight     :     500;
}

.commitment-section {
   padding: 100px 0;
    background: #f8f9fa;
}

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

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

.commitment-text > p {

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

.commitment-features {
	  display: flex;
  flex-direction: column;
                    gap: 2rem;


}

.commitment-item h4 {
   font-size   :      1.3rem;
    color: #27ae60;
   margin-bottom: 0.5rem;
  font-weight: 600;


}

.commitment-item p {
   color   :     #555;
	   line-height    :        1.6;
}

.commitment-image img {
   width: 100%;
   border-radius: 15px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}



.thankyou-hero {
  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
  min-height: 100vh;
    display: flex;
  align-items: center;
   justify-content: center;
   text-align: center;
  color: white;
  padding-top: 80px;
}

.thankyou-content {
	    max-width: 800px;
  padding: 0 20px;
	} 

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

.checkmark-circle {
    width: 120px;
          height: 120px;
	border-radius: 50%;
  background: rgba(255,255,255,0.2);
  border: 3px solid rgba(255,255,255,0.3);
    margin: 0 auto;
  display: flex;
  align-items   :   center;
  justify-content: center;
  animation: scaleIn 0.8s ease-out;
     }

.checkmark {
   width: 60px;
    height: 60px;
   background: white;
  border-radius: 50%;
   position: relative;
  animation: fadeIn 1.2s ease-out;
}

.checkmark:after {
  content: "✓";
  position: absolute;
   top: 50%;
    left: 50%;
  transform: translate(-50%, -50%);
   color: #27ae60;
   font-size:       2rem;
    font-weight: bold;
}@keyframes scaleIn {
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}.thankyou-text h1 {
  font-size:      3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.lead-text {
  font-size: 1.4rem;
   opacity: 0.9;
    line-height: 1.6;
         max-width: 600px;
    margin: 0 auto;
}

.next-steps-section {
   padding: 100px 0;
   background: white;
}

.next-steps-section h2 {
   text-align:  center;
    font-size: 2.8rem;
         color: #2c3e50;
    margin-bottom: 4rem;
    font-weight:     700;
}

.steps-timeline


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

.timeline-step {
  display: flex;
    gap :       2rem;
    margin-bottom: 3rem;
	position: relative;
}

.timeline-step:not(:last-child):after   {
  content: '';
    position: absolute;
   left   :    25px;
   top: 60px;
  width: 2px;
   height: 60px;
 background: #e8e8e8;
}

.timeline-step.completed:after {
	background: #27ae60;
}

.timeline-step.current:after {
  background: linear-gradient(to bottom, #3498db 0%, #e8e8e8 100%);
}

.step-marker
{
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   flex-shrink: 0;
   font-weight: bold;
    height: 50px;
	justify-content: center;
   border-radius: 50%;
    color: white;
    width: 50px;
   display: flex;
   align-items   :center;
}

.timeline-step.completed .step-marker	{
    background: #27ae60;
}

.timeline-step.current .step-marker {
  background: #3498db;
}

.timeline-step.upcoming .step-marker {
    background: #bdc3c7;
}

.step-details h3 {
  font-size: 1.4rem;
  color    :       #2c3e50;
  margin-bottom: 0.5rem;
      font-weight: 600;
}

.step-details p {
   color: #7f8c8d; 
	       line-height: 1.6; 
		 margin-bottom    :     0.5rem;
}

.step-time {
   font-size: 0.9rem;
    color: #95a5a6;
    font-weight: 500;
}

.expectations-section {
  padding: 100px 0;
     background: #f8f9fa;
}

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

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

.expectation-items {
    display: flex;
       flex-direction: column;
   gap: 2rem;
}

.expectation-item {
    display: flex;
  gap: 1.5rem;
   align-items: flex-start;
}

.expectation-icon {
         flex-shrink: 0;
}

.icon-bg {
         width: 60px;
   height:60px;
  background: linear-gradient(45deg, #f39c12, #e67e22);
   border-radius: 15px;
   display: flex;
   align-items: center;
    justify-content :   center;
   font-size: 1.5rem;
}

.expectation-details h4 {
  font-size: 1.2rem;
    color: #2c3e50;
    margin-bottom: 0.5rem;
   font-weight: 600;
}

.expectation-details p {
  line-height: 1.6;
    color: #7f8c8d;
}

.expectations-image img {
   	 width: 100%;
      border-radius: 15px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);

}

.meanwhile-section {
  padding: 100px 0;
  background: white;
}

.meanwhile-section h2
{


   text-align: center;
   font-size: 2.8rem;
  color: #2c3e50;
               margin-bottom: 4rem;
    font-weight: 700;
}

.meanwhile-grid {
    display     : grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
       gap: 3rem;
}

.meanwhile-card {
    border-radius: 20px;
  overflow: hidden;
   transition: all 0.3s ease;
    background: #f8f9fa;
}

.meanwhile-card:hover {

	  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

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

.meanwhile-content {
         padding: 2rem; 
	
}

.meanwhile-content h3 {
    font-size: 1.4rem;

  color: #2c3e50;

  margin-bottom: 1rem;

    font-weight: 600;
}

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

.contact-reminder {
  padding: 80px 0;
  background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
   color: white;
}



.contact-box {
  background: rgba(255,255,255,0.1);
  padding :        3rem;
  border-radius: 20px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2);
          text-align: center;
  max-width: 800px;
  margin: 0 auto;
}



.contact-box h3 {
    font-size: 2rem;
   margin-bottom: 1rem;
   font-weight: 600;
}

.contact-box > p {
  font-size: 1.1rem;
  opacity: 0.9;
	margin-bottom: 2rem;
    line-height: 1.6;
}

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

.contact-detail{
  display: flex;
  flex-direction:        column;
  gap: 0.5rem;
}

.contact-detail strong {
  font-size: 1.1rem;
  color: #ecf0f1;
}

.contact-detail span {
  color: #bdc3c7;
}@media (max-width: 768px) {
  .intro-content,
  .expertise-content,
  .commitment-content,
  .expectations-content {
    grid-template-columns: 1fr;
    gap: 2rem;
    text-align: center;
  }
  
  .page-header {
    padding: 100px 0 60px;
  }
  
  .header-content h1 {
    font-size: 2.5rem;
  }
  
  .values-grid {
    grid-template-columns: 1fr;
  }
  
  .methodology-steps {
    grid-template-columns: 1fr;
  }
  
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .timeline-step {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  
  .timeline-step:not(:last-child):after {
    display: none;
  }
  
  .thankyou-text h1 {
    font-size: 2.5rem;
  }
  
  .meanwhile-grid {
    grid-template-columns: 1fr;
  }
  
  .contact-details-box {
    grid-template-columns: 1fr;
  }
  
  .expectation-item {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .intro-text h2,
  .expertise-text h2,
  .commitment-text h2,
  .expectations-text h2 {
    font-size: 2rem;
  }
  
  .values-section h2,
  .methodology-section h2,
  .statistics-section h2,
  .next-steps-section h2,
  .meanwhile-section h2 {
    font-size: 2.2rem;
  }
  
  .stat-number {
    font-size: 2.5rem;
  }
  
  .contact-box {
    padding: 2rem;
  }
  
  .contact-box h3 {
    font-size: 1.5rem;
  }
}.content-area {
	max-width: 800px;
  margin    :     0 auto;
   padding: 2rem 0;
}  

.content-area h3 {
  font-weight: 600;
   margin-bottom: 1rem;
   color: #2c3e50;
  font-size: 1.8rem;
}

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

.content-area ul{
  margin-bottom: 1.5rem;
}

.content-area ul li {
	 font-size  :       1.1rem;
  color: #34495e;
    margin-bottom: 0.8rem;
  position: relative;
  padding-left: 20px; 

}

.content-area ul li:before {
  content: "•";
    color: #27ae60;
  font-weight: bold;
  position: absolute;
   left: 0;
}