*{
    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: #ffffff;
}

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

}

.prime-navigation
{
        background   :#ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    position  :       sticky;
   top:     0;
    z-index: 1000;
   padding: 1rem 0;
}

.header-flex {

	    display   :   flex;
    justify-content: space-between;
               align-items: center;
	}

.brand-zone a {
  display: block;
}

.company-mark {


   height: 45px;
  width: auto;}

.links-section {
  display: flex;
   	 gap: 2.5rem;
     align-items: center;
}

.route-item {

	 transition: color 0.3s;
   color: #2c3e50;
    font-weight: 500;
  text-decoration: none;
	 font-size: 16px;

}

.route-item:hover {
   color: #667eea;

}

.mobile-trigger {
  display :   none;
  flex-direction: column;
          gap  :      5px;
   background: none;
    border:   none;
   cursor: pointer;
  padding   :        8px;
}

.mobile-trigger span {
    width: 28px;
  height: 3px;
   background: #2c3e50;
  transition: all 0.3s ease;
   display: block;
}

.mobile-trigger.active span:nth-child(1) {
  transform: rotate(45deg) translate(7px, 7px);
}

.mobile-trigger.active span:nth-child(2) {
   opacity: 0;
}

.mobile-trigger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.hero-block {
	    padding: 80px 0;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);

}

.hero-content-grid {
      display    :     grid;
        grid-template-columns: 1fr 1fr;
   gap: 60px;
    align-items:  center;
}

.text-column {
  padding-right: 20px;
}

.main-headline {
  font-size: 48px;
   font-weight    :        700;
  line-height: 1.2;
    margin-bottom: 24px;
  color: #1a202c;
}

.subheadline-text {
	font-size: 18px;
   color: #4a5568;
  margin-bottom: 32px;
  line-height: 1.7;
}

.action-buttons {
 display: flex;
  gap: 16px;
}

.primary-cta, .secondary-cta {
  padding: 14px 32px;
   border-radius:    6px;
      text-decoration: none;
    font-weight: 600;
  transition: all 0.3s;
	display: inline-block;
	 font-size: 16px;
}

.primary-cta {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
	   color: #ffffff;
}



.primary-cta:hover

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

.secondary-cta {
   background: transparent;
    color: #667eea;
	 border: 2px solid #667eea;
}

.secondary-cta:hover {
    background   :   #667eea;
  color: #ffffff;
}



.visual-column {
	   position: relative;
     }

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

.benefits-showcase {
	    padding: 90px 0;
   background    :  #ffffff;
}

.section-heading {
    font-size: 38px;
    font-weight: 700;
  text-align: center;
   margin-bottom: 60px;
  color: #1a202c;
     }

.section-heading.centered {
   text-align: center;
}

.benefits-grid {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 40px;
}

.benefit-card {
    padding: 35px 25px;
   background     :      #f8f9fa;
  border-radius: 10px;
  transition: all 0.3s;
}

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

.icon-holder {
	  width: 70px;
    height: 70px;
    margin-bottom: 20px;
  display: flex;
	align-items: center;
     justify-content: center;

}

.feature-icon {
    width: 60px;
   height: 60px;
  stroke: url(#mainGrad);
	fill: none;
    stroke-width:     2;
   stroke-linecap: round;
	stroke-linejoin:        round;
}

.card-title {
  font-size   :22px;
    font-weight: 600;
   margin-bottom: 12px;
    color: #2d3748;
}

.card-description {

		color: #4a5568; 
    line-height    :       1.6; 
   font-size: 15px;

}

.program-display {
  padding: 90px 0;
		 background: #f8f9fa;
}

.content-split
{
               align-items: center;
	gap: 60px;
	grid-template-columns: 1fr 1fr;
  display: grid;
}

.image-side {
  position: relative;
}

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

.text-side {

	 padding-left: 20px;
     }

.program-headline {
   font-size :    36px;
    font-weight: 700;
	margin-bottom: 20px;
   color: #1a202c;
}

.program-intro {


   font-size: 17px;
   color: #4a5568;
          margin-bottom: 35px;
  line-height: 1.7;
	


}

.program-list {
 display: flex;
   flex-direction  :       column;
  gap: 28px;
}

.program-item{
   display: flex;
    gap: 18px;
   align-items     : flex-start;
}

.item-icon-wrapper {
    width: 50px;
	   height :       50px;
	 flex-shrink: 0;
	  display: flex;
	  align-items: center;
	  justify-content    :   center;
}

.list-icon    {
    width: 45px;
    height: 45px;
   stroke: #667eea;
    fill: none;
   stroke-width: 2.5;
     stroke-linecap     :        round;
    stroke-linejoin  : round;
}

.item-content		{
    flex:1;
}  

.item-heading
{
          font-size: 20px;
	 font-weight     : 600;
  margin-bottom: 8px;
  color: #2d3748;


}

.item-text {

	    color: #4a5568;

	   line-height: 1.6;

	  font-size: 15px;
	}

.methodology-section {
  padding: 90px 0;
	 background: #ffffff;
}

.methodology-columns {

  display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 45px;
   margin-top: 50px;
	}

.method-column {
    text-align: center;

}

.method-visual {
     width    :   100%;
    height: 280px;
         object-fit: cover;
    border-radius :10px;
          margin-bottom: 24px;

}

.method-title {
   font-size: 24px; 
	  font-weight: 600; 
	  margin-bottom: 14px; 
	    color: #2d3748;
	
}

.method-text	{
   color: #4a5568;
 line-height: 1.6;
	 font-size: 15px;
}

.cta-banner {
        padding: 80px 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

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

.cta-headline   {


  font-size: 42px;
    font-weight: 700;
   color: #ffffff;
    margin-bottom: 20px;
  line-height: 1.3;
}

.cta-subtext {
    font-size: 18px;
  color: rgba(255,255,255,0.95);
  margin-bottom: 35px;
   line-height: 1.7;
}

.cta-button-large{
  display: inline-block;
          padding: 18px 45px;
        background: #ffffff;
   color :       #667eea;
    text-decoration: none;
    border-radius: 6px;
  font-weight: 700;
  font-size: 18px;
   transition: all 0.3s;
}

.cta-button-large:hover {

  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

.contact-zone {
    padding: 90px 0;
  background: #f8f9fa;
}

.contact-layout {
 display:    grid;
  grid-template-columns: 1.2fr 0.8fr;
    gap: 70px;
}

.form-column {
 background: #ffffff;
    padding: 45px;
    border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.form-heading {
   font-size: 32px;
    font-weight: 700;
  margin-bottom  : 16px;
   color  :    #1a202c;
}  

.form-intro {
   color: #4a5568;
    margin-bottom: 35px;
                    font-size: 16px;
}

.contact-form {
  display: flex;
	flex-direction   :  column;
    gap    :    24px;
}

.form-group {
   display  :  flex;
   flex-direction: column;
}

.form-label  
  {
	margin-bottom: 8px;
  font-weight : 500;
   color: #2d3748;
   font-size: 15px;
}

.form-input, .form-textarea {
	   padding: 12px 16px;
        border: 1.5px solid #cbd5e0;
     border-radius: 6px;
     font-size: 15px;
     font-family: inherit;
     transition: border-color 0.3s;


}

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


  border-color  :        #667eea;
	        outline: none;
}

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


} 

.form-submit {
    padding: 14px 32px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    border:    none;
    border-radius    :   6px;
  font-size: 16px;
   font-weight: 600;
   cursor: pointer;
   transition   :      all 0.3s;
}

.form-submit:hover {


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

.info-column {
    padding: 30px;
}

.info-heading {

	   color: #1a202c;
  margin-bottom: 16px;
   font-size: 26px;
   font-weight: 700; 
	

}

.info-text {
  line-height: 1.6;
    margin-bottom: 35px;
   font-size:      15px;
        color: #4a5568;
	
}

.contact-details {
      display: flex;
   flex-direction:      column;
   gap: 30px;
     }

.detail-item {

 display: flex;
    align-items: flex-start;
   gap: 18px;}

.detail-icon-box {
  width: 45px;
   height    : 45px;
  flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-icon {
   width: 40px;
   height: 40px;
    stroke: #667eea;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
   stroke-linejoin: round;
}

.detail-text {
  flex: 1;
}

.detail-label {
    font-weight     :     600; 
   color: #2d3748; 
   margin-bottom: 6px; 
  font-size: 15px;
}

.detail-value {
   color: #4a5568;
   line-height: 1.6;
   font-size: 15px;


}

.site-footer {
    background: #1a202c;
   padding    :        60px 0 30px;
  color:     #cbd5e0;
}

.footer-grid {
    display: grid; 
	  grid-template-columns   :      2fr 1fr 1fr 1.5fr; 
	   gap: 50px; 
	   margin-bottom: 50px;
}

.footer-brand {
    max-width:      320px;
}

.footer-logo {
    height: 42px;
    width: auto;
   margin-bottom: 18px;
  filter: brightness(0) invert(1);
}



.footer-description {
    line-height: 1.6;
    font-size: 14px;
    color: #a0aec0;
}

.footer-heading {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 18px;
  color: #ffffff;
}

.footer-list {
  list-style: none;
    display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-link {
    color  :        #a0aec0;
    text-decoration: none;
  transition    :       color 0.3s;
    font-size: 14px; 

}

.footer-link:hover
{
   color: #ffffff;
}

.footer-contact-block  
  {
    color: #a0aec0; 

}

.footer-contact-item {
   margin-bottom     :        12px;
	    line-height: 1.6;
	    font-size  :       14px;
}

.footer-bottom {


  border-top: 1px solid #2d3748;
		 padding-top   : 30px;
                    text-align: center;
     }

.copyright-text {
   color  :  #718096;
    font-size: 14px;
}@media (max-width: 968px) {
    .mobile-trigger {
        display: flex;
    }
    
    .links-section {
        position: fixed;
        top: 76px;
        left: -100%;
        width: 100%;
        background: #ffffff;
        flex-direction: column;
        padding: 30px 20px;
        box-shadow: 0 8px 16px rgba(0,0,0,0.1);
        transition: left 0.4s ease;
        align-items: flex-start;
        gap: 0;
    }
    
    .links-section.open {
        left: 0;
    }
    
    .route-item {
        padding: 15px 0;
        width: 100%;
        border-bottom: 1px solid #e2e8f0;
        font-size: 17px;
    }
    
    .hero-content-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .main-headline {
        font-size: 36px;
    }
    
    .action-buttons {
        flex-direction: column;
        gap: 12px;
    }
    
    .primary-cta, .secondary-cta {
        text-align: center;
    }
    
    .content-split {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .text-side {
        padding-left: 0;
    }
    
    .methodology-columns {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .contact-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 640px) {
    .main-headline {
        font-size: 32px;
    }
    
    .section-heading {
        font-size: 30px;
    }
    
    .benefits-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-headline {
        font-size: 32px;
    }
    
    .form-column {
        padding: 30px 20px;
    }
}.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-banner {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	padding: 70px 0;
  text-align: center;
}

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

.banner-title

{


     font-size: 44px;
    font-weight: 700;
  color: #ffffff;
    margin-bottom: 16px;
	
}

.banner-subtitle {
	font-size :       19px;
	  color: rgba(255,255,255,0.95);
		line-height: 1.6;


}

.services-overview {
  padding   :      90px 0;
          background: #ffffff;
}

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



.overview-heading {
  font-size: 38px;
	font-weight: 700;
    margin-bottom: 20px;
    color: #1a202c;
	
}

.overview-description {
    font-size: 17px;
   color: #4a5568;
    line-height: 1.7;
}

.service-cards-container    {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 35px;
  margin-top: 50px;
}

.service-card {
    background  :      #f8f9fa;
         border-radius: 12px;
  overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
}

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

.service-card.featured {
   border    :        2px solid #667eea;
    position: relative;
}

.card-image-wrapper {
          width: 100%;
	    height: 220px;
	  overflow:      hidden;
} 

.service-img {
  width: 100%;
   height: 100%;
  transition:transform 0.4s;
   object-fit: cover;
}

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

}

.card-body {
    padding: 30px 25px;
   flex    : 1;
    display: flex;
    flex-direction: column;
}

.service-badge {
	    display    :   inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
               color: #ffffff;
   padding: 5px 12px;
    border-radius: 4px;
    font-size: 13px;
   font-weight: 600;
    margin-bottom: 14px;
   width: fit-content;

}

.service-name {
  font-weight: 700;
   font-size: 26px;
   margin-bottom: 14px;
   color: #2d3748;
}

.service-summary {
  font-size: 15px;
    color: #4a5568;
   line-height: 1.6;
  margin-bottom: 24px;
}

.features-list {
	display    :     flex;
	    flex-direction: column;
	  gap: 12px;
	  margin-bottom: 28px;
}

.feature-row {
   display: flex;
   align-items: center;
                    gap: 10px;
}

.check-icon {
         width: 22px;
    height: 22px;
  flex-shrink: 0;
  stroke: #11998e;
    fill: none;
  stroke-width: 2.5;
}

.feature-label {
   font-size: 14px;
   color  :      #2d3748;
  line-height: 1.4;

}

.service-cta {
    display: inline-block; 
   padding: 12px 28px; 
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
  color: #ffffff; 
    text-decoration: none; 
       border-radius: 6px; 
  font-weight   : 600; 
   text-align: center; 
 transition: all 0.3s; 
   margin-top: auto;
}

.service-cta:hover

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

.process-section {
   padding: 90px 0;
  background: #f8f9fa;
}

.process-timeline    {
  margin-top   :       50px;
	gap: 40px;
     flex-direction: column;
  margin: 0 auto;
    max-width: 900px;
  display   :   flex;
}

.timeline-item {


   display: flex;
  gap: 30px;
    align-items: flex-start;
     }

.timeline-number {
    width: 70px;
    height: 70px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
          color: #ffffff;
  border-radius: 50%;
   display: flex;
	align-items   :    center;
  justify-content: center;
	 font-size: 28px;
   font-weight: 700;
         flex-shrink: 0;
}

.timeline-content {
    flex: 1;
  padding-top: 8px;
}

.timeline-title {
      font-size  :   24px;
               font-weight: 700;
  margin-bottom: 10px;
	 color: #2d3748;
}

.timeline-text {
      font-size: 16px;
   color: #4a5568;
   line-height    :1.7;
}

.specializations-block {
	               padding    :   90px 0;
  background: #ffffff;
	}

.specializations-grid {

	    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 35px;
	margin-top: 50px;
}

.specialization-item {
    background: #f8f9fa;
  padding: 35px 25px;
  -moz-border-radius     : 10px;
    border-radius  :   10px;
    text-align: center;
    transition   :        all 0.3s;
}

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

.spec-icon-box  
  {
         width: 80px;
		 height: 80px;
	  margin: 0 auto 20px;
	  display: flex;
	   align-items: center;
	    justify-content: center;
}

.spec-icon


{
    width: 70px;
   height: 70px;
  stroke: url(#mainGrad);
	fill: none;
          stroke-width: 2;
    stroke-linecap: round;
   stroke-linejoin: round;
}


.spec-title {


    font-size: 20px;
    font-weight: 600;
   color: #2d3748;
	margin-bottom: 12px;}

.spec-description {
    font-size: 15px;
  color :      #4a5568;
    line-height: 1.6;
}

.benefits-extended {
   padding    :       90px 0;
	background: #f8f9fa;
}

.benefits-layout {
   display: grid;
    align-items: center;
   grid-template-columns: 1fr 1fr;
  gap: 60px;
}

.benefits-text-side {
   padding-right: 20px;
	

}

.benefits-headline {
   font-size    :        36px;
  font-weight: 700;
    margin-bottom: 18px;
    color: #1a202c;
}

.benefits-intro {
	    font-size: 17px;
   color: #4a5568;
   margin-bottom: 35px;
  line-height: 1.7;


}

.achievements-list {

  list-style: none;
    display: flex;
   flex-direction: column;
   gap: 18px; 

	}

.achievement-point {
    display: flex;
  align-items: flex-start;
	gap:       14px;
}

.point-icon-wrap {
    width :28px;
  height: 28px;
   flex-shrink: 0;
    display: flex;
	 align-items: center;
   justify-content: center;
	margin-top: 2px;
}

.point-icon {


   width: 24px;
    height: 24px;
  stroke:      #667eea;
  fill: #667eea;
      stroke-width: 2;


}

.point-text {
    font-size: 16px;
  color  :      #2d3748;
    line-height: 1.6;
}

.benefits-visual-side
{
  position: relative;
}

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

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

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

.final-cta-heading {
  font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 18px;
  line-height: 1.3;
}

.final-cta-text {
      font-size: 18px;
  color: rgba(255,255,255,0.95);
   margin-bottom: 32px;
    line-height     :   1.7;
}

.final-cta-btn{
    display: inline-block;
    padding: 16px 40px;
	background: #ffffff;
    color:  #667eea;
    text-decoration: none;
   border-radius: 6px;
    font-weight: 700;
	font-size: 17px;
    transition: all 0.3s;
}

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

.thankyou-hero {
  padding: 100px 0;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   min-height: 70vh;
  display:       flex;
    align-items: center;
}

.thankyou-content {

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

.success-icon-wrapper {
  align-items    :   center;
    width:120px;
  height: 120px;
    justify-content :      center;
   margin: 0 auto 30px;
	display     : flex;
}

.success-icon {
  width:  110px;
  height: 110px;
  stroke: url(#successGrad);
    fill: none;
  stroke-width: 2.5;
   stroke-linecap :round;
  stroke-linejoin: round;
  animation: successPulse 1.5s ease-in-out;
}@keyframes successPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}.thankyou-headline {
  color     :   #1a202c;
  font-weight: 700;
   margin-bottom: 20px;
  font-size: 46px;
}

.thankyou-message {
  font-size   :19px;
   color: #4a5568;
        line-height: 1.7;
  margin-bottom: 50px;
}

.next-steps-box {
  background: #ffffff;
	  padding: 45px 40px;
	   border-radius: 12px;
	  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	  margin-bottom: 40px;
	  text-align: left;
}

.steps-title {


                    font-size: 28px;
  font-weight: 700;
  text-align: center;
          margin-bottom: 35px;
    color: #2d3748;}

.steps-container {
   display: flex; 
	  flex-direction: column; 
	         gap: 28px;
}

.step-item {
	 display: flex;
   gap    :        22px;
   align-items: flex-start;
}

.step-number-circle  
  {

    width: 50px;
    height: 50px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: #ffffff;
    border-radius: 50%;
    display: flex;
  align-items: center;
   justify-content: center;
  font-size: 22px;
    font-weight: 700;
  flex-shrink   :   0;
}

.step-info {
      flex: 1;
}

.step-heading {
   font-size     :  20px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #2d3748;
}

.step-desc   {
    font-size: 15px;
  line-height: 1.6;
   color: #4a5568;
}

.contact-details-box {
  -webkit-border-radius: 10px;
    background: #ffffff;
   padding    :30px;
   border-radius: 10px;
                    margin-bottom: 40px;
}

.contact-box-title {
	         font-size: 24px;
	  font-weight  :     700;
	   margin-bottom: 10px;
	  color: #2d3748;
     }

.contact-box-text {
    font-size: 16px;
               color: #4a5568;
    margin-bottom: 12px;
}

.phone-link {
    display: inline-block;
  font-size: 26px;
   font-weight: 700;
	color: #667eea;
                    text-decoration :    none;
  transition: color 0.3s;
}

.phone-link:hover {
    color: #764ba2;
}

.action-links {
	display: flex;
       gap: 16px;
     justify-content: center;
      flex-wrap: wrap;
}

.back-home-btn, .view-services-btn {
    padding  :14px 32px;
   -webkit-transition: all 0.3s;
   border-radius: 6px;
    text-decoration :      none;
    font-weight: 600;
   -moz-transition: all 0.3s;
    transition: all 0.3s;
	display: inline-block;
         font-size: 16px;
}

.back-home-btn {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
}

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

.view-services-btn {


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



}

.view-services-btn:hover {
    background: #667eea;
  color: #ffffff;
}

.related-info-section {
  padding: 80px 0;
   background: #ffffff;
}

.related-heading {
    font-size   :36px;

	    font-weight: 700;

	   text-align: center;

	   margin-bottom: 16px;

	    color: #1a202c;
}

.related-intro {
   text-align     :      center;
  font-size: 17px;
  color: #4a5568;
   margin-bottom: 50px;
}

.info-cards-row {
   display   :      grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 35px;
}

.info-card {
     border-radius: 10px;
  padding    :        35px 25px;
   transition: all 0.3s;
   text-align: center;
  background: #f8f9fa;
	}

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

.info-card-icon {

 width     :        70px;
  height: 70px;
    margin: 0 auto 20px;
   display   :  flex;
    align-items   :        center;
   justify-content: center;}

.related-icon {
    width: 60px;
  height: 60px;
  stroke: #667eea;
  fill: none;
         stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.info-card-title {
		font-size:   22px;
  font-weight: 600;
	margin-bottom: 12px;
    color: #2d3748;
}

.info-card-text {
	 line-height: 1.6;
   color    :#4a5568;
    font-size   : 15px;
}@media (max-width: 968px) {
    .banner-title {
        font-size: 36px;
    }
    
    .service-cards-container {
        grid-template-columns: 1fr;
    }
    
    .timeline-item {
        gap: 20px;
    }
    
    .timeline-number {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
    
    .specializations-grid {
        grid-template-columns: 1fr;
    }
    
    .benefits-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .benefits-text-side {
        padding-right: 0;
    }
    
    .thankyou-headline {
        font-size: 36px;
    }
    
    .next-steps-box {
        padding: 30px 25px;
    }
    
    .action-links {
        flex-direction: column;
    }
    
    .back-home-btn, .view-services-btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 640px) {
    .banner-title {
        font-size: 32px;
    }
    
    .overview-heading {
        font-size: 30px;
    }
    
    .timeline-item {
        flex-direction: column;
        gap: 15px;
    }
    
    .timeline-number {
        margin: 0 auto;
    }
    
    .final-cta-heading {
        font-size: 32px;
    }
    
    .thankyou-headline {
        font-size: 30px;
    }
    
    .success-icon-wrapper {
        width: 100px;
        height: 100px;
    }
    
    .success-icon {
        width: 90px;
        height: 90px;
    }
}