* {


         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: #f8f9fa;

}

.navbar {
  background: #ffffff;
         padding: 1rem 0;
        position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

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



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

.nav-menu		{
   display: flex;
    list-style   :   none;
       gap: 3rem;
}

.nav-link {
    text-decoration: none;
    color: #2c3e50;
  font-weight: 500;
   transition: color 0.3s ease;
  font-size: 1rem;
}

.nav-link:hover {
	color: #3498db;
}

.menu-toggle {

	   cursor: pointer;
  display: none;
   flex-direction  :  column;
	}

.menu-toggle span {
    width: 25px;
    height: 3px;
  background: #2c3e50;
   margin: 5px 0;
  transition: all 0.3s ease;
	
}

.hero {
    max-width: 1200px;
    margin: 0 auto;
        padding: 6rem 2rem;
   display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

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


}

.hero-content p {
       font-size :  1.25rem;
    color: #555;
  margin-bottom: 2rem;
}

.hero-btn {
    display: inline-block;
  background: linear-gradient(135deg, #3498db, #2980b9);
  color: white;
  padding: 1rem 2.5rem;
	 border-radius: 8px;
   text-decoration: none;
   font-weight: 600;
   transition   : all 0.3s ease;
  box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
	
}

.hero-btn:hover {
	  transform: translateY(-3px);
	  box-shadow: 0 6px 25px rgba(52, 152, 219, 0.4);


}

.hero-visual img {
   width: 100%;
   border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.12);
}

.approach-section {
  max-width: 1200px;
	margin: 4rem auto;
    padding: 0 2rem;

}

.section-header {
  text-align: center;
    margin-bottom    :        4rem;
}

.section-header h2 {

   font-size: 2.5rem;
    color: #1a252f;
    margin-bottom  : 1rem;


}

.section-header p {
               font-size: 1.1rem;
  color: #666;
	
}

.approach-grid {
       display     :      grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap    :       2.5rem;
}

.approach-card {
  background: white;
    padding: 2rem;
   border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease; 
	
} 

.approach-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

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

.approach-card img {
  margin-bottom: 1rem;
	   border-radius: 8px;
	  width: 100%;
	    object-fit: cover;
	   height: 200px;
}



.approach-card p {
   color     : #555;

    line-height: 1.7;
}

.services-highlight {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
   padding: 4rem 2rem;
  margin: 4rem 0;
}

.service-item-main {
    max-width: 1200px;
  margin: 0 auto;
    display: grid;
    grid-template-columns   :        1fr 1fr;
     gap: 4rem;
   align-items:center;
}

.service-text h2 {
  color: #1a252f;
  font-size: 2.2rem;
   margin-bottom: 1.5rem;
}

.service-text p {
  font-size   :    1rem;
   color: #555;
   margin-bottom: 1rem;
}

.service-link {
	 display: inline-block;
    color: #3498db;
    text-decoration: none;
	font-weight: 600;
  margin-top: 1rem;
   transition: all 0.3s ease;
}

.service-link:hover {

  color :      #2980b9;
	  text-decoration: underline;
	}

.service-image img {
  width: 100%;
    border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.12);
}

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

.benefits-section h2 {
  font-size: 2.5rem;
   text-align     :   center;
    color: #1a252f;
  margin-bottom: 4rem;
}

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

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

.benefit-item:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  transform: translateY(-4px);
}

.benefit-number {
  background: linear-gradient(135deg, #3498db, #2980b9);
    color     : white;
   width: 50px;
   height     :  50px;
   border-radius: 50%;
  display: flex;
   align-items : center;
    justify-content: center;
  font-size  :  1.5rem;
    font-weight: bold;
   margin     :    0 auto 1rem;
	}

.benefit-item h3 {


  font-size: 1.3rem;
         color: #2c3e50;
   margin-bottom: 1rem;

}

.benefit-item p {
  color: #666;
	line-height :     1.6;
}

.cta-section {
  background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
	padding :    4rem 2rem;
    margin: 4rem 0;
	 text-align: center;
}

.cta-content {

  max-width: 800px;
  margin: 0 auto;
}



.cta-section h2 {
   	font-size: 2.5rem;
  margin-bottom: 1.5rem;}

.cta-section p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
    opacity: 0.95;
}

.cta-button {
    display: inline-block;
   background  :    white;
  color: #3498db;
   padding: 1rem 2.5rem;
    border-radius   :  8px;
  text-decoration: none;
    font-weight: 600;
   transition: all 0.3s ease;
}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

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

.process-section h2


{
  font-size: 2.5rem;
  text-align :    center;
   color: #1a252f;
  margin-bottom: 0.5rem; 

}

.section-subtitle    {
   text-align: center;
   color: #666;
   font-size   :        1.1rem;
   margin-bottom: 3rem;
}

.process-steps {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap:       2rem;
}

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

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



.step-number {

	  background: linear-gradient(135deg, #3498db, #2980b9);
	 color: white;
    width: 45px;
  height: 45px;
   border-radius     :    50%;
   display: flex;
    align-items :        center;
    justify-content  :   center;
        font-size: 1.3rem;
   font-weight: bold;
   margin-bottom: 1rem;

}

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

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

.contact-section {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
   padding: 4rem 2rem;
    margin: 4rem 0;
}

.contact-container {
  max-width     :     1200px;
	 margin: 0 auto;
                    display: grid;
   grid-template-columns: 1fr 1fr;
     gap: 4rem;
}  

.contact-info h2 {
				 font-size     :    2.2rem;
   color: #1a252f;
	margin-bottom     :     1rem;
}

.contact-info p {
   color: #666;
  font-size: 1.05rem;
   margin-bottom: 2rem;
}

.contact-details {
   margin-top: 2rem;
}

.detail-item {
   margin-bottom: 2rem;
}  

.detail-item h4 {
    font-size: 1.1rem;
      color:  #2c3e50;
  margin-bottom: 0.5rem;
}

.detail-item p {
  color: #666;
   font-size: 1rem;
}

.contact-form {
       background: white;
  padding: 2.5rem;
	 border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

.form-group {
   margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
   font-weight: 600;
  color   :       #2c3e50;
  margin-bottom: 0.5rem;
}  

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

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
   border-color :       #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.submit-btn   {
   width: 100%;
                    padding: 1rem;
  background: linear-gradient(135deg, #3498db, #2980b9);
	color: white;
	border: none;
    border-radius: 6px;
  font-weight: 600;
   font-size  :     1rem;
	cursor: pointer;
    transition:   all 0.3s ease;
}

.submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(52, 152, 219, 0.3);
}

.footer {
		 background: #1a252f;
    color: white;
  padding: 3rem 2rem 1rem;
               margin-top: 4rem;
}

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

.footer-main  
  {
   display: grid;

	  grid-template-columns: auto 1fr;

	    gap: 4rem;

	  margin-bottom: 2rem;
}

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

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

.footer-section h4 {
    font-size: 1rem;
   margin-bottom: 1rem;
    font-weight: 600;
}

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

.footer-section a {
   color: #bdc3c7;
   text-decoration: none;
	transition: color 0.3s ease;
    font-size: 0.95rem;
    display: block;
     margin-bottom: 0.5rem;
}

.footer-section a:hover		{

	    color: #3498db;}

.footer-section p {

	 color: #bdc3c7; 
	   font-size: 0.95rem; 
	   margin-bottom: 0.5rem;

}

.footer-bottom {
    text-align: center;
  border-top: 1px solid #2c3e50;
          color: #7f8c8d;
  padding-top: 1.5rem;
  font-size: 0.9rem;
}@media (max-width: 768px) {
    .menu-toggle {
        display: flex;
    }
    
    .nav-menu {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        flex-direction: column;
        background: white;
        list-style: none;
        padding: 1rem 0;
        gap: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    .nav-menu.active {
        max-height: 500px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    
    .nav-menu li {
        padding: 0.5rem 2rem;
    }
    
    .menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(10px, 10px);
    }
    
    .menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }
    
    .menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(8px, -8px);
    }
    
    .hero {
        grid-template-columns: 1fr;
        padding: 3rem 2rem;
        gap: 2rem;
    }
    
    .hero-content h1 {
        font-size: 2rem;
    }
    
    .hero-content p {
        font-size: 1rem;
    }
    
    .service-item-main {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .contact-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .footer-main {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .section-header h2 {
        font-size: 1.8rem;
    }
    
    .cta-section h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .hero-content h1 {
        font-size: 1.5rem;
    }
    
    .approach-grid {
        grid-template-columns: 1fr;
    }
    
    .process-steps {
        grid-template-columns: 1fr;
    }
    
    .benefits-container {
        grid-template-columns: 1fr;
    }
    
    .section-header h2 {
        font-size: 1.5rem;
    }
    
    .navbar-container {
        padding: 0 1rem;
    }
}.services-hero


{
  background: linear-gradient(135deg, #2c3e50, #3498db);
    color: white;
    padding: 6rem 2rem;
        text-align: 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;}

.main-services {


      max-width: 1200px;
    margin     :    4rem auto;
  padding    :  0 2rem;
	}

.main-services > h2 {
     font-size: 2.5rem;
    text-align: center;
      color: #1a252f;
          margin-bottom: 3rem;
}

.service-card-full {
          display: grid;
    grid-template-columns: 1fr 1fr;
   gap :   3rem;
  align-items: center;
    margin-bottom: 4rem;
  background: white;
    padding: 2.5rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease; 

}

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

.service-card-full.alternate {
     grid-template-columns: 1fr 1fr;
    direction: rtl;
}

.service-card-full.alternate > * 
 {
    direction: ltr;
}

.service-card-image img {
   width: 100%;
    border-radius: 10px;
  height: 300px;
      object-fit: cover;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.service-card-content h3 {
  font-size: 2rem;
   color: #1a252f;
   margin-bottom:   1rem;
}

.service-card-content p  {
	font-size: 1rem;
  margin-bottom  :    1rem;
  color: #666;
  line-height: 1.7;

}

.service-features {
					list-style:none;
   margin: 1.5rem 0;
  padding: 0; 
	
}

.service-features li {
   color:       #555;
    padding: 0.5rem 0;
	padding-left    :       1.5rem;
			position: relative;
    line-height: 1.6;
}

.service-features li:before {
  content: "✓";
   position: absolute;
                    left: 0;
   color: #2ecc71;
   font-weight: bold;
} 

.service-price {
    font-size: 1.3rem;
    color: #3498db;
          font-weight: 600;
  margin-top: 1.5rem;

}

.pricing-section {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%); 
  padding: 4rem 2rem; 
   margin: 4rem 0;
}

.pricing-subtitle {
  text-align: center;
  color    :   #666;
   font-size   :     1.1rem;
  margin-bottom: 3rem;
}

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

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

.pricing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);

}

.pricing-card.featured {
  border: 2px solid #3498db;
  transform: scale(1.05);
     }

.pricing-badge {


   position: absolute;
	top: -15px;
    right: 20px;
    -webkit-border-radius: 20px;
    background: #666;
               color: white;
    padding: 0.4rem 1rem;
   border-radius: 20px;
   font-size: 0.85rem;
  font-weight   :        600;
     }

.pricing-badge.featured-badge {
        background: #3498db;
}

.pricing-card h3 {
	    font-size: 1.5rem;
  color: #1a252f;
   margin: 1.5rem 0 0.5rem;
     }

.pricing-info {

		color: #999;
  font-size: 0.95rem;
  margin-bottom :        1rem;
	}

.price  
  {
    font-size: 2.5rem;
   color: #3498db;
    font-weight :   700;
     margin: 1.5rem 0;
}

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

.pricing-features li {
  color   :       #666;
   padding: 0.6rem 0;
   border-bottom: 1px solid #eee;
	font-size: 0.95rem;
}

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



.pricing-btn {
    display: inline-block;
    margin-top: 1.5rem;
    padding: 0.85rem 2rem;
      background: #e0e0e0;
	color: #2c3e50;
   text-decoration: none;
   border-radius: 6px;
   font-weight: 600;
   transition: all 0.3s ease;

}

.pricing-btn:hover {
	 background: #d0d0d0;}

.pricing-btn.featured-btn {


  background: linear-gradient(135deg, #3498db, #2980b9);
    color :  white;

}

.pricing-btn.featured-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(52, 152, 219, 0.3);
}

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

.services-process > h2 {

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

.process-timeline {
          display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 2rem;
}



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

.timeline-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);


}

.timeline-marker {
  background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
   width: 50px;
   height: 50px;
   border-radius: 50%;
    display: flex;
   align-items: center;
         justify-content: center;
   font-size  :  1.5rem;
  font-weight: bold;
   margin: 0 auto 1rem;
}

.timeline-item h3 {
    font-size:      1.2rem;
                    color: #2c3e50;
   margin-bottom: 1rem;
}

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

.why-choose-services  
  {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%); 
   padding: 4rem 2rem; 
    margin: 4rem 0;
}

.why-choose-services > h2 {
    text-align   : center;
   font-size: 2.5rem;
    color: #1a252f;
   margin-bottom   :3rem;
}

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

.why-item {


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

	}

.why-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.why-number {
  font-size: 2.5rem;
   font-weight: 700;
  color   :   #3498db;
    margin-bottom: 0.5rem;
}

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

.why-item p {
	color: #666;
    line-height: 1.6;

     }

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

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

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

.faq-item {
    background: white;

    margin-bottom: 1.5rem;

  border-radius: 10px;

  overflow: hidden;

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

    transition: all 0.3s ease;
}

.faq-item:hover {
     box-shadow: 0 6px 18px rgba(0,0,0,0.12);
	}

.faq-trigger {
   width: 100%;
       padding: 1.5rem;
  background: white;
    border: none;
   cursor: pointer;
    display: flex;
   justify-content: space-between;
	 align-items: center;
   font-size: 1rem;
  font-weight: 600;
	 color: #2c3e50;
    transition: all 0.3s ease;
          text-align: left; 

}

.faq-trigger:hover {
   background: #f9f9f9;
}

.faq-trigger.active {
  background: linear-gradient(135deg, #3498db, #2980b9);
  color: white;
}

.faq-icon   {
    font-size: 1.5rem;
  transition: transform 0.3s ease;
}

.faq-trigger.active .faq-icon {
  transform: rotate(45deg);
}

.faq-content {
    max-height: 0;
  overflow: hidden;
         transition: max-height 0.3s ease;
}

.faq-content.active {
  max-height    :   500px;
}

.faq-content p {
   padding: 1.5rem;
  color: #666;
 line-height: 1.7;
 border-top:  1px solid #eee;
}

.services-cta {
  background: linear-gradient(135deg, #3498db, #2980b9);
   color: white;
   padding: 4rem 2rem;
   margin: 4rem 0;
  text-align: center;
}

.services-cta h2  {
	font-size: 2.5rem;
  margin-bottom: 1rem;
}

.services-cta p {
  font-size: 1.1rem;
   margin-bottom:     2rem;
                    opacity: 0.95;
}

.cta-button-large {
   display    :    inline-block;
    background: white;
    color : #3498db;
	 padding: 1.1rem 3rem;
  border-radius: 8px;
    text-decoration: none;
   font-weight: 600;
  font-size: 1rem;
   transition: all 0.3s ease;
}

.cta-button-large:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.thankyou-section {
	max-width: 700px;
   margin: 4rem auto;
  padding: 0 2rem;
    text-align: center;
}

.thankyou-container  {
	    background   :  white;
  padding: 3rem;
  border-radius   :   12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

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

.thankyou-icon svg {
   height    :80px;
   width: 80px;
	 animation: scaleIn 0.6s ease-out; 

}@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}.thankyou-section h1   {
  font-size: 2.5rem;

	  color: #1a252f;

	    margin-bottom :    0.5rem;
}

.thankyou-subtitle {
  font-size: 1.2rem;
   color: #2ecc71;
   margin-bottom: 2rem;
}

.thankyou-content


{

		text-align: left;

        margin: 2rem 0;


}

.thankyou-content p   {
	color: #666;
  line-height  :  1.7;
   margin-bottom    :    1.5rem;


}

.next-steps {
    background: #f9f9f9;
         padding: 2rem;
   border-radius: 8px;
         margin-bottom  :    2rem;
          border-left   :        4px solid #3498db;
}

.next-steps h3{
    color: #2c3e50;

   margin-bottom: 1rem;
}

.next-steps ol {
	    margin-left: 1.5rem;
	color: #666;
}

.next-steps li {
  margin-bottom: 0.8rem;
    line-height: 1.6;
}

.next-steps strong {
	color: #2c3e50;
}

.contact-reminder {
    background: #e8f4f8;
    padding: 1.5rem;
   border-radius: 8px;
    border-left: 4px solid #3498db;
}

.contact-reminder h4 {
  color: #2c3e50;
    margin-bottom   :       0.5rem;
}

.contact-reminder p {
    color: #666;
   margin-bottom     :      0.5rem;
}

.contact-reminder strong {

	  color: #3498db;
     }

.thankyou-actions {
  display: grid;
     grid-template-columns   :     1fr 1fr;
        gap: 1rem;
  margin-top: 2rem;
}

.action-btn {
  padding: 1rem;
    border-radius: 8px;
  text-decoration: none;
   font-weight :   600;
   transition  :   all 0.3s ease;
    display: inline-block;
}

.action-btn.primary {
  background: linear-gradient(135deg, #3498db, #2980b9);
  color: white;

}

.action-btn.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(52, 152, 219, 0.3);
}

.action-btn.secondary {
   background: #e0e0e0;
   color: #2c3e50;
}

.action-btn.secondary:hover {
  background: #d0d0d0;
  transform: translateY(-2px);
  -moz-transform: translateY(-2px);
	
}

.trust-section {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
   padding: 3rem 2rem;
   margin: 3rem 0;
}

.trust-section h2 {
	margin-bottom: 2rem;
    font-size: 2rem;
   color: #1a252f;
  text-align :  center;
}

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

.trust-item

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

}

.trust-item:hover {
  transform: translateY(-5px);
	  box-shadow: 0 8px 24px rgba(0,0,0,0.12);}

.trust-icon {
  margin-bottom: 1rem; 

}

.trust-icon svg {
	 display  :       inline-block; 
	
}

.trust-item h4


{
    color: #2c3e50;
  margin-bottom: 0.5rem;


     }

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

.max-width-container {
    max-width: 1200px;
  margin: 0 auto;
    padding: 0 2rem; 

}@media (max-width: 768px) {
    .service-card-full {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .service-card-full.alternate {
        grid-template-columns: 1fr;
        direction: ltr;
    }
    
    .service-card-full.alternate > * {
        direction: ltr;
    }
    
    .pricing-card.featured {
        transform: scale(1);
    }
    
    .thankyou-actions {
        grid-template-columns: 1fr;
    }
    
    .services-hero-content h1 {
        font-size: 2rem;
    }
    
    .services-process > h2,
    .main-services > h2,
    .pricing-section h2,
    .faq-section > h2,
    .why-choose-services > h2 {
        font-size: 1.8rem;
    }
    
    .service-card-image img {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .thankyou-container {
        padding: 1.5rem;
    }
    
    .services-hero {
        padding: 3rem 1.5rem;
    }
    
    .services-hero-content h1 {
        font-size: 1.5rem;
    }
    
    .thankyou-icon svg {
        width: 60px;
        height: 60px;
    }
    
    .thankyou-section h1 {
        font-size: 1.8rem;
    }
    
    .service-card-full {
        padding: 1.5rem;
    }
    
    .pricing-grid {
        grid-template-columns: 1fr;
    }
}.policySection {
	padding:      80px 2rem; 
	   background    :     #f8f9fa; 
	  min-height: calc(100vh - 400px);
}

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

.policyContainer h2 {

    font-size   :  2.5rem;
   color: #1a252f;
         margin-bottom :   2rem;
                    font-weight :        700;
	 border-bottom     : 3px solid #3498db;
   padding-bottom: 1rem;


}

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

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

.policyContainer p


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

.policyContainer strong {
	color: #2c3e50;
  font-weight: 600;
}


.policyContainer p strong {


   display: inline;

}

.policyContainer p strong:after {
  content: '';
}

.policyContainer ul,
.policyContainer ol {
  line-height: 1.8;
     margin: 1rem 0 1.5rem 1.5rem;
}

.policyContainer li    {
		color:     #555;
  margin-bottom    :      0.8rem;
}

.policyContainer p[style*="margin-top: 3rem"] {
   background: #f0f4f8;

     padding: 1rem;

    border-left: 4px solid #3498db;

  border-radius: 4px;

  margin-top: 2rem;

  margin-bottom: 0;
}@media (max-width: 768px) {
    .policySection {
        padding: 60px 1rem;
    }
    
    .policyContainer {
        padding: 2rem 1.5rem;
    }
    
    .policyContainer h2 {
        font-size: 2rem;
    }
    
    .policyContainer h3 {
        font-size: 1.2rem;
    }
    
    .policyContainer p {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .policySection {
        padding: 40px 1rem;
    }
    
    .policyContainer {
        padding: 1.5rem;
    }
    
    .policyContainer h2 {
        font-size: 1.6rem;
    }
    
    .policyContainer h3 {
        font-size: 1.1rem;
    }
    
    .policyContainer p {
        font-size: 0.9rem;
    }
}