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

/* Production ready */


/* Layout styles */

/* Legacy code */
:root {
    --color-primary: #1a3a3a;
    --color-accent: #2d7a7a;
    --color-light: #ecf0f1;
    --color-text: #2c3e50;
    --color-border: #bdc3c7;
    --color-success: #27ae60;
    --spacing-base: 16px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

html {
   scroll-behavior     :    smooth;
}

/* Colors and backgrounds */

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--color-text);
  line-height  :    1.6;
  background: #fafafa;
}

/* Third-party styles */

.container {

	    max-width: 1200px; 
    margin: 0 auto; 
  padding: 0 var(--spacing-base);
	}

.main-nav  
  {
  background: linear-gradient(135deg, var(--color-primary) 0%, #0f2a2a 100%);
  padding: var(--spacing-base) 0;
  position: sticky;
	top: 0;
    z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.nav-container {
  max-width :     1200px;
    margin: 0 auto;
  padding: 0 var(--spacing-base);
  display: flex;
   justify-content: space-between;
   align-items: center;
}

/* Build system output */

.logo-section img {
    height: 50px;
   width: auto;
  filter: brightness(0) invert(1);


}

.nav-links {
   display :   flex;
   list-style: none;
  gap: var(--spacing-lg);
}

.nav-links a {
	    color: white;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  transition: var(--transition);
   position: relative;


}

.nav-links a::after
	{
    background :      #2d7a7a;
  bottom: -4px;
	 width    :    0;
    left :    0;
   transition: width 0.3s ease;
  position: absolute;
  content: '';
         height: 2px;
}

.nav-links a:hover::after

{
  width: 100%;
}

.burger-toggle {
   display: none;
    flex-direction: column;
    background: none;
    border: none;
	cursor: pointer;
        gap: 5px;
}

.burger-line {
    width: 25px;
  height: 3px;
	background: white;
   border-radius: 2px;
  transition: var(--transition);
}
@media (max-width: 768px) {
    .burger-toggle {
        display: flex;
    }

    .nav-links {
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        flex-direction: column;
        gap: 0;
        background: var(--color-primary);
        padding: var(--spacing-base);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .nav-links.active {
        max-height: 300px;
    }

    .nav-links li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: var(--spacing-base) 0;
    }

    .burger-toggle.active .burger-line:nth-child(1) {
        transform: rotate(45deg) translate(10px, 10px);
    }

    .burger-toggle.active .burger-line:nth-child(2) {
        opacity: 0;
    }

    .burger-toggle.active .burger-line:nth-child(3) {
        transform: rotate(-45deg) translate(10px, -10px);
    }
}.hero-section {
  background: linear-gradient(135deg, #1a3a3a 0%, #2d5a5a 50%, #1e4d4d 100%);
    color    :white;
  padding: 80px var(--spacing-base);
    position: relative;
          overflow   :     hidden;
                    min-height: 500px;
   display: flex;
   align-items: center;
}

.hero-accent    {
  position: absolute;
   right: -200px;
  top: -100px;
	 width    : 400px;
	height: 400px;
  background: radial-gradient(circle, rgba(45, 122, 122, 0.2) 0%, transparent 70%);
   border-radius: 50%;

}

.hero-content {
               position: relative;
     z-index: 2;
     max-width: 700px;
}

.hero-section h1    {
	font-size: 48px;
  margin-bottom: var(--spacing-base);
  line-height: 1.2;
   font-weight: 700;
}

.hero-subtitle {
       font-size: 18px;
  margin-bottom: var(--spacing-lg);
   opacity: 0.95;
   line-height: 1.8;
     }

.cta-button {
        display: inline-block;
    background: #2d7a7a;
    color: white;
    padding: 14px 32px;
    border-radius: 6px;
    text-decoration: none;
   font-weight: 600;
  transition: var(--transition);
          border: 2px solid transparent;
}

.cta-button:hover {
   background: transparent;
  -webkit-transform: translateY(-2px);
  border-color: white;
  transform: translateY(-2px);
}@media (max-width: 768px) {
    .hero-section {
        padding: 60px var(--spacing-base);
        min-height: 400px;
    }

    .hero-section h1 {
        font-size: 32px;
    }

    .hero-subtitle {
        font-size: 16px;
    }
}.services-preview {
  padding: var(--spacing-xl) var(--spacing-base);
  background: white;
}

.services-preview h2 {
    text-align: center;
	font-size: 36px;
  margin-bottom: var(--spacing-xl);
  color: var(--color-primary);
}

.services-grid {
       display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-lg);
}

.service-card {
   background: white;
    border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: var(--transition);
}

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

.service-card img {
   width: 100%;
       height: 200px;
   object-fit: cover;
   display :   block;
}

.service-card h3 {
  padding: var(--spacing-base) var(--spacing-base) 8px;
  color: var(--color-primary);
    font-size: 20px;
}

.service-card p


{
  padding: 0 var(--spacing-base) var(--spacing-base);
  color: #555;
  font-size: 14px;
}

.features-section {
  padding: var(--spacing-xl) var(--spacing-base);
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
}

.features-section h2 {
   text-align: center;
  font-size     :     36px;
  margin-bottom: var(--spacing-xl);
  color: var(--color-primary);
}

.features-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-lg);
}

.feature-item {
	   background    :   white;
  padding: var(--spacing-lg);
   border-radius: 8px;
   border-left: 4px solid #2d7a7a;
}

.feature-number {
  font-size:  32px;
  font-weight :       700;
   color:     #2d7a7a;
   margin-bottom   :        8px;
}

.feature-item h3 {

  color: var(--color-primary);
  margin-bottom    :  8px;
    font-size: 18px;


}

.feature-item p {

	   color: #666;
  font-size: 14px;
   line-height: 1.7;


}

.offer-section {
  padding: var(--spacing-xl) var(--spacing-base);
  background: white; 

}

.offer-section h2 {
      text-align: center;
    font-size: 36px;
  margin-bottom: var(--spacing-xl);
  color: var(--color-primary);
}

.offers-grid {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--spacing-lg);

}

.offer-box {
          background     :        white;
   border: 2px solid #e0e0e0;
   border-radius: 8px;
  padding: var(--spacing-lg);
    text-align: center;
  transition: var(--transition);
}

.offer-box.featured {
    border-color: #2d7a7a;
  box-shadow: 0 8px 24px rgba(45, 122, 122, 0.15);
  transform: scale(1.05);
}

.offer-box:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.offer-box h3

{
  color: var(--color-primary);
  font-size: 22px;
  margin-bottom: 8px;
}

.offer-duration {
    color: #2d7a7a;
  font-weight: 600;
   margin-bottom: 12px;
}

.offer-description {
    color: #666;
    font-size: 14px;
  margin-bottom: var(--spacing-base);
    line-height: 1.6;
}

.offer-btn {
    background   :#2d7a7a;
    color: white;
    border: none;
                    padding   : 10px 24px;
    border-radius: 6px;
   cursor: pointer;
   font-weight: 600;
  transition: var(--transition);
}

.offer-btn:hover {
	  background: var(--color-primary);
  transform: translateY(-2px);}

.training-section {
  padding: var(--spacing-xl) var(--spacing-base);
   background: #fafafa;
}

.training-section h2 {
   text-align  :center;
   font-size: 36px;
  margin-bottom: 12px;
  color: var(--color-primary);
}

.section-intro {
	  text-align  :      center;
  color: #666;
  margin-bottom: var(--spacing-xl);
  font-size: 16px;}

.training-grid {


       display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--spacing-lg);
	}



.training-card {
        background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: var(--transition); 

}

.training-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.training-card img {
  width: 100%;
   height: 180px;
    object-fit: cover;
}

.training-content


{
  padding: var(--spacing-base);
}

.training-card h3 {
  color: var(--color-primary);
  margin-bottom: 8px;
    font-size: 18px;
}

.training-card p {
    margin-bottom: 8px;
    color: #666;
     font-size     :      14px;
}

.training-meta
{
	  font-size: 12px;
  font-weight:   600;
               color:        #999;
}

.cta-section {
	  padding: var(--spacing-xl) var(--spacing-base);
  background: linear-gradient(135deg, #2d7a7a 0%, #1e5555 100%);
  color: white;
  text-align: center;


}

.cta-section h2 {
	font-size: 32px;
    margin-bottom: 16px;
}

.cta-section p {
   font-size: 18px;
  margin-bottom: var(--spacing-lg);
 opacity: 0.95;
}

.cta-button-large {
    display: inline-block;
  background: white;
    color: #2d7a7a;
    padding: 16px 40px;
	border-radius: 6px;
   text-decoration: none;
  font-weight: 600;
   font-size: 16px;
  transition: var(--transition);
}

.cta-button-large:hover {
     transform: translateY(-2px);

	  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);


}

.contact-section {


  padding: var(--spacing-xl) var(--spacing-base);
    background: white;}

.contact-section h2 {
   text-align: center;
         font-size: 36px;
    margin-bottom:8px;
  color: var(--color-primary);
}

.contact-intro {
	 text-align: center;
	 color: #666;
  margin-bottom: var(--spacing-lg);
}

.contact-form {
   max-width  : 600px;
	margin: 0 auto;
}

.form-group {
  margin-bottom: var(--spacing-base);
}

.form-group label {
   display :     block;
    margin-bottom: 8px;
  color: var(--color-primary);
   font-weight   :500;
}

.form-group input,
.form-group select,
.form-group textarea {
   width: 100%;
	padding: 12px;
  border: 1px solid #ddd;
        border-radius: 6px;
   font-family: inherit;
       font-size: 14px;
  transition: var(--transition);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #2d7a7a;
  box-shadow: 0 0 0 3px rgba(45, 122, 122, 0.1);
}

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

.submit-btn {
    width: 100%;
 padding: 14px;
  background: #2d7a7a;
  color: white;
	 border: none;
  border-radius  :  6px;
   font-weight: 600;
  font-size: 16px;
  cursor :     pointer;
  transition: var(--transition);
}

.submit-btn:hover {
  background: var(--color-primary);
  transform: translateY(-2px);
}

.footer-section  
  {
	  background: linear-gradient(135deg, var(--color-primary) 0%, #0f2a2a 100%);
   color: white;
  padding: var(--spacing-xl) var(--spacing-base) var(--spacing-base);



}

.footer-grid {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.footer-brand img {
               height: 40px;
               width: auto;
  filter: brightness(0) invert(1);
    margin-bottom: 16px;
}



.footer-column h4 {
  margin-bottom: 12px;

	   font-size: 16px; 
	
}

.footer-column ul {
    list-style: none;

}

.footer-column ul li {
    margin-bottom: 8px;


}

.footer-column a {
  color: rgba(255, 255, 255, 0.8);
    text-decoration     :none;
  transition: var(--transition);
    font-size:   14px;
}

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

.contact-info {
  color: rgba(255, 255, 255, 0.8);
   font-size: 14px;
   margin-bottom: 8px;
	}

.footer-bottom {
	  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: var(--spacing-base);
   text-align: center;
  color: rgba(255, 255, 255, 0.7);
       font-size: 13px;}@media (max-width: 768px) {
    .services-preview h2,
    .features-section h2,
    .offer-section h2,
    .training-section h2,
    .contact-section h2 {
        font-size: 28px;
    }

    .offer-box.featured {
        transform: scale(1);
    }

    .hero-section h1 {
        font-size: 28px;
    }

    .cta-section h2 {
        font-size: 24px;
    }
}.services-hero {
     background: linear-gradient(135deg, #1a3a3a 0%, #2d5a5a 50%, #1e4d4d 100%);
    color: white;
  padding: 60px var(--spacing-base);
		 text-align     :     center;
          position  :        relative;
    overflow: hidden;
     }

.services-hero h1 {
   font-size: 44px; 
	    margin-bottom: 12px; 
	   font-weight     :     700;

}

.services-hero .hero-subtitle {
   font-size     :     18px;
    opacity: 0.95;
}

.breadcrumb-section {
    background: white;
  padding: var(--spacing-base) 0;
   border-bottom: 1px solid #e0e0e0;
}

.breadcrumb {
   display     :    flex;
    align-items: center;
    gap: 8px;
  font-size: 14px;
}

.breadcrumb a {
  color: #2d7a7a;
	text-decoration: none;
  transition: var(--transition);
}

.breadcrumb a:hover {
   text-decoration: underline;
}

.breadcrumb .separator {
  color:    #ccc;
}

.breadcrumb span {
  color: var(--color-text);
}

.services-detail-section {
  padding: var(--spacing-xl) var(--spacing-base);
   background     :      white;
}

.services-intro {
    text-align: center;
  margin-bottom: var(--spacing-xl);
  max-width: 700px;
	margin-left: auto;
  margin-right: auto;
}

.services-intro h2	{


  font-size: 36px;
  color: var(--color-primary);
    margin-bottom: 12px;}

.services-intro p

{
   font-size: 16px;
    color: #666;
    line-height: 1.7;
}

.services-list {
   display: flex;
   flex-direction: column;
  gap: var(--spacing-xl);
}

.service-detail-card 
 {
	 background: white;
   border: 1px solid #e0e0e0;
    border-radius: 8px;
 overflow: hidden;
  transition: var(--transition);
}

.service-detail-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-color: #2d7a7a;
	
}

.service-header 
 {
    display: flex;
	justify-content: space-between;
  align-items: center;
  padding: var(--spacing-base);
    border-bottom    :     1px solid #f0f0f0;
  background: linear-gradient(135deg, #f9fafb 0%, #f5f6f7 100%);
}

.service-header h3 {
  color: var(--color-primary);
  font-size: 24px;
    margin: 0;
}

.service-badge {
	background: #2d7a7a;
  color   :  white;
    padding: 4px 12px;
  border-radius: 20px;
    font-size: 12px;
  font-weight: 600;
	text-transform: uppercase;
}

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

.service-body {
  padding: var(--spacing-lg);
}



.service-body h4 {
  color: var(--color-primary);
  font-size     :        16px;
  margin-top: var(--spacing-base);
   margin-bottom    :        8px;
  font-weight:   600;
}

.service-body p {
    color: #555;
    line-height: 1.7;
  margin-bottom: var(--spacing-base);
} 

.service-body h4:first-child	{
         margin-top: 0;
}

.service-benefits {
  list-style: none;
    padding: 0;
  margin-bottom: var(--spacing-base);
}

.service-benefits li {

	  padding: 8px 0 8px 28px;
  color: #555;
  position: relative;
  line-height: 1.6;

}

.service-benefits li:before     {
     content: '✓';
      position: absolute;
      left     : 0;
          color :      #2d7a7a;
         font-weight: bold;
       font-size: 16px;


}

.price-tag  {
    background: #f0f7f7;
   color: #2d7a7a;
    padding: 12px 16px;
    border-radius     :      6px;
    font-weight: 600;
    font-size: 18px;
  display :   inline-block;
    border-left     :     4px solid #2d7a7a;
}



.comparison-section {
  padding: var(--spacing-xl) var(--spacing-base);
   background: #f9fafb;
}


.comparison-section h2 {
   text-align: center;
   font-size: 36px;
  color: var(--color-primary);
  margin-bottom: var(--spacing-xl);
}


.comparison-table {
	  overflow-x: auto;

}

.comparison-table table {
    width: 100%;
   border-collapse: collapse;
    background: white;
   border-radius: 8px;
               overflow    :     hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.comparison-table thead {
  background: linear-gradient(135deg, #1a3a3a 0%, #2d5a5a 100%);
  color: white;}

.comparison-table th {
    padding: 16px;
         text-align: left;
    font-weight: 600;
   font-size  :       14px;
}

.comparison-table td {
        padding: 14px 16px;
  border-bottom: 1px solid #e0e0e0;
}

.comparison-table tbody tr:hover {
    background: #f9fafb;
}


.comparison-table td:first-child {
  color: var(--color-primary);
  font-weight: 500;
}

.comparison-table td.yes {
   color: #27ae60;

   font-weight: 600;
}

.comparison-table td.no {
  font-weight: 600;
  color : #e74c3c;
}

.comparison-table td.partial {

  color: #f39c12;
  font-weight: 600;
	}  

.faq-section {
	  padding: var(--spacing-xl) var(--spacing-base);
   background: white;
     }

.faq-section h2 {
    text-align    :    center;
 font-size: 36px;
  color: var(--color-primary);
  margin-bottom: var(--spacing-xl);
}

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

.faq-item {
    margin-bottom: 16px;
     border    : 1px solid #e0e0e0;
   	 border-radius: 8px;
      overflow: hidden;
     transition: var(--transition);


}

.faq-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
		border-color: #2d7a7a;
}

.faq-question	{
  padding: var(--spacing-base);
  color: var(--color-primary);
  cursor: pointer;
   font-weight: 600;
         margin: 0;
    display: flex;
    justify-content: space-between;
    align-items     :center;
   user-select: none;
}

.faq-question:after {
  content: '+';
  font-size:24px;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question:after {
  transform: rotate(45deg);
}

.faq-answer {
  padding: 0 var(--spacing-base) var(--spacing-base);
   color: #555;
   line-height: 1.7;
  display: none;
   max-height  :       0;
  overflow: hidden;
   transition: all 0.3s ease;


}

.faq-item.active .faq-answer {
    display: block;
  max-height: 500px;
  padding: var(--spacing-base);
}

.cta-services {
  padding: var(--spacing-xl) var(--spacing-base);
  background: linear-gradient(135deg, #2d7a7a 0%, #1e5555 100%);
    color: white;
	text-align: center;
}

.cta-services h2 {
	  font-size: 32px;
   margin-bottom: 12px;

}  

.cta-services p {
   font-size : 16px;
  margin-bottom: var(--spacing-lg);
    opacity: 0.95;
}

.cta-button-services {
  display: inline-block;
   background: white;
  color: #2d7a7a;
	padding   :    14px 32px;
          border-radius: 6px;
  text-decoration: none;
   font-weight: 600;
  transition: var(--transition);
}

.cta-button-services:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
} 

.thankyou-section {
  padding: var(--spacing-xl) var(--spacing-base);
    background: white;
    min-height: 600px;
}

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

.success-icon {
	width: 100px;
    height: 100px;
  margin: 0 auto var(--spacing-lg);
    color   :       #27ae60;
                    animation  :  scaleIn 0.5s ease;
}@keyframes scaleIn {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}.thankyou-section h1 {
   font-size: 36px;
  color: var(--color-primary);
  margin-bottom: 12px;
}

.thankyou-subtitle {
  font-size: 18px;
   color   :        #666;
  margin-bottom: var(--spacing-xl);
    line-height: 1.6;
}

.thankyou-details {
	  background   :     #f9fafb;
  border-radius  :     8px;
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
               text-align: left;
     }

.thankyou-details h2 {

	  color: var(--color-primary);
  font-size: 20px;
  margin-bottom: var(--spacing-base);
	text-align: center; 


}

.steps-list 
 {
    list-style:     none;
    padding: 0;
}

.step {
  display: flex;
  gap: var(--spacing-base);
  margin-bottom: var(--spacing-base);
  padding: var(--spacing-base);
  background: white;
   border-radius     :6px;
  border-left: 4px solid #2d7a7a;
} 

.step-number {
  display :       flex;
    align-items   :center;
   justify-content: center;
          width: 40px;
    height: 40px;
	background: #2d7a7a;
  color: white;
     -webkit-border-radius: 50%;
  border-radius: 50%;
  font-weight: 700;
  flex-shrink: 0;
}

.step-content h3  {
  color: var(--color-primary);
   margin: 0 0 4px 0;
  font-size: 16px;
}

.step-content p {
   color: #666;
    margin: 0;
	font-size: 14px;
   line-height  :    1.5;
}

.info-box {
  background: linear-gradient(135deg, #f0f7f7 0%, #e8f0f0 100%);
  border-left: 4px solid #2d7a7a;
  padding: var(--spacing-lg);
   border-radius     :  6px;
  margin-bottom: var(--spacing-lg);
  text-align: center;
}

.info-box h3 {
     color: var(--color-primary);
   margin-top: 0;
}

.info-box p {
   color: #555;
  margin: 8px 0;
}

.phone-highlight		{
    font-size: 20px;
    font-weight: 700;
    color: #2d7a7a;
   padding: 8px 0;
}

.action-buttons {
   display :   flex;
  gap: var(--spacing-base);
    justify-content: center;
  margin-bottom: var(--spacing-xl);
  flex-wrap: wrap;
}

.btn-primary,
.btn-secondary {

	  display  :      inline-block;
    padding: 12px 28px;
  border-radius: 6px;
  text-decoration: none;
    font-weight: 600;
  transition: var(--transition);
     }

.btn-primary {
  background: #2d7a7a;
    color: white;
}



.btn-primary:hover {
  background: var(--color-primary);
  transform: translateY(-2px);
}

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

.btn-secondary:hover	{

	   background: #f0f7f7;
	}

.resources  {
   background: white;
  padding: var(--spacing-lg);
   border-radius: 8px;
        border: 1px solid #e0e0e0;
	text-align: left;
}

.resources h3

{
  color: var(--color-primary);
  text-align: center;
}

.resources-list {
   list-style: none;
    padding: 0;
  margin-top: var(--spacing-base);
     }

.resources-list li {
    padding  :   10px 0 10px 28px;
  color: #555;
    position: relative;
}

.resources-list li:before {
   left: 0;
    font-weight:   bold;
    color: #2d7a7a;
  content: '→';
  position: absolute;
}

.next-steps-section
{
  padding: var(--spacing-xl) var(--spacing-base);
   background: #f9fafb;
}

.next-steps-section h2 {
        text-align :        center;
  font-size: 32px;
  color: var(--color-primary);
  margin-bottom: var(--spacing-xl);
}

.recommendations {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--spacing-lg);
}

.rec-card {
   background: white;
  padding: var(--spacing-lg);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: var(--transition); 
	
}

.rec-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.rec-card h3 {
  color: var(--color-primary);
    margin-bottom: 8px;
}

.rec-card p {
   color: #666;
   font-size: 14px;
  margin-bottom: var(--spacing-base);
	line-height: 1.6;
}

.rec-link {
    color: #2d7a7a;
	text-decoration: none;
                    font-weight: 600;
  transition: var(--transition);
  display: inline-block;
}

.rec-link:hover {
  color: var(--color-primary);
}

.newsletter-form{
    display: flex;
  gap: 8px;
  margin-top: var(--spacing-base);
}

.newsletter-form input {
               flex: 1; 
               padding: 10px; 
   border: 1px solid #ddd; 
  border-radius: 6px; 
       font-size:    14px;
} 

.newsletter-form button     {
   	background: #2d7a7a;
  color: white;
   border: none;
    padding: 10px 16px;
  border-radius: 6px;
  font-weight: 600;
   cursor: pointer;
  transition: var(--transition);
     }

.newsletter-form button:hover {
  background: var(--color-primary);
}@media (max-width: 768px) {
    .services-hero h1 {
        font-size: 28px;
    }

    .services-intro h2,
    .comparison-section h2,
    .faq-section h2,
    .next-steps-section h2 {
        font-size: 28px;
    }

    .service-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .service-image {
        height: 200px;
    }

    .thankyou-section h1 {
        font-size: 28px;
    }

    .action-buttons {
        flex-direction: column;
        gap: var(--spacing-base);
    }

    .btn-primary,
    .btn-secondary {
        width: 100%;
    }

    .newsletter-form {
        flex-direction: column;
    }

    .comparison-table {
        font-size: 12px;
    }

    .comparison-table th,
    .comparison-table td {
        padding: 10px 8px;
    }
}.policySection {


  padding: 80px var(--spacing-base);
  background: #f8f9fa;
     min-height: 600px;
}

.policyContainer {
     max-width: 800px;
   margin: 0 auto;
    text-align: left;
	
}

.policyContainer h2

{
   font-size: 42px;
  color: var(--color-primary);
    margin-bottom: 32px;
   font-weight: 700;
  line-height: 1.3;
}

.policyContainer h3 {
   font-size: 20px;
  color: var(--color-primary);
   margin-top    :   28px;
   margin-bottom: 12px;
   font-weight    : 600;
}

.policyContainer p {
  margin-bottom: 18px;
    line-height: 1.8;
    font-size: 16px;
  color   :#7f8c8d;
}

.policyContainer p strong {
  color: var(--color-text);
  font-weight :      600;
}

.policyContainer h3:first-of-type{
    margin-top: 0;
}@media (max-width: 768px) {
    .policySection {
        padding: 60px var(--spacing-base);
    }

    .policyContainer h2 {
        font-size: 32px;
        margin-bottom: 24px;
    }

    .policyContainer h3 {
        font-size: 18px;
        margin-top: 20px;
    }

    .policyContainer p {
        font-size: 15px;
        margin-bottom: 14px;
    }
}

@media (max-width: 480px) {
    .policySection {
        padding: 40px var(--spacing-base);
    }

    .policyContainer h2 {
        font-size: 26px;
        margin-bottom: 18px;
    }

    .policyContainer h3 {
        font-size: 16px;
        margin-top: 16px;
    }

    .policyContainer p {
        font-size: 14px;
    }
}