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

body   {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  line-height: 1.6;
   color: #2c3e50;
	background: #ffffff;
}

.site-head {
      background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    position: sticky;
	 top    :     0;
                    z-index: 1000;
}

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

.brand-mark img {
   width: auto;
   height: 45px;
}

.nav-links {
    display: flex;

	    list-style: none;

	   align-items     :  center;

	  gap: 2.5rem;
}


.nav-links a {
  text-decoration: none;
    color: #34495e;
  font-weight:        500;
   transition: color 0.3s;
}

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

} 

.cta-nav {
  background   :      #3498db;

                    color: white !important;

   padding: 0.6rem 1.5rem;

   border-radius: 6px;

    transition: background 0.3s;

}

.cta-nav:hover {
	background: #2980b9;
}

.menu-toggle

{
   display: none;
    flex-direction: column;
   gap: 5px;
  cursor: pointer;
}

.menu-toggle span {


	width    :28px;
   height: 3px;
   background: #34495e;
  transition: all 0.3s;
	
	}

.hero-area {
	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
      padding : 5rem 2rem;
	}

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

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

.hero-subtitle {
	font-size: 1.2rem;
                    margin-bottom: 2rem;
               opacity: 0.95;
}

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

.btn-primary, .btn-secondary {
   -moz-border-radius: 8px;
  padding: 0.9rem 2rem;
    text-decoration: none;
         -webkit-transition: all 0.3s;
    border-radius: 8px;
  -webkit-border-radius: 8px;
	font-weight :    600;
                    transition     : all 0.3s;
    display: inline-block;
}

.btn-primary     {
    background: white;
    color: #667eea; 
	
}

.btn-primary:hover   {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

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

.btn-secondary:hover {
   background: white;
    color: #667eea;
}

.hero-visual img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.intro-section {

	    padding   :       5rem 2rem;
               background: #f8f9fa;}  

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

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

.content-box p {
   font-size: 1.15rem;
					color: #5a6c7d;
   line-height: 1.8;
}

.services-preview {
    padding: 5rem 2rem;
   max-width: 1300px;
        margin: 0 auto;
}

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

}

.service-card


{
        background: white;
	padding: 2.5rem;
   border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
   transition: all 0.3s;
}

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

.card-icon {
    width:   70px; 
		height: 70px; 
	  margin-bottom: 1.5rem;
}

.card-icon svg {
    width: 100%; 
    height:        100%; 
	stroke  :    #3498db; 
    fill: none; 
    stroke-width: 2; 
  stroke-linecap:round; 
  stroke-linejoin: round; 
	
}

.service-card h3 {


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



}

.service-card p

{
  color: #7f8c8d;
    line-height: 1.7;
}

.features-highlight {
    padding: 5rem 2rem;
    background :#f8f9fa;
}

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

.feature-image img {
   width: 100%;
  border-radius: 12px;
  box-shadow: 0 6px 30px rgba(0,0,0,0.1);
}

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

.feature-list {
    display: flex;
    flex-direction: column;
    gap: 2rem; 
	
}

.feature-item		{
    gap: 1.5rem;
    display: flex;
}

.feature-icon {
  flex-shrink: 0;
   height: 50px;
   width: 50px;
}

.feature-icon svg {
  width: 100%;
    height: 100%;
    stroke: #27ae60;
    fill: none;
   stroke-width: 2.5;
    stroke-linecap: round;
		stroke-linejoin: round;
}

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

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

.cta-banner {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    padding: 5rem 2rem;
  text-align: center;
         color: white;
}

.cta-content h2

{

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


}

.cta-content p    {
   font-size: 1.2rem;
  margin-bottom: 2.5rem;
   opacity   :   0.95; 
	
}

.btn-cta {
  display   :    inline-block;
   padding: 1.1rem 2.5rem;
	 background: white;
   color: #f5576c;
    text-decoration: none;
    border-radius: 8px;
   font-weight: 600;
  font-size: 1.1rem;
	transition: all 0.3s;
}

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

.approach-section {
   padding: 5rem 2rem;
}


.approach-wrapper {


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

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

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

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

.approach-number {
   font-size: 3rem;
  font-weight: 700;
    color: #3498db;
    opacity     :      0.3;
  margin-bottom: 1rem;
}

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

.approach-card p {
  color: #7f8c8d;
   margin-bottom   :        1.5rem;
                    line-height: 1.7;
}

.approach-card img {
    width: 100%;
   border-radius: 8px;
    margin-top: 1.5rem;
}

.testimonial-area {
	 background: #f8f9fa;
   padding    :  5rem 2rem; 
	
}

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

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

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

.testimonial-box {
   background: white;
    padding: 2.5rem;
   border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.testimonial-text {
   font-size: 1.05rem;
	 color  :        #5a6c7d;
	font-style: italic;
    line-height :  1.7;
    margin-bottom: 1.5rem;
}

.testimonial-author {
   flex-direction: column;
 display: flex;
	
}

.testimonial-author strong {
  color: #2c3e50;
   margin-bottom: 0.3rem;
}

.testimonial-author span {
  color: #7f8c8d;
               font-size: 0.9rem;
}

.contact-section {
   padding: 5rem 2rem;
}

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


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

.contact-info > p {
    font-size: 1.1rem;
    color: #7f8c8d;
					margin-bottom: 2.5rem;
      line-height: 1.7;
}

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

.info-item {
	gap: 1.5rem;
  display   :     flex;
}

.info-icon  
  {
	  flex-shrink: 0;
       width: 50px;
       height: 50px;
     }

.info-icon svg {

	  width: 100%;
		 height :        100%;
		 stroke: #3498db;
	  fill: none;
	   stroke-width: 2;
	  stroke-linecap  :    round;
	  stroke-linejoin: round;}

.info-item h4 {
  font-size : 1.1rem;
   margin-bottom: 0.5rem;
   color: #2c3e50;

}

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

.contact-form {


    background    :     white;

	          padding    :   2.5rem;

	    border-radius: 12px;

	  box-shadow: 0 4px 20px rgba(0,0,0,0.08);}

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

.form-group label {
   display     :        block;
  margin-bottom: 0.6rem;
    font-weight: 600;
	color: #2c3e50;
}

.form-group input,
.form-group select,
.form-group textarea {
    width  :      100%;
    padding: 0.9rem;
    border: 2px solid #e0e6ed;
   border-radius: 6px;
   font-size: 1rem;
    font-family: inherit;
   transition  :   border-color 0.3s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {


  outline: none; 
  border-color: #3498db;
	}

.form-group textarea	{
    resize:    vertical;
}

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

.btn-submit:hover {


   background: #2980b9;
  transform: translateY(-2px);
     }

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

.footer-content {
	max-width: 1200px;

        margin  :     0 auto;

  display: grid;

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

   gap: 3rem;

    margin-bottom: 3rem;
}

.footer-section h4 {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
}

.footer-section p {
    line-height: 1.8;
   color: #bdc3c7;
}


.footer-section ul {
   list-style: none;
}

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

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

.footer-section ul a:hover {
    color: #3498db;


} 

.footer-bottom {
   text-align: center;
  padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,0.1);
    color: #bdc3c7;
}@media (max-width: 968px) {
    .menu-toggle {
        display: flex;
    }

    .nav-links {
        position: fixed;
        left: -100%;
        top: 73px;
        flex-direction: column;
        background: white;
        width: 100%;
        text-align: center;
        transition: left 0.3s;
        box-shadow: 0 10px 27px rgba(0,0,0,0.05);
        padding: 2rem 0;
        gap: 1.5rem;
    }

    .nav-links.active {
        left: 0;
    }

    .container-hero {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .hero-content h1 {
        font-size: 2.2rem;
    }

    .features-container {
        grid-template-columns: 1fr;
    }

    .contact-wrapper {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
}

@media (max-width: 640px) {
    .hero-actions {
        flex-direction: column;
    }

    .btn-primary, .btn-secondary {
        text-align: center;
    }

    .approach-grid {
        grid-template-columns: 1fr;
    }
}.policySection {
    padding: 80px 2rem;
    background: #f8f9fa;
} 

.policyContainer {
    max-width: 800px;

	   margin: 0 auto;

	    text-align: left;
}

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

.policyContainer p
{
   color: #7f8c8d;
   margin-bottom: 1.5rem;
    line-height: 1.7;
    font-size: 1.1rem;
}@media (max-width: 768px) {
    .policyContainer h2 {
        font-size: 2rem;
    }

    .policyContainer p {
        font-size: 1rem;
    }

    .policySection {
        padding: 60px 1rem;
    }
}.page-hero {


  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
                    padding: 4rem 2rem;
    text-align: center;
   color: white;


}

.hero-text-wrapper h1 {

   font-size: 2.8rem;
   margin-bottom: 1rem;
}

.hero-text-wrapper p {
    font-size: 1.3rem;
  opacity: 0.95;
}

.services-intro {

  background: #fff;
    padding: 4rem 2rem;
     }

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

}

.intro-container h2 {
  font-size: 2.2rem;
    margin-bottom: 1.5rem;
  color: #2c3e50;
}

.intro-container p
{

	    font-size: 1.1rem;
    color    :    #5a6c7d;
   line-height: 1.8;


}

.detailed-services {

    padding: 4rem 2rem;
  background    :    #f8f9fa; 
	

}

.services-container {
   max-width: 1200px;
    margin: 0 auto;
  display: flex;
    flex-direction     :      column;
    gap: 3.5rem;
}

.service-detailed {
   background: white;
	border-radius: 12px;
          overflow: hidden;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.service-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   padding: 2rem;
   display: flex;
    align-items: center;
	 gap: 1.5rem;
	color: white;
	


}

.service-icon-large {
    width: 70px;
				 flex-shrink    :        0;
	 height: 70px;
}

.service-icon-large svg{
   width   :      100%;
    height: 100%;
  stroke :white;
   fill: none;
  stroke-width: 2;
   stroke-linecap: round;
    stroke-linejoin: round;
}

.service-header h3
	{
   font-size: 1.8rem;
    margin-bottom   :  0.5rem;
}

.service-duration {
  font-size: 0.95rem;
   opacity: 0.9;


}

.service-body {
    padding: 2.5rem;
	display: grid;
 grid-template-columns: 1fr 1.5fr;
   gap :2.5rem;

} 

.service-image img {
    width: 100%;
   border-radius: 8px;
	
}

.service-details h4 {
   font-size: 1.3rem;
  margin: 1.5rem 0 1rem;
	color: #2c3e50;


}

.service-description {
   font-size     : 1.05rem;
    color: #5a6c7d;
    line-height: 1.7;
    margin-bottom: 1.5rem; 

     }

.benefits-list {
      list-style: none;

  padding-left: 0;
	}

.benefits-list li {
   padding-left: 1.8rem;
    margin-bottom:0.8rem;
   position: relative;
    color: #5a6c7d;
  line-height: 1.6;
}

.benefits-list li::before     {
	  content: "✓";
  position: absolute;
        left: 0;
   color: #27ae60;
  font-weight: bold;
   font-size: 1.2rem;

}

.service-ideal {
   margin-top :    1.5rem;
	   padding: 1rem;
	   background: #f0f7ff;
	        border-left   :4px solid #3498db;
	    border-radius: 4px;
}

.service-ideal strong
	{
    color: #2c3e50;
}

.consultation-offer {
  background: white;
    padding: 5rem 2rem;
}

.consultation-box {

  max-width:       1100px;
    margin     :        0 auto;
	 display     :        grid;
  grid-template-columns     :   1.3fr 1fr;
   gap: 3rem;
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
   border-radius: 15px;
  overflow: hidden;
	color: white;
     }

.consultation-content {
    padding: 3rem;
}

.consultation-content h2		{
	 font-size: 2.3rem;
		 margin-bottom: 1.2rem;
}

.consultation-content > p {
	  font-size: 1.1rem;
    margin-bottom: 2rem;
    opacity: 0.95;
                    line-height: 1.7;
}

.consultation-benefits {
  list-style: none;
    margin-bottom: 2rem;
}

.consultation-benefits li {
    align-items: center;
   display: flex;
   font-size :       1.05rem;
   gap: 0.8rem;
    margin-bottom: 1rem; 

}

.consultation-benefits svg {
    width: 24px;
   height: 24px;
  stroke: white;
    fill   :     none;
   flex-shrink: 0;
}

.btn-consultation {
	 display  :       inline-block;
   padding: 1rem 2rem;
   background: white;
   color: #f5576c;
  text-decoration: none;
		 border-radius: 8px;
    font-weight: 600;
  transition     :  all 0.3s;
}

.btn-consultation:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

.consultation-image   {
   display    :        flex;
         align-items: center;
    justify-content: center;
  padding  :     2rem;
	
}

.consultation-image img {
    width: 100%;
  max-width: 400px;
    border-radius: 8px;
}

.process-timeline {
    padding :5rem 2rem;
    background: #f8f9fa;
}

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

.timeline-wrapper h2 {
   text-align: center;
  font-size:     2.4rem;
	margin-bottom :   3rem;
    color  :    #2c3e50; 

}

.timeline {
  position: relative;
}

.timeline::before {
  content: '';
    position: absolute;
  left: 30px;
    top: 20px;
   bottom: 20px;
    width: 3px;
	background: #3498db;
}

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

.timeline-marker {
  width: 60px;
    height: 60px;
		 background    :     #3498db;
    border-radius: 50%;
	 display   :    flex;
        align-items: center;
  justify-content: center;
    color: white;
    font-size: 1.5rem;
   font-weight: 700;
    flex-shrink: 0;
  box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
}

.timeline-content {
  flex: 1;
	padding-top : 0.5rem;
}

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

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

.faq-section {
        padding  :      5rem 2rem;
   background: white;
}

.faq-container {
   margin: 0 auto;
  max-width: 1100px;
}

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

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

.faq-item {
    padding: 2rem;
        border-left: 4px solid #3498db;
    border-radius     :       10px;
  background: #f8f9fa;
}

.faq-item h3

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

.faq-item p {
     color   :#5a6c7d;
    line-height     :1.7;
     }

.thankyou-hero {

	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 6rem 2rem;
    text-align: center;
	color: white;
                    min-height   :     60vh;
               display: flex;
    align-items: center;
  justify-content  :        center;
	}

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

.success-icon {

    width  :     120px;
    height: 120px;
	 margin: 0 auto 2rem;
}

.success-icon svg {
   width: 100%;
	height: 100%;
  stroke: white;
  fill   :  none;
   stroke-width: 2;
  animation: checkmark 0.8s ease-in-out;
}@keyframes checkmark {
    0% {
        transform: scale(0) rotate(-45deg);
        opacity: 0;
    }
    50% {
        transform: scale(1.2) rotate(5deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}.thankyou-container h1 {
    font-size: 3rem;
    margin-bottom: 1.5rem;


}

.thankyou-subtitle {
   font-size: 1.3rem;
         opacity: 0.95;
  line-height: 1.6;
}

.next-steps {
    padding: 5rem 2rem;
	background: #f8f9fa;
}

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

.steps-container h2 {


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

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

.step-card {
   background     :       white;
  padding: 2.5rem;
    border-radius :   12px;
	 text-align: center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.step-number {
       width    :       60px;
  height :60px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
    border-radius: 50%;
	display: flex;
  align-items: center;
  justify-content  :    center;
    font-size     :     1.8rem;
    font-weight     :      700;
  margin: 0 auto 1.5rem; 
	
}



.step-card h3 {
   font-size    :  1.4rem;
  margin-bottom: 1rem;
  color: #2c3e50; 

}

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

.thankyou-resources {
  padding: 5rem 2rem;
    background: white;
}


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

.resources-wrapper h2 {
	 font-size: 2.4rem;
  margin-bottom: 1.2rem;
               color: #2c3e50;
}



.resources-intro {
    font-size :  1.15rem;
    color: #5a6c7d;
    margin-bottom: 3rem; 

}

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


}

.resource-card {
   background   : #f8f9fa;
    padding: 2.5rem;
    border-radius  :   12px;
  text-decoration: none;
          transition: all 0.3s;
               border  :    2px solid transparent;
}

.resource-card:hover {
     transform: translateY(-5px);
   border-color: #3498db;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);


}

.resource-icon {
     width: 70px;
   height: 70px;
    margin: 0 auto 1.5rem;


}

.resource-icon svg

{
	 width: 100%;
  height: 100%;
  stroke: #3498db;
   fill: none;
   stroke-width     :       2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.resource-card h3 {
    font-size: 1.4rem;
  color: #2c3e50;
	margin-bottom: 0.8rem;


}

.resource-card p {
   color: #7f8c8d; 
	
}

.thankyou-info {
  padding   : 5rem 2rem;
  background: #f8f9fa;
} 

.info-box {
    max-width: 900px;
               margin: 0 auto;
     background: white;
   padding  :     3rem;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}



.info-content h2   {


   font-size: 2.2rem;
    margin-bottom: 1.2rem;
	 color: #2c3e50;
     }

.info-content > p {
               font-size: 1.1rem;
  color: #5a6c7d;
    margin-bottom   :     2.5rem;
          line-height: 1.7;
}

.contact-details {

   display:  flex;
  flex-direction: column;
  gap: 2rem;

}

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


}

.contact-icon {
	   width: 50px;
 height: 50px;
  flex-shrink: 0;
	}

.contact-icon svg {
   width: 100%;
    height: 100%;
   stroke: #3498db;
   fill:none;
  stroke-width: 2;
   stroke-linecap: round;
    stroke-linejoin: round;
}

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

.contact-item p {
    line-height: 1.6;
   color    :  #7f8c8d;
}@media (max-width: 968px) {
    .service-body {
        grid-template-columns: 1fr;
    }

    .consultation-box {
        grid-template-columns: 1fr;
    }

    .consultation-image {
        display: none;
    }

    .timeline::before {
        left: 20px;
    }

    .timeline-marker {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
    }
}

@media (max-width: 640px) {
    .page-hero .hero-text-wrapper h1 {
        font-size: 2.2rem;
    }

    .thankyou-container h1 {
        font-size: 2.2rem;
    }

    .success-icon {
        width: 90px;
        height: 90px;
    }

    .service-header {
        flex-direction: column;
        text-align: center;
    }
}