* {

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

body {


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

.top-strip {
	 background: #fff;
  box-shadow: 0 2px 15px rgba(0,0,0,0.08);
   position: sticky;
   top: 0;
	z-index  :     1000;
    padding: 0;
}

.main-navigator  {
	 width: 100%;
}

.nav-wrapper-content {

	   max-width: 1400px;
   margin: 0 auto;
	padding: 1.2rem 2.5rem;
  display: flex;
    justify-content: space-between;
	align-items: center;
}

.brand-section a {
    display: block;
}

.brand-image {
   height: 48px;
   width     :auto;
}

.mobile-trigger {
   display :    none;
	 background: none;
    border: none;
   cursor: pointer;
   flex-direction: column;
    gap: 5px;
}

.mobile-trigger span {
    width: 28px;
    height :   3px;
  background: #2c3e50;
   display: block;
	transition: 0.3s;
}


.nav-links-container {
			display: flex;
	gap: 2.5rem;
  align-items  :       center;
}

.nav-item {

		 text-decoration: none;
  color: #34495e;
   font-weight: 500;
   font-size: 16px;
    transition: color 0.3s ease;
   position: relative;}

.nav-item:hover, .nav-item.active-link {
  color: #27ae60;
}

.nav-item.active-link::after {
  content: '';
     position: absolute;
       bottom: -8px;
                  left     :    0;
       width: 100%;
      height: 3px;
      background   :  #27ae60;
}

.hero-main-block {
  background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%); 
    padding :120px 2.5rem 100px;
} 

.hero-content-wrapper {
                    max-width: 1400px; 
	    margin: 0 auto; 
	    display: grid; 
		grid-template-columns :        1fr 1fr; 
	   gap: 80px; 
	   align-items: center;
}

.hero-text-area {
	padding-right :        40px;
}

.primary-headline  
  {
  font-size: 56px;
    line-height: 1.2;
  color  :  #1e3a2e;
    margin-bottom: 28px;
    font-weight    :   700; 

}

.hero-description-text {
	font-size     :      19px;
  line-height: 1.7;
    color: #34495e;
   margin-bottom   :40px;
}

.hero-action-buttons {
				 display: flex;
   gap: 20px;

}

.primary-cta-btn {


	background: #27ae60;
   color: white;
    padding: 16px 38px;
	 text-decoration: none;
   border-radius: 8px;
   font-weight : 600;
			font-size: 17px;
    transition     :        all 0.3s;
    display:    inline-block;
	


}

.primary-cta-btn:hover

{
  background: #229954;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(39, 174, 96, 0.3);
}

.secondary-outline-btn {
  background: transparent;
    color: #27ae60;
  padding:16px 38px;
   text-decoration: none;
  border: 2px solid #27ae60;
  border-radius: 8px;
   font-weight: 600;
   font-size: 17px;
    transition: all 0.3s;
   display: inline-block;
}

.secondary-outline-btn:hover {
    background: #27ae60;
   color: white;
}

.hero-visual-side {
  position :      relative;
}

.hero-main-image {
    width :        100%;
   height     :  auto;
	border-radius   :    20px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}

.benefits-showcase-area {
    padding: 100px 2.5rem;
	      background: #ffffff;
}

.section-container-regular {
	max-width: 1400px;
  margin: 0 auto;
}

.section-title-center {
   font-size: 44px;
   text-align: center;
         color: #1e3a2e;
   margin-bottom    :     18px;
   font-weight: 700;
}

.section-subtitle-text {
	    text-align: center;
        font-size: 19px;
	margin-bottom: 70px;
        color: #7f8c8d;


}

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

.benefit-card-item	{
	 background: #f8fffe;
   padding: 42px 32px;
   border-radius: 12px;
                    transition: all 0.3s ease;
          border: 1px solid #e8f5e9;
}

.benefit-card-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(39, 174, 96, 0.12);
}

.icon-holder{
   width: 70px;
	   height: 70px;
	  background: #27ae60;
	  border-radius: 50%;
	    display: flex;
	  align-items: center;
		justify-content :        center;
	          margin-bottom: 24px;
}

.benefit-icon {
	 width: 36px;
                    height     :        36px;
   stroke: #ffffff;
  fill: none;
    stroke-width: 2.5;
			stroke-linecap: round;
    stroke-linejoin: round;
}

.benefit-card-title  
  {
	font-size: 24px;
   color :    #1e3a2e;
    margin-bottom  :    16px;
    font-weight: 600;
}

.benefit-card-description {
    font-size     :    16px;
   line-height: 1.7;
    color     :     #566573;
}

.approach-methodology-block {
    padding: 100px 2.5rem;
  background: linear-gradient(135deg, #f8fffe 0%, #ffffff 100%);
}

.approach-grid-system {
   display: grid;
  grid-template-columns: 1fr 1fr;
   gap: 80px;
   align-items  :        center;
}

.approach-visual {
  width: 100%;
    height: auto;
  border-radius: 16px;
  box-shadow: 0 15px 50px rgba(0,0,0,0.1);
}

.approach-section-heading


{
    font-size: 40px;
  color: #1e3a2e;
   margin-bottom:     24px;
                    font-weight: 700;
}

.approach-intro-paragraph		{
  margin-bottom: 42px;
      font-size: 18px;
     line-height: 1.7;
       color: #566573;


}

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

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

.step-number-badge {
          background: #27ae60;
  color: white;
    width: 50px;
    height: 50px;
  border-radius: 50%;
  display: flex;
   align-items: center;
    justify-content: center;
    font-weight: 700;
   font-size: 18px;
   flex-shrink: 0;
}

.step-title-text


{
  font-size:      20px;
  color: #1e3a2e;
 margin-bottom: 8px;
  font-weight   : 600;
}

.step-desc-text {
  font-size: 16px;
   line-height     :      1.6;
    color: #566573;
} 

.case-studies-gallery     {
    padding: 100px 2.5rem;
   background: #ffffff;
	}

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

.case-card-wrapper     {
  background: #fff;
      border-radius: 12px;
    overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.case-card-wrapper:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 45px rgba(0,0,0,0.12);
}

.case-image-container {
   width: 100%;
	height: 280px;
   overflow: hidden; 

}

.case-study-img {
   width: 100%;
   height :  100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.case-card-wrapper:hover .case-study-img {
  transform: scale(1.08);
}

.case-text-content{
    padding: 32px;
}

.case-title-heading {
  font-weight: 600;
	color: #1e3a2e;
  margin-bottom: 14px;
        font-size:   22px;
}

.case-description-p {
    line-height     :     1.6;
  color: #566573;
  font-size: 16px;
}

.cta-booking-section		{
 padding: 100px 2.5rem;

	  background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
}

.cta-inner-container     {
    max-width     :    1000px;
   margin   :   0 auto;
}

.cta-text-block {
  text-align: center;
}

.cta-main-title	{
   font-size     :     42px;
  color: #ffffff;
  font-weight: 700;
    margin-bottom  :       24px;
}

.cta-supporting-text {
     color: #e8f5e9;
  line-height     :   1.7;
    margin-bottom: 42px;
	 font-size: 19px;
	}

.cta-features-list 
 {
    display: flex;
   flex-direction: column;
   gap     :    18px;
   margin-bottom  :    48px;
    max-width: 600px;
    margin-left: auto;
   margin-right: auto;

}

.feature-item-inline {
  display: flex;
    align-items: center;
  gap: 14px;
  text-align: left;
}

.feature-check-icon {
	width: 28px;
  height    : 28px;
	 stroke: #ffffff;
  fill: none;
      stroke-width: 2.5;
  flex-shrink: 0;
}

.feature-item-inline span {

   color: #ffffff;
   font-size: 17px;


}

.cta-action-button		{
    background: #ffffff;
    color: #27ae60;
   padding     :     18px 48px;
  text-decoration: none;
   border-radius    :     8px;
	 font-weight: 700;
                    font-size: 18px;
  display: inline-block;
    transition: all 0.3s;
}

.cta-action-button:hover {

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


}

.contact-form-section {
  padding: 100px 2.5rem;
		 background: #f8fffe;
}

.contact-layout-grid {
	 display    :  grid;
   grid-template-columns: 1fr 1.3fr;
          gap: 70px;
}  

.contact-section-title {
  font-size: 38px;
   color: #1e3a2e;
        margin-bottom: 22px;
    font-weight: 700; 

} 

.contact-intro-paragraph {
   font-size: 17px;
                    line-height: 1.7;
   color: #566573;
   margin-bottom:42px;
}

.contact-details-list {
  display: flex;
   flex-direction :        column;
       gap: 28px;
}

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

.contact-icon {
               width :   28px;
    height    :     28px;
  stroke: #27ae60;
    fill: none;
  stroke-width :   2.5;
  flex-shrink: 0;
     }

.contact-detail-text
{
  display: flex;
    flex-direction     :      column;
   gap: 4px;
}

.detail-label {
	font-size    :      14px; 
	  color: #7f8c8d; 
	   font-weight:    600;
}

.detail-value {
  text-decoration: none;
   font-size: 17px;
    color: #2c3e50;
	
}

.detail-value:hover {
    color: #27ae60;
}

.main-contact-form {
    background: #ffffff;
    padding: 42px;
   border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}

.form-input-group {
	 margin-bottom: 24px;
}


.form-input-label {


    display: block;
    margin-bottom: 8px;
 font-weight: 600;
   color: #2c3e50;
  font-size: 15px; 
	
     }

.form-text-input,
.form-select-input,
.form-textarea-input {
   width: 100%;
  padding: 14px 18px;
   border: 2px solid #e8f5e9;
    border-radius: 8px;
    font-size: 16px;
   font-family: inherit;
   transition: all 0.3s;
    background: #ffffff;
}

.form-text-input:focus,
.form-select-input:focus,
.form-textarea-input:focus  {

	  outline: none;
   border-color: #27ae60;
  box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.1);


}

.form-textarea-input {
               min-height: 120px;
    resize   :vertical;
}

.form-submit-button {
   width: 100%;
	    background: #27ae60;
	     color :    white;
	  padding: 16px;
		border   :    none;
	   border-radius: 8px;
	   font-size: 17px;
	    font-weight: 700;
	   cursor: pointer;
	   transition: all 0.3s;}

.form-submit-button:hover {
  background :      #229954;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(39, 174, 96, 0.3); 
	
}

.site-footer {
    background: #1e3a2e;
	color :        #ffffff;
    padding: 70px 2.5rem 30px;
}

.footer-content-wrapper {

    margin: 0 auto;
   max-width: 1400px;


}

.footer-top-section {
    display: grid;
  grid-template-columns    :   2fr 1fr 1fr 1.5fr;
        gap: 50px;
   margin-bottom: 50px;
}  

.footer-logo-img {
     height: 40px;
   width: auto;
    margin-bottom: 20px;
  filter: brightness(0) invert(1);

}

.footer-brand-description {
  font-size: 15px;
    line-height: 1.7;
    color : #b2dfdb;
}

.footer-column-title {
     font-size:     18px;
   margin-bottom :   22px;
    font-weight: 600;
  color: #ffffff;

}

.footer-links-list {
                    display: flex;

  gap: 12px;

    flex-direction: column;

   list-style:       none;
}



.footer-link-item		{


   color: #b2dfdb;
  text-decoration:none;
  font-size: 15px;
    transition: color 0.3s;
}

.footer-link-item:hover {

  color: #ffffff;
	}


.footer-contact-list     {
   list-style :none;
	display: flex;
	flex-direction: column;
    gap: 18px;

}

.footer-contact-item
	{
    color: #b2dfdb;
  gap: 12px;
  font-size: 15px;
  align-items: flex-start;
  display: flex;
} 

.footer-contact-icon {
   width: 20px;

    height: 20px;

  stroke: #27ae60;

  fill: none;

          stroke-width   :      2.5;

  flex-shrink: 0;

  margin-top: 2px;
}

.footer-contact-item a {

   color    :   #b2dfdb;
  text-decoration  : none;
   transition: color 0.3s;


}

.footer-contact-item a:hover {
    color   :  #ffffff;
}

.footer-bottom-bar {

        padding-top: 30px;
  border-top: 1px solid rgba(255,255,255,0.1);
   text-align: center;


}

.footer-copyright-text {
    color :#b2dfdb;
    font-size     :  14px;
}@media (max-width: 1200px) {
    .hero-content-wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .hero-text-area {
        padding-right: 0;
        text-align: center;
    }
    
    .hero-action-buttons {
        justify-content: center;
    }
    
    .approach-grid-system {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .footer-top-section {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .mobile-trigger {
        display: flex;
    }
    
    .nav-links-container {
        position: fixed;
        top: 82px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 82px);
        background: #ffffff;
        flex-direction: column;
        padding: 40px;
        transition: left 0.3s ease;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        gap: 0;
    }
    
    .nav-links-container.active {
        left: 0;
    }
    
    .nav-item {
        width: 100%;
        padding: 18px 0;
        border-bottom: 1px solid #ecf0f1;
    }
    
    .primary-headline {
        font-size: 36px;
    }
    
    .hero-main-block {
        padding: 80px 1.5rem 60px;
    }
    
    .benefits-showcase-area,
    .approach-methodology-block,
    .case-studies-gallery,
    .cta-booking-section,
    .contact-form-section {
        padding: 60px 1.5rem;
    }
    
    .section-title-center {
        font-size: 32px;
    }
    
    .benefits-grid-layout {
        grid-template-columns: 1fr;
    }
    
    .gallery-grid-three {
        grid-template-columns: 1fr;
    }
    
    .contact-layout-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .hero-action-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .primary-cta-btn,
    .secondary-outline-btn {
        width: 100%;
        text-align: center;
    }
    
    .footer-top-section {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 480px) {
    .nav-wrapper-content {
        padding: 1rem 1.5rem;
    }
    
    .primary-headline {
        font-size: 28px;
    }
    
    .cta-main-title {
        font-size: 30px;
    }
    
    .main-contact-form {
        padding: 28px;
    }
}.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;
    }
}.services-hero-banner {
  background: linear-gradient(135deg, #27ae60 0%, #1e8449 100%);
   padding: 140px 2.5rem 100px;
   text-align: center;

}

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

.services-main-title {


   font-size: 52px;
   color: #ffffff;
	margin-bottom: 22px;
       font-weight: 700;

}

.services-hero-subtitle {

	  font-size: 20px; 
  color:   #e8f5e9; 
  line-height     :  1.6;
	}

.services-intro-section {


	 padding: 80px 2.5rem;
   background: #ffffff; 



}

.intro-content-block {
	 max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.intro-section-heading {

		font-size: 38px;
   color: #1e3a2e;
      margin-bottom: 24px;
    font-weight: 700;

}

.intro-main-text {
   font-size: 18px;
    line-height    :    1.8;
  color: #566573;
}

.main-services-catalog {
    padding: 80px 2.5rem;
   background: #f8fffe;
}

.services-listing-grid {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 35px;
               max-width    :    1400px;
       margin: 0 auto;
}

.service-card-unit {
   background: #ffffff;
    border-radius: 14px;
       padding: 38px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  transition   :      all 0.3s ease;
    display: flex;
               flex-direction: column;
    position  :  relative;
}

.service-card-unit:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(39, 174, 96, 0.15);
}

.featured-service {
  border: 2px solid #27ae60;
}

.popular-badge {
	position: absolute;
   top: -12px;
  right: 30px;
    background: #27ae60;
    color: white;
   padding: 6px 18px;
	border-radius: 20px;
    font-size:    13px;
   font-weight   :   700;
}

.service-card-header {
   margin-bottom: 24px;
}

.service-icon-wrapper  
  {
   width: 65px;
   height:    65px;
	background: #e8f5e9;
   border-radius: 50%;
    display: flex;
  align-items: center;
    justify-content:       center;
  margin-bottom:      20px;
}

.service-card-icon     {
   width: 32px;
  height: 32px;
  stroke: #27ae60;
    fill: none;
    stroke-width :      2.5;
    stroke-linecap: round;
   stroke-linejoin  :round;
}

.service-card-heading {
   font-size: 25px;
    color: #1e3a2e;
    font-weight: 700;
}

.service-card-body {
   flex-grow: 1;

	margin-bottom: 28px;
}

.service-description-paragraph {
   	font-size: 16px;
   line-height: 1.7;
   color: #566573;
    margin-bottom: 24px;}

.service-features-listing {


    list-style: none;
   margin-bottom: 24px;
	}

.service-feature-point {
	   padding-left: 28px;
  margin-bottom: 12px;
   font-size: 15px;
    color: #566573;
    position: relative;
   line-height: 1.6;
     }

.service-feature-point::before {
	   color: #27ae60;
   font-size: 16px;
    left: 0;
   font-weight: 700;
    position: absolute;
  content: '✓';




} 

.service-duration-info {
    display: flex;
	 align-items: center;
     gap  :       10px;
  padding: 14px;
   background: #f8fffe;
	border-radius: 8px;
}

.duration-label {
    font-size: 14px;
        color: #7f8c8d;
  font-weight: 600;
}

.duration-value {
   font-weight   :700;
         color: #1e3a2e;
    font-size: 15px;
}

.service-card-footer {
	    margin-top: auto;
	}

.service-cta-button {
    display: block;
   width: 100%;
  background: #27ae60;
	color     :       white;
  padding: 15px;
               text-align: center;
       text-decoration :      none;
    border-radius: 8px;
       font-weight: 700;
   font-size: 16px;
   transition: all 0.3s;
}

.service-cta-button:hover {
	background: #229954;
  transform: translateY(-2px);
}

.process-timeline-block {
  padding: 90px 2.5rem;
   background: #ffffff;
}

.timeline-wrapper {
    max-width    :      900px;
  margin     :        0 auto;
  position: relative;

}

.timeline-step-item {
   display: flex;
   gap: 30px;
   margin-bottom: 50px;
}

.timeline-step-item:last-child {
          margin-bottom: 0;

}

.timeline-marker {
    display: flex;
   flex-direction: column;
  align-items: center;
					flex-shrink: 0;
}

.marker-circle {
	 width: 20px;
   height: 20px;
    background: #27ae60;
    border-radius: 50%;
    border: 4px solid #e8f5e9;
}

.marker-line	{
    width: 2px;
	height: 100%;
    background: #e8f5e9;
   flex-grow: 1;
    margin-top: 8px;
}

.timeline-step-item:last-child .marker-line    {
   display :    none;


}

.timeline-content-box {

	    flex-grow: 1;
                    padding-top: 0;
	}

.timeline-step-title {
    font-size: 22px;
    color     : #1e3a2e;
    margin-bottom: 12px;
	font-weight: 700;
}

.timeline-step-description {

	font-size: 16px;
    line-height: 1.7;
        color: #566573;
     }

.faq-section-block {
  padding: 90px 2.5rem;

	   background: #f8fffe; 
	
}

.faq-items-container

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

.faq-item-wrapper {
	background: #ffffff;
  border-radius  :10px;
    margin-bottom: 18px;
    overflow     :       hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.faq-question-btn {
    width: 100%;
  background:        transparent;
   border: none;
  padding: 24px 28px;
    text-align: left;
          cursor: pointer;
      display: flex;
   justify-content: space-between;
   align-items   :  center;
    gap: 20px;
  transition :background 0.3s;
}

.faq-question-btn:hover {
   background: #f8fffe;
}

.faq-question-text 
 {
		font-size: 18px;
 color  :       #1e3a2e;
    font-weight: 600;
}

.faq-toggle-icon{
  font-size   :  28px;
   color  :      #27ae60;
	font-weight: 700;
    flex-shrink: 0;
   transition: transform 0.3s;
}

.faq-item-wrapper.active .faq-toggle-icon {


  transform: rotate(45deg);


}

.faq-answer-content {
   max-height: 0;
    overflow: hidden;
   transition :     max-height 0.4s ease, padding 0.4s ease;
}

.faq-item-wrapper.active .faq-answer-content {
   max-height: 500px;
  padding: 0 28px 28px;
}

.faq-answer-content p {
    font-size: 16px;
	 line-height: 1.7;
  color     :#566573;
}

.services-cta-final    {
  padding: 90px 2.5rem;
  background: linear-gradient(135deg, #1e3a2e 0%, #27ae60 100%);
    text-align: center;
}

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

.services-cta-heading {
  font-size: 42px;
   color: #ffffff;
  margin-bottom: 20px;
  font-weight: 700;

}

.services-cta-text {
    font-size: 19px;
   color     :#e8f5e9;
    margin-bottom: 38px;
    line-height: 1.7;
}

.services-final-button {
  background: #ffffff;
   color: #27ae60;
    padding: 18px 45px;
	text-decoration: none;
	border-radius: 8px;
  font-weight: 700;
   font-size: 18px;
    display: inline-block;
   transition: all 0.3s;
}

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

.thankyou-main-section    {
  padding: 100px 2.5rem;
  background: linear-gradient(135deg, #f8fffe 0%, #e8f5e9 100%);
   min-height: 70vh;
}

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

.thankyou-icon-area {

	  margin-bottom  : 32px;
	}

.success-icon-wrapper {
                    width:  100px;
    height: 100px;
    background: #27ae60;
  border-radius: 50%;
   display: inline-flex;
    align-items: center;
                    justify-content: center;
  animation    :        scaleIn 0.5s ease;
}@keyframes scaleIn {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}.thankyou-success-icon {
   width    :    50px;
    height: 50px;
         stroke: #ffffff;
          fill :       none;
   stroke-width: 3;
	stroke-linecap: round;
    stroke-linejoin: round;
}

.thankyou-main-heading {
  font-size: 46px;
   color: #1e3a2e;
  margin-bottom: 24px;
   font-weight: 700;
}

.thankyou-message-text {


   color: #566573;

	  line-height: 1.7;

	  margin-bottom    :      48px;

	    font-size: 19px;

}

.thankyou-info-box {
		background: #ffffff;
  border-radius:  14px;
	padding: 42px;
   margin-bottom: 42px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}

.thankyou-info-title {
          font-size: 28px; 
	  color: #1e3a2e; 
	  margin-bottom  :32px; 
	  font-weight: 700;
}

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

.thankyou-step-item {


	display: flex;
                    gap   :      22px;
    text-align: left;
	align-items: flex-start;
}

.step-number-circle {
  width: 45px;
	    height: 45px;
	     background: #27ae60;
	    color: white;
	  border-radius  : 50%;
	               display: flex;
	   align-items    :     center;
	    justify-content: center;
	   font-weight: 700;
	    font-size    :  18px;
	   flex-shrink: 0;
}

.step-mini-title

{
	 font-size: 19px;
    color: #1e3a2e;
    margin-bottom: 8px;
   font-weight: 700;
}

.step-mini-desc {
   color :#566573;
   font-size: 16px;
    line-height: 1.6;
}

.thankyou-additional-info {
    background: #e8f5e9;
   padding: 28px;
   border-radius: 10px;
	margin-bottom:        42px;
}

.additional-info-paragraph    {
  font-size: 17px;

	    color  :        #2c3e50;

	 margin-bottom: 16px;
}

.thankyou-phone-link {
  align-items: center;
	   font-size: 22px;
	    font-weight: 700;
	   transition: color 0.3s;
	  text-decoration: none;
	   gap: 10px;
	  display: inline-flex;
	   color  :    #27ae60;
}

.thankyou-phone-link:hover {
        color: #1e8449;
}

.phone-icon-inline {
   width: 24px;
   height: 24px;
    stroke: #27ae60;
    fill: none;
   stroke-width: 2.5;
	}

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

.thankyou-btn-primary

{
   font-weight: 700;
   color: white;
   transition: all 0.3s;
   display: inline-block;
    font-size: 17px;
	padding: 16px 38px;
	background: #27ae60;
   text-decoration: none;
    border-radius: 8px;
}

.thankyou-btn-primary:hover {
  background: #229954; 
  transform: translateY(-2px);
}

.thankyou-btn-secondary {
  background: transparent;
    color: #27ae60;
    padding: 16px 38px;
   text-decoration: none;
  border: 2px solid #27ae60;
    border-radius: 8px;
  font-weight: 700;
   font-size:   17px;
  transition: all 0.3s;
  display: inline-block;
}

.thankyou-btn-secondary:hover
	{
  background: #27ae60;
   color: white;
}

.thankyou-resources-section {
  padding: 80px 2.5rem;
      background: #ffffff;
}

.resources-section-title

{
    font-size: 38px;
	text-align: center;
   color: #1e3a2e;
   margin-bottom :    18px;
  font-weight: 700;
}

.resources-section-subtitle {
  text-align: center;
     font-size: 18px;
   color    : #7f8c8d;
   margin-bottom: 60px;
}

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

.resource-card-box  {
        background :    #f8fffe;
    padding: 38px;
	border-radius: 12px;
  text-align: center;
    transition: all 0.3s;
   border: 1px solid #e8f5e9;
}

.resource-card-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(39, 174, 96, 0.12);
}

.resource-card-icon {
   width: 70px;
   height  :     70px;
   background: #27ae60;
   border-radius: 50%;
    display     :   flex;
    align-items    : center;
    justify-content: center;
    margin  :        0 auto 22px;
}

.resource-icon-img   {
    width: 35px;
  height: 35px;
  stroke: #ffffff;
  fill: none;
	stroke-width: 2.5;
  stroke-linecap: round;
    stroke-linejoin: round;
}

.resource-card-title {
   font-size: 21px;
         color   :  #1e3a2e;
  font-weight: 700;
         margin-bottom: 14px;
}

.resource-card-text {
   font-size: 16px;
	line-height: 1.6;
  color: #566573;
}  @media (max-width: 768px) {
    .services-main-title {
        font-size: 36px;
    }
    
    .services-hero-banner {
        padding: 100px 1.5rem 70px;
    }
    
    .services-intro-section,
    .main-services-catalog,
    .process-timeline-block,
    .faq-section-block,
    .services-cta-final,
    .thankyou-main-section,
    .thankyou-resources-section {
        padding: 60px 1.5rem;
    }
    
    .services-listing-grid {
        grid-template-columns: 1fr;
    }
    
    .timeline-step-item {
        gap: 20px;
    }
    
    .thankyou-main-heading {
        font-size: 32px;
    }
    
    .thankyou-info-box {
        padding: 28px;
    }
    
    .thankyou-actions-row {
        flex-direction: column;
    }
    
    .thankyou-btn-primary,
    .thankyou-btn-secondary {
        width: 100%;
        text-align: center;
    }
    
    .resources-cards-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .services-main-title {
        font-size: 28px;
    }
    
    .service-card-unit {
        padding: 28px;
    }
    
    .thankyou-info-box {
        padding: 22px;
    }
    
    .thankyou-step-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}