:root {
    --primary-shade: #2c5f8d;
    --accent-tone: #e8912d;
    --dark-base: #1a1f2e;
    --light-bg: #f4f7fa;
    --text-primary: #2d3748;
    --text-secondary: #657086;
    --border-subtle: #dfe4ea;
    --white-pure: #ffffff;
    --success-hint: #48bb78;
}

* {
	 margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body 
 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: var(--text-primary);
   line-height: 1.7;
  background: var(--white-pure);
}

.main-navigation {
  background: var(--white-pure);
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	position: sticky;
    top: 0;
   z-index: 1000;
   padding: 1.2rem 0;
}


.nav-container {
     margin: 0 auto;
    padding: 0 24px;
   display: flex;
       max-width: 1240px;
    align-items   :    center;
	justify-content    :    space-between;
}

.brand-section .brand-logo {
    height: 52px;
	width:  auto;
}

.nav-toggle
{
    display: none;
       background: none;
    border: none;
    flex-direction: column;
    cursor : pointer;
  padding: 8px;
}

.toggle-bar {
   	width: 28px;
    height:3px;
  background: var(--primary-shade);
    margin: 4px 0;
    transition: 0.3s;
   border-radius: 3px;

}

.nav-links {
   display: flex;
        gap: 2.5rem;
   align-items: center;
}

.nav-links a {


   text-decoration     : none;
  color: var(--text-primary);
    font-weight: 500;
  font-size: 16px;
  transition: color 0.3s ease;
    position: relative;


}

.nav-links a:hover


{
  color: var(--primary-shade);
}

.nav-links a::after {
  content: ''; 
	   position:       absolute; 
	    bottom: -6px; 
	   left: 0; 
	  width: 0%; 
	    height: 2px; 
	  background: var(--accent-tone); 
	   transition   :    width 0.3s;
}

.nav-links a:hover::after {
  width     :        100%;
}

.cta-nav {
  background: var(--accent-tone);
  color: var(--white-pure) !important;
    padding   :       10px 24px;
   border-radius: 6px;
   font-weight: 600;
}

.cta-nav:hover {
  background    :     #d17a1a;
  color: var(--white-pure) !important;
}

.cta-nav::after {

    display: none;}

.hero-area     {
  background: linear-gradient(135deg, #f4f7fa 0%, #e8f1f8 100%);
  padding   : 100px 24px 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  gap: 60px;
       max-width :1240px;
   margin: 0 auto;
    align-items: center;
}

.hero-content h1 {
    font-size: 52px;
    line-height: 1.2;
  color: var(--dark-base);
    margin-bottom: 24px;
	font-weight: 700;
}

.hero-subtitle {
   font-size: 20px;
  color: var(--text-secondary);
	margin-bottom: 40px;
   line-height: 1.6;


}

.hero-actions {
    display: flex;

   gap: 20px;

   flex-wrap: wrap;
}

.primary-action {
  background: var(--primary-shade);
	  color: var(--white-pure);
	   padding: 16px 36px;
	   text-decoration: none;
	  border-radius: 8px;
	  font-weight: 600;
	    font-size: 17px;
	  transition: all 0.3s;
	    display: inline-block;
}

.primary-action:hover{
   background: #1e4a6b;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(44,95,141,0.3);
}

.secondary-action {
  background: transparent;
  color: var(--primary-shade);
  padding: 16px 36px;
  text-decoration: none;
  border: 2px solid var(--primary-shade);
    border-radius: 8px;
    font-weight: 600;
   font-size: 17px;
   transition: all 0.3s;
   display     :   inline-block;
}

.secondary-action:hover{
  background: var(--primary-shade);
  color: var(--white-pure);
  transform: translateY(-2px);
}

.hero-visual img {
	  width   :    100%;
   height: auto;
   border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);

}


.intro-section {
	 padding: 100px 24px;
  background: var(--white-pure);
}

.section-wrapper {
  max-width: 1240px;
	margin: 0 auto;
}

.intro-section h2{
   font-size: 42px;
  text-align: center;
   margin-bottom: 24px;
  color: var(--dark-base);
}

.intro-text {
  text-align:        center;
	 font-size: 19px;
  color: var(--text-secondary);
 max-width: 820px;
  margin    : 0 auto 60px;
    line-height: 1.8;
}

.benefits-grid {
   display     : grid;
  grid-template-columns: repeat(3, 1fr);
     gap :        40px;
  margin-top: 60px;
}

.benefit-card {
  background: var(--light-bg);
	padding: 40px 32px;
	 border-radius: 12px;
       transition: all 0.3s;
          text-align  :      center;
}

.benefit-card:hover {
  transform: translateY(-8px); 
	  box-shadow: 0 12px 32px rgba(0,0,0,0.1);
}

.benefit-card svg {

	    margin-bottom: 24px;
  color: var(--accent-tone);}

.benefit-card h3 {
    font-size: 22px;
	margin-bottom: 16px;
  color: var(--dark-base);
}

.benefit-card p {
  color: var(--text-secondary);
    font-size: 16px;
  line-height     :1.6;
}

.methodology-area {
  background: var(--dark-base);
   padding: 100px 24px;
  color: var(--white-pure);
}

.method-content {
      max-width: 1240px;
    margin: 0 auto; 
	
}


.method-content h2 {
    font-size: 42px;
   margin-bottom: 24px;
}

.method-content > p {
   font-size: 19px;
  margin-bottom: 60px;
   opacity: 0.9;
  max-width: 680px;


}

.approach-steps {
   display: grid;
  grid-template-columns: repeat(2, 1fr);
    gap: 40px;
 margin-bottom: 60px;
}

.step-item {
  background: rgba(255,255,255,0.08);

	          padding: 32px;

	    border-radius: 12px;

	  border-left: 4px solid var(--accent-tone);

	  transition: all 0.3s;
}

.step-item:hover {
  background: rgba(255,255,255,0.12);
  transform: translateX(8px);
}

.step-number {
    font-size:     36px;
   font-weight: 700;
  color: var(--accent-tone);
  margin-bottom    : 16px;
}

.step-item h4
	{
  font-size   :   22px;
  margin-bottom: 12px;
}

.step-item p {
    opacity: 0.85;
  font-size: 16px;
  line-height    :1.6;


}

.method-image {
    max-width: 1240px;
   margin: 0 auto;
}

.method-image img     {
     width :       100%;
    border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.services-preview {
  padding: 100px 24px;

	  background: var(--light-bg);
}

.services-preview h2 {
                    font-size   :    42px;
  text-align: center;
   margin-bottom: 60px;
  color: var(--dark-base); 

}

.programs-layout {
   display: grid;
       gap: 36px;
     grid-template-columns: repeat(3, 1fr);
	
}



.program-box {


  background: var(--white-pure);
  border-radius: 12px;
        overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
	transition: all 0.3s;

}

.program-box:hover {
	  transform: translateY(-12px);
  box-shadow: 0 16px 48px rgba(0,0,0,0.15); 
	
	}


.program-box img {

		width: 100%;
    height: 240px;
   object-fit: cover;
     }

.program-box h3 {
  font-size: 24px;
  margin: 24px 24px 16px;
  color: var(--dark-base);
}

.program-box p {
  color: var(--text-secondary);
  margin: 0 24px 24px;
    font-size: 16px;
  line-height: 1.6;
}

.program-link {
    display: inline-block;
               margin: 0 24px 28px;
  color: var(--primary-shade);
  text-decoration  :      none;
    font-weight: 600;
   font-size: 16px;
  transition: color 0.3s;
}

.program-link:hover   {
  color: var(--accent-tone);


}

.cta-section {
	  background: linear-gradient(135deg, var(--primary-shade) 0%, #1e4a6b 100%);
  padding: 100px 24px;
  text-align: center;
	}

.cta-content {
	  max-width: 760px;
  margin    : 0 auto;
  color: var(--white-pure);
     }

.cta-content h2 {
   font-size: 44px;
    margin-bottom: 24px;
}

.cta-content p {
  font-size: 20px;
   margin-bottom: 40px;
    opacity  :      0.95;
	line-height: 1.7;
	
}



.cta-button-large {

	  background: var(--accent-tone);
  color: var(--white-pure);
   padding: 18px 48px;
   text-decoration     :    none;
    border-radius: 8px;
    font-weight: 600;
   font-size: 18px;
   display: inline-block;
  transition: all 0.3s;
	}

.cta-button-large:hover

{
  background: #d17a1a;
	  transform: translateY(-3px);
	  box-shadow: 0 12px 32px rgba(232,145,45,0.4);
}

.contact-section {
         padding     :100px 24px; 
	  background: var(--white-pure);
}

.contact-section .section-wrapper {


	display: grid;
   grid-template-columns:      1fr 1.2fr;
  gap   :     60px;
  align-items: start;
}

.contact-info-area h2

{
                    font-size: 38px;
   margin-bottom    : 20px;
  color: var(--dark-base);
}

.contact-info-area > p

{
		 font-size: 18px;
  color: var(--text-secondary);
  margin-bottom: 40px;
   line-height: 1.7;
}

.contact-details {
  display: flex;
                  flex-direction: column;
     gap: 32px;
	
}

.detail-item {
   display: flex;
   gap  :  20px;
    align-items: flex-start;
}

.detail-item svg {
  color: var(--accent-tone);
   flex-shrink: 0;
}

.detail-item strong 
 {
    display: block;
   margin-bottom     :     8px;
  color: var(--dark-base);
    font-size: 17px;
}

.detail-item p {
  color: var(--text-secondary);
   font-size: 16px;
    line-height: 1.6;
}

.contact-form-area {
  background: var(--light-bg);
    padding: 48px;
   border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.06);
}

.contact-form  
  {
	display: flex;
    flex-direction: column;
    gap     :        24px;
}

.form-group {
    display: flex;
  flex-direction: column;
}

.form-group label    {

	    margin-bottom: 8px;
  font-weight: 600;
  color: var(--dark-base);
   font-size: 15px;}

.form-group input,
.form-group select,
.form-group textarea {
	padding: 14px 16px;
  border: 2px solid var(--border-subtle);
	border-radius: 8px;
  font-size: 16px;
    font-family     :   inherit;
	transition: all 0.3s;
  background: var(--white-pure);

}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
   outline: none; 
	  border-color: var(--primary-shade); 
	  box-shadow: 0 0 0 4px rgba(44,95,141,0.1);
}

.form-group textarea
	{
	   resize  :     vertical;
    min-height: 120px;


}

.submit-btn {
  background: var(--primary-shade); 
  color: var(--white-pure); 
   padding: 16px 32px; 
   border: none; 
  border-radius  :        8px; 
    font-size: 17px; 
    font-weight: 600; 
   cursor: pointer; 
    transition: all 0.3s; 
    font-family: inherit;
}  

.submit-btn:hover {


   background: #1e4a6b;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(44,95,141,0.3);

}

.site-footer {
	  background: var(--dark-base);
  color: var(--white-pure);
   padding: 80px 24px 32px;


}

.footer-content {
   max-width: 1240px;
  margin :0 auto;
	display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 48px;
    margin-bottom: 48px;
}

.footer-brand .footer-logo {
  height: 48px;
   margin-bottom: 20px;
  filter: brightness(0) invert(1);
	
}

.footer-brand p {

  opacity: 0.8;
	font-size: 15px;
   line-height  :1.6;


}

.footer-nav h4,
.footer-legal h4,
.footer-contact h4   {
	font-size: 18px;

	    margin-bottom: 20px;

	   font-weight: 600; 

}

.footer-nav a,
.footer-legal a {
		display: block;
  color: var(--white-pure);
   text-decoration: none;
	 margin-bottom: 12px;
    opacity: 0.8;
    transition    :      opacity 0.3s;
   font-size: 15px;
}

.footer-nav a:hover,
.footer-legal a:hover {
   opacity: 1;
  color: var(--accent-tone);
}

.footer-contact p {
       opacity: 0.8;
   margin-bottom   :12px;
   font-size :      15px;
          line-height:1.6;
	}

.footer-bottom {


    max-width  : 1240px;
  margin: 0 auto;
    padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.15);
   text-align: center;
    opacity: 0.7;
    font-size: 14px;


}@media (max-width: 968px) {
    .nav-toggle {
        display: flex;
    }

    .nav-links {
        position: fixed;
        top: 82px;
        right: -100%;
        background: var(--white-pure);
        width: 280px;
        height: calc(100vh - 82px);
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 24px;
        box-shadow: -4px 0 16px rgba(0,0,0,0.1);
        transition: right 0.3s ease;
        gap: 0;
    }

    .nav-links.active {
        right: 0;
    }

    .nav-links a {
        width: 100%;
        padding: 16px 0;
        border-bottom: 1px solid var(--border-subtle);
    }

    .cta-nav {
        margin-top: 16px;
        text-align: center;
    }

    .hero-area {
        grid-template-columns: 1fr;
        padding: 60px 24px;
        gap: 40px;
    }

    .hero-content h1 {
        font-size: 38px;
    }

    .hero-subtitle {
        font-size: 18px;
    }

    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .approach-steps {
        grid-template-columns: 1fr;
    }

    .programs-layout {
        grid-template-columns: 1fr;
    }

    .contact-section .section-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}

@media (max-width: 640px) {
    .hero-content h1 {
        font-size: 32px;
    }

    .hero-actions {
        flex-direction: column;
        width: 100%;
    }

    .primary-action,
    .secondary-action {
        width: 100%;
        text-align: center;
    }

    .intro-section h2,
    .services-preview h2 {
        font-size: 32px;
    }

    .contact-form-area {
        padding: 32px 24px;
    }
}.policySection   {
  padding  : 80px 2rem;
   background :    #f8f9fa;
}


.policyContainer {
	    text-align: left;
       margin: 0 auto;
	max-width: 800px;}

.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;
    }
}.services-hero {
  background: linear-gradient(135deg, #2c5f8d 0%, #1e4a6b 100%);
    padding: 120px 24px 80px;
    text-align: center;
  color: var(--white-pure);




}

.services-hero-content h1 {
     font-size: 48px;
       margin-bottom: 20px;
   font-weight: 700;

}

.services-intro {


  font-size: 20px;
  max-width: 720px;
   margin: 0 auto;
	 opacity: 0.95;
    line-height: 1.7;

}

.services-overview {

  padding: 80px 24px;
  background: var(--light-bg);


}

.content-container

{
  max-width: 1240px;
	 margin  :       0 auto;
}

.overview-text h2 {
                    font-size   :   38px;
    margin-bottom: 20px;
  color: var(--dark-base);


}  

.overview-text p {
   font-size: 18px;
  color: var(--text-secondary);
   line-height   :        1.8;
  max-width :    840px;
}

.detailed-services    {
    padding: 60px 24px;
  background: var(--white-pure);
}

.service-detail {


	 display: grid;
    grid-template-columns: 1fr 1fr;
   gap: 60px;
    margin-bottom: 100px;
    align-items: center;
}

.service-detail.reverse {
  direction: rtl;
}

.service-detail.reverse > *  
  {
   direction: ltr;
}

.service-image-wrapper img {
	width: 100%;
	border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12);
}

.service-info h3 {

	          font-size: 32px;
      margin-bottom: 20px;
  color: var(--dark-base);


}

.service-description {
    font-size:  17px;
  color: var(--text-secondary);
   line-height: 1.7;
  margin-bottom: 32px;
}

.service-features {
 margin-bottom  : 32px;
}

.feature-point {
	 display : flex;
  gap: 12px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.feature-point svg {
  color: var(--success-hint);
   flex-shrink :   0;
   margin-top     :        2px;
}

.feature-point span {
	   font-size: 16px;
  color: var(--text-primary);
		line-height: 1.6;
	}

.service-cta {

	  display     :        inline-block;
     background: var(--accent-tone);
     color: var(--white-pure);
      padding: 14px 32px;
   	 text-decoration: none;
     border-radius: 8px;
     font-weight:600;
        transition: all 0.3s;
      font-size: 16px;
}

.service-cta:hover {
  background: #d17a1a;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(232,145,45,0.3);
}

.process-section {
	   padding: 100px 24px; 
  background: var(--light-bg);}

.process-section h2 {
   font-size: 42px;
    text-align: center;
    margin-bottom   :        16px;
  color: var(--dark-base);
}

.process-intro {
	    text-align: center;
   font-size: 18px;
  color: var(--text-secondary);
  margin-bottom: 60px;
 max-width: 680px;
   margin-left: auto;
   margin-right: auto;
	}



.process-timeline {
    display: flex;
  justify-content: space-between;
  gap: 20px;
   position: relative;
   max-width: 1100px;
  margin: 0 auto;
}

.process-timeline::before
	{
  content: '';
    position  :   absolute;
    top: 32px;
   left: 5%;
   right: 5%;
    height   :     3px;
  background: var(--border-subtle);
  z-index: 0;

}

.timeline-item {
  text-align: center;
    z-index: 1;
   flex: 1;
    position: relative;
}

.timeline-marker {
     width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--primary-shade);
  color: var(--white-pure);
    display: flex;
  align-items: center;
      justify-content: center;
    font-size: 24px;
  font-weight: 700;
         margin: 0 auto 20px;
  border: 4px solid var(--white-pure);
  box-shadow: 0 4px 16px rgba(44,95,141,0.2);
}

.timeline-content h4 {
   font-size: 18px;
  margin-bottom: 8px;
  color: var(--dark-base);
}

.timeline-content p {
   	font-size: 15px;
  color: var(--text-secondary);
         line-height: 1.5;

     }

.testimonials-section {
    padding: 100px 24px; 
	  background: var(--white-pure); 

}

.testimonials-section h2 {
    font-size :   42px;
  text-align: center;
    margin-bottom: 60px;
  color: var(--dark-base);


}

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
	 gap    : 36px;
}

.testimonial-card {
  background: var(--light-bg);
    padding: 36px 32px;
   border-radius: 12px;
  border-left: 4px solid var(--accent-tone);
  transition: all 0.3s;
}

.testimonial-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.1);
}

.testimonial-text {
    font-size: 16px;

	 line-height: 1.7;

  color: var(--text-primary);

     margin-bottom: 20px;

   font-style     :     italic;
}

.testimonial-author {
   font-size: 15px;
  color: var(--text-secondary);
	 font-weight: 600;
}

.final-cta {
  background: linear-gradient(135deg, var(--dark-base) 0%, #2c5f8d 100%);
   padding: 100px 24px;
	text-align: center; 
	
}

.final-cta-content {
               max-width :      680px;
   margin: 0 auto;
  color: var(--white-pure);

}

.final-cta-content h2 {
  font-size: 40px;
      margin-bottom: 20px;
}

.final-cta-content p {
      font-size: 19px;
  margin-bottom: 36px;
	opacity :   0.95;
}



.final-cta-button {
  background: var(--accent-tone);
  color: var(--white-pure);
  padding :        16px 40px;
   text-decoration: none;
   border-radius: 8px;
  font-weight :      600;
    font-size: 17px;
    display: inline-block;
   transition: all 0.3s;
}

.final-cta-button:hover {
  background: #d17a1a;
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(232,145,45,0.4); 
	
}

.thankyou-hero {
    padding: 100px 24px 80px;
  background: linear-gradient(135deg, #f4f7fa 0%, #e8f1f8 100%);
  text-align: center;
}

.thankyou-container {
	 max-width: 960px;
  margin :    0 auto;
}

.success-icon {
    margin-bottom: 32px;
}

.success-icon svg {
  color: var(--success-hint);
}

.thankyou-hero h1	{
    font-size: 44px;
  color: var(--dark-base);
    margin-bottom: 20px;
    font-weight: 700;
}

.thankyou-message {
  font-size: 19px;
  color: var(--text-secondary);
   line-height: 1.7;
  max-width: 640px;
  margin: 0 auto 60px;
}

.thankyou-details {
  background: var(--white-pure);
  padding   :     48px 40px;
    border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.08);
          margin-bottom: 48px; 

}

.thankyou-details h3     {
	 font-size    : 28px;
    margin-bottom: 36px;
  color: var(--dark-base);
}

.next-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.step-box   {
  text-align: center;
}

.step-icon {
   margin-bottom: 20px;
}

.step-icon svg {

  color: var(--primary-shade);
}

.step-box h4 {
	 font-size: 19px;

          margin-bottom:  12px;

  color: var(--dark-base);
}

.step-box p {

  font-size     :  15px;

  color: var(--text-secondary);

         line-height: 1.6;
     }

.thankyou-actions {
         display  : flex; 
	    gap: 20px; 
		justify-content: center; 
		flex-wrap: wrap;
}

.primary-button {
  background: var(--primary-shade);
  color: var(--white-pure);
   padding   :16px 36px;
    text-decoration: none;
   border-radius: 8px;
    font-weight: 600;
  font-size: 17px;
    transition: all 0.3s;
  display: inline-block;
}

.primary-button:hover {
   background: #1e4a6b;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(44,95,141,0.3);
}

.secondary-button {
   background: transparent;
  color: var(--primary-shade);
         padding: 16px 36px;
    text-decoration: none;
  border: 2px solid var(--primary-shade);
    border-radius: 8px;
    font-weight: 600;
  font-size     :       17px;
    transition: all 0.3s;
    display: inline-block;
	
}

.secondary-button:hover {
  background: var(--primary-shade);
  color: var(--white-pure);
  transform: translateY(-2px);
}

.additional-info {

	   padding: 100px 24px;

	  background: var(--white-pure);


}

.info-container  {
  max-width    : 1240px;
	         margin: 0 auto;
}

.additional-info h2 {
  font-size: 38px;
    text-align: center;
  margin-bottom: 60px;
  color: var(--dark-base);}

.info-cards {
   gap: 36px;
  grid-template-columns: repeat(3, 1fr);
   display: grid;
}

.info-card  
  {

  background: var(--light-bg);
  padding: 40px 32px;
	 border-radius    :        12px;
  text-align: center;
  transition: all 0.3s;
     }

.info-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.1);
}

.info-card svg {
  color: var(--accent-tone); 
	    margin-bottom     :     20px;
}

.info-card h3 {
   font-size     :22px;
  margin-bottom: 16px;
  color: var(--dark-base);
}

.info-card p {
    font-size: 16px;
  color: var(--text-secondary);
    line-height: 1.6;
  margin-bottom: 20px;
}

.info-card a {
  color: var(--primary-shade);
 text-decoration  :     none;
    font-weight: 600;
               font-size: 15px;
  transition: color 0.3s; 
	
}

.info-card a:hover {
  color: var(--accent-tone);
}

.contact-reminder {


   padding: 80px 24px;
  background: var(--dark-base);
    text-align: center;


}

.reminder-content {
    max-width: 720px;
  margin: 0 auto;
  color: var(--white-pure); 

}

.reminder-content h3 {
    font-size: 32px;
          margin-bottom     :       16px;

}

.reminder-content p


{
  font-size: 18px;

         margin-bottom: 36px;

    opacity: 0.9;
}

.contact-options {

    display: flex;

	    justify-content: center;

	    gap: 48px;

	   flex-wrap: wrap;
	}

.contact-option {
             display :        flex;
   align-items     :   center;
  gap: 12px;

}

.contact-option svg {
  color: var(--accent-tone);
}

.contact-option span  
  {
	     font-size: 17px;

}@media (max-width: 968px) {
    .services-hero-content h1 {
        font-size: 36px;
    }

    .services-intro {
        font-size: 18px;
    }

    .service-detail,
    .service-detail.reverse {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-bottom: 60px;
        direction: ltr;
    }

    .process-timeline {
        flex-direction: column;
        gap: 40px;
    }

    .process-timeline::before {
        display: none;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .next-steps {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .info-cards {
        grid-template-columns: 1fr;
    }

    .contact-options {
        flex-direction: column;
        gap: 24px;
    }
}

@media (max-width: 640px) {
    .services-hero-content h1 {
        font-size: 32px;
    }

    .overview-text h2 {
        font-size: 28px;
    }

    .service-info h3 {
        font-size: 26px;
    }

    .thankyou-hero h1 {
        font-size: 32px;
    }

    .thankyou-details {
        padding: 32px 24px;
    }

    .thankyou-actions {
        flex-direction: column;
        width: 100%;
    }

    .primary-button,
    .secondary-button {
        width: 100%;
        text-align: center;
    }
}