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

html {
	 scroll-behavior: smooth;
}

body

{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
   line-height: 1.6;
    color: #2c3e50;
    background-color: #ffffff;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6  
  {
	 font-weight: 700;
   line-height  :      1.3;
    margin-bottom: 20px;
}

/* Framework override */


h1 {
   font-size: 3.5rem;
	               color: #1a1a1a;
}

h2 {
	 font-size: 2.5rem;
  color: #1a1a1a;
}

h3 {
   font-size: 1.5rem;
    color: #2c3e50;
}
	/* Temporary fix */
/* Component styles */


h4 {
     font-size: 1.25rem;
    color: #34495e; 

     }

p {
            margin-bottom: 15px;
     }

a {
    text-decoration: none;
    color :       #3498db;
  transition: color 0.3s ease; 
	
}

a:hover {
    color   :#2980b9;
}

button


{
    border: none;
   cursor     :    pointer;
  font-family: inherit;
    transition: all 0.3s ease;

}

.main-header {
   background-color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  position: sticky;
    top: 0;
    z-index   :      1000;
}

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

.nav-wrapper {
    display: flex;
    justify-content :      space-between;
   align-items   :    center;
    height: 70px;


}

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


}

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

.nav-menu


{
    display: flex;
      list-style: none;
   gap: 40px;
}
	/* Responsive design */
	/* Production ready */
/* Build system output */

.nav-menu a {

	  position: relative;
  color: #2c3e50;
	font-size: 1rem;
  font-weight     :500;
  transition: color 0.3s ease;
	}

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

.nav-menu a:hover:after {

   width: 100%; 



}

.burger-menu {
   display: none;
    flex-direction     :        column;
   gap: 6px;
    background   : none;
   width: 30px;
      height: 24px;
}

.burger-menu span {
                    width: 100%;
	 height: 3px;
  background-color: #2c3e50;
  transition: all 0.3s ease;
   border-radius: 2px;
}

.burger-menu.active span:nth-child(1) {

	  transform: rotate(45deg) translate(8px, 8px);


}

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

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

/* Vendor-specific */
/* Development only */

/* Cross-browser fix */

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

.hero-content h1 {
  line-height: 1.2;
      margin-bottom: 20px;
}

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

.cta-buttons {
   display: flex;
   gap: 20px;
  flex-wrap: wrap;
}

.btn-primary    {
  display: inline-block;
   padding     :      15px 35px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	 color    :      #fff;
  font-weight: 600;
   font-size: 1rem;
   border-radius: 8px;
       transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
/* Responsive design */


.btn-secondary {
  display:     inline-block;
   padding: 15px 35px;
 background: transparent;
     color   :     #3498db;
   font-weight :    600;
   font-size: 1rem;
    border: 2px solid #3498db;
 border-radius:     8px;
 transition: all 0.3s ease;
}

.btn-secondary:hover {
          background: #3498db;
   color:       #fff;


}

.hero-image {
    overflow   :    hidden;
	border-radius: 12px;
}

/* Performance critical */

/* Performance critical */



.responsive-img	{
   width: 100%;
   height: auto;
  display: block;
}

.intro-section {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	 padding :   80px 20px;
}

.container-wide {
    max-width    :     1200px;
  margin   : 0 auto;
}

/* Framework override */

.container-wide > h2 {
	  text-align: center;
    margin-bottom: 60px;
}

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

.feature-card {

	    background: #fff;
    padding: 40px;
        border-radius   :  12px;
      text-align: center;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;



}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.feature-icon {
	 margin-bottom: 20px;
    height: 60px;
   display: flex;
  align-items: center;
               justify-content: center;
}

.feature-icon img

{
   width:       50px;
  height: 50px;
   stroke: #667eea;
  filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.2));
}

.feature-card h3     {
  margin-bottom: 15px;
}

.feature-card p {
   color: #7f8c8d; 
	  font-size: 0.95rem;
}

.services-preview {
  padding: 80px 20px;
    background: #fff;
}

.services-preview h2

{
   text-align :  center;
	margin-bottom: 60px;
}

.services-showcase {
               display: grid;
   grid-template-columns: 1fr;
  gap: 50px;
}

.service-item {
               display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
   align-items  : center;
}

.service-item:nth-child(even) 
 {
      direction: rtl; 



}

.service-item:nth-child(even) > * {
    direction: ltr;
}

.service-img {
  width: 100%;
    height: 400px;
    object-fit: cover;
  border-radius: 12px;
}

.service-info h3 {
  color: #2c3e50;
		margin-bottom: 15px;
}

.service-info p {
   color: #7f8c8d;
   line-height: 1.8;
    font-size: 1.05rem;
	
}

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

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

}

.strategy-image {

	    overflow: hidden;
   border-radius: 12px;
	}

.strategy-text h3 {
    color: #fff;
  margin-bottom: 20px;
}



.strategy-text p		{


  color: rgba(255, 255, 255, 0.9);
   line-height: 1.8;
  margin-bottom: 20px;
    font-size: 1.05rem;
	}

.cta-section
	{
  padding: 80px 20px;
    background: #ecf0f1;
   text-align: center;
}

.cta-section h2 {
    margin-bottom: 20px;
}

.cta-section p {
               font-size: 1.2rem;
  color  :#555;
  margin-bottom: 40px;
}

.btn-large {
  display: inline-block;
   padding    :        18px 50px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	 color: #fff;
       font-weight: 600;
   font-size: 1.1rem;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
	transition: all 0.3s ease;
}

.btn-large:hover {

	  transform: translateY(-3px); 
  box-shadow: 0 6px 25px rgba(102, 126, 234, 0.4);}

/* Vendor-specific */

.contact-section {
               padding: 80px 20px;
  background: #f8f9fa;
}

.contact-section h2

{
  text-align: center;
       margin-bottom: 60px;
}

.contact-wrapper {
      display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 60px;
   max-width: 1000px;
    margin: 0 auto;


     }

.contact-form {
   background: #fff;
    padding: 40px;
	border-radius:       12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.form-group {
  margin-bottom: 25px;
   display: flex;
               flex-direction: column;
}

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

.form-group input,
.form-group select,
.form-group textarea {
    padding: 12px 15px;
   border: 2px solid #e0e0e0;
    border-radius: 6px;
  font-family: inherit;
   font-size: 1rem;
	 transition: all 0.3s ease;
}
/* Vendor-specific */
/* Generated styles */


.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);
}

.btn-submit {
      width: 100%;
    padding: 14px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    font-weight: 600;
   font-size: 1rem;
	border-radius   :6px;
    margin-top    :10px;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
	transition: all 0.3s ease;
	}  

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

.contact-info {
   display: flex;
  flex-direction    :      column;
   gap: 40px;
}
/* Debug styles */


	/* Colors and backgrounds */


	/* Legacy code */
.info-item h4 {
	         margin-bottom: 10px;
    color   :#2c3e50;


}

/* Typography */

.info-item p {
  color: #7f8c8d;
        line-height     :    1.8;
}

.main-footer {
   background: #1a1a1a;
	color: #ecf0f1;
    padding: 60px 20px 20px;
}

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

.footer-section h4 {
      color    :#fff;
    margin-bottom: 20px;
  font-size: 1.1rem;
}

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

.footer-links {
    list-style: none;
}
	/* Third-party styles */


/* Colors and backgrounds */



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

.footer-links a {
     color: #bdc3c7;
   transition: color 0.3s ease;
  font-size  :  0.95rem; 


}

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

.footer-section p {
  color    :#bdc3c7;
   font-size: 0.95rem;
  line-height: 1.8;
	margin-bottom: 10px;
}

.footer-bottom {
   text-align: center;
    padding-top: 30px;
   border-top: 1px solid #2c3e50;
 color     :      #95a5a6;
    font-size: 0.9rem;
}
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.8rem;
    }

    h3 {
        font-size: 1.3rem;
    }

    .burger-menu {
        display: flex;
    }

    .nav-menu {
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        background: #fff;
        flex-direction: column;
        gap: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

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

    .nav-menu li {
        padding: 15px 20px;
        border-bottom: 1px solid #e0e0e0;
    }

    .nav-menu a:after {
        display: none;
    }

    .hero-section {
        grid-template-columns: 1fr;
        padding: 60px 20px;
        gap: 40px;
    }

    .cta-buttons {
        flex-direction: column;
    }

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

    .services-showcase {
        gap: 40px;
    }

    .service-item {
        grid-template-columns: 1fr;
    }

    .service-item:nth-child(even) {
        direction: ltr;
    }

    .service-img {
        height: 300px;
    }

    .strategy-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-form {
        padding: 30px;
    }

    .intro-section,
    .services-preview,
    .strategy-section,
    .cta-section,
    .contact-section {
        padding: 60px 20px;
    }

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

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

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

    h2 {
        font-size: 1.3rem;
    }

    h3 {
        font-size: 1.1rem;
    }

    body {
        font-size: 15px;
    }

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

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

    .nav-wrapper {
        height: 60px;
    }

    .logo-image {
        height: 40px;
    }

    .nav-menu {
        top: 60px;
    }

    .hero-section {
        padding: 40px 15px;
    }

    .cta-buttons {
        gap: 10px;
    }

    .intro-section,
    .services-preview,
    .strategy-section,
    .cta-section,
    .contact-section {
        padding: 40px 15px;
    }

    .container-wide > h2 {
        margin-bottom: 40px;
    }

    .feature-card {
        padding: 25px;
    }

    .service-img {
        height: 250px;
    }

    .contact-form {
        padding: 20px;
    }

    .footer-section h4 {
        font-size: 1rem;
    }
}.services-hero    {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	 color   :#fff;
   padding  :     80px 20px;
  text-align: center;
}

.services-hero h1 {
   color: #fff;
    font-size: 3rem;
  margin-bottom: 20px;
}

.services-hero p {


    font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
  max-width: 600px;
   margin: 0 auto;
   line-height: 1.8;
     }

.services-main {
  padding: 80px 20px;
    background: #fff;
}

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

.service-card-full {
  background: #f8f9fa;
   border-radius : 12px;
   overflow  : hidden;
       transition: all 0.3s ease;
   border: 1px solid #e0e0e0;
}

.service-card-full:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   border-color: #667eea;
}

.service-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: #fff;
	padding    :        30px;
   display :   flex;
    justify-content: space-between;
  align-items     :        center;
}

.service-header h2 {
  color: #fff;
  margin: 0;
    font-size: 1.8rem;
}

.service-badge {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
   padding: 8px 16px;
   border-radius: 20px;
                    font-size    :    0.85rem;
    font-weight: 600;
    white-space:      nowrap;
}

.service-content {
    display: grid;
  grid-template-columns: 1fr 1.2fr;
   gap: 40px;
 padding   :   40px;
    align-items: stretch;
}

.service-card-img {
   width: 100%;
    height: 400px;
   object-fit: cover;
   border-radius: 8px;
}

.service-description h3
{
   color: #2c3e50; 
    margin-bottom: 15px; 
    font-size:        1.5rem;
}

.service-description p {
   color: #7f8c8d;
          line-height: 1.8;
   margin-bottom :   25px;
  font-size: 1.05rem;
}

.service-features {
 list-style: none;
   margin: 25px 0;
}

.service-features li
{
	 padding: 10px 0;
    padding-left:        30px;
    position: relative;
   color: #555;
  line-height: 1.6; 
	
}

.service-features li:before {
  content: "→";
   position: absolute;
  left: 0;
   color: #667eea;
    font-weight: bold;
}

.service-meta {
 display: flex;
   gap: 30px;
                    margin-top     :        30px;
   padding-top: 30px;
   border-top: 1px solid #e0e0e0;
  flex-wrap: wrap;


}

.service-meta span {
   font-size: 0.95rem;
    color: #7f8c8d;
}

.service-meta span strong
	{
  color: #2c3e50;
  font-weight: 600;
}

.comparison-section {
   padding: 80px 20px;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.comparison-section h2 {
   text-align: center;
  margin-bottom   :60px;
}

.comparison-table {
   max-width: 1200px;
    margin: 0 auto;
  background: #fff;
  border-radius    :12px;
   overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.table-header {
    display: grid;
  grid-template-columns: 200px repeat(5, 1fr);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
    font-weight: 600;
  padding: 0;
}

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


.table-row:last-child {
    border-bottom: none;
	
	}

.table-cell {
   padding: 20px;
    text-align: center;
    font-size    :        0.95rem;
}

.table-cell.service-name  
  {
   text-align     :    left;
    font-weight: 600;
    color: #2c3e50;


}

.table-header .table-cell {
    color: #fff;

		background: inherit;
} 

.table-header .table-cell.service-name {
    color  :       #fff;
}

.faq-section {
			 padding: 80px 20px;
	background: #fff;
}

.faq-section h2 {

	    text-align  :    center;
    margin-bottom: 60px;


	}

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

.faq-item {
   background: #f8f9fa;
    padding:    30px;
  border-radius: 8px;
 border-left: 4px solid #667eea;
	transition  :  all 0.3s ease;
}

.faq-item:hover {
  box-shadow: 0 5px 15px rgba(102, 126, 234, 0.15);
  transform: translateY(-2px);
}

.faq-item h3 {
  color    :     #2c3e50;
  margin-bottom: 15px;
  font-size: 1.15rem;
}

.faq-item p     {
  color: #7f8c8d;
  line-height: 1.8;
  font-size: 0.95rem;
}



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

.testimonials-section h2 {
         color: #fff;
    text-align: center;
    margin-bottom: 60px;
}

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

.testimonial-card {


  background: rgba(255, 255, 255, 0.95);
  padding    :        30px;
    border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
	}

.testimonial-text {
  font-style: italic;
         margin-bottom: 20px;
    font-size: 0.95rem;
    color: #2c3e50;
  line-height: 1.8;


}

.testimonial-author {
     color :      #667eea;
      font-weight :        600;
      margin: 0;
}

.cta-final-section {
   background: #ecf0f1;
  padding: 80px 20px;
  text-align: center;
} 

.cta-final-section h2 {


                    margin-bottom: 15px;
     }


.cta-final-section p {
    font-size: 1.1rem;
  color: #555;
   margin-bottom: 40px;
}

.thankyou-hero


{
  padding     :    100px 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height  :       600px;
   display: flex;
   align-items  :       center;
	justify-content  :  center;
}

.thankyou-content {
   text-align: center;
   color: #fff;
  max-width: 700px;
}

.success-icon {
    margin-bottom: 30px;
}

.success-icon img {
	 width: 100px;
  height :        100px;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
}

.thankyou-hero h1 {
	color: #fff;
   font-size: 2.8rem;
    margin-bottom: 20px;
} 

.success-message {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
	 margin-bottom: 50px;
   line-height: 1.8;
} 

.thankyou-details {
   display: grid;
    grid-template-columns: 1fr;
  gap: 30px;
  background: rgba(0, 0, 0, 0.15);
    padding: 40px;
  border-radius: 12px;
         margin-bottom: 50px;
}

.detail-item {
  text-align: left;
}  

.detail-item h3 {
   margin-bottom:      10px;
   font-size: 1.1rem;
     color: #fff; 
	
}

.detail-item p {
  color: rgba(255, 255, 255, 0.85);
   line-height: 1.7;
  font-size: 0.95rem;
}

.action-buttons {
   display: flex;
   gap     :   20px;
      justify-content: center;
               flex-wrap: wrap;
}

.btn-primary-alt		{
    display: inline-block;
   padding: 15px 35px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight  :       600;
	 border: 2px solid #fff;
     border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-primary-alt:hover {
   background: #fff;
    color   :       #667eea;
}

.growth-tips-section {
	 padding: 80px 20px;
   background   :      #f8f9fa;
}

.growth-tips-section h2 {
          text-align: center;
    margin-bottom    :     60px;
}

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


.tip-card {

    background  :  #fff;
	 padding: 30px;
   border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
    border-top: 3px solid #667eea; 
}

.tip-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-3px);
}

.tip-card h3 {
  color: #2c3e50;
               margin-bottom: 12px;
        font-size  :      1.1rem;
}

.tip-card p {
       color   :    #7f8c8d;
	font-size: 0.95rem;
  line-height: 1.6;


}

.testimonial-preview-section {

   padding: 80px 20px;
    background: #fff;}

.testimonial-preview-section h2 {
   text-align: center;
    margin-bottom :    60px;
}

.case-study-grid {

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

.case-study-item {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color :    #fff;
   padding: 40px;
    border-radius: 8px;
  box-shadow: 0 5px 20px rgba(102, 126, 234, 0.2);
   transition: all 0.3s ease;
}

.case-study-item:hover {

  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);}

.case-study-item h3 {
   color: #fff;
	margin-bottom :  15px;
   font-size :        1.2rem;


}

.case-study-item p {
  color: rgba(255, 255, 255, 0.9);
   line-height: 1.7;
}

.faq-mini-section {
  padding: 80px 20px; 
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.faq-mini-section h2 {
    text-align: center;
    margin-bottom: 60px; 

}

.faq-simple-grid {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.faq-simple-item {
   background: #fff;
  padding:   25px;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.faq-simple-item h4{
  margin-bottom: 10px;
    font-size :        1rem;
   color: #2c3e50;
}

.faq-simple-item p {
   color: #7f8c8d;
  font-size: 0.9rem;
   line-height: 1.6;
}

.cta-back-section {

		padding   :        80px 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    text-align: center;
       color: #fff;
	}

.cta-back-section h2 {
   color: #fff;
  margin-bottom: 15px;
}

.cta-back-section p {
  font-size:      1.1rem;
  color: rgba(255, 255, 255, 0.9);
   margin-bottom: 15px;
}

.phone-number {
   font-size: 1.8rem;
   font-weight: 600;
	 color: #fff;
   margin-bottom  :   30px !important;

}@media (max-width: 768px) {
    .service-header {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .service-header h2 {
        font-size: 1.4rem;
    }

    .service-content {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 25px;
    }

    .service-card-img {
        height: 300px;
    }

    .table-header,
    .table-row {
        grid-template-columns: 100px repeat(5, 1fr);
    }

    .table-cell {
        padding: 12px 8px;
        font-size: 0.8rem;
    }

    .table-cell.service-name {
        font-size: 0.75rem;
    }

    .thankyou-details {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .detail-item {
        text-align: center;
    }

    .action-buttons {
        flex-direction: column;
    }

    .btn-primary-alt {
        width: 100%;
    }

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

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

    .testimonials-grid,
    .tips-grid,
    .case-study-grid,
    .faq-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}

@media (max-width: 480px) {
    .service-card-full {
        border-radius: 8px;
    }

    .service-header {
        padding: 20px;
    }

    .service-header h2 {
        font-size: 1.2rem;
    }

    .service-content {
        padding: 20px;
    }

    .service-card-img {
        height: 250px;
    }

    .service-description h3 {
        font-size: 1.2rem;
    }

    .service-meta {
        gap: 15px;
        font-size: 0.85rem;
    }

    .table-header,
    .table-row {
        grid-template-columns: 80px repeat(5, 0.8fr);
    }

    .table-cell {
        padding: 10px 5px;
        font-size: 0.7rem;
    }

    .thankyou-hero {
        padding: 60px 15px;
    }

    .thankyou-hero h1 {
        font-size: 1.8rem;
    }

    .success-icon img {
        width: 80px;
        height: 80px;
    }

    .success-message {
        font-size: 1rem;
    }

    .action-buttons {
        gap: 10px;
    }

    .faq-item,
    .tip-card,
    .case-study-item,
    .faq-simple-item {
        padding: 20px;
    }

    .phone-number {
        font-size: 1.4rem;
    }
}.policySection {
    min-height: 600px;
    padding: 80px 2rem;
   background: #f8f9fa;
}

.policyContainer {
    max-width: 800px;

	      margin: 0 auto;

	   text-align: left;
}

.policyContainer h1 {
     font-size: 2.8rem;
  color: #1a1a1a;
    margin-bottom: 40px;
  font-weight: 700;
   line-height: 1.2;
}

.policyContainer h2 {

	   font-size: 1.8rem;
   color: #2c3e50;
  margin: 40px 0 20px 0;
    font-weight: 700;
   line-height: 1.3;
   border-bottom: 2px solid #667eea;
   padding-bottom: 10px;
}

.policyContainer h2:first-of-type

{
   margin-top: 0;
}

/* Responsive design */

.policyContainer p {
    color: #555;
       margin-bottom: 20px;
       line-height :  1.8;
      font-size: 1rem;
     text-align: justify;
}


.policyContainer p:last-child {

		 margin-bottom: 0;
}
@media (max-width: 768px) {
    .policySection {
        padding: 60px 1.5rem;
    }

    .policyContainer h1 {
        font-size: 2rem;
        margin-bottom: 30px;
    }

    .policyContainer h2 {
        font-size: 1.5rem;
        margin: 30px 0 15px 0;
        padding-bottom: 8px;
    }

    .policyContainer p {
        font-size: 0.95rem;
        line-height: 1.7;
        margin-bottom: 15px;
    }
}

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

    .policyContainer h1 {
        font-size: 1.6rem;
        margin-bottom: 25px;
    }

    .policyContainer h2 {
        font-size: 1.2rem;
        margin: 25px 0 12px 0;
        padding-bottom: 6px;
    }

    .policyContainer p {
        font-size: 0.9rem;
        line-height: 1.6;
        margin-bottom: 12px;
        text-align: left;
    }
}