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

html  
  {
         scroll-behavior : smooth;
}

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

.navbar		{
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                    padding: 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 20px;
   display: flex;
	 justify-content: space-between;
  align-items: center;
   height: 70px;

}

.nav-logo-section {
  display: flex;
	 align-items: center;
}

.nav-logo {


     height: 64px;
  width: auto;
  filter: brightness(0) invert(1);
	
	}

.nav-links  
  {
  display: flex;
    list-style: none;
  gap: 35px;
  align-items: center; 

}

.nav-links a {
                       color: white;
   text-decoration: none;
    font-weight: 500;
   font-size: 16px;
    transition: all 0.3s ease;
  position: relative;
}

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

.nav-links a:hover::after {
   width   :   100%;
}

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

.burger-line {
   width: 25px;
    height:     3px;
  background: white;
  border-radius: 2px;
   -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}@media (max-width: 768px) {
    .burger-menu {
        display: flex;
    }

    .nav-links {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        flex-direction: column;
        gap: 0;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

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

    .nav-links li {
        width: 100%;
    }

    .nav-links a {
        display: block;
        padding: 15px 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

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

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

    .burger-menu.active .burger-line:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }
}.hero

{
    display: grid;
  grid-template-columns  :     1fr 1fr;
   align-items: center;
	gap: 40px;
 padding: 80px 20px;
  max-width: 1200px;
  margin: 0 auto;


}

.hero h1    {
   font-size: 48px;
    line-height: 1.2;
   margin-bottom: 20px;
    color: #2c3e50;
   font-weight: 700;
}

.hero p {
	  font-size: 18px;

	       color    :    #555;

	   margin-bottom: 30px;

	    line-height: 1.8; 
}

.cta-button {
    display: inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 14px 32px;
    border-radius: 8px;
   text-decoration: none;
   font-weight   :600;
  transition  :      all 0.3s ease;
  cursor :pointer;
  border: none;
  font-size: 16px;}

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

}

.hero-image img {
  width  : 100%;

	    height: auto;

	  border-radius: 12px;

	  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}@media (max-width: 768px) {
    .hero {
        grid-template-columns: 1fr;
        padding: 40px 20px;
    }

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

    .hero p {
        font-size: 16px;
    }
}.features-grid {
	 display   :      grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  padding: 80px 20px;
                    max-width: 1200px;
   margin: 0 auto;
    background: #f8f9fa;
}

.feature-card {
	background   :        white;
      padding: 35px 25px;
   	border-radius: 10px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
      transition    :     all 0.4s ease;
      border-top: 4px solid #667eea;
} 

.feature-card:hover


{


  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.25);

}

.feature-number {
  font-weight: 700;
    margin-bottom: 15px;
   font-size : 36px;
  opacity: 0.7;
   color: #667eea;
}

.feature-card h3 {
		 font-size: 20px;
	margin-bottom: 12px;
	color    :       #2c3e50;
}

.feature-card p {
    color: #666;
   font-size: 14px;
   line-height: 1.7; 
	
}@media (max-width: 768px) {
    .features-grid {
        grid-template-columns: 1fr;
        padding: 40px 20px;
    }
}.coaching-section {
  display: grid;
   grid-template-columns: 1fr 1fr;
	 align-items: center;
    gap: 50px;
	padding :  80px 20px;
    max-width: 1200px;
  margin: 0 auto;
} 

.coaching-content h2 {
    color: #2c3e50;
  margin-bottom    :20px;
    font-size: 36px; 
	
}

.coaching-content p {

	                    color: #666;
    font-size    :       16px;
   line-height: 1.8;
     margin-bottom: 25px;


}

.benefits-list	{
		 list-style: none;
	}

.benefits-list li {
   padding     :       12px 0;

 padding-left: 30px;

	position: relative;

    color: #555;

   font-size    :      15px;
}

.benefits-list li::before {

	  content: '→';
   position: absolute;
   left    :0;
               color   :        #667eea;
	font-weight: bold;


	}

.coaching-image img {
		 width: 100%;
   height: auto;
   border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}@media (max-width: 768px) {
    .coaching-section {
        grid-template-columns: 1fr;
        padding: 40px 20px;
        gap: 30px;
    }

    .coaching-content h2 {
        font-size: 28px;
    }
}.outbound-strategies {
	  display: grid; 
   grid-template-columns: 1fr 1fr; 
    align-items: center; 
   gap   :        50px; 
  padding: 80px 20px; 
    max-width: 1200px; 
  margin: 0 auto; 
  background: #f8f9fa;


}

.outbound-content h2	{
      font-size: 36px;
  margin-bottom: 20px;
  color: #2c3e50;
}

.outbound-content p {
  font-size: 16px;
    color: #666;
   margin-bottom: 30px;
          line-height: 1.8;
}

.strategy-steps		{
   display: flex;
  flex-direction   :column;
   gap: 18px;
}

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

.step-icon  
  {
    font-size    :     24px;
  color: #667eea;
   font-weight: bold;
    margin-top:    2px;
}

.step-text h4 {

   font-size: 16px;
         color: #2c3e50;
    margin-bottom: 5px;


}

.step-text p {
    font-size: 14px;
    color:#888;
   margin: 0;
}

.outbound-image img {
   width: 100%;
	height: auto;
    border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}@media (max-width: 768px) {
    .outbound-strategies {
        grid-template-columns: 1fr;
        padding: 40px 20px;
        gap: 30px;
    }

    .outbound-content h2 {
        font-size: 28px;
    }
}.prospecting-skills 
 {
	 padding: 80px 20px;
  max-width: 1200px;
   margin: 0 auto;
  text-align :        center;
}

.prospecting-skills h2     {
                    font-size: 36px;
	margin-bottom: 15px;
   color: #2c3e50;
}

.prospecting-skills > p {
  font-size: 16px;
   color  :      #666;
   margin-bottom: 50px;
    max-width: 600px;
   margin-left: auto;
   margin-right: auto;
}

.skills-container {
  display: grid;
   gap: 35px;
  grid-template-columns: repeat(2, 1fr);
}

.skill-block {
    background: white;
    border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
         transition: all 0.4s ease;
}

.skill-block:hover {


  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.25);}

.skill-block img 
 {
    height: 250px;
    object-fit: cover;
   width     :      100%;
}

.skill-block h3 {
  font-size: 22px;
  padding: 25px 20px 10px;
    color  :    #2c3e50;
}

.skill-block p {
    padding: 0 20px 25px;
   font-size: 14px;
       line-height: 1.7;
   color: #666; 
	
}@media (max-width: 768px) {
    .prospecting-skills {
        padding: 40px 20px;
    }

    .prospecting-skills h2 {
        font-size: 28px;
    }

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

               padding: 80px 20px;
   max-width   :  1200px;
   margin: 0 auto;
   background: #f8f9fa; 
	
}

.testimonials h2 {
  text-align: center;
    font-size: 36px;
	margin-bottom: 50px;
  color: #2c3e50;
}

.testimonials-grid {
  grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    display: grid;
}

.testimonial-card {
  background: white;
    padding     :       30px;
      border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
   border-left: 4px solid #764ba2;
  transition: all 0.3s ease;
}

.testimonial-card:hover	{
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.testimonial-card p {
   font-size: 15px;
         color: #666;
   margin-bottom: 20px;
   font-style: italic;
    line-height: 1.8; 

} 

.testimonial-card strong {
    display  :  block;
    color: #2c3e50;
	 font-size:      16px;
   margin-bottom: 5px;
}

.testimonial-card span {
      color     :       #999;
     font-size: 13px;
     }@media (max-width: 768px) {
    .testimonials {
        padding: 40px 20px;
    }

    .testimonials h2 {
        font-size: 28px;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }
}.cta-section {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 80px 20px;
   text-align: center;
                    color: white;


}

.cta-section h2    {
   font-size:  40px;
  margin-bottom: 15px;
    font-weight: 700;
}

.cta-section p {
	    font-size: 18px;
  margin-bottom: 35px;
    opacity: 0.95;
  max-width: 600px;
  margin-left   :      auto;
   margin-right: auto;
}

.cta-button-large {
   border-radius: 8px;
  text-decoration: none;
    font-weight: 700;
   transition: all 0.3s ease;
  cursor: pointer;
   padding: 16px 40px;
         border: none;
  font-size: 16px;
  background  :        white;
    display: inline-block;
   color: #667eea;
}

.cta-button-large:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}@media (max-width: 768px) {
    .cta-section {
        padding: 40px 20px;
    }

    .cta-section h2 {
        font-size: 28px;
    }

    .cta-section p {
        font-size: 16px;
    }
}.contact-section {
   padding: 80px 20px;
    max-width: 800px;
    margin: 0 auto;
}

.contact-section h2   {
  text-align: center;
   font-size: 36px;
  margin-bottom :    15px;
    color     :    #2c3e50;
}

.contact-section > p {

	   text-align: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 45px;
	}

.contact-form {
     background: #f8f9fa;
  padding: 40px;
    border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); 

	}

.form-group {
    margin-bottom: 25px;
}

.form-group label {
        display: block;
   margin-bottom: 8px;
    font-weight :    600;
   color: #2c3e50;
  font-size  :        15px;
}

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

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none; 
	    border-color: #667eea; 
	  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);

}

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

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

.submit-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
} @media (max-width: 768px) {
    .contact-section {
        padding: 40px 20px;
    }

    .contact-section h2 {
        font-size: 28px;
    }

    .contact-form {
        padding: 25px;
    }
}.footer


{
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: white;
    padding: 60px 20px 20px;
   margin-top: 80px;
}

.footer-container    {
  max-width: 1200px;
		margin: 0 auto;
    display: grid;
 grid-template-columns: 1fr 1fr 1fr;
   gap: 50px;
    margin-bottom: 40px;}

.footer-logo-section {
   display: flex;
    align-items: flex-start;
}

.footer-logo {
   height :  86px;
  width: auto;
  filter: brightness(0) invert(1);
}

.footer-info h4,
.footer-links h4 {
     font-size: 16px;
   margin-bottom: 15px;
	 font-weight: 700;
   text-transform: uppercase;
  letter-spacing: 0.5px;
}

.footer-info p {

    line-height: 1.8;
	opacity: 0.85;
    font-size: 14px;
      margin-bottom: 8px;
	}

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

.footer-links li {
	margin-bottom: 10px;
}

.footer-links a {
   color: white;
   text-decoration: none;
  font-size: 14px;
    opacity: 0.85;
  transition: all 0.3s ease;
}

.footer-links a:hover {
  opacity: 1;
  transform: translateX(5px);
}


.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
    text-align: center;
  font-size : 13px;
   opacity: 0.75;
}@media (max-width: 768px) {
    .footer {
        padding: 40px 20px 20px;
    }

    .footer-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}.services-hero{
	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
          padding  :      80px 20px;
   text-align: center;
  color: white;


}

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

.services-hero-content p{
     font-size: 18px;
   opacity: 0.95;
    max-width: 700px;
	margin-left: auto;
   margin-right: auto;
	}@media (max-width: 768px) {
    .services-hero {
        padding: 40px 20px;
    }

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

    .services-hero-content p {
        font-size: 16px;
    }
}.services-overview {
 padding  :   80px 20px;
   max-width: 1200px;
                    margin: 0 auto;
}

.services-overview h2  {
  text-align: center;
   font-size: 36px;
    margin-bottom  :      50px;
  color: #2c3e50;
}

.services-tabs  
  {
    background: white;
}

.tab-buttons {
    display: flex;
  gap: 15px;
                    margin-bottom    :       40px;
   flex-wrap     :  wrap;
	justify-content: center;
}

.tab-btn {
    padding: 12px 25px;
       border:      2px solid #ddd;
  background: white;
   color: #666;
        cursor: pointer;
  border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
               transition: all 0.3s ease;
}

.tab-btn:hover {
   border-color: #667eea;
    color: #667eea;
}

.tab-btn.active {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color    :  white;
  border-color: #667eea;
}

.tab-content {


  -webkit-animation:      fadeIn 0.3s ease;
  display: none;
    animation: fadeIn 0.3s ease;
   -moz-animation: fadeIn 0.3s ease;


}

.tab-content.active {
  display: block; 

}@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.tab-inner    {
    display :        grid;
    grid-template-columns: 1fr 1fr;
   gap: 50px;
    align-items: center;
}

.tab-text h3 {
   font-size  :       28px;
       margin-bottom: 15px;
     color: #2c3e50; 
	
}

.tab-text p		{
       font-size: 16px;
     color: #666;
    margin-bottom: 30px;
   line-height: 1.8;
}

.service-features {
   margin-bottom: 30px; 

}

.feature-item {
  display: flex;
	gap: 15px;
   margin-bottom: 18px;
        align-items: flex-start;
}

.feature-icon  {
	 font-size   :     20px;
    color: #667eea;
   font-weight: bold;
          margin-top: 2px;
}

.feature-item h4 {
	font-size:  15px;
   color: #2c3e50;
	margin-bottom: 3px;
}

.feature-item p {
     font-size: 14px;
  color: #888;
  margin: 0;
}

.service-pricing {
  background: #f8f9fa;
    padding    :    20px;
    border-radius: 8px;
  display: flex;
  align-items: center;
    gap: 15px;
}

.price{
   font-size: 28px;
    font-weight: 700;
  color: #667eea;
}

.period    {
	          font-size: 14px;
    color: #999;


}

.tab-image img {
    width  :   100%;
  height: auto;
	border-radius  :     12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}@media (max-width: 768px) {
    .services-overview {
        padding: 40px 20px;
    }

    .services-overview h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .tab-buttons {
        gap: 10px;
    }

    .tab-btn {
        padding: 10px 15px;
        font-size: 13px;
    }

    .tab-inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .tab-text h3 {
        font-size: 22px;
    }

    .tab-inner {
        grid-template-columns: 1fr;
    }
}.comparison-table
	{
  padding: 80px 20px;
	max-width: 1200px;
    margin: 0 auto;
  background: #f8f9fa; 
	
}



.comparison-table h2 {
	     text-align: center;
   font-size: 36px;
  margin-bottom: 50px;
	color: #2c3e50;
	}

/* Performance critical */

.services-comparison     {
  width: 100%;
    border-collapse: collapse;
   background    :white;
    border-radius: 10px;
	overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.services-comparison thead {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}


.services-comparison th {
   padding: 20px;
  text-align: left;
	font-weight: 700;
   font-size: 15px;
}

.services-comparison td {
    padding: 18px 20px;
   border-bottom: 1px solid #eee;
    font-size: 14px; 

}

/* NOTE: keep for legacy support */


/* Debug styles */



/* Typography */


.services-comparison tbody tr:last-child td {
  border-bottom: none;
}

.services-comparison tbody tr:hover {
  background: #f8f9fa;
}

.services-comparison td:first-child   {
   font-weight: 600;
    color: #2c3e50;
}

.services-comparison td:nth-child(2) {
  color: #667eea;
	font-weight: 500;
}
@media (max-width: 768px) {
    .comparison-table {
        padding: 40px 20px;
    }

    .comparison-table h2 {
        font-size: 28px;
    }

    .services-comparison th,
    .services-comparison td {
        padding: 12px;
        font-size: 12px;
    }
}.custom-solutions {
 padding: 80px 20px;
  max-width: 1200px;
   margin: 0 auto;
}

.custom-solutions h2

{
	text-align: center;
     font-size:   36px;
   margin-bottom: 15px;
   color: #2c3e50;
}

.custom-solutions > p {
  text-align :center;
   font-size: 16px;
	 color:        #666;
		margin-bottom: 50px;
    max-width: 700px;
                    margin-left     :auto;
  margin-right   :   auto;
}

.solutions-grid {
  grid-template-columns: repeat(3, 1fr); 
	  gap: 30px; 
	  display: grid;
}

.solution-card {
    background: white;
 padding: 35px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
   border-top: 4px solid #667eea;
   transition: all 0.4s ease;
}

.solution-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.25);
}

.solution-card h3 {
   font-size: 20px;
    margin-bottom: 12px;
  color: #2c3e50; 
	
}

.solution-card p {
    font-size:        15px;
  color: #666;
    margin-bottom: 20px;
  line-height: 1.7;

}

.solution-points {
    list-style: none;
}
/* Typography */
.solution-points li {
    padding: 8px 0;
  color: #555;
	 padding-left: 25px;
  position  :        relative;
	 font-size: 14px; 

}

.solution-points li::before {
  content: '✓'; 
	   position  :absolute; 
	   left: 0; 
	 color  : #667eea; 
	               font-weight     :       bold;
}
@media (max-width: 768px) {
    .custom-solutions {
        padding: 40px 20px;
    }

    .custom-solutions h2 {
        font-size: 28px;
    }

    .solutions-grid {
        grid-template-columns: 1fr;
    }
}.process-section {


  padding: 80px 20px;
  max-width:1200px;
   margin: 0 auto;
  background: #f8f9fa; 
	}

.process-section h2 {

  text-align: center;
   font-size   :    36px;
     margin-bottom: 60px;
   color: #2c3e50;
}

.process-steps {
   display  :    grid;
  grid-template-columns: repeat(4, 1fr);
   gap     :    30px;
}

.process-step {
        text-align: center;
    background: white;
    padding: 35px 25px;
    border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
               transition: all 0.3s ease;
}

.process-step:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.2);
	
}

.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 :28px;
   font-weight: 700;
    margin: 0 auto 15px;


}

.process-step h3 {
   font-size: 18px;
  margin-bottom: 10px;
   color:  #2c3e50;
}

.process-step p {


   font-size: 14px;
  color: #666;
    line-height: 1.6;
	}@media (max-width: 768px) {
    .process-section {
        padding: 40px 20px;
    }

    .process-section h2 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .process-steps {
        grid-template-columns: 1fr 1fr;
    }
}.faq-section

{
  padding: 80px 20px;
  max-width: 1000px;
   margin:       0 auto;
}

.faq-section h2 {
   text-align: center;
  font-size: 36px;
    margin-bottom  : 50px;
    color: #2c3e50;
}

.faq-container {
  display: grid;
   gap: 20px;
}

.faq-item {
       background: white;
	padding: 25px;
   border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
          border-left: 4px solid #667eea;
	transition: all 0.3s ease; 
	
}

.faq-item:hover


{

  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.faq-question {

    font-size: 16px;
    color: #2c3e50;
   margin-bottom    :   12px;
    cursor :    pointer;
    font-weight: 600;
}

.faq-item p {
  font-size: 14px;
    color: #666;
  line-height: 1.7;
	margin     :       0;
}@media (max-width: 768px) {
    .faq-section {
        padding: 40px 20px;
    }

    .faq-section h2 {
        font-size: 28px;
    }
}.cta-services
{
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 60px 20px;
         text-align: center;
   color     : white;
}

.cta-services h2 {
        font-size    :      36px;
   margin-bottom: 15px;
}

.cta-services p {
    font-size:       16px;
    margin-bottom: 30px;
    opacity: 0.95; 
	
}

.cta-button-services {
    display   :  inline-block;
  background: white;
  color: #667eea;
       padding: 14px 40px;
    border-radius: 8px;
   -webkit-border-radius: 8px;
    text-decoration: none;
  font-weight: 700;
    font-size: 16px;
   transition: all 0.3s ease;
}

.cta-button-services:hover {

  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}@media (max-width: 768px) {
    .cta-services {
        padding: 40px 20px;
    }

    .cta-services h2 {
        font-size: 28px;
    }
}.thankyou-section{
   align-items: center;
          padding: 80px 20px;
  display: flex;
    min-height: 60vh;
   justify-content: center;
}

.thankyou-container
{
    max-width: 700px;
    text-align: center;
}

.thankyou-icon     {
  margin-bottom: 30px;
     justify-content: center;
       animation: scaleIn 0.5s ease;
             -webkit-animation: scaleIn 0.5s ease;
   	 display: flex;
}@keyframes scaleIn {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}.thankyou-icon svg {
  animation: checkmark 0.5s ease 0.2s both;
    stroke: #667eea;
}@keyframes checkmark {
    from {
        stroke-dashoffset: 100;
        stroke-dasharray: 100;
    }
    to {
        stroke-dashoffset: 0;
    }
}.thankyou-container h1 {
    font-size: 42px;
    color: #2c3e50;
  margin-bottom: 15px;
               font-weight: 700;
}

.thankyou-main {
    margin-bottom: 15px;
	color: #667eea;
  font-weight: 600;
   font-size: 20px;
}

.thankyou-text {

   line-height: 1.8;
  margin-bottom: 50px;
   font-size: 16px;
    color   :        #666;
     }

.next-steps {
	    background: #f8f9fa;
   padding: 40px;
  -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 40px;
     }

.next-steps h2 {
    font-size:        24px;
  margin-bottom: 30px;
    color: #2c3e50;
}

.steps-grid {


   display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap: 20px;
	}

.step-card {
  background :       white;
  padding: 25px;
	border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
     }

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

.step-card h3 {
  font-size: 16px;
  margin-bottom: 10px;
    color: #2c3e50;
}

.step-card p {
    font-size: 13px;
   color: #666;
	line-height: 1.6;
}

.additional-info {
  background: white;
    padding: 30px;
   border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    margin-bottom: 30px;
}

.additional-info h3 {

		font-size   :    18px;
     margin-bottom    :   15px;
       color: #2c3e50;
     }


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

.info-links a {
  transition: all 0.3s ease;
	font-weight: 500;
    text-decoration     :       none;
    color: #667eea;
}

.info-links a:hover {
   text-decoration: underline;
}

.estimated-contact {

	  background: #e8f0ff;
  padding: 25px;
   border-radius :  8px;
	border-left: 4px solid #667eea;
 margin-bottom: 30px;

}

.estimated-contact p {
   font-size: 14px;
         color: #333;
       margin-bottom: 8px;
}

.estimated-contact p:last-child {
   margin-bottom: 0;
}

.estimated-contact strong {
    color: #667eea;
}

.return-button {
  display     :  inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
    padding: 14px 40px;
   border-radius: 8px;
  text-decoration :  none;
   font-weight: 700;
  font-size: 16px;
    transition  :  all 0.3s ease;
    cursor: pointer;
	
}

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

.related-services {
    padding: 80px 20px;
   max-width: 1200px;
   margin :     0 auto;
   background: #f8f9fa;
}



.related-services h2 {
    text-align: center;
   font-size: 36px;
  margin-bottom: 50px;
  color: #2c3e50;
	
}

.services-preview {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.preview-card {
   background: white;

	      padding: 30px;

		border-radius: 10px;

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

		 transition: all 0.3s ease;
}

.preview-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.25);
     }

.preview-card h3 {
   font-size: 18px;
          margin-bottom: 12px;
  color: #2c3e50;


}

.preview-card p {

  font-size: 14px;
     color: #666;
     margin-bottom: 20px;
      line-height: 1.6;
     }

.preview-link {
  display  :    inline-block;
   color: #667eea;
		 text-decoration: none;
         font-weight: 600;
			transition: all 0.3s ease;
}

.preview-link:hover {


  transform: translateX(5px);

}@media (max-width: 768px) {
    .thankyou-container h1 {
        font-size: 32px;
    }

    .thankyou-main {
        font-size: 18px;
    }

    .next-steps {
        padding: 25px;
    }

    .steps-grid {
        grid-template-columns: 1fr;
    }

    .related-services {
        padding: 40px 20px;
    }

    .related-services h2 {
        font-size: 28px;
    }

    .services-preview {
        grid-template-columns: 1fr;
    }
}.policy-hero {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding     :    60px 20px;
	text-align: center;
                    color: white;
}

.policy-hero h1 {
   font-size    :   42px;
  margin-bottom: 12px;
  font-weight: 700;


}

.policy-hero p {
  font-size    :   16px;
    opacity: 0.9;
   max-width    :        700px;
  margin-left: auto;
  margin-right: auto;
}@media (max-width: 768px) {
    .policy-hero {
        padding: 40px 20px;
    }

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

    .policy-hero p {
        font-size: 14px;
    }
}.policySection {
	     padding: 80px 20px;
    background: white;


}

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

.policyContainer h2 {
    font-size    :  28px;

	   color: #2c3e50;

	  margin-bottom: 20px;

	                    margin-top: 40px;

	    font-weight  :700;

	  border-bottom: 2px solid #667eea;

	   padding-bottom: 12px;
}

.policyContainer h2:first-of-type {
    margin-top: 0;
}

.policyContainer p {
    color   :    #666;
  margin-bottom: 18px;
    line-height: 1.8;
   font-size: 15px;
    text-align: justify;
}

.policyContainer p:last-child {
  margin-bottom: 0;
}@media (max-width: 768px) {
    .policySection {
        padding: 40px 20px;
    }

    .policyContainer h2 {
        font-size: 22px;
        margin-top: 30px;
    }

    .policyContainer p {
        font-size: 14px;
        line-height: 1.7;
        text-align: left;
    }
}