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

html		{


    scroll-behavior: smooth;}

body {

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

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

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

.nav-logo-section {

	flex-shrink: 0;

} 

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

.nav-links   {
   display     :        flex;
    list-style: none;
    gap: 2rem;
}

.nav-links a

{
         text-decoration   :        none;
  color    :        #2c3e50;
  font-weight: 500;
	transition: color 0.3s ease;
  font-size   :      0.95rem;
}

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

.burger-menu-btn {
  display: none;

    flex-direction: column;

  background: none;

    border: none;

 cursor: pointer;

    padding: 0.5rem;
}

.burger-menu-btn span     {
   width: 25px;
    height:      3px;
	 background-color: #2c3e50;
	margin: 5px 0;
    transition: all 0.3s ease;
	border-radius: 2px;
}

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

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

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

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

.hero-content h1 {
   font-size: 3rem;
  margin-bottom: 1.5rem;
        color: #1a252f;
    line-height:      1.2;
}

.hero-content p {
   font-size: 1.1rem;
    color :     #555;
  margin-bottom: 2rem;
   line-height: 1.8;
}

.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;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);}

.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
	
}

.hero-image img {

   width   : 100%;
  height: auto;
    border-radius: 12px;
  object-fit: cover; 

	}

.features-section {
	background-color: white;
 padding: 4rem 2rem;
    margin: 2rem 0;
	
}

.features-section h2 {
   text-align: center;
	font-size    :        2.5rem;
   margin-bottom    :        3rem;
  color: #1a252f;
}

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

.feature-card {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
                    padding: 2.5rem;
   border-radius: 12px;
   transition     :transform 0.3s ease, box-shadow 0.3s ease;
}

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

.feature-icon-container {
	height: 120px;
    width: 120px;
					-moz-border-radius: 10px;
   background: white;
  border-radius: 10px;
   display   :     flex;
    align-items: center;
     justify-content: center;
   margin-bottom: 1.5rem;
  overflow:    hidden;
}

.feature-icon {
       max-width: 100%;

	   max-height   :       100%;

	   object-fit: contain;
}

.feature-card h3 {
   color: #2c3e50;

	  margin-bottom: 1rem;

	   font-size: 1.3rem;
}

.feature-card p {
  color: #555;
  font-size: 0.95rem;
    line-height: 1.7;
	
}

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

.methods-section h2 {
	  text-align: center;

	  font-size: 2.5rem;

	  margin-bottom: 3rem;

	    color: #1a252f;

}

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

.method-item {
	    background: white;

    border-radius: 12px;

   overflow: hidden;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

    transition: all 0.3s ease;
}

.method-item:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);


}

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

.method-item h3 {
    font-size: 1.3rem;
  padding: 1.5rem 1.5rem 0.5rem;
    color: #2c3e50;
}

.method-item p {
     padding: 0 1.5rem 1.5rem;
	 color: #666;
  font-size: 0.9rem;
  line-height: 1.6;
}

.coaching-section 
 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 4rem 2rem;
  margin: 3rem 0;
}

.coaching-section h2 {

	          font-size: 2.5rem;
          margin-bottom: 2rem;
	 text-align: center;
}

.coaching-content {
   max-width : 1200px;
    margin: 0 auto;
    display    :     grid;
   grid-template-columns: 1fr 1fr;
   gap: 3rem;
  align-items  :center;
}

.coaching-text p {
  font-size: 1.05rem;
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

.coaching-benefits
{
 list-style:  none; 
	
}

.coaching-benefits li    {
  padding  :       0.7rem 0;
  font-size:        1rem;
  position: relative;
 padding-left: 2rem;
}

.coaching-benefits li::before {
  content: "✓";
   position: absolute;
   left   :   0;
  top: 0;
  font-weight: bold;
    font-size: 1.2rem;
}

.coaching-image img  
  {

   border-radius :       12px; 
	 width: 100%;
	}

.conference-section {
   padding: 4rem 2rem;
   background-color: #f8fafb;
   margin: 3rem 0;
}

.conference-section h2 {
   margin-bottom: 1rem;
   color  :  #1a252f;
   font-size: 2.5rem;
  text-align: center;
}

.section-subtitle {

	    text-align: center;
    font-size: 1.1rem;
	color: #666;
  margin-bottom: 3rem;
	}

.conferences-grid {
   max-width: 1200px;

   margin: 0 auto;

   display: grid;

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

    gap: 2rem;

    margin-bottom: 3rem; 

}

.conference-card

{
  background: white;
	padding: 2rem;
   border-radius: 10px;
	border-left: 4px solid #667eea;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

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

.conference-card h3 {
    color: #2c3e50;
  margin-bottom     :       1rem;
   font-size: 1.2rem; 
	
}

.conference-card p {
      margin-bottom: 1rem;
    color: #666;
	 font-size: 0.95rem;
    line-height: 1.6;

}

.conference-badge {
               display :    inline-block;

	  background: rgba(102, 126, 234, 0.15);

	   color: #667eea;

	    padding: 0.4rem 1rem;

		border-radius: 20px;

	    font-size: 0.85rem;

	   font-weight: 600;
}  

.conference-cta {

	  text-align: center;
	  margin-top: 3rem;
	}

.conference-cta p {
  margin-bottom    : 1.5rem;
    font-size: 1.1rem;
  color: #2c3e50;
}

.cta-button-secondary {
      display: inline-block;
  background: white;
  color: #667eea;
       padding: 0.9rem 2.2rem;
  border-radius: 8px;
   text-decoration: none;
   font-weight: 600;
    border: 2px solid #667eea;
   transition: all 0.3s ease;
}

.cta-button-secondary:hover {


  background: #667eea;
  color: white;
  transform: translateY(-2px);
}

.cta-consultation {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);

	                    padding: 4rem 2rem;

	    text-align: center;

	         color:        white;

	  margin: 3rem 0;
}

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


}

.cta-inner h2 {
  font-size: 2.3rem;
    margin-bottom: 1rem;
}

.cta-inner p {
    font-size :     1.1rem;
        margin-bottom     :  2rem;
   line-height    : 1.7;
     }


.cta-button-large {
   display: inline-block;
  background: white;
  color: #f5576c;
    padding: 1.1rem 2.8rem;
   border-radius: 8px;
   text-decoration: none;
   font-weight: 700;
   font-size :  1.05rem;
   transition: all 0.3s ease;
}

.cta-button-large:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.contact-section {
	 max-width: 700px;
    margin   :    4rem auto;
                    padding: 0 2rem;
	background: white;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  padding: 3rem;
}

.contact-section h2{
  margin-bottom: 0.5rem;
    font-size: 2rem;
	 text-align: center;
	color: #1a252f;
}

.contact-subtitle {
       text-align: center; 
			color: #666; 
	margin-bottom: 2rem; 
  font-size    :0.95rem;
     }

.contact-form {
    display: flex;
    flex-direction: column;
    gap:1.5rem;
}

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

.form-group label {
   font-weight: 600;
    margin-bottom: 0.5rem;
   color: #2c3e50;
	font-size: 0.95rem;
}

.form-group input,
.form-group select,
.form-group textarea   {
    padding: 0.9rem;
    border: 1px solid #ddd;
  border-radius: 6px;
     font-size: 0.95rem;
    font-family: inherit;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

.footer-section {
  background: #1a252f;
    color  :      white;
  padding: 3rem 2rem 1rem;
     margin-top: 4rem;


}

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

.footer-logo-container {
  margin-bottom: 1rem;
}

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

}

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

.footer-column h4 {
  font-size: 1.05rem;
  margin-bottom: 1.2rem;
    color: white;
}

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


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

.footer-links a {
   color: #bbb;
    text-decoration: none;
    transition: color 0.3s ease;
  font-size: 0.95rem;
}

.footer-links a:hover {


    color: #667eea;
	}

.footer-contact {
    color: #bbb;
   font-size: 0.95rem;
     line-height: 1.8; 
	
}

.footer-phone {


  color: #667eea;

		font-weight: 600;

		margin-top  :  0.8rem;


}


.footer-info {
    color: #bbb;
    font-size: 0.9rem;
  line-height  :   1.6;
}

.footer-bottom {
   text-align: center;
       padding-top: 2rem;
     border-top: 1px solid #333;
      color: #888;
   	 font-size: 0.85rem;
}@media (max-width: 768px) {
    .nav-links {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        gap: 0;
        padding: 1rem;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    }

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

    .nav-links li {
        border-bottom: 1px solid #eee;
        padding: 0.8rem 0;
    }

    .nav-links li:last-child {
        border-bottom: none;
    }

    .burger-menu-btn {
        display: flex;
    }

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

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

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

    .hero-image {
        order: -1;
    }

    .features-section h2,
    .methods-section h2,
    .conference-section h2 {
        font-size: 1.8rem;
    }

    .contact-section {
        padding: 2rem;
    }

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

    .cta-button,
    .cta-button-secondary,
    .cta-button-large {
        padding: 0.9rem 2rem;
    }
}

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

    .hero-content p {
        font-size: 1rem;
    }

    .features-grid,
    .methods-container,
    .conferences-grid {
        grid-template-columns: 1fr;
    }

    .feature-card,
    .method-item,
    .conference-card {
        padding: 1.5rem;
    }

    .coaching-benefits li {
        font-size: 0.9rem;
    }

    .cta-inner h2 {
        font-size: 1.5rem;
    }

    .contact-section {
        padding: 1.5rem;
        margin: 2rem 1rem;
    }
}.policySection{
   padding: 80px 2rem;
	   background: #f8f9fa;
}

.policyContainer

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

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

.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     {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
     padding: 3rem 2rem;
  text-align    :      center;
}  

.services-hero h1 {
      font-size: 2.8rem;
  margin-bottom   : 1rem;
}

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

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

.services-container {
  display: flex;
   flex-direction: column;
  gap: 2.5rem;
}

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


}

.service-detailed-card:hover

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

.service-header {
   display:        grid;
    grid-template-columns: 300px 1fr;
    gap: 2rem;
                    padding :   2rem;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    align-items: center;
}

.service-header img {
 width: 100%;
   height: 200px;
   object-fit    :     cover;
   border-radius  :    8px;
}

.service-header h2 {

	  font-size    :      1.8rem;
  color: #2c3e50;
     }

.service-content {
	padding:      2rem;
}

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

.service-content h3		{
    font-size: 1.2rem;
  color: #2c3e50;
  margin-bottom: 1rem;
	 margin-top: 1.5rem;
}

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


.service-list li


{
	padding: 0.6rem 0;
   padding-left: 1.8rem;
   position: relative;
   color: #666;
    font-size: 0.95rem;
}

.service-list li::before {
  content: "→";
    position    :    absolute;
          left: 0;
	 color: #667eea;
    font-weight: bold;
	
}

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

.price-item {
    padding: 1.5rem;
                    background: #f8fafb;
    flex-direction: column;
  gap: 0.5rem;
   display: flex;
  border-left: 3px solid #667eea;
  border-radius: 8px;


}

.price-label  
  {
       font-weight: 600;
    color: #2c3e50;
    font-size   :  1rem;
}

.price-value {
  font-size: 1.6rem;
               color: #667eea;
       font-weight     : 700;
}



.price-desc {
   font-size: 0.85rem;
   color: #888;


}

.phases-timeline {
  display     :  grid;
  grid-template-columns: repeat(4, 1fr);
  gap    :   1rem;
   margin-top: 1.5rem;
}

.phase {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
   padding: 1.5rem;
  border-radius: 8px;
    text-align: center;
   display: flex;
   flex-direction     :    column;
   align-items: center;
       gap: 0.5rem;
}

.phase-number {


  font-size: 1.8rem;
	 font-weight: bold;}

.phase-name {
    font-size: 0.9rem;
}

.results-metrics {
   display  :  grid;
  grid-template-columns: repeat(3, 1fr);
    gap     :1.5rem;
  margin-top: 1.5rem;
}

.metric {
	background :      #e8f4f8;
   text-align: center;
  padding: 1.5rem;
   border-radius: 8px;
}

.metric-value {
  display: block;
    font-size: 2rem;
     color: #667eea;
         font-weight: 700;
    margin-bottom: 0.5rem;
}

.metric-desc {

    font-size: 0.9rem;
   color: #666;


}

.coaching-programs {
      display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap   : 1.5rem;
    margin-top: 1.5rem;
}

.program {
  background: #f8fafb;
  padding: 1.5rem;
   border-radius: 8px;
  border: 2px solid #e0e0e0;
  transition: all 0.3s ease;
} 

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

.program h4 {
  margin-bottom: 0.5rem;
    color: #2c3e50;
   font-size:       1.1rem;
}

.program p {
               font-size    :        0.9rem;
  color: #666;
    margin-bottom: 1rem;
  line-height: 1.5;
}

.program-price {

		display: block;
    font-size: 1.5rem;
    color :        #667eea;
   font-weight: 700;
}

.approach-steps 
 {
  display: flex;
               flex-direction: column;
   gap: 1rem;
    margin-top: 1.5rem;
}

.step {
    display: flex;
	gap: 1rem;
  align-items: flex-start;
    padding: 1rem;
	 background: #f8fafb;
  border-radius: 8px;
}

.step-icon {
   display: flex;
   font-size    :       1.2rem;
  width: 30px;
   color    : white;
    height: 30px;
               align-items: center;
   justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  font-weight: bold;
    background: #2ecc71;
}

.step p {
   color   :       #555;
  font-size: 0.95rem;
    line-height: 1.5;
}

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

.tier     {

	  background: white;
  padding: 1.5rem;
   -webkit-transition: all 0.3s ease;
    -moz-border-radius: 8px;
   border-radius:       8px;
    -webkit-border-radius: 8px;
    border: 2px solid #e0e0e0;
    text-align: center;
    transition: all 0.3s ease;}

.tier:hover		{
   border-color: #667eea;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
  transform: translateY(-2px);
}

.tier h4 {

    font-size: 1.2rem; 
  color: #2c3e50; 
   margin-bottom: 0.5rem; 
	
}

.tier p {
	font-size: 0.9rem;
   color :       #666;
    margin-bottom: 1rem;
}

.tier-price		{
  display  :     block;
        font-size: 1.4rem;
          color: #667eea;
  font-weight: 700;
}



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

.service-comparison h2 {
  color: #1a252f;
	text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.comparison-table {
	background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.comparison-row {
  display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  border-bottom: 1px solid #e0e0e0;


}

.comparison-row:last-child {
   border-bottom: none;
}

.comparison-row.header-row		{
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
  font-weight: 600;
}

.comparison-cell {
   padding: 1.2rem;
   font-size: 0.95rem;
    display: flex;
	align-items: center;


}

.comparison-row.header-row .comparison-cell {
   font-weight: 600;
}

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

.service-faq h2 {
	text-align: center;
  font-size: 2rem;
       margin-bottom: 2rem;
   color: #1a252f;
}



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

.faq-item {


    background: white;
   border-radius:        8px;
      overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);


}

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

.faq-question:hover


{
     background: #e8f2ff;
   color: #667eea;
     }

.faq-question::after 
 {

	  content: "+";
  font-size: 1.5rem;
    transition: transform 0.3s ease;
     }


.faq-question.active::after {
  transform: rotate(45deg);
}

.faq-answer {
	   padding: 1.5rem;
    color: #555;
    font-size: 0.95rem;
                    line-height: 1.7;
  display: none;
     }

.faq-answer.active {
   display   :   block;}

.services-cta {

	  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  color: white;
    padding: 3rem 2rem;
  text-align: center;
  margin: 3rem 0;


}

.services-cta h2 {
  font-size:       2rem;
    margin-bottom: 0.5rem;
}

.services-cta p    {
   font-size: 1.1rem;
   margin-bottom: 1.5rem;
}

.thankyou-section


{
         max-width    :   800px;
   margin: 4rem auto;
  padding: 0 2rem;
}

.thankyou-container {

  background: white;
   border-radius: 12px;
    padding: 3rem;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	}

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

.thankyou-success-icon svg {
  filter: drop-shadow(0 4px 8px rgba(46, 204, 113, 0.2));
}

.thankyou-container h1 {
  font-size: 2.2rem;
   color: #2c3e50;
   margin-bottom: 1rem;

}

.thankyou-message {
	text-align: left;
    margin: 2rem 0;

}

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

.request-summary    {
   background     : #f8fafb;
	padding: 1.5rem;
    border-radius   :   8px;
   margin: 1.5rem 0;
   border-left: 4px solid #667eea;
}

.request-summary h3 {
    color: #2c3e50;
   margin-bottom: 1rem;
    text-align: left;
}

.summary-item		{
    display: grid;
    grid-template-columns: 200px 1fr;
  gap  :   1rem;
    padding: 0.5rem 0;
                    border-bottom: 1px solid #e0e0e0;
}

.summary-item:last-child {
  border-bottom: none;
}

.summary-label {
 font-weight: 600;
  color: #2c3e50;
   text-align: left;
}

.summary-value {
  color: #666;
        text-align: left;
}

.next-steps  {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
  padding :      1.5rem;
	border-radius: 8px;
    margin: 1.5rem 0;
   font-size: 1rem;
   line-height: 1.6;
}

.what-to-expect {
    background: white;
	padding     :    1.5rem;
    border-radius    :      8px;
  margin: 1.5rem 0;
}

.what-to-expect h3  
  {
          color:        #2c3e50;
   margin-bottom: 1rem;
	text-align: left;


}

.expectation-list  
  {
       list-style: none;
   text-align: left; 
	}

.expectation-list li {
    padding: 0.6rem 0;
   padding-left: 1.8rem;
  position: relative;
  color: #666;
  font-size: 0.95rem;
}

.expectation-list li::before{
   position: absolute;
  color: #2ecc71;
         font-size: 1.1rem;
  content: "✓";
   font-weight: bold;
   left: 0;
}

.contact-support {
  background: #fff3cd;
    border-left: 4px solid #ffc107;
   padding: 1rem;
   border-radius: 4px;
  margin :       1.5rem 0;
   font-size: 0.95rem;
}

.contact-support strong {

    color: #856404;
}

.thankyou-actions {
    margin-top: 2rem;

		gap   :      1rem;

	   justify-content: center;

	   display: flex;
}

.action-button {
	display: inline-block;
    padding: 0.9rem 2rem;
    border-radius: 6px;
   text-decoration: none;
    font-weight    :    600;
  transition: all 0.3s ease;
    font-size: 0.95rem;
}

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

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

.action-button.secondary {

    background: white;
    color: #667eea;
  border: 2px solid #667eea;}

.action-button.secondary:hover {

  background: #667eea;
   color: white;
}

.next-steps-section {
    background    : #f8fafb;
	 padding: 4rem 2rem;
    margin    :2rem 0;
}

.next-steps-section h2 {
	   text-align: center;
          font-size     :        2rem;
    margin-bottom:  3rem;
   color: #1a252f; 
	
     }

.steps-grid {
    max-width: 1000px;
  margin: 0 auto;
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 2rem;
}

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

.step-card:hover {
  transform: translateY(-4px);

  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.step-number {
       display: block;
  width: 50px;
    height: 50px;
  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 1rem;
}

.step-card h3 {


  color: #2c3e50;
   margin-bottom   :   0.5rem;
  font-size: 1.1rem;


}

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

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

.testimonials-brief h2 {
  text-align :  center;
   font-size: 2rem;
    margin-bottom: 2rem;
  color: #1a252f;
}

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

.testimonial {
     background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
        padding: 2rem;
   border-radius: 8px;
                    border-left: 4px solid #667eea;


}



.testimonial p {
    font-size: 0.95rem;

	    color: #555;

	   line-height: 1.7;

	   margin-bottom: 1rem;

	  font-style: italic;
}

.testimonial-author{
      display: block;
   font-weight: 600;
  color   :#2c3e50;
  font-size: 0.9rem;

}@media (max-width: 768px) {
    .service-header {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .service-header img {
        height: 150px;
    }

    .phases-timeline,
    .results-metrics {
        grid-template-columns: 1fr;
    }

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

    .comparison-cell {
        padding: 0.8rem;
        font-size: 0.85rem;
    }

    .pricing-options,
    .coaching-programs,
    .membership-tiers {
        grid-template-columns: 1fr;
    }

    .thankyou-container {
        padding: 2rem;
    }

    .summary-item {
        grid-template-columns: 1fr;
    }

    .thankyou-actions {
        flex-direction: column;
    }

    .action-button {
        width: 100%;
        text-align: center;
    }

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

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

@media (max-width: 480px) {
    .service-detailed-card {
        padding: 0;
    }

    .service-header {
        padding: 1rem;
    }

    .service-content {
        padding: 1.5rem;
    }

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

    .thankyou-success-icon svg {
        width: 80px;
        height: 80px;
    }

    .thankyou-container h1 {
        font-size: 1.5rem;
    }
}