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

html {
   scroll-behavior   : smooth;
}

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

.navbar {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding    :       1rem 0;
    position:sticky;
   top: 0;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

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

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

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

.nav-menu  
  {

   display: flex;
   list-style: none;
  gap   :       2rem;

}

.nav-item
{
   margin: 0;
}

.nav-link

{
  color    :     #ffffff;
          text-decoration: none;
   font-weight: 500;
 transition: opacity 0.3s ease, transform 0.3s ease;
 display     :        inline-block;
}

.nav-link:hover {
	 opacity: 0.8;
  transform: translateY(-2px);
}

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

.hamburger {
    width: 25px;
        height: 3px;
  background-color: #ffffff;
   border-radius :2px;
   transition: all 0.3s ease;
}

.hero
	{
    display :     grid;
  grid-template-columns: 1fr 1fr;
  gap     :  3rem;
  align-items: center;
  padding:        4rem 2rem;
   max-width: 1200px;
    margin   :    0 auto;
  background: linear-gradient(to bottom, #f8f9ff 0%, #ffffff 100%);
}



.hero-content h1 {
  font-size: 2.8rem;
	line-height: 1.2;
          margin-bottom: 1.5rem;
  color: #1a202c;
	font-weight: 700;
}

.hero-content p {
                    font-size: 1.1rem;
          color: #555;
  margin-bottom: 2rem;
  line-height: 1.7;
}

.cta-button {
  display    :    inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   padding: 1rem 2.5rem;
  border-radius: 50px;
    text-decoration: none;
  font-weight    :      600;
  transition    :     all 0.3s ease;
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}

.cta-button:hover {
  transform: translateY(-3px);
     box-shadow: 0 12px 30px rgba(102, 126, 234, 0.4);
}

.hero-image img {
	 width: 100%;
    height: auto;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.features {

   padding   : 4rem 2rem;

    background: #f8f9ff;}

.features-header {
  text-align: center;
		 max-width: 600px;
	   margin: 0 auto 3rem;
}

.features-header h2 {
    margin-bottom: 1rem;
   color: #1a202c;
    font-size: 2.2rem;
} 

.features-header p {
    font-size: 1rem;
  color: #666;
	
}

.features-grid {
	  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
      max-width: 1200px;
  margin: 0 auto;}

.feature-card {


    background:white;
   padding: 2rem;
	border-radius: 12px;
    text-align    :center;
   transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);

}

.feature-card:hover


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

.feature-icon {
  margin-bottom    :      1.5rem;
  justify-content: center;
    display: flex;
}

.feature-icon img


{
   width: 50px;

   height: 50px;

   object-fit: contain;
}



.feature-icon img {
    stroke: #667eea;
  fill: none;
    stroke-width: 2;
}

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

.feature-card p {
   color: #666;
    font-size: 0.95rem;
     line-height :      1.6;
}

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

.services-preview h2 {
	 font-size: 2.2rem;
        text-align  :      center;
      margin-bottom: 3rem;
    color    :#1a202c;
}

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

.service-item	{
   background: white;
               border-radius  :      12px;
	 overflow: hidden;
  transition     :        all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.service-item:hover     {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(102, 126, 234, 0.15);
}

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

.service-item h3 {
	padding    :     1.5rem 1.5rem 0.5rem;
    font-size: 1.2rem;
   color: #2c3e50;

}  

.service-item p {
  padding: 0 1.5rem 1.5rem;
  color  :      #666;
   font-size: 0.95rem;
  line-height: 1.6;

}

.cta-section {

  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
               padding: 3rem 2rem;
  text-align: center;
  margin: 2rem 0;


}

.cta-content h2 {
    font-size   :      2.2rem;
	 color: white;
   margin-bottom  :    1rem;
}

.cta-content p {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    max-width  :       600px;
  margin-left: auto;
	margin-right: auto;
}


.cta-button-secondary {
    display: inline-block;
      background: white;
   color: #667eea;
  padding  :     1rem 2.5rem;
    border-radius: 50px;
   text-decoration: none;
  font-weight    : 600;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

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

.contact	{
    padding: 4rem 2rem;
    background: #f8f9ff;
}

.contact-wrapper {
				 margin: 0 auto;
  max-width: 700px;
}

.contact-header {
  text-align: center;
	  margin-bottom: 3rem;
}

.contact-header h2 {
	font-size: 2.2rem;
    color: #1a202c;
	margin-bottom: 0.5rem;
}

.contact-header p {
    color: #666;
  font-size: 1rem;
}

.contact-form {
    display: flex;
   flex-direction: column;
               gap: 1.5rem;
}

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



.contact-form input,
.contact-form select,
.contact-form textarea {
   padding: 1rem;
   border   :     2px solid #e0e0e0;
   border-radius: 8px;
         font-size     :1rem;
    font-family: inherit;
 transition   :      border-color 0.3s ease, box-shadow 0.3s ease;
}

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


 outline: none;
   border-color: #667eea;
  box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);


}

.form-submit {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   padding :       1rem;
   border     :  none;
  border-radius: 8px;
   font-size: 1rem;
   font-weight: 600;
  cursor: pointer;
	transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}

.form-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.4);
}

.footer {
    background: #1a202c;
    color: #ffffff;
    padding   :  3rem 2rem 1rem;
} 

.footer-container
{

	  max-width    :  1200px;
        margin :   0 auto;


}

.footer-logo {
  margin-bottom:      2rem;
}

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

.footer-content {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
}

.footer-section h4 {
  font-size: 1.1rem;
    margin-bottom: 1rem;
     color:      #667eea;
}

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

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

.footer-section a {


  color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
   transition: color 0.3s ease;}

.footer-section a:hover {
	   color: #667eea;
	}

.footer-section p {


   font-size: 0.95rem;
   line-height  :       1.6;
   margin-bottom: 0.5rem;
  color: rgba(255, 255, 255, 0.8);}

.footer-bottom  
  {
 text-align: center;
    padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
   font-size: 0.9rem;


}@media (max-width: 768px) {
    .nav-toggle {
        display: flex;
    }

    .nav-menu {
        position: fixed;
        top: 70px;
        left: -100%;
        flex-direction: column;
        background-color: #667eea;
        width: 100%;
        text-align: center;
        transition: 0.3s;
        gap: 0;
        padding: 2rem 0;
    }

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

    .nav-item {
        padding: 1rem 0;
    }

    .nav-toggle.active .hamburger:nth-child(1) {
        transform: rotate(-45deg) translate(-8px, 8px);
    }

    .nav-toggle.active .hamburger:nth-child(2) {
        opacity: 0;
    }

    .nav-toggle.active .hamburger:nth-child(3) {
        transform: rotate(45deg) translate(-7px, -7px);
    }

    .hero {
        grid-template-columns: 1fr;
        padding: 2rem 1rem;
    }

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

    .hero-content p {
        font-size: 1rem;
    }

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

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

    .features-header h2,
    .services-preview h2 {
        font-size: 1.8rem;
    }

    .cta-content h2 {
        font-size: 1.8rem;
    }

    .contact-header h2 {
        font-size: 1.8rem;
    }

    .footer-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .hero-content h1 {
        font-size: 1.5rem;
    }

    .hero-content p {
        font-size: 0.95rem;
    }

    .cta-button,
    .cta-button-secondary {
        padding: 0.8rem 1.8rem;
        font-size: 0.95rem;
    }

    .features-header h2,
    .services-preview h2,
    .cta-content h2,
    .contact-header h2 {
        font-size: 1.5rem;
    }

    .nav-container {
        padding: 0 1rem;
    }

    .logo-img {
        height: 35px;
    }
}.services-hero {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
   padding: 5rem 2rem;
  text-align: center;
     min-height: 350px;
  display: flex;
    align-items: center;
    justify-content: center;
}

.services-hero-content h1 {
   font-size: 3rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.services-hero-content p {
  font-size: 1.3rem;
      opacity: 0.95;
       max-width: 700px;
       margin    :        0 auto;
}

.services-detailed {
   padding: 4rem 2rem;
    background: #ffffff;
}



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



.service-card-detailed {
	display   :  grid;
  grid-template-columns: 1fr 1fr;
      gap: 3rem;
    align-items    :center;
  background: #f8f9ff;
 padding: 2rem;
    border-radius   :     12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
   transition:   all 0.3s ease;
}

.service-card-detailed:hover {
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.15);
  transform: translateY(-3px);
}

.service-image-wrapper {
      overflow   : hidden;
    border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.service-image-wrapper img {
	   width: 100%;
  height    :auto;
  display: block;
   transition: transform 0.3s ease;
	}

.service-card-detailed:hover .service-image-wrapper img {


  transform: scale(1.05);

}

.service-content h2 {
    font-size  :  2rem; 
     color: #1a202c; 
   margin-bottom: 1rem;
}

.service-content > p {
	color: #555;
    font-size   :  1rem;
  line-height :  1.8;
   margin-bottom: 1.5rem;
}

.service-features


{
  background: white;
	padding: 1.5rem;
    border-radius: 8px;
   margin-bottom: 1.5rem;
}

.feature-item {

	  display :flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;

}

.feature-item:last-child {
    margin-bottom: 0;
}

.feature-item img {
	   width: 24px;
    height: 24px;
   flex-shrink: 0;
    stroke: #2ecc71;
  fill: none;
    stroke-width    :2;}

.feature-item span {
   font-weight  :       500;
    color: #2c3e50;
  font-size: 0.95rem;
}

.service-price {
  font-size: 1.3rem;
  color: #667eea;
    font-weight     :       700;
               margin-bottom    :    1rem !important;
}

.service-cta {
               display: inline-block;

	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

	   color: white;

	  padding:      0.8rem 2rem;

	                    border-radius: 8px;

	    text-decoration  :      none;

	    font-weight: 600;

	    transition    :    all 0.3s ease;

	  box-shadow: 0 6px 15px rgba(102, 126, 234, 0.3);
}

.service-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
}

.service-comparison {
  padding: 4rem 2rem;
  background  :   white;
}

.comparison-wrapper	{
   max-width: 1200px;
    margin: 0 auto;
}

.comparison-wrapper h2 {


   font-size: 2.2rem;
	 text-align: center;
  margin-bottom    :  2rem;
  color :        #1a202c;
}

.comparison-table

{
  background: white;
    border-radius: 12px;
	 overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.comparison-row {
    border-bottom: 1px solid #e0e0e0;
  grid-template-columns: repeat(5, 1fr);
   display     :grid;
}

.comparison-row:last-child {
  border-bottom: none;

}

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

.comparison-cell {
   padding: 1.5rem;
	display: flex;
	 align-items: center;
  justify-content: center;
      font-weight: 500;
  color : #555;
}

.comparison-header .comparison-cell 
 {
  color: white;
	font-weight: 700;
}

.header-cell   {
   font-size: 1rem;
}

.check-mark {
       font-size: 1.5rem;
                    color: #2ecc71;
  font-weight: 700;
}

.service-process {
    background: #f8f9ff;
    padding: 4rem 2rem;
}



.service-process h2
{
        font-size: 2.2rem;
   text-align    :center;
   margin-bottom: 3rem;
    color: #1a202c;
}

.process-steps


{
       max-width: 1200px;
  margin: 0 auto;
          display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;

}

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

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

.step-number  
  {
   font-size: 3rem;
   font-weight: 700;
         color: #667eea;
    margin-bottom    : 1rem;
  opacity: 0.3;
}

.process-step h3     {
   font-size: 1.3rem;
    color: #1a202c;
  margin-bottom    :1rem;
}

.process-step p {
	color: #666;
   font-size   :      0.95rem;
       line-height: 1.6;
	}

.pricing-section {
    padding: 4rem 2rem;
   background: white;
}

.pricing-section h2 {

	  font-size: 2.2rem;
    text-align  :  center;
	 margin-bottom: 3rem;
    color:        #1a202c; 
	
}

.pricing-cards   {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
}

.pricing-card {
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 2rem;
  text-align: center;
  transition :     all 0.3s ease;
    position: relative;
}

.pricing-card:hover {
    border-color: #667eea;
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.15);
  transform: translateY(-5px);
}

.pricing-card.featured {
   border-color: #667eea;

	  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.2);

	  transform: scale(1.05);
}

.pricing-card h3 {
   font-size: 1.5rem;
   color: #1a202c;
   margin-bottom:    1rem;
}

.price
{
       font-size: 2.5rem;
  color: #667eea;
   font-weight: 700;
  margin-bottom: 0.5rem !important;
}

.duration {

	    font-size:  0.95rem;
		color   : #999;
	   margin-bottom:      1.5rem !important;


}

.pricing-features
	{
  list-style: none;
  margin-bottom: 2rem;
  text-align: left;

}

.pricing-features li {
	padding:  0.5rem 0;
    color   : #555;
	 font-size: 0.95rem;
  border-bottom: 1px solid #f0f0f0;

}

.pricing-features li:last-child     {
	    border-bottom: none;
	}

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

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

.testimonials-section {


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

.testimonials-section h2 {
    font-size: 2.2rem;
  text-align: center;
   margin-bottom: 3rem;
  color: #1a202c;

}

.testimonials-grid {
      max-width: 1200px;
     margin: 0 auto;
    display:       grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	 gap: 2rem;
}

.testimonial-card  {
  background: white;
   padding   :   2rem;
       border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  border-left: 4px solid #667eea;
	transition: all 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.15);
}

.testimonial-text {
    color: #555;

      font-size: 0.95rem;

  line-height: 1.8;

   margin-bottom: 1rem;

  font-style: italic;
}  

.testimonial-author {

	    color     :        #667eea;
  font-weight: 600;
   font-size: 0.9rem;
  margin: 0 !important;
}

.thankyou-section {
      padding: 4rem 2rem;
  background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
  min-height: 70vh;
	 display: flex;
   align-items: center;
    justify-content: center;
}

.thankyou-container {
   max-width: 700px;
    text-align: center;
     background: white;
  padding: 3rem;
   border-radius: 12px;
  box-shadow: 0 12px 40px rgba(102, 126, 234, 0.15);
}

.thankyou-icon {
      margin-bottom: 2rem;
}

.thankyou-icon img {
   width: 80px;
  height: 80px;
  stroke: #2ecc71;
   fill: none;
   stroke-width: 1.5;
}

.thankyou-container h1 {
             font-size: 2.5rem;
    color: #1a202c;
    margin-bottom: 0.5rem;
	}

.thankyou-subtitle {
        font-size: 1.2rem;
    color: #667eea;
    margin-bottom: 2rem;
    font-weight   :       600;
}

.thankyou-message {
    text-align: left;
}

.thankyou-message > p

{
   font-size     :   1rem;
     line-height: 1.8;
    margin-bottom    :  2rem;
  color: #555;
}

.next-steps {
      background: #f8f9ff;
   padding: 2rem;
  border-radius: 8px;
  margin: 2rem 0;
    text-align: left;
}

.next-steps h2 {
	font-size: 1.3rem;
  color  :    #1a202c;
    margin-bottom: 1.5rem;
  text-align :     center;
}

.next-steps ul {
    list-style: none;
}

.next-steps li {
   display: flex; 
	  gap: 1.5rem; 
	    margin-bottom: 1.5rem; 
	    align-items: flex-start;
}

.next-steps li:last-child {
    margin-bottom: 0;
     }

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

.next-steps p		{
    margin: 0;
		 color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
}

.next-steps strong {
	color: #1a202c;
}

.thank-you-actions {

	  display: flex;
    gap: 1rem;
   justify-content: center;
   margin: 2rem 0;
  flex-wrap   :   wrap;
}

.thankyou-button {
   display  :        inline-block;
    padding: 1rem 2rem;
   border-radius: 8px;
 text-decoration: none;
    font-weight: 600;
	 transition: all 0.3s ease;
    cursor: pointer;
	
} 

.thankyou-button {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
  box-shadow: 0 6px 15px rgba(102, 126, 234, 0.3);
}

.thankyou-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
}

.thankyou-button.secondary {
    background: white;
  color: #667eea;
    border: 2px solid #667eea;
  box-shadow: 0 4px 10px rgba(102, 126, 234, 0.1);
}

.thankyou-button.secondary:hover {
   background: #f8f9ff;
}

.support-info {
		margin-top: 2rem;
    padding-top: 2rem;
   border-top: 1px solid #e0e0e0;
  color:  #555;
    font-size: 0.95rem;
}

.support-info a {
   color: #667eea;
      text-decoration: none;
  font-weight: 600;
}

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

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

.faq-section h2 {
		 font-size: 2.2rem;
  text-align: center;
   margin-bottom: 3rem;
  color: #1a202c;
	}

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

.faq-item {
    background: #f8f9ff;
      padding   :  1.5rem;
   margin-bottom: 1rem;
  border-radius: 8px;
  border-left: 4px solid #667eea;
  cursor: pointer;
      transition  :     all 0.3s ease;
}

.faq-item:hover
	{
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.1);
  transform: translateX(5px);
}

.faq-question {
   font-size: 1.1rem;
  color: #1a202c;
   margin: 0;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.faq-answer {

	 color: #555;
    font-size: 0.95rem;
    line-height     :   1.6;
   margin :     0;
	display: none; 
	


}

.faq-item.active .faq-answer {
     display: block; 
	
     }@media (max-width: 768px) {
    .services-hero-content h1 {
        font-size: 2rem;
    }

    .services-hero-content p {
        font-size: 1rem;
    }

    .service-card-detailed {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .comparison-row {
        grid-template-columns: 1fr;
    }

    .comparison-row:nth-child(n+2) {
        border-bottom: 2px solid #e0e0e0;
    }

    .pricing-card.featured {
        transform: scale(1);
    }

    .thankyou-container {
        padding: 2rem;
    }

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

    .thank-you-actions {
        flex-direction: column;
    }

    .thankyou-button {
        width: 100%;
        text-align: center;
    }

    .service-content h2 {
        font-size: 1.5rem;
    }

    .next-steps li {
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .services-hero {
        padding: 3rem 1rem;
        min-height: 250px;
    }

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

    .services-hero-content p {
        font-size: 0.9rem;
    }

    .services-grid-detailed,
    .process-steps,
    .testimonials-grid,
    .pricing-cards {
        grid-template-columns: 1fr;
    }

    .service-card-detailed {
        padding: 1.5rem;
    }

    .thankyou-container {
        padding: 1.5rem;
        margin: 1rem;
    }

    .thankyou-button {
        padding: 0.8rem 1.5rem;
        font-size: 0.9rem;
    }

    .pricing-card h3 {
        font-size: 1.2rem;
    }

    .price {
        font-size: 2rem;
    }
}.policySection {


  padding: 80px 2rem;
    background: #f8f9ff;
   min-height: 70vh;

}

.policyContainer
{
    max-width: 800px;
   margin: 0 auto;
	text-align   :left;
          background: white;
      padding: 3rem;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.policyContainer h2 {
  font-size :2.5rem;
	               color: #1a202c;
	          margin-bottom: 2rem;
	  font-weight: 700;
	    padding-bottom: 1rem;
	   border-bottom: 3px solid #667eea;
}

.policyContainer h3 {
          font-size: 1.4rem;
    color: #2c3e50;
               margin-top   :  2rem;
  margin-bottom: 1rem;
	font-weight: 600;
}

.policyContainer p {


   color: #555;
  margin-bottom    :1.5rem;
	line-height: 1.8;
	font-size: 1rem; 
	
}

.policyContainer h3:first-of-type {
  margin-top: 0;
}@media (max-width: 768px) {
    .policySection {
        padding: 60px 1rem;
        min-height: auto;
    }

    .policyContainer {
        padding: 2rem;
        border-radius: 8px;
    }

    .policyContainer h2 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .policyContainer h3 {
        font-size: 1.2rem;
        margin-top: 1.5rem;
        margin-bottom: 0.8rem;
    }

    .policyContainer p {
        font-size: 0.95rem;
        margin-bottom: 1.2rem;
    }
}

@media (max-width: 480px) {
    .policySection {
        padding: 40px 1rem;
    }

    .policyContainer {
        padding: 1.5rem;
        border-radius: 8px;
    }

    .policyContainer h2 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .policyContainer h3 {
        font-size: 1.1rem;
        margin-top: 1.2rem;
        margin-bottom: 0.7rem;
    }

    .policyContainer p {
        font-size: 0.9rem;
        margin-bottom: 1rem;
        line-height: 1.6;
    }
}