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

:root {
    --primary-color: #2c3e50;
    --accent-color: #e74c3c;
    --accent-light: #f39c12;
    --text-dark: #2c3e50;
    --text-light: #7f8c8d;
    --bg-light: #ecf0f1;
    --bg-white: #ffffff;
    --border-radius: 8px;
    --transition: all 0.3s ease;
}

html {
  scroll-behavior: smooth;
} 

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   line-height: 1.6;
  color: var(--text-dark);
  background-color: var(--bg-white);
}

.main-nav {
  background: var(--bg-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: sticky;
  top: 0;
	z-index: 1000;
}

.nav-container {


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

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

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

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

.nav-links a {
  text-decoration: none;
  color: var(--text-dark);
  font-weight: 500;
  transition: var(--transition);
   position: relative;
}

.nav-links a:hover {
  color: var(--accent-color);
}

.nav-links a::after {
  content: '';
  position: absolute;
   bottom: -5px;
         left: 0;
					width: 0;
                    height: 2px;
  background-color: var(--accent-color);
  transition: width 0.3s ease;
}

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

.burger-menu {
    display: none;
  flex-direction: column;
    background :        none;
   border: none;
  cursor    :       pointer;
  padding: 0.5rem;


}

.burger-line {
         width: 25px;
    height: 3px;
  background-color: var(--text-dark);
       margin: 4px 0;
  transition: var(--transition);


}

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

.burger-menu.active .burger-line:nth-child(2)	{

	         opacity: 0;}

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

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

.hero-content h1 {
  font-size: 3rem;
   font-weight: 700;
    margin-bottom: 1.5rem;
   line-height   :     1.2;
  color: var(--primary-color);
}

.hero-subtitle
{
    font-size: 1.2rem; 
  color: var(--text-light); 
  margin-bottom: 2.5rem; 
       line-height: 1.8;
}

.cta-button {
			display: inline-block;
    padding: 1rem 2rem;
  background-color: var(--accent-color);
               color: white;
    text-decoration    :none;
  border-radius: var(--border-radius);
   font-weight: 600;
  transition: var(--transition);
  box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
}

.cta-button:hover {
  background-color: #c0392b;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
}

.hero-image img {
  width: 100%;
    height :  auto;
  border-radius: var(--border-radius);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}



.intro-section {
  background-color: var(--bg-light);
    padding: 5rem 2rem;
    margin: 3rem 0;
}

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

}

.intro-section h2 {
  font-size: 2.5rem;
  margin-bottom: 3rem;
  text-align: center;
  color: var(--primary-color);
}

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

}

.intro-card	{
    background: white;
                    padding: 2.5rem;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: var(--transition);
     } 

.intro-card:hover 
 {

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}

.card-number {


  font-size: 2.5rem;
   font-weight  :700;
  color: var(--accent-color);
    margin-bottom: 1rem;
	}

.intro-card h3 {
  font-size: 1.5rem;
   margin-bottom   :    1rem;
  color: var(--primary-color);
}

.intro-card p  {
  color: var(--text-light);
  line-height:1.8;

}

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

.services-overview h2 {
    font-size: 2.5rem;
  margin-bottom: 3rem;
   text-align: center;
  color: var(--primary-color);
}

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

.service-item {

	   background: white;
  border-radius: var(--border-radius);
        overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: var(--transition);
     }


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

.service-image {
    width: 100%;
    height: 220px;
   object-fit  :  cover;
}

.service-info
	{


    padding: 1.5rem;}


.service-info h3 {
       font-size: 1.3rem;
    margin-bottom: 0.8rem;
  color: var(--primary-color);
}  

.service-info p {
  color: var(--text-light);
    font-size: 0.95rem;
  line-height: 1.7;
}

.explore-button {

	    display: block;
  width: fit-content;
  margin:  2rem auto;
  padding: 1rem 2.5rem;
  background-color: var(--accent-light);
	 color: white;
    text-decoration: none;
  border-radius: var(--border-radius);
    font-weight: 600;
  transition: var(--transition);}

.explore-button:hover {
  background-color: #d68910;
  transform: translateY(-2px);
     }

.cta-section {
  background: linear-gradient(135deg, var(--primary-color) 0%, #34495e 100%);
   color     :     white;
    padding: 4rem 2rem;
   text-align: center;
}

.cta-wrapper {


  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-large {

  display: inline-block;
  padding  :       1.2rem 3rem;
  background-color: var(--accent-color);
   color: white;
   text-decoration: none;
  border-radius: var(--border-radius);
   font-weight: 700;
    font-size: 1.1rem;
  transition: var(--transition);
  box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);

}

.cta-button-large:hover {
   background-color: #c0392b;
  transform: scale(1.05);
}


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

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

.contact-section h2 {
        font-size: 2.5rem;
  margin-bottom: 1rem;
          text-align: center;
  color: var(--primary-color);
}

.contact-subtitle {

	    text-align: center;
  color: var(--text-light);
    margin-bottom: 2.5rem;
    font-size: 1.1rem;}

.contact-form {
     background: var(--bg-light);
                    padding: 2.5rem;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}

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

.form-group.full-width {
   grid-column: 1 / -1;
}

.form-group input,
.form-group select,
.form-group textarea
{
  width: 100%;
    padding: 0.75rem;
    border: 2px solid #bdc3c7;
  border-radius: var(--border-radius);
   font-family: inherit;
  font-size: 1rem;
  transition: var(--transition);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
	outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}  

.form-group label	{
  position: absolute;
  top: -1.5rem;
   left: 0;
  color: var(--text-light);
  font-size: 0.85rem;
	 font-weight: 600;
}

.form-group textarea


{
  resize: vertical;
      min-height: 120px;
}

.submit-button {
   width: 100%;
   padding   :1rem;
  background-color: var(--accent-color);
  color: white;
   border: none;
  border-radius: var(--border-radius);
  font-size: 1rem;
   font-weight   :    700;
  cursor: pointer;
  transition: var(--transition);
}

.submit-button:hover 
 {
   background-color: #c0392b;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
}

.footer-section  
  {
     background-color: var(--primary-color);
    color: white;
    padding: 3rem 2rem 1.5rem;


}

.footer-container {

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

.footer-logo-img {
  height: 45px;

	    width:        auto;

		margin-bottom: 2rem;

	  filter: brightness(0) invert(1);
}

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

.footer-column h4 {
  margin-bottom: 1rem;
   font-size: 1.1rem;
  color: var(--accent-light);
}

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

.footer-column a {
    color     :    #bdc3c7;
			text-decoration: none;
  transition: var(--transition);
      display: inline-block;
  margin-bottom   :        0.5rem;
}

.footer-column a:hover {
      color: white;
  transform: translateX(5px);
}

.footer-phone,
.footer-address {
      color:     #bdc3c7;
   margin-bottom: 0.8rem;
	line-height: 1.6;}

.footer-bottom {
	 border-top: 1px solid #34495e;
  padding-top: 1.5rem;
  text-align: center;
    color: #95a5a6;
  font-size: 0.9rem;
}@media (max-width: 768px) {
    .nav-links {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        flex-direction: column;
        background: white;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        gap: 0;
        padding: 1rem 0;
        z-index: 999;
    }

    .nav-links.active {
        display: flex;
    }

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

    .nav-links a {
        display: block;
        padding: 1rem 2rem;
    }

    .burger-menu {
        display: flex;
    }

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

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

    .hero-subtitle {
        font-size: 1rem;
    }

    .intro-section h2,
    .services-overview h2,
    .contact-section h2,
    .cta-section h2 {
        font-size: 1.8rem;
    }

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

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

    .contact-form {
        padding: 1.5rem;
    }

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

@media (max-width: 480px) {
    .nav-container {
        padding: 0.75rem 1rem;
    }

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

    .hero-section {
        padding: 2rem 1rem;
    }

    .cta-button {
        padding: 0.75rem 1.5rem;
        font-size: 0.9rem;
    }

    .intro-card {
        padding: 1.5rem;
    }

    .card-number {
        font-size: 2rem;
    }
}.breadcrumb-nav {
    background-color: #f8f9fa;
       padding: 1rem 2rem;
     border-bottom: 1px solid #e0e0e0;

}  

.breadcrumb-container 
 {
    max-width :       1200px;
		margin: 0 auto;
	   font-size: 0.95rem;
	  color: var(--text-light); 
	
}  

.breadcrumb-separator {
    margin:  0 0.5rem;
  color: #bdc3c7;
}

.breadcrumb-current {
  color: var(--text-dark);
    font-weight  :    600;
}

.services-hero {


  background: linear-gradient(135deg, var(--primary-color) 0%, #34495e 100%);
  color: white;
    padding: 4rem 2rem;
    text-align: center;
   position    :    relative;
   overflow: hidden;}

.hero-overlay {
   max-width: 1200px;
   margin   : 0 auto;
}

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

}

.services-hero p {
  font-size     :       1.1rem;
    opacity: 0.95;
	
}

.services-detailed {
   padding: 5rem 2rem;
}

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

.service-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
   gap: 3rem;
    align-items: start;
   margin-bottom: 5rem;
  background: white;
    padding: 2rem;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

.service-detail.alternate .service-detail-image,
.service-detail.alternate .service-detail-content {
       direction     :ltr;}

.service-detail-image {
  position: relative;
}

.service-detail-image img {

	  width :    100%;
    height: auto;
  border-radius: var(--border-radius);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);


	}

.service-detail-content h2 {
    font-size: 2rem;
  color: var(--primary-color);
   margin-bottom: 1.5rem;
       font-weight: 700;
}

.service-intro {
    font-size   :      1.05rem;
  color: var(--text-light);
      margin-bottom: 2rem;
  line-height: 1.8;
   font-style: italic;
}

.service-detail-content h3 {
    font-size: 1.3rem;
  color: var(--primary-color);
   margin-top   :     2rem;
   margin-bottom: 1rem;
   font-weight: 600;
}

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

.service-benefits li {
    padding: 0.6rem 0 0.6rem 2rem;
	   position: relative;
	  color: var(--text-light);
	   line-height: 1.6; 

}

.service-benefits li::before
{


  content: '✓';
    position: absolute;
   left: 0;
  color: var(--accent-color);
	 font-weight: bold;
  font-size: 1.2rem;
     }

.service-price {
   font-size: 1.3rem;
   font-weight: 700;
  color: var(--accent-color);
    margin: 1.5rem 0;
}

.service-cta    {
	   display: inline-block;
    margin-top: 1.5rem;
    padding:   1rem 2rem;
  background-color: var(--accent-color);
    color    :    white;
   text-decoration: none;
  border-radius: var(--border-radius);
  font-weight: 600;
  transition: var(--transition);
     }

.service-cta:hover {
  background-color: #c0392b;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
}

.comparison-section     {
  background-color: var(--bg-light);
  padding: 4rem 2rem;
  margin: 3rem 0;
}

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

.comparison-section h2 {
  font-size: 2rem;
    text-align: center;
      margin-bottom: 3rem;
  color: var(--primary-color);
}

.comparison-table-wrapper {
  overflow-x:auto;
    background: white;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.comparison-table {
  width: 100%;
     border-collapse: collapse;
     font-size: 0.95rem;
}  

.comparison-table thead {
  background-color: var(--primary-color);
    color: white;
}

.comparison-table th {
    padding: 1.2rem;
     text-align: left;
   font-weight: 600;
}

.comparison-table td  {
	  padding: 1rem 1.2rem;
  border-bottom: 1px solid #e0e0e0;
  color: var(--text-light);
	


}

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

.comparison-table .check {
  color: var(--accent-color);
  font-weight    :   700;
    font-size: 1.2rem;
}

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


}

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

.faq-section h2 {


   font-size: 2rem;
  text-align :      center;
   margin-bottom: 3rem;
  color: var(--primary-color);}

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

}

.faq-item {
  background  :  white;
    padding: 2rem;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: var(--transition);
}

.faq-item:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.faq-question {

	   font-size: 1.1rem;
  color: var(--primary-color);
    margin-bottom    :      1rem;
		font-weight: 600;
   cursor    :pointer;
} 

.faq-answer		{
  color: var(--text-light);
 line-height: 1.7;
          margin:        0;
}

.testimonials-section

{
	  background-color: var(--bg-light);
    padding: 5rem 2rem;
	}

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


.testimonials-section h2 {
	font-size: 2rem;
	 text-align: center;
	 margin-bottom: 3rem;
  color: var(--primary-color);
}

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

.testimonial-card {
  background: white;
	 padding: 2rem;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: var(--transition);
  border-left: 4px solid var(--accent-color);
}

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

.testimonial-header {
  display: flex;
    justify-content: space-between;
  align-items: center;
    margin-bottom: 1rem;
}

.testimonial-stars {
  color: var(--accent-light);
  font-size: 1rem;
  letter-spacing: 2px;
}

.testimonial-author {
   font-weight: 700;
  color: var(--primary-color);
  margin: 0;
}

.testimonial-text {
  color: var(--text-light);
         line-height: 1.7;
    font-style: italic;
}

.pricing-comparison {
   max-width: 1200px;
	margin: 0 auto;
   padding: 5rem 2rem;
}

.pricing-container {
		text-align: center;
}

.pricing-comparison h2

{
  font-size: 2rem;
  margin-bottom: 3rem;
  color: var(--primary-color);
} 

.pricing-cards 
 {
    display: grid;

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

	   gap: 2rem;

	    margin-bottom   :       2rem;
}

.pricing-card {

   background: white;
   padding:       2.5rem;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: var(--transition);
   position: relative;
    border-top: 4px solid #bdc3c7;
     }

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

.pricing-card.starter {
  border-top-color: var(--accent-light);
}

.pricing-card.professional {
  border-top-color: var(--accent-color);
}

.pricing-card.enterprise {
     border-top-color: var(--primary-color);}


.pricing-card.highlighted {
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(231, 76, 60, 0.2);
}

.pricing-card.highlighted:hover {
  transform: scale(1.05) translateY(-5px);
}

.popular-badge {
   position: absolute;
   top: -12px;
   left: 50%;
  transform: translateX(-50%);
  background-color: var(--accent-color);
    color: white;
   padding: 0.4rem 1.2rem;
  border-radius: 20px;
   font-size: 0.85rem;
  font-weight  :   700; 
	
}

.pricing-card h3 {
       font-size    :1.5rem;
  color: var(--primary-color);
    margin-bottom: 0.5rem;}

.pricing-desc     {
  color: var(--text-light);
	font-size: 0.95rem;
   margin-bottom: 1.5rem;
}

.pricing-price {
  font-size     :    2.5rem;

	  font-weight: 700;

	  color: var(--accent-color);

	  margin-bottom: 1.5rem;
}

.pricing-price span {
  font-size: 1rem;
  color: var(--text-light);
         font-weight: 500;
}

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

}

.pricing-features li   {
		padding: 0.7rem 0 0.7rem 1.5rem;
	position: relative;
  color: var(--text-light);
   line-height: 1.6;
}

.pricing-features li::before {
  content: '✓';
	position: absolute;
    left :    0;
  color: var(--accent-color);
    font-weight: bold;
}

.pricing-button {
  display: block;
    width: 100%;
  padding: 1rem;
  background-color: var(--accent-color);
         color: white;
   text-decoration: none;
  border-radius: var(--border-radius);
  font-weight: 600;
  transition: var(--transition);
	 border: 2px solid transparent;
}

.pricing-button:hover {
	background-color: #c0392b;
  transform: translateY(-2px);
}

.cta-final {
  background: linear-gradient(135deg, var(--primary-color) 0%, #34495e 100%);
    color: white;
   padding: 4rem 2rem;
   text-align:       center;
}

.cta-final-wrapper {
   max-width  :      900px;
  margin: 0 auto;
}

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

.cta-final p {

	   font-size :      1.1rem;
   margin-bottom: 2rem;
   opacity    :    0.95;
	}

.cta-final-button {
  display: inline-block;
   padding: 1.2rem 3rem;
  background-color: var(--accent-color);
    color: white;
    text-decoration    :       none;
  border-radius: var(--border-radius);
  font-weight: 700;
  font-size :      1.1rem;
  transition: var(--transition);
}

.cta-final-button:hover {
  background-color: #c0392b;
  transform: scale(1.05);


}

.thankyou-section   {
   padding :     4rem 2rem;
  background: linear-gradient(180deg, #f8f9fa 0%, white 100%);
  min-height: calc(100vh - 300px);
}

.thankyou-container {
	max-width: 800px;
   margin: 0 auto; 

}

.thankyou-content  {
  background: white;
   padding: 3rem;
  border-radius: var(--border-radius);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    text-align:      center;
}

.success-icon  {

  width  :   80px;
   height: 80px;
   margin:0 auto 2rem;
  color: var(--accent-color);
}

.success-icon svg {

   width    :   100%;
    height    :      100%;
	}

.thankyou-content h1 {
    font-size: 2.5rem;
  color: var(--primary-color);
   margin-bottom:    0.5rem;
}

.thankyou-subtitle
	{
   font-size   :       1.1rem;
  color: var(--text-light);
                    margin-bottom :   2rem;
}

.thankyou-message {
	  background-color: var(--bg-light);
  padding: 2rem;
  border-radius: var(--border-radius);
   margin: 2rem 0;
    text-align: left;
     }

.thankyou-message p {
  color: var(--text-light);
    line-height: 1.8;
  margin-bottom: 1rem;
}

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

}



.thankyou-message strong {
  color: var(--accent-color);
}



.next-steps {
   text-align: left;
                    margin   : 3rem 0;
}

.next-steps h2 {
  font-size: 1.8rem;
  color: var(--primary-color);
  margin-bottom: 2rem;
  text-align: center;
}

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

.step {
  background: var(--bg-light);
    padding: 1.5rem;
  border-radius: var(--border-radius);
  display: flex;
  gap: 1rem;
}

.step-number {
   font-size: 1.8rem;
 font-weight  :     700;
  color: var(--accent-color);
   min-width: 50px;
}

.step-content h3 {
   font-size: 1rem;
  color: var(--primary-color);
    margin-bottom: 0.5rem;
  font-weight    :  600;
}

.step-content p {
  font-size: 0.9rem;
  color: var(--text-light);
   line-height: 1.6;
}

.useful-info {
    margin: 3rem 0; 

}

.useful-info h2	{

	               font-size: 1.8rem;
  color: var(--primary-color);
  margin-bottom: 2rem;
    text-align: center;


}

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


.info-card {
       background: white;
  padding  :1.5rem;
  border-radius: var(--border-radius);
  border-left: 4px solid var(--accent-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
     }

.info-card h3


{
     font-size: 1.1rem;
  color: var(--primary-color);
   margin-bottom: 0.8rem;
   font-weight  :      600;
     }

.info-card p {
  color: var(--text-light);
  font-size: 0.95rem;
	line-height: 1.6;
}

.social-engagement {
  margin: 3rem 0;
       text-align: center;
}

.social-engagement h2 {
  font-size: 1.5rem;
  color: var(--primary-color);
    margin-bottom: 1rem;
     }

.social-engagement p {
  color: var(--text-light);
  margin-bottom: 1.5rem;
	
}

.engagement-buttons{
  display: flex;
   gap: 1rem;
   justify-content     :   center;
   flex-wrap     :  wrap;
}

.button-primary,
.button-secondary {
	  padding: 1rem 2rem;

  border-radius: var(--border-radius);

    text-decoration: none;

   font-weight: 600;

  transition: var(--transition);

	display: inline-block;
	}

.button-primary {
  background-color: var(--accent-color);
       color: white;
}

.button-primary:hover {
  background-color: #c0392b;
  transform: translateY(-2px);
}

.button-secondary {
  background-color: var(--accent-light); 
	 color: white;

}



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

.faq-quick {
    margin: 3rem 0;
       text-align: left;
}

.faq-quick h2   {
   font-size: 1.5rem;
  color: var(--primary-color);
   margin-bottom: 1.5rem;
  text-align: center;
     }

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

.faq-quick-item   {
  background: var(--bg-light);
 padding: 1.5rem;
  border-radius: var(--border-radius);
   cursor: pointer;
  border-left: 4px solid var(--accent-light);
}

.faq-quick-item summary {
  font-weight: 600;
  color: var(--primary-color);
  user-select: none;

}

.faq-quick-item summary:hover {
  color: var(--accent-color);
}

.faq-quick-item p {
  color: var(--text-light);
   line-height :      1.6;
          margin-top: 1rem;
}@media (max-width: 768px) {
    .service-detail,
    .service-detail.alternate {
        grid-template-columns: 1fr;
        direction: ltr;
        gap: 2rem;
        padding: 1.5rem;
        margin-bottom: 3rem;
    }

    .service-detail.alternate .service-detail-image,
    .service-detail.alternate .service-detail-content {
        direction: ltr;
    }

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

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

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

    .pricing-card.highlighted:hover {
        transform: translateY(-5px);
    }

    .comparison-table {
        font-size: 0.85rem;
    }

    .comparison-table th,
    .comparison-table td {
        padding: 0.8rem;
    }

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

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

    .thankyou-content {
        padding: 2rem;
    }

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

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

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

    .pricing-cards {
        grid-template-columns: 1fr;
    }

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

    .button-primary,
    .button-secondary {
        width: 100%;
    }

    .comparison-table {
        font-size: 0.75rem;
    }

    .step {
        flex-direction: column;
    }

    .step-number {
        font-size: 1.5rem;
    }
}.policy-section {

	    padding: 4rem 2rem;
  background: linear-gradient(180deg, white 0%, #f8f9fa 100%);
  min-height: calc(100vh - 200px);}

.policy-container {

						max-width: 900px; 
	   margin: 0 auto; 
	    background: white; 
	    padding: 3rem; 
	  border-radius: var(--border-radius); 
	  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	}

.policy-container h1 {
  font-size: 2.5rem;
  color: var(--primary-color);
	margin-bottom: 2.5rem;
   font-weight: 700;
  border-bottom: 3px solid var(--accent-color);
  padding-bottom: 1rem;
}

.policy-container h2 {
    font-size: 1.6rem;

	  color: var(--primary-color);

	   margin-top: 2.5rem;

	   margin-bottom: 1.2rem;

	 font-weight: 700;
}

.policy-container p {
  color: var(--text-light);
  margin-bottom: 1.5rem;
    line-height: 1.8;
    font-size: 1rem;
     text-align: justify;
}

.policy-container strong {
  color: var(--primary-color);
	font-weight :  600;
}

.policy-container ul,
.policy-container ol {
	 margin   :1.5rem 0 1.5rem 2rem;
  color: var(--text-light);
}

.policy-container li {
        margin-bottom: 0.8rem;
   line-height  :1.7;
}@media (max-width: 768px) {
    .policy-section {
        padding: 2.5rem 1rem;
    }

    .policy-container {
        padding: 2rem;
    }

    .policy-container h1 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .policy-container h2 {
        font-size: 1.3rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .policy-container p {
        font-size: 0.95rem;
        text-align: left;
    }
}

@media (max-width: 480px) {
    .policy-section {
        padding: 2rem 1rem;
    }

    .policy-container {
        padding: 1.5rem;
        border-radius: 4px;
    }

    .policy-container h1 {
        font-size: 1.5rem;
        margin-bottom: 1.2rem;
        padding-bottom: 0.8rem;
    }

    .policy-container h2 {
        font-size: 1.15rem;
        margin-top: 1.5rem;
        margin-bottom: 0.8rem;
    }

    .policy-container p {
        font-size: 0.9rem;
        margin-bottom: 1.2rem;
    }
}.policy-container {
  animation: fadeInUp 0.6s ease-out;
}@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.policy-container p:first-of-type {
   font-size: 1.05rem;
   font-style: italic;
  color: var(--text-dark);
	margin-bottom: 2rem;
  padding: 1.5rem;
    background-color: #f0f3f7;
  border-left: 4px solid var(--accent-color);
  border-radius: 4px;
}

.policy-container h2:not(:first-of-type) {
    margin-top: 2.5rem;
  padding-top: 1.5rem;
	border-top: 1px solid #e0e0e0;
}