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

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

}

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

.nav-wrapper {
  max-width: 1280px;
  margin: 0 auto;
   display    :        flex;
   justify-content: space-between;
  align-items: center;
  padding   :     1.2rem 2rem;
}

.brand-section .logo-link {
   display: block;
}

.site-logo {
   height: 52px;
  width: auto;
    display: block;
}

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

.nav-link  {

	 color: #34495e;
   text-decoration: none;
               font-weight: 500;
    font-size: 1.05rem;
  transition  :      color 0.3s;
	position: relative;

}

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

.nav-link::after {
  content: '';
   position: absolute;
  bottom  : -5px;
   left: 0;
	width: 0;
  height    : 2px;
	background: #3498db;
   transition: width 0.3s;
     }

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

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

.burger-line

{
    width: 28px;
   height: 3px;
      background: #34495e;
  border-radius: 3px;
   transition: all 0.3s;
}

.hero-area {

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

.hero-content-box {
}

.main-heading {
    font-size: 3.2rem;
                    font-weight: 700;
  color: #1a252f;
   margin-bottom: 1.5rem;
   line-height: 1.2; 
	
}

.hero-description {


  font-size: 1.25rem;
   color: #5a6c7d;
    margin-bottom: 2.5rem;
    line-height: 1.7;}

.primary-action-btn
{


   display: inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 1rem 2.5rem;
   border-radius: 8px;
    text-decoration: none;
	 font-weight: 600;
   font-size: 1.1rem;
     transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);


}

.primary-action-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}

.hero-visual {
}

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

.intro-segment {
    background: #f8f9fa;
  padding: 5rem 2rem;

}

.segment-container {
   max-width:      1280px;
    margin: 0 auto;
  display: grid;
		 grid-template-columns: 1.2fr 1fr;
   gap: 4rem;
  align-items: center;
}

.section-title {
   font-size: 2.5rem;
   color: #1a252f;
   margin-bottom:        1.5rem;
  font-weight: 700;
}

.intro-paragraph {
  font-size: 1.1rem;
  color   :  #5a6c7d;
  margin-bottom: 1.3rem;
    line-height: 1.8;
}  

.intro-visual-block {
}

.intro-image {

        width: 100%;
   height:auto;
      border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
} 

.benefits-showcase {

	   padding: 6rem 2rem; 
	background: #ffffff;
     }

.showcase-wrapper

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



.centered-heading {
  text-align: center;
    font-size: 2.8rem;
      color   :        #1a252f;
  margin-bottom: 4rem;
  font-weight: 700;
}

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

.benefit-card {

	    background: #fff;
                    padding    :       2.5rem 2rem;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    transition    :     transform 0.3s, box-shadow 0.3s;
	}

.benefit-card:hover {


  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);

}

.icon-holder {
  margin-bottom: 1.5rem;
}

.benefit-icon {
    stroke: #667eea;
     fill: none;
    stroke-width: 2;
	 stroke-linecap: round;
    stroke-linejoin     :    round;
}

.benefit-title {
	    font-size: 1.5rem;
  color: #1a252f;
   margin-bottom: 1rem;
  font-weight: 600;

}

.benefit-text {
    color    :  #5a6c7d;
   font-size: 1.05rem;
   line-height: 1.7;
}

.methodology-area		{
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 6rem 2rem;
    color: white;
}

.method-container {
    max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns    :1fr 1.2fr;
  gap: 4rem;
   align-items: center;
}

.method-image-side {
}

.method-img		{
   	 width  :    100%;
   height: auto;
   border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);}

.method-content-side {
}

.method-heading {
  font-size: 2.5rem;
    margin-bottom: 1.5rem;
    font-weight:     700;
}

.method-intro {
       font-size: 1.15rem;
  margin-bottom: 3rem;
  line-height   :   1.7;
  opacity: 0.95;


}

.method-steps {
}

.step-item {
  display: flex;
	gap :     1.5rem;
    margin-bottom: 2rem;
			align-items: flex-start; 

}

.step-number {
  font-size: 2rem;
	 font-weight: 700;
   opacity: 0.5;
   min-width: 60px; 
	
}

.step-details {
}

.step-name {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
   font-weight: 600;
}

.step-description {


  font-size: 1.05rem;

	  line-height: 1.6;

	 opacity: 0.9;}  

.cta-block {
	background: #1a252f;
   padding: 5rem 2rem;
    color: white;
}

.cta-inner {
  max-width: 1100px;
  margin: 0 auto;
   display: grid;
  grid-template-columns: 1.5fr 1fr;
    gap: 4rem;
  align-items: center;
}

.cta-headline {
   font-size: 2.8rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
}  

.cta-subtext


{

	   font-size: 1.15rem;
    line-height  :    1.7;
    margin-bottom: 2rem;
    opacity: 0.9;

}

.cta-features {
    display    :   flex;
  flex-direction: column;
  gap: 1rem;
}

.cta-feature-item {
  display: flex;
    align-items: center;
	 gap: 1rem;
 font-size: 1.05rem;
}

.cta-check-icon {
    stroke: #00ff88;
     fill: none;
    stroke-width: 3;
    stroke-linecap: round;
   stroke-linejoin: round;
      flex-shrink: 0;
}

.cta-action-column {
    text-align: center;
}

.cta-button {
   display: inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
    padding: 1.2rem 3rem;
    border-radius:        8px;
   text-decoration    :       none;
       font-weight    :600;
     font-size: 1.15rem;
  transition     :   transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 5px 20px rgba(102, 126, 234, 0.5);
}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.6);
}

.cta-note {
	 margin-top     :       1.5rem;
                    font-size: 0.95rem;
    opacity: 0.7;


}

.program-offerings {
    padding: 6rem 2rem;
   background: #f8f9fa;
}

.offerings-wrap

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

.offerings-title {
	text-align    :     center;
    font-size    :   2.8rem;
    color: #1a252f;
  margin-bottom: 1rem;
  font-weight: 700;
}

.offerings-subtitle{
    text-align: center;

	  font-size: 1.2rem;

	   color: #5a6c7d;

	    margin-bottom: 4rem;
}

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

.program-box {
    background: white;
  border-radius : 12px;
    overflow: hidden;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
	display   : flex;
   flex-direction: column;
   transition: transform 0.3s, box-shadow 0.3s;
  position: relative;
}

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

.featured-program    {
   border     :     3px solid #667eea;
}

.popular-badge {
      position: absolute;
	top: 20px;
   right: 20px;
   background: #667eea;
  color: white;
   padding: 0.5rem 1rem;
			border-radius: 20px;
 font-size     : 0.9rem;
    font-weight: 600; 

}

.program-header {


    padding: 2.5rem 2rem 1.5rem;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	}  

.program-name {
   color: #1a252f;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
	font-weight: 700;
}

.program-tagline {
  color    :     #5a6c7d;
    font-size: 1.05rem;
}

.program-body {
	   padding: 2rem;
    flex-grow: 1;

}

.program-description


{
    margin-bottom: 1.5rem;
  line-height: 1.7;
	font-size: 1.05rem;
    color: #5a6c7d;
}

.program-highlights {
    list-style: none;
}

.program-highlights li {
    padding: 0.6rem 0;
  color: #34495e;
   font-size: 1rem;
   position: relative;
    padding-left  :  1.5rem;
}



.program-highlights li::before {
    color  :   #667eea;
   left: 0;
  position: absolute;
  content: '→';
  font-weight: 700;}

.program-footer {
   padding:       2rem;
    border-top: 1px solid #e9ecef;
}

.program-action {
  display    :   block;
   text-align: center;
  padding: 1rem 2rem;
               background: #34495e;
    color: white;
   text-decoration: none;
               border-radius: 8px;
               font-weight :       600;
   transition: background 0.3s;
}

.program-action:hover {
	  background: #2c3e50;
     }

.program-action.primary-action {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.program-action.primary-action:hover     {
    opacity: 0.9;
}

.testimonial-section {
      padding    :      6rem 2rem;
    background: #ffffff;
     }

.testimonial-container {
  max-width: 1280px;
   margin: 0 auto;
}

.testimonial-heading {
  text-align: center;
  font-size :2.8rem;
  color: #1a252f;
   margin-bottom :     4rem;
  font-weight: 700; 
	
}

.testimonial-grid  
  {


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

}

.testimonial-card {
   background  : #f8f9fa;
  padding: 2.5rem;
    border-radius: 12px;
  position: relative;
}

.quote-mark {
          font-size: 5rem;
    color    :#667eea;
    opacity: 0.2;
	position: absolute;
   top: 10px;
	left: 20px;
   line-height: 1;
}

.testimonial-content {
    font-size: 1.05rem;
    color: #34495e;
               line-height: 1.7;
   margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;

}

.testimonial-author {
    padding-top: 1rem;
  border-top: 2px solid #e9ecef;
}


.author-name {

    font-weight: 600;
    color: #1a252f;
   font-size: 1.1rem;
    margin-bottom :      0.3rem;

} 

.author-role {
    color: #7f8c8d;
    font-size: 0.95rem;
}

.visual-showcase {
    padding: 6rem 2rem;
   background: #f8f9fa;
}

.showcase-container {
    max-width: 1280px;
	margin: 0 auto;
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap  :        3rem;
}



.showcase-item {
    position    :  relative;
       border-radius  : 12px;
    overflow   :hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}

.showcase-photo {
	    width: 100%;
  -webkit-transition: transform 0.4s;
    -o-transition     :      transform 0.4s;
    height: auto;
   display :   block;
   transition:     transform 0.4s;
     }

.showcase-item:hover .showcase-photo {
  transform: scale(1.05);
}

.showcase-caption {
    position: absolute;
  bottom: 0;
   left: 0;
	 right  : 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    padding: 2.5rem 2rem 1.5rem;
   color: white;
}

.showcase-caption h3 {
    font-size   :     1.5rem;
    margin-bottom   :     0.5rem;
    font-weight: 600;
}  

.showcase-caption p {
    font-size     :      1rem;
       opacity: 0.9;
}

.contact-section{
    padding :     6rem 2rem;
  background: #ffffff;
}

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

.contact-heading {
  font-size    :  2.5rem;

			margin-bottom: 1.5rem;

	    font-weight: 700;

	   color: #1a252f;
}

.contact-intro {
	font-size: 1.1rem;
    color: #5a6c7d;
   line-height: 1.7;
   margin-bottom     :   3rem; 
	
}

.contact-details {
          display  :   flex;
  flex-direction: column;
   gap: 2rem;
}

.detail-item {
   display: flex;
   gap: 1.5rem;
    align-items: flex-start;
}  

.detail-icon {

	  stroke: #667eea;

    fill: none;

   stroke-width: 2;

  stroke-linecap: round;

    stroke-linejoin: round;

   flex-shrink: 0;

        margin-top    :      0.2rem;


}

.detail-label {

    font-weight: 600;
    color: #34495e;
	margin-bottom: 0.3rem;
  font-size: 0.95rem;
  text-transform: uppercase;
   letter-spacing: 0.5px;
     }

.detail-value {
	  color :#5a6c7d;
   font-size: 1.05rem;
    line-height    : 1.6;
}

.contact-form-side {
  background    :#f8f9fa;
 padding: 3rem;
          border-radius: 12px;
}

.coaching-form {
}

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

.form-group {
}

.form-label {
  display: block;
  margin-bottom: 0.5rem;
   color  :     #34495e;
  font-weight     :  500;
   font-size     :        1rem;
}

.form-input,
.form-select,
.form-textarea {

	    width: 100%; 
   padding: 0.9rem 1.2rem; 
   border: 2px solid #e9ecef; 
    border-radius   :        8px; 
   font-size  :     1rem; 
    font-family: inherit; 
     transition: border-color 0.3s; 
   background: white;
	}

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


{
    border-color: #667eea;
  outline: none;
}

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

.form-submit-btn {
   width: 100%;
   padding: 1.1rem 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
  border: none;
	border-radius: 8px;
    font-size     : 1.1rem;
  font-weight: 600;
  cursor: pointer;
    transition     :    transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);}

.form-submit-btn:hover {
	  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}

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

.footer-content {

   max-width: 1280px;
   margin:   0 auto;
    display: grid;
   grid-template-columns     : 1.5fr 1fr 1fr 1fr;
   gap: 3rem;
  margin-bottom: 3rem;


}

.footer-logo
{
      height: 48px;
  width: auto;
   margin-bottom: 1.5rem;
  filter: brightness(0) invert(1);
	}

.footer-description {
  color: rgba(255,255,255,0.7);
  font-size: 1rem;
    line-height: 1.6;
}

.footer-heading {
    font-size: 1.2rem;

	        margin-bottom  : 1.5rem;

	    font-weight :600;
}

.footer-links    {
	  list-style     :    none;


}

.footer-links li {
    margin-bottom: 0.8rem;
}  

.footer-links a {


  color: rgba(255,255,255,0.7);
  text-decoration: none;
  transition: color 0.3s;
					font-size: 1rem;}

.footer-links a:hover {
		color: white;
}

.footer-contact {

	         list-style: none;
	  color: rgba(255,255,255,0.7);
	                    font-size: 1rem;
	    line-height :  1.8;

}

.footer-phone {

   margin-top     :       1rem;
  font-weight: 500;
  color: rgba(255,255,255,0.9);
	}

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

.copyright-text {
  color: rgba(255,255,255,0.6);
      font-size: 0.95rem;
}@media (max-width: 968px) {
.nav-menu {
position: fixed;
top: 80px;
left: -100%;
width: 100%;
background: white;
flex-direction: column;
padding: 2rem;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
transition: left 0.3s;
align-items: flex-start;
}

.nav-menu.active {
left: 0;
}

.nav-toggle {
display: flex;
}

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

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

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

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

.main-heading {
font-size: 2.5rem;
}

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

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

.cta-inner {
grid-template-columns: 1fr;
gap: 3rem;
}

.contact-wrapper {
grid-template-columns: 1fr;
gap: 3rem;
}

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

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

@media (max-width: 640px) {
.main-heading {
font-size: 2rem;
}

.centered-heading {
font-size: 2rem;
}

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

.programs-layout {
grid-template-columns: 1fr;
}

.footer-content {
grid-template-columns: 1fr;
}
}.services-hero-banner {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 6rem 2rem 4rem;
    color: white;
    text-align   :   center;
}

.banner-content-wrapper {
   max-width: 900px;
   margin: 0 auto;
}

.services-main-title {
    font-size  :  3.5rem;
    margin-bottom   :  1.5rem;
                    font-weight: 700;
}

.services-hero-text {
    font-size: 1.3rem;
	   opacity: 0.95;
	  line-height:     1.6;
}

.services-overview-block     {
   padding: 5rem 2rem;
    background: #f8f9fa;
}

.overview-container    {
  max-width: 1100px;
   margin: 0 auto;
}

.overview-intro {
   text-align: center;
}

.overview-heading {
   font-size: 2.8rem;
	 color: #1a252f;
  margin-bottom: 1.5rem;
   font-weight: 700; 
	
}  

.overview-description {
    font-size: 1.2rem;
   color: #5a6c7d;
    line-height     :    1.8;
   max-width: 900px;
   margin: 0 auto;
}

.detailed-services-section 
 {
	 padding :       6rem 2rem;
   background: #ffffff;
}

.detailed-services-wrap {
    max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
	gap: 5rem;
}


.service-detail-card {
		 display: grid;
	   grid-template-columns: 1fr 1.2fr;
	    gap: 4rem;
	  align-items: center;
}

.service-detail-card.reverse-layout {
   grid-template-columns   :        1.2fr 1fr;

}

.service-detail-card.reverse-layout .service-detail-image {
    order   :      2;
}

.service-detail-card.reverse-layout .service-detail-content {
       order: 1;

}

.service-detail-image {
}

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



.service-detail-content {
}

.service-detail-title {


 font-size: 2.2rem; 
	    color:       #1a252f; 
	   margin-bottom: 1.5rem; 
	   font-weight: 700;


}

.service-detail-description {
    color: #5a6c7d;
    margin-bottom: 2rem;
 line-height:      1.8;
    font-size: 1.15rem;
}

.service-features-list {
	margin-bottom: 2rem;
}

.feature-item-row {

	color: #34495e;
    display: flex;
  gap  :  1rem;
       margin-bottom: 1rem;
	font-size: 1.05rem;
   align-items: flex-start;
	}

.feature-check   {
  stroke: #00ff88; 
  fill: none; 
  stroke-width: 3; 
   stroke-linecap: round; 
  stroke-linejoin: round; 
    flex-shrink: 0; 
          margin-top: 0.2rem; 
  filter: drop-shadow(0 0 6px rgba(0,255,136,0.4));
}

.service-duration-price 
 {
   background: #f8f9fa;
 padding: 1.5rem;
  border-radius     :     8px;
  margin-bottom: 2rem;
}

.duration-block {
    color :       #34495e;
               font-size: 1.05rem;
}

.service-cta-button {
    display    :       inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color     :     white;
   padding: 1rem 2.5rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
   font-size: 1.1rem;
   transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.service-cta-button:hover {

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

.process-explanation-area {


    background: #f8f9fa;
    padding: 6rem 2rem;
}

.process-wrapper {
  max-width: 1280px;
	margin: 0 auto;
}

.process-main-heading {
  text-align:    center;
     font-size: 2.8rem;
	color: #1a252f;
    margin-bottom   :  1rem;
    font-weight    :       700;
}

.process-subheading 
 {
    text-align:     center;
    font-size: 1.2rem;
	color: #5a6c7d;
  margin-bottom: 4rem;
}

.process-steps-grid {


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

.process-step-box    {
   background: white;
   padding: 2.5rem 2rem;
   border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
	 text-align: center;
   transition: transform 0.3s;
}

.process-step-box:hover {
  transform: translateY(-5px);
}

.step-number-circle {
  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: 1.8rem;
   font-weight: 700;
      margin: 0 auto 1.5rem;
}

.step-box-title {
   font-size: 1.4rem;
  color: #1a252f;
   margin-bottom: 1rem;
   font-weight: 600;
}

.step-box-text {
	color: #5a6c7d;
    font-size:  1.05rem;
  line-height    :     1.7;
}

.benefits-comparison-section {
          padding: 6rem 2rem;
	background: #ffffff;
}

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

.comparison-heading {
   text-align: center;

	                    font-size     :2.8rem;

		color  : #1a252f;

	  margin-bottom: 4rem;

		 font-weight: 700;
}

.comparison-grid {
     display   :    grid;
    grid-template-columns: 1fr 1fr;
    gap     :      3rem;
}

.comparison-column {
     background: #f8f9fa;
    padding: 3rem 2.5rem;
    border-radius :12px;
}

.before-column {
   border-left: 4px solid #e74c3c; 

}

.after-column {
  border-left: 4px solid #00ff88;


}

.column-heading {
  font-size: 1.8rem;
     color: #1a252f;
   margin-bottom     :    2rem;
    font-weight: 700;
	text-align: center; 
	
}


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

.comparison-item

{
   padding: 1rem 0;
   font-size   :  1.05rem;
   line-height: 1.6;
    position: relative;
      padding-left: 2rem;
    color: #34495e;

}  

.comparison-item.negative::before
{
  content: '✕';
          position: absolute;
    left: 0;
   color: #e74c3c;
  font-weight: 700;
  font-size: 1.3rem;
}

.comparison-item.positive::before
	{


  content: '✓';
  position: absolute;
   left :    0;
    color    :   #00ff88;
    font-weight: 700;
    font-size: 1.3rem;}

.faq-section-area {
			padding: 6rem 2rem;
   background    :      #f8f9fa;
	
}

.faq-container {

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

.faq-main-title {
    text-align: center;
   font-size: 2.8rem;
    color     :  #1a252f;
  margin-bottom: 4rem;
  font-weight: 700;
}

.faq-list {
	    display: flex;
  flex-direction: column;
   gap: 1.5rem;
}

.faq-item {
    background: white;
    padding: 2.5rem;
   border-radius: 12px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.06);
  transition: box-shadow 0.3s;

}

.faq-item:hover {
  box-shadow: 0 5px 25px rgba(0,0,0,0.1);
}

.faq-question {
   font-size: 1.4rem;
	color: #1a252f;
  margin-bottom: 1rem;
   font-weight     :        600;
}

.faq-answer {
    font-size: 1.05rem;
     color: #5a6c7d;
          line-height: 1.8;
}

.final-cta-section


{
       padding: 6rem 2rem; 
	  background: linear-gradient(135deg, #1a252f 0%, #2c3e50 100%); 
	  color: white; 
	   text-align: center;
}

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

.final-cta-heading {
   font-size: 3rem;
      margin-bottom: 1.5rem;
   font-weight: 700;
}

.final-cta-text {
   font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 3rem;
   opacity: 0.95;
}

.final-cta-btn {
  display:    inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
    padding: 1.3rem 3rem;
    border-radius: 8px;
 text-decoration: none;
				 font-weight: 600;
    font-size: 1.2rem;
	transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 6px 25px rgba(102, 126, 234, 0.5);
}

.final-cta-btn:hover {

	  transform: translateY(-3px);
  box-shadow: 0 8px 35px rgba(102, 126, 234, 0.6); 
	

}

.thankyou-hero-section

{
    padding: 6rem 2rem;
	  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

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

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

.success-icon {
  stroke: #00ff88;

	    fill: none;

	   stroke-width: 2;

	    stroke-linecap: round;

	               stroke-linejoin: round;

	  filter: drop-shadow(0 0 15px rgba(0,255,136,0.5));
}

.thankyou-title {

	         font-weight: 700;
    font-size: 3.2rem;
   color: #1a252f;
  margin-bottom: 1.5rem;
     }

.thankyou-message
{
  font-size: 1.3rem;
   color: #5a6c7d;
  line-height: 1.8;
  margin-bottom: 4rem;
 max-width: 700px;
   margin-left: auto;
    margin-right: auto;
}

.thankyou-info-grid
{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;
	margin-bottom: 4rem;
}

.info-card {
    background: white;
        padding     :       2.5rem 2rem;
    border-radius     :      12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.info-icon-holder {
    margin-bottom: 1.5rem;
}

.info-icon {
   stroke: #667eea;

	    fill: none;

	    stroke-width: 2;

	  stroke-linecap: round;

	  stroke-linejoin: round;
}

.info-card-title {


  font-size: 1.5rem;
    color: #1a252f;
  margin-bottom: 1rem;
	font-weight: 600;


}

.info-card-text {
  color: #5a6c7d;

   font-size: 1.05rem;

    line-height: 1.7;
}

.thankyou-actions {
    display: flex;
    gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

.thankyou-primary-btn {
      display : inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 1.1rem 2.5rem;
   border-radius: 8px;
	 text-decoration    :       none;
   font-weight: 600;
  font-size: 1.1rem;
    transition     :      transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);


}

.thankyou-primary-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}

.thankyou-secondary-btn {
    display: inline-block;
   background: #34495e;
  color    :white;
          padding: 1.1rem 2.5rem;
  border-radius: 8px;
    text-decoration     :    none;
    font-weight: 600;
	font-size: 1.1rem;
					transition: background 0.3s;
}



.thankyou-secondary-btn:hover {
    background: #2c3e50;
	
}

.next-steps-section {
  padding: 6rem 2rem;
  background: #ffffff;
}

.next-steps-container {
  max-width   :   1000px;
    margin :       0 auto;
}

.next-steps-heading {
       text-align: center;
        font-size: 2.8rem;
    color: #1a252f;
  margin-bottom: 4rem;
    font-weight: 700;
}

.steps-timeline  
  {
   position   :     relative;
 padding-left: 3rem;
}

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

.timeline-step {
  position: relative;
   margin-bottom  :     3rem;
  display: flex;
        gap     :     2rem;
}

.timeline-marker {

	   position: absolute;
      left: -3rem;
   top: 0; 
	
}

.marker-number {
  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    :1.5rem;
	 font-weight: 700;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.timeline-content {
  background: #f8f9fa;
   padding: 2rem;
  border-radius: 12px;
	 flex: 1; 

}

.timeline-title {
	font-size: 1.5rem;
   color: #1a252f;
	margin-bottom: 0.8rem;
	font-weight: 600;
}

.timeline-description {
	 color: #5a6c7d;
    font-size: 1.05rem;
	 line-height     :     1.7;
}

.thankyou-resources-section {
	   padding: 6rem 2rem;
    background: #f8f9fa;
}

.resources-wrapper {
   max-width: 1280px;
    margin: 0 auto;
	
}

.resources-heading {


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

.resources-subtext {
  text-align: center;
  margin-bottom: 4rem;
    color: #5a6c7d;
    font-size     :     1.2rem;
}

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

}  

.resource-card {
  background: white;
   padding: 3rem 2.5rem;
    border-radius   :    12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  text-align:     center;
   transition: transform 0.3s;
}

.resource-card:hover {
	  transform: translateY(-5px);


}

.resource-icon-box{


  margin-bottom: 1.5rem;
     }

.resource-icon {
  stroke: #667eea;
	 fill: none;
   stroke-width: 2;
  stroke-linecap :   round;
    stroke-linejoin: round;
}

.resource-title		{
    font-size     :     1.6rem;
    color     :   #1a252f;
         margin-bottom: 1rem;
    font-weight :      600;
}

.resource-description		{
	   color: #5a6c7d;
  font-size: 1.05rem;
          line-height: 1.7;
 margin-bottom  :     1.5rem;
     }

.resource-link {
   color: #667eea;
                    text-decoration: none;
  font-weight: 600;
  font-size: 1.05rem;
   transition: color 0.3s;
     }

.resource-link:hover {
  color    :       #764ba2;
}@media (max-width: 968px) {
.services-main-title {
font-size: 2.5rem;
}

.service-detail-card,
.service-detail-card.reverse-layout {
grid-template-columns: 1fr;
}

.service-detail-card.reverse-layout .service-detail-image,
.service-detail-card.reverse-layout .service-detail-content {
order: initial;
}

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

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

.steps-timeline {
padding-left: 0;
}

.steps-timeline::before {
display: none;
}

.timeline-step {
flex-direction: column;
margin-bottom: 2rem;
}

.timeline-marker {
position: relative;
left: 0;
margin-bottom: 1rem;
}
}

@media (max-width: 640px) {
.services-main-title {
font-size: 2rem;
}

.thankyou-actions {
flex-direction: column;
align-items: stretch;
}

.thankyou-primary-btn,
.thankyou-secondary-btn {
width: 100%;
text-align: center;
}
}.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;
    }
}