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

html {
         scroll-behavior: smooth;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #2c3e50;
  background-color   :        #f8f9fa;
}

.masthead-primary {


	 background: #1a1f35;
  position: sticky;
  top: 0;
   z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.navigation-bar {
   padding: 1rem 2rem;
} 

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

.logo-section {
   flex-shrink :  0;
}

.logo-mark {
   height: 50px;
    width: auto;
    display: block;
}

.mobile-toggle {
  display: none;
    flex-direction : column;
   background: none;
   border: none;
  cursor: pointer;
    padding: 0.5rem;
}

.menu-line {
  width: 25px;
	 height: 3px;
  background: #fff;
	margin: 5px 0;
       transition: all 0.3s ease;
}

.menu-links {
    display: flex;
    list-style: none;
    gap: 2rem;
  align-items: center;
}

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

.nav-link:hover {

	  color  : #00d4ff;

}

.hero-banner	{
	display: grid;
   grid-template-columns: 1fr 1fr;
    gap: 3rem;
  align-items: center;
  padding: 4rem 2rem;
   max-width: 1200px;
		margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);

}

.hero-content {
  padding: 2rem 0;

}

.headline-main    {
	font-size: 2.8rem;

	  font-weight: 700;

	  color: #1a1f35;

	  margin-bottom: 1.5rem;

	    line-height: 1.2;
}

.subheading-text {
    margin-bottom: 2rem;
   line-height: 1.8;
		font-size: 1.1rem;
   color : #555;
}

.button-primary {
    display: inline-block;
   padding: 1rem 2.5rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
    text-decoration: none;
    border-radius: 5px;
   font-weight    : 600;
    transition: all 0.3s ease;
    border   :    none;
  cursor: pointer;
  font-size: 1rem;
}

.button-primary:hover {
	  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(102, 126, 234, 0.4);
}

.hero-visual {
   overflow  :hidden;
       border-radius     :10px;
}

.hero-visual img {
  width: 100%;
   height: auto;
    display: block;
    transition: transform 0.3s ease;
}



.hero-visual:hover img


{
  transform: scale(1.05);
}



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


}

.feature-grid {

	    display    : grid;

	  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

		gap: 2rem;
	}

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

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

.feature-icon-wrapper {

    margin-bottom     : 1.5rem;}

.feature-icon {
   width : 50px; 
    height: 50px; 
    display: block; 
    margin: 0 auto; 
    stroke: #667eea; 
      fill: none; 
	stroke-width: 2; 
 stroke-linecap: round; 
   stroke-linejoin: round; 
    transition: all 0.3s ease;
}

.feature-card:hover .feature-icon {
	stroke: #764ba2; 
  transform: scale(1.1);
}

.feature-heading

{
  margin-bottom: 1rem; 
	   color: #1a1f35; 
	    font-weight: 600; 
	  font-size: 1.3rem;
}

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

.services-overview {
	padding: 4rem 2rem;
    max-width: 1200px;
	 margin: 0 auto;
    background: #fff;

}

.section-title {
	       font-size: 2.2rem;
    color: #1a1f35;
    text-align: center;
   margin-bottom: 3rem;
    font-weight: 700;
	}  

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

.service-item {


   overflow :        hidden;
   border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition     :all 0.3s ease;
 cursor: pointer;
}

.service-item:hover
{
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

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

.service-name {
	font-size: 1.25rem;
    font-weight: 600;
       color  :      #1a1f35;
    padding: 1.5rem 1.5rem 0.5rem;
}

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

.testimonials-block {
    padding: 4rem 2rem;
   max-width: 1200px;
  margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
}

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

.testimonial-card {
   background:   #fff;
    padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   border-left :  4px solid #667eea;
}

.testimonial-text  {
   color: #555;
    font-style:    italic;
     margin-bottom: 1rem;
   line-height: 1.8;
  font-size: 0.95rem;
}

.testimonial-author {
    color: #1a1f35;
	font-weight: 600;
   font-size     :       0.9rem;
}

.cta-section {
      padding: 3rem 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  text-align   :     center;
          color: #fff;
 max-width: 1200px;
    margin: 2rem auto;
    border-radius: 10px;
	}

.cta-heading {
    font-size: 2rem;
   margin-bottom: 1rem;
   font-weight: 700;
}

.cta-subheading {
	 font-size: 1.05rem;
	margin-bottom: 2rem;
    opacity  :0.95;
  line-height: 1.7; 
	
}

.button-secondary {
    display: inline-block;
 padding: 0.9rem 2.2rem;
   background: #fff;
	color: #667eea;
  text-decoration: none;
  border-radius: 5px;
	font-weight: 600;
	transition: all 0.3s ease;
   border: none;
       cursor     :       pointer;
   font-size:        1rem;
}

.button-secondary:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

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

.contact-wrapper {
   background: #fff;
   padding:       2.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.contact-heading {

   font-size: 1.8rem;
  color: #1a1f35;
    margin-bottom :     1rem;
  font-weight: 700;}

.contact-intro {
	line-height  :        1.7;
       color: #666;
    margin-bottom: 2rem;
}

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

.form-group {
     flex-direction: column; 
	    display: flex; 
	  margin-bottom: 1.5rem;
}

.form-label 
 {


	color: #1a1f35;
  font-weight: 600;
  margin-bottom: 0.5rem;
	 font-size: 0.95rem;


}

.form-input,
.form-select,
.form-textarea {
    transition: all 0.3s ease;
   padding: 0.8rem;
               color: #2c3e50;
  border-radius: 5px;
  font-size:    0.95rem;
  border: 1px solid #ddd;
   font-family: inherit; 
	
}

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

.form-textarea {
	 resize: vertical;
}

.button-submit {
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color     :        #fff;
  border :       none;
   border-radius: 5px;
   font-weight    :    600;
 cursor: pointer;
	font-size: 1rem;
         transition: all 0.3s ease;
    margin-top: 0.5rem;
}

.button-submit:hover {

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

.contact-info	{
	 background     :#f8f9fa;
    padding: 2.5rem;
    border-radius   :    8px;
    border-left: 4px solid #667eea;
}

.info-heading


{
  font-size: 1.3rem;
  color: #1a1f35;
    margin-bottom: 1.5rem;
  font-weight: 700;
}

.info-item{
  margin-bottom: 1rem;
	color: #555;
         line-height: 1.7;
}

.footer-primary {
      background: #1a1f35;
  color: #fff;
    padding: 3rem 2rem;
  margin-top: 2rem;
}

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

.footer-column {
    display: flex;
    flex-direction: column;
}

.footer-logo {
  height: 45px;
  width  :  auto;
   display: block;
}

.footer-subtitle {
  font-size: 1rem;
     font-weight: 700;
  margin-bottom: 1rem;
    color: #00d4ff; 
	
}

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

.footer-link    {
    color: #b0b8c5;
  text-decoration: none;
   margin-bottom: 0.7rem;
	 display: block;
    transition: color 0.3s ease;
  font-size: 0.9rem;
}

.footer-link:hover {
  color: #00d4ff;
}

.footer-text
{
       font-size: 0.9rem;

          color: #b0b8c5;

  line-height: 1.6;


}



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

.copyright-text {
       color: #8a92a1;
	font-size: 0.85rem;
     }

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

.mobile-toggle.active .menu-line:nth-child(2) {
	   opacity:       0;

}

.mobile-toggle.active .menu-line:nth-child(3) {

	  transform: rotate(-45deg) translate(8px, -8px); 
}@media (max-width: 768px) {
    .mobile-toggle {
        display: flex;
    }

    .menu-links {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #0f1419;
        flex-direction: column;
        gap: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .menu-links.active {
        max-height: 400px;
    }

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

    .nav-link {
        display: block;
        padding: 1rem 2rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navigation-bar {
        padding: 1rem 1.5rem;
        position: relative;
    }

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

    .headline-main {
        font-size: 2rem;
    }

    .subheading-text {
        font-size: 1rem;
    }

    .section-title {
        font-size: 1.8rem;
    }

    .contact-form {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

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

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

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

    .cta-heading {
        font-size: 1.5rem;
    }

    .cta-subheading {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .headline-main {
        font-size: 1.6rem;
    }

    .section-title {
        font-size: 1.4rem;
    }

    .button-primary,
    .button-secondary {
        width: 100%;
        padding: 0.9rem 1.5rem;
    }

    .services-overview,
    .features-showcase,
    .testimonials-block {
        padding: 2rem 1rem;
    }

    .nav-container {
        padding: 0;
    }

    .logo-mark {
        height: 40px;
    }

    .form-input,
    .form-select,
    .form-textarea {
        padding: 0.7rem;
    }

    .contact-wrapper,
    .contact-info {
        padding: 1.5rem;
    }
}.policySection {
    padding  :   80px 2rem;
        background: #f8f9fa;
}

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

.policyContainer h1 {

	         font-size: 2.8rem;
  color: #1a1f35;
   margin-bottom: 2rem;
    font-weight: 700;
   text-align   :     center;


}

.policyContainer h2 {
    margin: 2.5rem 0 1.5rem;
   border-bottom: 2px solid #667eea;
  color: #1a1f35;
      font-size:        2rem;
   font-weight:      600;
   padding-bottom: 0.5rem;
}

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

.policyContainer p {
    color :  #555;
  margin-bottom: 1.5rem;
   line-height  :       1.7;
   font-size: 1rem;
}

.policyContainer ul,
.policyContainer ol {
  color: #666;
        margin: 1rem 0 1.5rem 2rem;
}



.policyContainer li {
   margin-bottom: 0.5rem;
					line-height   : 1.6;
}

.policyContainer em {

  color: #667eea;
    font-style   :     italic;}@media (max-width: 768px) {
    .policyContainer h1 {
        font-size: 2.2rem;
    }

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

    .policyContainer h3 {
        font-size: 1.2rem;
    }

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

    .policySection {
        padding: 60px 1rem;
    }
}

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

    .policyContainer h1 {
        font-size: 1.8rem;
    }

    .policySection {
        padding: 40px 0;
    }
}.services-hero    {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color  :      #fff;
    padding     : 4rem 2rem;
    text-align: center;
}

.services-hero-content {


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

.services-headline {
                    font-size: 2.5rem;
                    font-weight: 700;
	 margin-bottom: 1rem;
  line-height: 1.2;
}

.services-subtext {
    font-size: 1.15rem;
    opacity: 0.95;
   line-height   : 1.7;
}

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

.service-container {
    display: flex;
  flex-direction     :      column;
  gap  :     3rem;
}

.detailed-service {
  background: #fff;
   border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	transition    :       all 0.3s ease;
}

.detailed-service:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  transform: translateY(-3px);
}

.service-header  {
   	padding: 2rem;
  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
   border-left: 4px solid #667eea;}

.service-title {
  font-size: 1.8rem;
    color: #1a1f35;
   margin-bottom: 0.5rem;
                    font-weight: 700;
}



.service-meta {
    font-weight     :   500;
   font-size: 0.9rem;
 color: #666;
}

.service-body


{
          align-items: start;
       display: grid;
   grid-template-columns: 1fr 1fr;
  padding: 2rem;
    gap   :    2rem;
}

.service-detail-image {

	  border-radius: 6px;
    height: auto;
    width: 100%;
					display     :    block;
   object-fit: cover;
}

.service-details {
    display: flex;
    flex-direction    :   column;
   gap: 1.5rem;
}

.service-description		{
               color:    #555;
  font-size: 0.95rem;
   line-height: 1.7;
}

.service-list {

  list-style: none;
	padding     :0;


}

.service-list li 
 {
   color: #555;
        padding: 0.6rem 0;
  padding-left     :        1.8rem;
    position: relative;
        font-size    :      0.9rem;
  line-height: 1.6;
}

.service-list li:before {
  content: '✓';
   position: absolute;
          left: 0;
  color: #667eea;
   font-weight: bold;
   font-size    :    1.1rem;


}

.service-outcome 
 {
  background: #f0f4ff;
  padding     :     1rem;
   border-radius: 5px;
  color:  #555;
    border-left  :       3px solid #667eea;
	font-size: 0.9rem;
    font-weight: 500;
}

.pricing-comparison     {
   padding: 4rem 2rem;
	background: #f8f9fa;
   max-width: 1200px;
  margin: 0 auto;
}

.pricing-title {
  font-size: 2rem;
    color: #1a1f35;
        text-align: center;
    margin-bottom: 2.5rem;
    font-weight :        700;
}

.pricing-table-wrapper {
  overflow-x :     auto;
    border-radius    :8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 

}

.pricing-table {
   width: 100%;
               border-collapse: collapse;
    background: #fff;
}

.pricing-table thead {
	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;


}

.pricing-table th {
	 padding: 1.5rem;
  text-align: left;
	 font-weight: 600;
    font-size    :0.95rem;
     }

.pricing-table td 
 {
  padding: 1.2rem 1.5rem;
   border-bottom:1px solid #e5e5e5;
                    color: #555;
  font-size: 0.9rem;


}

.pricing-table tbody tr:hover {
    background: #f8f9fa;
}

.feature-name
{
          color: #1a1f35;
	    width: 25%;
	    font-weight: 600;
}

.pricing-icon {
   width: 24px;
  height:    24px;
   stroke: #2ecc71;
   fill   :   none;
   stroke-width: 2;
}

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

.faq-title
{
   font-size: 2rem;
  color: #1a1f35;
    text-align: center;
    margin-bottom: 2.5rem;
		 font-weight:       700;
}

.faq-container {
    gap   :  1rem;
  flex-direction:        column;
   display: flex;
}

.faq-item {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
  overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover {
    border-color: #667eea;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.1);

}

.faq-question {
    width  :        100%;
    padding: 1.5rem;
   background: #f8f9fa;
   border: none;
    cursor: pointer;
		 display: flex;
    justify-content: space-between;
   align-items: center;
    transition: all 0.3s ease;
    font-size: 1rem;
}

.faq-question:hover   {
  background: #f0f4ff;
}

.faq-text {

   color: #1a1f35;
   font-weight: 600;
    text-align   : left;}

.faq-arrow {
    width: 20px;
   height: 20px;
  stroke: #667eea;
  fill: none;
    stroke-width: 2;
     transition: transform 0.3s ease;
   flex-shrink: 0;
   margin-left   :    1rem;
}

.faq-answer	{
   overflow: hidden; 
	    padding: 0 1.5rem; 
	   transition: max-height 0.3s ease; 
	    max-height: 0; 
	  background:     #fff;
}

.faq-answer.active {

	    padding: 1.5rem;
  max-height: 500px;
}

.faq-answer p {
   color: #555;
               line-height:       1.8;
  font-size     : 0.95rem;
}

.process-section 
 {
          padding: 4rem 2rem;
  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
    max-width: 1200px;
   margin: 0 auto;
}

.process-title
{
	font-size: 2rem; 
	    color: #1a1f35; 
	   text-align: center; 
	  margin-bottom: 3rem; 
	     font-weight: 700;
	
}

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

.process-step {
    background: #fff;
    padding: 2rem;
  border-radius: 8px;
   text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition     :       all 0.3s ease;
}

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

.step-number {


               font-size: 2.5rem;
   font-weight: 700;
    color: #667eea;
  margin-bottom: 1rem;
  display: block;
     } 

.step-title {

    font-size     :1.2rem;
					color: #1a1f35;
    margin-bottom    :        0.8rem;
   font-weight: 600;

}

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

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

.thankyou-wrapper {
  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
	padding: 3rem 2rem;
  border-radius: 10px;
    text-align: center;
               margin-bottom   :      3rem;
}

.success-icon-container {
  margin-bottom: 2rem;
}

.success-icon {
    width: 80px;

    height: 80px;

    stroke: #2ecc71;

  fill: none;

   stroke-width: 2;

    display: block;

  margin: 0 auto;

   animation :successBounce 0.6s ease;
}@keyframes successBounce {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}.thankyou-title {
	   font-size: 2.2rem;
  color: #1a1f35;
   margin-bottom: 1rem;
   font-weight  :      700;
     }

.thankyou-greeting {


    color: #555;
	line-height: 1.7;
   font-size   :     1.05rem;
  margin-bottom: 2rem;
	}

.thankyou-details     {
  background: #fff;
         padding: 1.5rem;
   border-radius: 6px;
    margin-bottom   :      2rem;
   border-left     :4px solid #667eea;
}

.detail-label {
  color: #666;
    font-size    :0.9rem;
        margin-bottom: 0.5rem;
}

.detail-value {
    font-size: 1.3rem;
   color: #1a1f35;
	font-weight: 600;
}

.thankyou-message {
  background: #fff;
   padding: 2rem;
    border-radius: 8px;
  text-align: left;
	 margin-bottom: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.thankyou-message p {
   margin-bottom: 1rem;
  color: #555;
   line-height: 1.8; 
	
}

.thankyou-message p:last-child {
    margin-bottom: 0;
}

.thankyou-message strong {


    color: #667eea;
	 font-weight: 600;
     }

.next-steps {
  margin-bottom: 2rem;
	}

.steps-title {
     font-size: 1.5rem;
    color: #1a1f35;
    margin-bottom: 1.5rem;
  font-weight: 700;
}

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

.step-box {

  background: #fff;
    padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
	}

.step-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
}

.step-icon		{
   margin-bottom: 1rem;
    display: flex;
  justify-content: center;
}

.step-icon-img {
    width: 40px;
  height: 40px;
  stroke: #667eea;
    fill: none;
  stroke-width  :2;
}

.step-box-title {
	   font-weight: 600;
    font-size   :   1.05rem;
  color: #1a1f35;
 margin-bottom: 0.6rem;
     }

.step-box-text {
   color: #666;
  font-size: 0.9rem;
    line-height: 1.6;
}

.back-to-home {
      display: flex;
	    gap:       1rem;
	  justify-content: center;
	   flex-wrap :    wrap;
	    margin-top   :       2rem;
	
}

.button-back {

	   display: inline-block;
     padding: 1rem 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: #fff;
  text-decoration   :   none;
   border-radius: 5px;
   font-weight: 600;
  transition: all 0.3s ease;
   border: none;
    cursor: pointer;
   font-size: 1rem;
}

.button-back:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(102, 126, 234, 0.4);
}

.button-back-secondary {
	   transition: all 0.3s ease;
   display: inline-block;
    border-radius    :     5px;
  text-decoration: none;
    font-size: 1rem;
    padding: 1rem 2rem;
   color: #667eea;
    cursor: pointer;
    background: transparent;
  font-weight: 600;
                    border: 2px solid #667eea;
	}

.button-back-secondary:hover
{
   background     :    #f0f4ff;
  transform: translateY(-2px);
}

.additional-info {
      background: #fff;
   padding: 3rem 2rem;
	 border-radius: 10px;
    margin-bottom: 2rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}  

.info-section-title {
   font-size: 1.8rem;
  color     :    #1a1f35;
               text-align: center;
    margin-bottom: 2rem;
  font-weight: 700;
}

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

.info-box {
      border   :      1px solid #e5e5e5;
   transition: all 0.3s ease;
  padding: 1.5rem;
   text-align: center;
	border-radius: 8px;
}

.info-box:hover {
       border-color: #667eea;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.1);
}

.info-icon 
 {
    width: 40px;
    height: 40px;
   stroke: #667eea;
   fill: none;
	stroke-width: 2;
    margin: 0 auto 1rem;
	 display: block;
}

.info-box-title {
         font-size: 1.05rem;
  color: #1a1f35;
  margin-bottom: 0.6rem;
    font-weight: 600; 

}

.info-box-text {
    color: #666;
     font-size: 0.9rem;
       line-height: 1.6;
}

.testimonials-bottom {
    padding: 3rem 2rem;
       max-width: 1200px;
                       margin: 0 auto;
     background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
}

.testimonials-title {
   font-size: 1.8rem;
   color    :    #1a1f35;
		 text-align     :center;
    margin-bottom   : 2rem;
    font-weight: 700;
}

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

.testimonial-mini-item {
  background: #fff;
    padding: 1.5rem;
  border-radius: 8px;
    border-left: 4px solid #667eea;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.testimonial-mini-text
	{
   font-size: 0.95rem;
  font-style:     italic;
    margin-bottom: 1rem;
    line-height :   1.7;
    color: #555;
}

.testimonial-mini-author    {
    color: #1a1f35;
      font-weight: 600;
    font-size: 0.9rem;


}@media (max-width: 768px) {
    .services-headline {
        font-size: 1.8rem;
    }

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

    .service-header {
        padding: 1.5rem;
    }

    .pricing-table th,
    .pricing-table td {
        padding: 0.8rem;
        font-size: 0.8rem;
    }

    .feature-name {
        width: 40%;
    }

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

    .thankyou-wrapper {
        padding: 2rem 1.5rem;
    }

    .thankyou-title {
        font-size: 1.6rem;
    }

    .back-to-home {
        flex-direction: column;
    }

    .button-back,
    .button-back-secondary {
        width: 100%;
        text-align: center;
    }

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

    .info-boxes {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .services-headline {
        font-size: 1.4rem;
    }

    .service-title {
        font-size: 1.4rem;
    }

    .pricing-table th,
    .pricing-table td {
        padding: 0.6rem;
        font-size: 0.7rem;
    }

    .faq-question {
        padding: 1rem;
    }

    .process-step {
        padding: 1.5rem;
    }

    .step-number {
        font-size: 2rem;
    }

    .thankyou-wrapper {
        padding: 1.5rem;
    }

    .additional-info {
        padding: 1.5rem;
    }
}