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

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
   line-height: 1.7;
   color: #2c3e50;
   background  :  #ffffff;


}

.main-nav {
				 position: fixed;
	top     :    0;
   width: 100%;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
	z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
   transition: all 0.3s ease;
}

.main-nav.scrolled 
 {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

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

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

.nav-links {
	display: flex;
   gap: 35px;
	}

.nav-links a {
    text-decoration: none;
    color: #2c3e50;
    font-weight: 500;
    font-size: 16px;
   transition: color 0.3s;
}

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

.burger-toggle {
  display: none;
    flex-direction: column;
    gap   : 5px;
     background: none;
   border: none;
   cursor   : pointer;
  padding     :        5px;
	
}

.burger-toggle span {


	width  : 25px;

	height: 3px;

	background: #2c3e50;

  transition: all 0.3s ease;

	 border-radius: 2px;
}

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

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

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

.hero-block {

	   margin-top: 85px;
   padding: 80px 30px;
  max-width: 1200px;
   margin-left: auto;
  margin-right: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
	 gap: 60px;
	align-items: center;}

.hero-content h1 {
    font-size :      48px;
    line-height   :    1.2;
    margin-bottom: 25px;
	color   :       #1a202c;
}

.hero-text {
  font-size: 18px;
    color :      #4a5568;
    margin-bottom    :  35px;
    line-height: 1.8;
}

.hero-actions {

 display: flex;
   gap: 20px;

}

.primary-btn{
  display: inline-block;
    padding     :   16px 38px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
					color: white;
        text-decoration: none;
  border-radius :      8px;
         font-weight: 600;
	transition: transform 0.3s, box-shadow 0.3s;


}

.primary-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}

.hero-visual img {
  width: 100%;
	      border-radius: 12px;
	  box-shadow: 0 15px 45px rgba(0,0,0,0.1);
}

.intro-section


{
	   background: #f7fafc;
                    padding: 90px 30px;}

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


.intro-container h2  {
   font-size: 36px;
      margin-bottom     :     30px;
      color: #1a202c; 

}

.intro-container p	{

	  font-size: 17px;
  color: #4a5568;
	margin-bottom: 20px;
}

.features-grid {
    max-width: 1200px;
    margin: 0 auto;
   padding: 90px 30px;
    display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap   :40px;
}

.feature-card {
	 background: white;
   padding: 40px 30px;
   border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
}

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

.icon-holder {


               width: 60px;
  height: 60px;
    margin-bottom: 25px;


}

.icon-holder svg {

		width: 100%;
  height     :        100%;
  stroke: url(#grad1);
   fill: none;
  stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;


}

.feature-card h3 {
	   margin-bottom: 15px;
    font-size: 22px;
    color: #1a202c;


}  

.feature-card p {
       color: #4a5568;
  line-height: 1.7;
	}

.methodology-block
	{
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   padding: 90px 30px;
    color: white;
}

.methodology-block {
    display: grid; 
	    grid-template-columns: 1fr 1fr; 
		 max-width: 1200px; 
	    margin:        0 auto; 
		gap :      60px; 
	  align-items: center;
}

.method-visual img {
    width: 100%;
   border-radius: 12px;
}

.method-content h2 {
    font-size: 38px;
         margin-bottom: 25px;
}

.method-content > p {
  font-size: 17px;
  margin-bottom: 40px;
    opacity :      0.95;
	
}

.process-steps {


    display: flex;
    flex-direction: column;
    gap: 30px;


}

.step-item {
   gap: 20px;
  display: flex;
  align-items: flex-start;
}

.step-icon     {
    width: 50px;
    height  :  50px;
   flex-shrink: 0;
}

.step-icon svg {
  width: 100%;
    height: 100%;
  stroke: white;
   fill: none;
   stroke-width: 2;
   stroke-linecap: round;
  stroke-linejoin: round;
}

.step-text h4 {
   font-size: 20px;
   margin-bottom: 8px;
}

.step-text p {


   font-size: 15px;
      opacity: 0.9;

}

.showcase-section     {
   padding: 90px 30px;
  max-width: 1200px;
    margin: 0 auto;
}

.showcase-section h2 
 {
	    text-align: center;
    font-size: 38px;
   margin-bottom :       60px;
  color: #1a202c;
	}

.showcase-grid {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap     :   35px;
}

.showcase-item {

  background: white;
   border-radius: 10px;
               overflow     :       hidden;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
   transition: transform 0.3s;}

.showcase-item:hover {
  transform: translateY(-8px); 
	
}

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

.showcase-info {
   padding: 30px 25px;
}

.showcase-info h3
	{

		 font-size: 22px;
  margin-bottom: 12px;
  color: #1a202c;
	}

.showcase-info p {
    color: #4a5568;
    line-height  :    1.7;
}

.cta-block {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    padding: 80px 30px;
     text-align: center;
   color: white;
}

.cta-content {
   max-width: 800px;
    margin: 0 auto;
}

.cta-content h2  {

   font-size: 42px;
  margin-bottom: 25px;}

.cta-content p
	{


		font-size: 18px;
  margin-bottom: 35px;
	opacity: 0.95;
	
	}

.cta-button {
         display: inline-block;
    padding: 18px 45px;
   background: white;
    color: #f5576c;
    text-decoration: none;
    border-radius: 8px;
     font-weight: 600;
    font-size  :      17px;
    transition: transform 0.3s, box-shadow 0.3s;
}

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

.contact-section {
    padding: 90px 30px; 
  background: #f7fafc;
}

.contact-wrapper {

	   max-width :   1100px;
    margin: 0 auto;
      display: grid;
    grid-template-columns: 1fr 1.3fr;
          gap: 60px;
}

.contact-info h2 {
  font-size: 36px;
    margin-bottom: 20px;
   color: #1a202c;


}

.contact-info > p {
   font-size: 17px;
 color    :  #4a5568;
    margin-bottom: 40px;
}

.info-items {
	 display: flex;
    flex-direction: column;
	 gap: 30px;
}

.info-item {
	display: flex;
  gap: 18px;
  align-items: flex-start;
}

.info-icon {
	width: 45px;
   height: 45px;
  flex-shrink: 0;
}

.info-icon svg {
  width: 100%; 
		height    :100%; 
	    stroke  : #667eea; 
	   fill: none; 
	   stroke-width:       2; 
	  stroke-linecap: round; 
	    stroke-linejoin: round;
}

.info-item strong  
  {
    color     :  #1a202c;
   margin-bottom   :    5px;
   font-size: 16px;
  display: block;
}

.info-item p		{
 line-height: 1.6; 
  color: #4a5568;
}

.contact-form-wrapper {
   background: white;
    padding: 45px 40px;
	 border-radius: 12px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}


.contact-form   {
   display: flex;
   flex-direction: column;
  gap: 25px;
}


.form-row {
	display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
}

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

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

.form-group input,
.form-group select,
.form-group textarea {
   border-radius: 6px;
   border: 2px solid #e2e8f0;
   transition: border-color 0.3s;
    font-family: inherit;
	font-size: 15px;
    padding  :   14px 16px;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;

   border-color    :     #667eea;
}

.form-group textarea {

	 resize: vertical;}

.submit-btn {
  padding: 16px 40px;
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color     :  white;
   	 border: none;
      border-radius: 8px;
     font-size: 16px;
   	font-weight:600;
      cursor   :       pointer;
      transition   :transform 0.3s, box-shadow 0.3s; 

}

.submit-btn:hover {

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

.site-footer {
  background: #1a202c;
   color: white;
	padding  :      60px 30px 30px;
}

.footer-content {
  max-width: 1200px;

	margin: 0 auto;

   display    :       grid;

      grid-template-columns: 2fr 1fr 1fr;

    gap: 50px;

    margin-bottom: 40px;
}

.footer-logo{
  height: 40px;
	margin-bottom: 20px;
}

.footer-col p {

    color    :   #a0aec0;
 line-height: 1.8;
	}

.footer-col h4 {
   font-size: 18px;
	margin-bottom: 20px;
}

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

.footer-links li {

   margin-bottom    :12px;
	
     } 

.footer-links a {
                    color: #a0aec0;
    text-decoration    : none;
    transition: color 0.3s;
}

.footer-links a:hover {

	   color: white;}

.footer-bottom {
   max-width: 1200px;
  margin: 0 auto;
    padding-top :     30px;
  border-top   :   1px solid #2d3748;
    text-align:     center;
  color:       #718096;
	
}@media (max-width: 768px) {
    .burger-toggle {
        display: flex;
    }
    
    .nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        gap: 0;
        padding: 20px 30px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        display: none;
    }
    
    .nav-links.active {
        display: flex;
    }
    
    .nav-links a {
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .hero-block {
        grid-template-columns: 1fr;
        padding: 50px 20px;
    }
    
    .hero-content h1 {
        font-size: 36px;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        padding: 60px 20px;
    }
    
    .methodology-block {
        grid-template-columns: 1fr;
        padding: 60px 20px;
    }
    
    .showcase-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-wrapper {
        grid-template-columns: 1fr;
    }
    
    .form-row {
        grid-template-columns: 1fr;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}.policySection {
    padding: 80px 2rem;
  background: #f8f9fa;} 

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

.policyContainer h2 {
   font-weight: 700;
  margin-bottom     :1.5rem;
   color: #2c3e50;
  font-size: 2.5rem; 

}

.policyContainer p {
    color: #7f8c8d;

	    font-size: 1.1rem;

	   margin-bottom: 1.5rem;

		line-height: 1.7; 
	
}@media (max-width: 768px) {
    .policyContainer h2 {
        font-size: 2rem;
    }

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

    .policySection {
        padding: 60px 1rem;
    }
}.policySection {
	padding: 80px 2rem;
 background: #f8f9fa;
}

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

.policyContainer h2 {
        font-size: 2.5rem;
     color: #2c3e50;
             margin-bottom: 1.5rem;
     font-weight: 700; 

}

.policyContainer p {

  color: #7f8c8d;
    margin-bottom  : 1.5rem;
   line-height: 1.7;
    font-size    : 1.1rem;

}@media (max-width: 768px) {
    .policyContainer h2 {
        font-size: 2rem;
    }

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

    .policySection {
        padding: 60px 1rem;
    }
}.page-header {
    margin-top: 85px;
   padding    :    70px 30px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  text-align: center;
   color: white;
     }

.header-content h1 {
	font-size: 44px;
 margin-bottom: 18px;
}

.header-content p {
  font-size: 18px;
   max-width: 750px;
  margin: 0 auto;
    opacity: 0.95;
  line-height: 1.7;

}

.services-intro {
   			padding: 70px 30px;
   background: #f7fafc;
}

.services-intro-wrapper {
    max-width: 850px;
			margin: 0 auto;
   text-align: center;
}

.services-intro h2     {
  font-size: 34px;
  margin-bottom: 22px;
   color: #1a202c;
}

.services-intro p {
    font-size: 17px;
   color: #4a5568;
   line-height: 1.8;
}

.services-catalog {
   max-width: 1150px;
   margin: 0 auto;
  padding: 80px 30px;
}

.service-block {
   display: grid;
   grid-template-columns: 1fr 1.2fr;
  gap: 55px;
    margin-bottom: 70px;
    align-items: center;
}

.service-block.reverse	{
    grid-template-columns: 1.2fr 1fr;
}

.service-block.reverse .service-visual {


    order: 2;

}

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

.service-details {
       padding: 20px 0; 

}

.service-badge
{
  display: inline-block;
  padding: 7px 18px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 20px;
    font-size: 13px;
 font-weight   :     600;
  margin-bottom: 18px;
  text-transform: uppercase;
    letter-spacing: 0.5px; 
	
}

.service-details h3  
  {
  font-size :   30px;
   margin-bottom: 18px;
  color: #1a202c;

}

.service-details > p     {
   line-height: 1.7;
  font-size: 16px;
  margin-bottom: 28px;
	 color:      #4a5568;
}  

.service-features {
   margin-bottom:        25px;
}

.feature-point {
   display: flex;
   align-items: center;
  gap: 12px;
    margin-bottom: 14px;
}

.point-icon {
  width: 22px;
  height : 22px;
  flex-shrink:  0;
} 

.point-icon svg {
    width: 100%;
   height: 100%;
 stroke: #667eea;
    fill: none;
     stroke-width: 2.5;
   stroke-linecap: round;
  stroke-linejoin: round;
}

.feature-point span

{
				 font-size: 15px;
   color: #2c3e50;
	
}

.service-duration {
          display: flex;
   align-items: center;
  gap:      10px;
  padding :  15px 20px;
    background   :  #f7fafc;
  border-radius: 8px;
   margin-top   : 22px;
     }

.service-duration svg {
   width: 24px;
  height: 24px;
   stroke   :    #667eea;
  fill: none;
   stroke-width: 2;
   flex-shrink: 0;
} 

.service-duration span    {
   font-size  :       15px;
  color: #2c3e50;
    font-weight: 500;
}

.benefits-section {
     background: #f7fafc;
   padding: 80px 30px;
}

.benefits-section h2 {
  text-align: center;
    font-size: 36px;
   margin-bottom: 55px;
    color: #1a202c;
}

.benefits-grid {
   max-width: 1150px;
	margin: 0 auto;
   display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}

.benefit-item {
          background: white;
  padding   :   35px 28px;
  border-radius :  10px;
  box-shadow: 0 5px 18px rgba(0,0,0,0.07);
    text-align: center;
	 transition: transform 0.3s;
}

.benefit-item:hover {
  transform: translateY(-6px);
}

.benefit-icon

{
  width    :   55px;
  height   : 55px;
    margin   :    0 auto 22px;
}

.benefit-icon svg {
    width: 100%;
         height: 100%;
  stroke: url(#grad1);
  fill: none;
  stroke-width: 2;
  stroke-linecap  :  round;
         stroke-linejoin: round;
}

.benefit-item h4 {

	  font-size: 19px;
    margin-bottom: 12px;
  color   :#1a202c;
	}

.benefit-item p {
      font-size: 15px;
  color: #4a5568;
   line-height: 1.7;
}

.process-overview {
  padding: 80px 30px;
    background: white;
}

.process-content {
       max-width: 950px;
   margin: 0 auto;
} 

.process-content h2 {

    font-size: 36px;
   margin-bottom: 20px;
  text-align: center;
 color: #1a202c;
}

.process-intro {
   text-align     :      center;
   font-size: 17px;
    color  :    #4a5568;
       margin-bottom: 50px;
          line-height: 1.8;
	}

.timeline {
   position: relative;


}

.timeline::before {
  content: '';
    position: absolute;
   left: 30px;
    top   :       20px;
  bottom: 20px;
   width: 3px;
  background: linear-gradient(to bottom, #667eea, #764ba2);
}

.timeline-step {
 display: flex;
 gap: 28px;
  margin-bottom   :  45px;
	position: relative;
	
}

.timeline-marker {
    width: 60px;
    height:      60px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color:      white;
  border-radius: 50%;
    display: flex;
    align-items:      center;
   justify-content: center;
  font-size  :24px;
    font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
	z-index  : 1;
}

.timeline-info {
  padding-top: 5px;
}

.timeline-info h4		{
       font-size: 21px; 
	  margin-bottom: 10px; 
	   color: #1a202c;
}

.timeline-info p {
   font-size: 16px;
   color: #4a5568;
    line-height: 1.7;
}

.cta-services {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    padding: 75px 30px;
  text-align: center;
  color    :  white;


}

.cta-services-content

{
   max-width: 780px;
  margin: 0 auto;
}

.cta-services-content h2 {
  font-size  :   38px;
  margin-bottom: 22px; 
	
}

.cta-services-content p

{
   font-size: 17px;
   margin-bottom: 32px;
  opacity: 0.95;
  line-height: 1.8;
}

.cta-btn-services {
    display: inline-block;
    padding: 17px 42px;
    background: white;
    color: #f5576c;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
   font-size    :        16px;
   transition: transform 0.3s, box-shadow 0.3s; 
	
}

.cta-btn-services:hover {
  transform: translateY(-3px);

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

}

.thankyou-hero {
  margin-top: 85px;
   padding   : 90px 30px;
  background  :   #f7fafc;
}

.thankyou-container {
    max-width: 850px;
   margin: 0 auto;
   text-align: center;
}

.success-icon {
   width: 90px;
    height: 90px;
   margin     : 0 auto 35px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 50%;
    display: flex;
    align-items: center;
      justify-content     :      center;
    animation: scaleIn 0.5s ease;
}@keyframes scaleIn {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}.success-icon svg {
	        width: 50px;
    height: 50px;
     stroke: white;
	fill: none;
   stroke-width: 2.5;
     }

.thankyou-container h1 {
       font-size: 40px;
   margin-bottom:22px;
   color: #1a202c;


}

.thankyou-message {
   font-size: 18px;
    color: #4a5568;
   line-height: 1.8;
    margin-bottom: 50px; 
	
}

.next-steps {

	 background  :  white;
    padding: 45px 40px;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.08);
   margin-bottom: 40px;
    text-align: left;


}  

.next-steps h3 {
                    font-size: 26px;
    margin-bottom: 32px;
   text-align: center;
  color: #1a202c;
}

.steps-list  {
    display: flex;
    flex-direction: column;
   gap: 25px;
}

.step-box
{
   display: flex;
    gap: 22px;
    align-items:       flex-start;
}



.step-number {
   width: 45px;
   height: 45px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
   border-radius: 8px;
   display: flex;
   align-items    :    center;
  justify-content: center;
   font-size: 20px;
    font-weight: 700;
    flex-shrink   :       0;
}

.step-description h4 {
    font-size: 18px;
   margin-bottom  :   8px;
    color: #1a202c;
}

.step-description p  
  {
   font-size: 15px;
         color: #4a5568;
    line-height  :    1.7;
}

.thankyou-actions {
  display: flex;
                    gap: 18px;
       justify-content :      center;
   flex-wrap: wrap;
}

.btn-primary-ty {
  display: inline-block;
  padding: 16px 38px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
    transition: transform 0.3s, box-shadow 0.3s;
}

.btn-primary-ty:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}

.btn-secondary-ty {
    padding: 16px 38px;
    text-decoration   : none;
	background: white;
    color: #667eea;
      display: inline-block;
    font-weight: 600;
   border-radius     :   8px;
   border    :    2px solid #667eea;
    transition: all 0.3s;
}

.btn-secondary-ty:hover 
 {
  background: #667eea;
    color: white;
  transform: translateY(-2px);
}

.additional-info {
   padding: 70px 30px;
     background: white;
}

.info-wrapper {
  max-width: 1100px;
   margin: 0 auto;
   display  :grid;
  grid-template-columns: repeat(3, 1fr);
       gap: 35px;
}

.info-card {
    background: #f7fafc;
	  padding: 38px 30px;
	    border-radius: 10px;
	          text-align   :        center;
}

.info-card-icon {
    width: 60px;
  height: 60px;
          margin: 0 auto 22px;
    background: white;
  border-radius :   50%;
    display: flex;
                    align-items: center;
	justify-content: center;
     }

.info-card-icon svg {
  width: 32px;
    height: 32px;
  stroke: #667eea;
    fill: none;
    stroke-width: 2;
}

.info-card h4 {
   font-size: 20px;
     margin-bottom     :     12px;
      color: #1a202c;
}

.info-card p {
  margin-bottom: 8px;
          font-size: 15px;
   line-height: 1.7;
    color    : #4a5568;
}

.info-card strong    {
                    font-size: 18px;
	color: #667eea;
}@media (max-width: 768px) {
    .page-header {
        padding: 50px 20px;
    }
    
    .header-content h1 {
        font-size: 32px;
    }
    
    .service-block,
    .service-block.reverse {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 50px;
    }
    
    .service-block.reverse .service-visual {
        order: 0;
    }
    
    .benefits-grid {
        grid-template-columns: 1fr;
    }
    
    .timeline::before {
        left: 20px;
    }
    
    .timeline-marker {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .info-wrapper {
        grid-template-columns: 1fr;
    }
    
    .thankyou-actions {
        flex-direction: column;
    }
    
    .btn-primary-ty,
    .btn-secondary-ty {
        width: 100%;
        text-align: center;
    }
}