* {

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

html {

	    scroll-behavior: smooth;}

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

.navbar {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 1rem 0;
  position  :  sticky;
   top  :        0;
   z-index: 1000;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

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

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

.nav-menu


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

.nav-link {
   color: white;

	       text-decoration: none;

	   font-weight  : 500;

	    transition: opacity 0.3s ease;

	    padding: 0.5rem 0.75rem;

}

.nav-link:hover {
   opacity: 0.8;
    text-decoration: underline;
}

.hamburger
{
    display: none; 
	    cursor: pointer; 
	   background: none; 
	    border:  none; 
	    padding: 0.5rem;
}

.hamburger img


{
   width: 28px;
  height: 28px;
  filter: brightness(0) invert(1);

}  @media (max-width: 768px) {
    .hamburger {
        display: block;
    }

    .nav-menu {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        flex-direction: column;
        gap: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0;
    }

    .nav-menu.active {
        max-height: 300px;
        padding: 1rem 2rem;
    }

    .nav-menu li {
        padding: 0.75rem 0;
    }

    .nav-link {
        display: block;
        padding: 0.75rem;
    }
}.hero-section {
    display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
   align-items    :   center;
  padding: 4rem 2rem;
   max-width: 1200px;
  margin: 0 auto;
  background: linear-gradient(to right, #f8f9fa 0%, #ffffff 100%);
} 

.hero-content h1 {
  font-size: 2.8rem; 
	  margin-bottom: 1.5rem; 
	   color :     #2c3e50; 
	        line-height: 1.2;
} 

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

	/* Performance critical */


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

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

}

.hero-image img {


    width: 100%;
  height: auto;
    border-radius: 15px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);}  
@media (max-width: 768px) {
    .hero-section {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 2rem 1.5rem;
    }

    .hero-content h1 {
        font-size: 2rem;
    }
}.services-preview {
    padding   :4rem 2rem;
   max-width: 1200px;
    margin: 0 auto;
}

.services-preview h2   {
   font-size: 2.4rem;
    text-align: center;
  margin-bottom: 3rem;
    color: #2c3e50;
}

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

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

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(102, 126, 234, 0.15);
}  

.service-card img {
  width: 100%;
  height: 200px;
   object-fit: cover;
}

.service-card h3 {
    font-size: 1.4rem;
   padding: 1.5rem 1.5rem 0.5rem;
   color :     #2c3e50;
}

.service-card p {
   padding: 0 1.5rem 1.5rem;
  color: #666;
      font-size: 0.95rem;
  line-height: 1.6;
}

.features-section {
  padding: 4rem 2rem;
               max-width    :        1200px;
	margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #f0f4f8 100%);
   border-radius: 15px;
  margin-top: 2rem;
}

.features-section h2 {
	font-size: 2.4rem;
   text-align: center;
   margin-bottom: 3rem;
  color:   #2c3e50;
}

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

.feature-item {
  background: white;
  padding: 2rem;
	border-radius:        10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}


.feature-item h4 {
          font-size: 1.2rem;
 color: #667eea;
   margin-bottom :   1rem;
}

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

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

.coaching-programs h2 {
   font-size:2.4rem;
    text-align: center;
    margin-bottom: 3rem;
	color: #2c3e50;
	
}

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

.program-card {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 2.5rem;
  border-radius: 12px;
    position: relative;
	 overflow:   hidden;
    transition: transform 0.3s ease;
}

.program-card:hover {
  transform: scale(1.05);
}

.program-card h3 {
  font-size: 1.3rem;
    margin-bottom:  1rem;
}

.program-card p     {
  font-size    :     0.95rem;
   line-height: 1.6;
  margin-bottom: 1.5rem;
}

.program-tag {

  display: inline-block; 
	  background: rgba(255, 255, 255, 0.2); 
	  padding: 0.5rem 1rem; 
	  border-radius: 20px; 
	   font-size :       0.85rem; 
	  font-weight: 600;

}

.cta-section 
 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
   padding: 3.5rem 2rem;
    text-align: center;
   margin  :        3rem auto;
   max-width: 900px;
  border-radius: 15px;
}

.cta-content h2
{
	 font-size: 2rem;
   margin-bottom: 1rem;
}

.cta-content p	{
   	font-size: 1.05rem;
   margin-bottom: 2rem;
  line-height: 1.8;
	}

.cta-button-secondary{
    display   :   inline-block;
    background: white;
   color: #667eea;
   padding: 0.9rem 2.2rem;
  border-radius: 50px;
  text-decoration: none;
     font-weight: 600;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

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

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

.contact-section h2		{
  font-size   :   2.4rem;
  text-align   :      center;
    margin-bottom: 3rem;
    color: #2c3e50; 
	
}

.contact-container {
     grid-template-columns: 2fr 1fr;
                    display: grid;
  gap: 3rem;
}

.contact-form {
 background: #f9f9f9;
  padding: 2rem;
  border-radius  :    12px;
	 border-left: 4px solid #667eea;
}

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

.form-group label {
        display: block;
         margin-bottom   :  0.5rem;
    font-weight: 500;
   color: #2c3e50;
}

.form-group input,
.form-group select,
.form-group textarea {
  border  :       1px solid #ddd;
    width: 100%;
                    border-radius: 6px;
  font-size: 0.95rem;
    font-family: inherit;
   padding:       0.75rem;
    transition: border-color 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    :        0.9rem 2.5rem;
   border: none;
  border-radius: 50px;
	font-size  :       1rem;
    font-weight: 600;
   cursor: pointer;
    transition  :  transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 6px 15px rgba(102, 126, 234, 0.3);

}

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

.contact-info {
  background: linear-gradient(135deg, #f5f7fa 0%, #f0f4f8 100%);
    padding: 2rem;
   border-radius: 12px;
}  

.contact-info h3    {
   font-size: 1.5rem;
   color: #2c3e50;
   margin-bottom: 1rem;
}

.contact-info p {
       color: #666;
    margin-bottom: 1.5rem;
  line-height: 1.8; 

}

.contact-phone{
  font-weight: 600; 
    color    :       #667eea; 
    font-size:   1.1rem;
}@media (max-width: 768px) {
    .contact-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}.footer {
  background: #2c3e50;
  color :        #ecf0f1;
    padding: 3rem 2rem;
    margin-top: 4rem;
}

.footer-container
{


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



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

.footer-links h4,
.footer-legal h4,
.footer-contact h4 {
	 font-size: 1.1rem;
   margin-bottom: 1rem;
  color: #667eea; 

}

.footer-links ul,
.footer-legal ul {
   list-style: none;
}

.footer-links a,
.footer-legal a {
     color: #bdc3c7;
  -webkit-transition: color 0.3s ease;
   text-decoration: none;
    display: block;
  margin-bottom: 0.7rem;
          transition: color 0.3s ease;
}

.footer-links a:hover,
.footer-legal a:hover {

	  color: #667eea;}

.footer-contact p {
        color: #bdc3c7;
    margin-bottom: 1rem;
  line-height: 1.7;
}

.footer-phone {
  color:    #667eea;
	 font-weight:     600;
}

.footer-bottom {


    text-align: center;
    padding-top: 2rem;
  border-top: 1px solid #34495e;
    color: #95a5a6;

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

    .footer {
        padding: 2rem 1.5rem;
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.service-card {
  animation :     slideInUp 0.6s ease-out;
}

::-webkit-scrollbar {

  width: 10px;}

::-webkit-scrollbar-track {
    background  :#f1f1f1;
}

::-webkit-scrollbar-thumb {
   background: #667eea;
  border-radius :    5px;
}

::-webkit-scrollbar-thumb:hover {
   background: #764ba2;
}



.services-hero		{
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                    color: white;
    padding: 3rem 2rem;
    text-align: center;
  margin-top: 0;
}

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

.services-hero-content p {
	 font-size: 1.1rem;
    opacity: 0.95;
    line-height: 1.6;
	
}@media (max-width: 768px) {
    .services-hero-content h1 {
        font-size: 2rem;
    }
    
    .services-hero-content p {
        font-size: 0.95rem;
    }
}.services-container {
	       max-width     :     1200px;
   margin: 0 auto;
    padding: 4rem 2rem;


}

.service-detailed-card {
    display: grid;
  grid-template-columns: 1fr 1fr;
   gap  :     3rem;
    align-items: start;
   margin-bottom: 4rem;
    background   :      white;
    padding: 2rem;
   border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-detailed-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
}

.service-detailed-card:nth-child(even) {
    grid-template-columns: 1fr 1fr;
   direction: rtl;
}

.service-detailed-card:nth-child(even) .service-content 
 {
  direction: ltr;
}

.service-image-wrapper {
  border-radius: 10px;
         height: 300px;
   overflow: hidden;
}

.service-image-wrapper img {
  width  :      100%;
   height: 100%;
  object-fit: cover;
   transition: transform 0.3s ease;
}

.service-detailed-card:hover .service-image-wrapper img {
  transform: scale(1.05);
}

.service-content h2 {
   font-size: 2rem;
    color :    #2c3e50;
  margin-bottom   :     1rem;
  line-height: 1.3;
}

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

.service-features 
 {

    margin: 1.5rem 0;
     }

.service-features h4	{
    font-size:       1.1rem;

   color: #667eea;

  margin-bottom: 1rem;

  font-weight: 600;
	
}

.feature-list {
  list-style: none;
   padding-left: 0;
}

.feature-list li


{
    padding: 0.5rem 0;
	position: relative;
	color:      #666;
    padding-left: 1.5rem;
}

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

.service-duration {
          font-size: 0.9rem;
  color: #999;
   font-style: italic;
  margin-top: 1.5rem;
    padding-top: 1rem;
  border-top: 1px solid #eee;
}@media (max-width: 768px) {
    .service-detailed-card {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 1.5rem;
        direction: ltr;
    }
    
    .service-detailed-card:nth-child(even) {
        direction: ltr;
    }
    
    .service-detailed-card:nth-child(even) .service-content {
        direction: ltr;
    }
    
    .service-image-wrapper {
        height: 200px;
    }
    
    .service-content h2 {
        font-size: 1.5rem;
    }
}.service-packages {
	padding: 4rem 2rem;
   max-width: 1200px;
  margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #f0f4f8 100%);
  border-radius: 15px;
    margin-top   :       2rem;
}

.service-packages h2 {
  font-size: 2.4rem;

	   text-align: center;

	  margin-bottom   : 3rem;

	    color: #2c3e50;
}

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

.package-card {
  background: white;
	padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
   display: flex;
  flex-direction:    column;
    border: 2px solid transparent;
}

.package-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.2);



}

.package-card.featured {
   border-color: #667eea;

  transform: scale(1.05);

    position: relative;
}

.package-card.featured:hover {
  transform: scale(1.08) translateY(-10px);
}

.package-header {
         margin-bottom: 1.5rem; 
		position: relative;
}


.package-header h3 {
   font-size: 1.3rem;
               color: #2c3e50;
	margin-bottom: 0.5rem;
}

.package-price {

    font-size    :      1.8rem;
   color: #667eea;
  font-weight  :  700;
     }

.popular-tag {
  position: absolute;
    top:        -15px;
  right  :        0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
   padding: 0.4rem 0.8rem;
  border-radius    :  20px;
   font-size :      0.75rem;
  font-weight: 600;
    text-transform: uppercase;
}

.package-list {
      list-style: none;
  padding: 0;
   margin-bottom: 2rem;
    flex-grow:   1;
}

.package-list li {
   padding: 0.7rem 0;
       color: #666;
  padding-left: 1.5rem;
  position: relative;
}

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

.package-button
	{
  display: inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color: white;
	padding  : 0.8rem 1.5rem;
   border-radius: 50px;
  text-decoration: none;
	 text-align: center;
       font-weight: 600;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); 

}

.package-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(102, 126, 234, 0.4);
}@media (max-width: 768px) {
    .package-card.featured {
        transform: scale(1);
    }
    
    .package-card.featured:hover {
        transform: scale(1) translateY(-10px);
    }
}.service-process {
    padding: 4rem 2rem; 
    max-width: 1200px; 
    margin: 0 auto;
}

.service-process h2 {
   font-size: 2.4rem;
   text-align     :        center;
      margin-bottom: 3rem;
   color: #2c3e50;
}

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

.process-step {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
	padding    : 2rem;
	border-radius: 12px;
    position :  relative;
   overflow: hidden;
  transition: transform 0.3s ease;
}

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

.process-step::before {
  content: '';
    position: absolute;
   top :  0;
  left: 0;
   right: 0;
         bottom: 0;
  background: rgba(255, 255, 255, 0.05);
  transform: skewY(-3deg);
   transform-origin: top right;
}

.process-step > * {
  position: relative;
  z-index: 1;
}

.step-number {
  opacity: 0.3;
	 margin-bottom: -0.5rem;
  font-weight :    700;
    font-size: 3rem;
}

.process-step h3 {
   font-size: 1.3rem;
    margin-bottom     :      1rem;
   font-weight: 600;
}

.process-step p {
   font-size: 0.95rem;
    line-height: 1.6;
   opacity: 0.95;
}@media (max-width: 768px) {
    .process-steps {
        grid-template-columns: 1fr;
    }
}.thankyou-section {
          padding  :   4rem 2rem;
   min-height: 60vh;
  background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
  display: flex;
   align-items: center; 
	
}

.thankyou-container {
    max-width   :   1000px;
       margin    :    0 auto;
    display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 3rem;
}

.thankyou-content {
   text-align   :   center;
}

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

.success-icon img{
         width: 80px;
  height: 80px;
  filter: drop-shadow(0 4px 8px rgba(46, 204, 113, 0.3));
    animation: successBounce 0.6s ease-out;
}@keyframes successBounce {
    0% {
        transform: scale(0) rotate(-45deg);
        opacity: 0;
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}.thankyou-content h1 {
    font-size: 2.5rem;
   color: #2c3e50;
   margin-bottom: 0.5rem;
  line-height: 1.2;
}

.thankyou-main{

	font-size: 1.3rem;
	color: #667eea;
  font-weight: 600;
    margin-bottom :2rem;




}

.thankyou-message {

	   background: white;
    padding: 2rem;
   border-radius: 10px;
   border-left: 4px solid #667eea;
 margin-bottom: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}

.thankyou-message p {

	   color: #555;
   line-height: 1.8;
    font-size: 0.95rem;
     }

.next-steps {
  background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
    padding: 2rem;
   border-radius: 10px;
			margin-bottom: 2rem;
}

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

.steps-list		{
  list-style: none;
      padding  :  0;
   text-align: left;
}

.steps-list li {
 color    :#666;
	padding: 0.7rem 0;
  padding-left: 2rem;
	position: relative;
}

.steps-list li:before {


  content: "→";
      position: absolute;
      left   : 0;
     color: #667eea;
          font-weight: bold;
     font-size: 1.2rem;

}

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


.button-primary,
.button-secondary


{
  display: inline-block; 
  padding: 0.9rem 2rem; 
   border-radius: 50px; 
  text-decoration: none; 
    font-weight: 600; 
      transition : transform 0.3s ease, box-shadow 0.3s ease;
}

.button-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
  box-shadow: 0 6px 15px rgba(102, 126, 234, 0.3);
}

.button-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
}

.button-secondary {
   background: white;
  color   :  #667eea;
	 border: 2px solid #667eea;
}

.button-secondary:hover  
  {
  background: #667eea;
               color    :white;
  transform: translateY(-3px);
}

.thankyou-info {
    gap: 1.5rem;
    display: flex;
          flex-direction: column;


}

.info-box{
    background: white;
    padding: 1.5rem;
  border-radius :10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   border-top :     3px solid #667eea;
}

.info-box h4 {
  color: #2c3e50;
	 margin-bottom: 0.8rem;
   font-size: 1.1rem;
}

.info-box p {
    color: #666;
         font-size  :   0.9rem;
   line-height: 1.6;
  margin-bottom: 0.5rem;
}

.info-phone {
        color: #667eea;
    font-size: 1.1rem;
  font-weight: 600;
  margin-top: 0.5rem;
}

.features-section-thankyou  {
   padding: 3rem 2rem;
    max-width: 1200px;
  margin: 2rem auto;
}

.features-section-thankyou h2 {

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

.features-grid-thankyou {

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

.feature-box {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
	  color: white; 
	    padding: 1.8rem; 
	  border-radius :     10px; 
	   text-align: center; 
	         transition: transform 0.3s ease;
}

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

.feature-box h3 {
   font-size: 1.1rem;
    margin-bottom: 0.8rem;


} 

.feature-box p {
   font-size: 0.9rem;
   line-height: 1.6;
  opacity: 0.95;
}@media (max-width: 768px) {
    .thankyou-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .thankyou-content h1 {
        font-size: 2rem;
    }
    
    .action-buttons {
        flex-direction: column;
    }
    
    .button-primary,
    .button-secondary {
        width: 100%;
    }
}.policySection {
	padding: 80px 2rem;

  background: linear-gradient(135deg, #f5f7fa 0%, #f0f4f8 100%);

	 min-height: 70vh;
}

.policyContainer {
  max-width: 900px;
	margin: 0 auto;
    text-align: left;
   background: white;
   padding: 3rem;
    border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	
}

.policyContainer h1 {


  font-size: 2.8rem;
    color: #2c3e50;
   margin-bottom   : 2rem;
	font-weight: 700;
 line-height    :       1.2;
   border-bottom: 3px solid #667eea;
    padding-bottom: 1rem;}

.policyContainer h2 {

	    font-size: 1.8rem;
     color: #2c3e50;
      margin-top: 2rem;
                       margin-bottom: 1rem;
       font-weight     : 600;
       line-height: 1.3;

}

.policyContainer h2:first-of-type {
      margin-top: 0;
}

.policyContainer p {
   color: #555;
   margin-bottom: 1.2rem;
    line-height: 1.8;
   font-size: 1rem;
 text-align  :     justify;
}

.policyContainer strong 
 {
    color: #2c3e50;
 font-weight   :   600;
}

.policyContainer ul {
   list-style: none;
     padding-left   :0;
   margin-bottom: 1.5rem;
}

.policyContainer li {
  padding : 0.7rem 0;
  color:   #555;
  line-height: 1.7;
    padding-left: 1.5rem;
  position: relative;
}

.policyContainer li:before {
  content: "▸";
   position: absolute;
  left   : 0;
    color: #667eea;
   font-weight: bold;
    font-size: 1.2rem;
}@media (max-width: 1024px) {
    .policyContainer {
        padding: 2.5rem;
    }

    .policyContainer h1 {
        font-size: 2.2rem;
    }

    .policyContainer h2 {
        font-size: 1.5rem;
    }

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

@media (max-width: 768px) {
    .policySection {
        padding: 60px 1rem;
    }

    .policyContainer {
        padding: 1.5rem;
        border-radius: 8px;
    }

    .policyContainer h1 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        padding-bottom: 0.8rem;
    }

    .policyContainer h2 {
        font-size: 1.3rem;
        margin-top: 1.5rem;
        margin-bottom: 0.8rem;
    }

    .policyContainer p {
        font-size: 0.9rem;
        margin-bottom: 1rem;
        text-align: left;
    }

    .policyContainer li {
        font-size: 0.9rem;
        padding-left: 1.2rem;
    }
}

@media (max-width: 480px) {
    .policySection {
        padding: 40px 0.75rem;
        min-height: auto;
    }

    .policyContainer {
        padding: 1rem;
        border-radius: 6px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .policyContainer h1 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        padding-bottom: 0.7rem;
    }

    .policyContainer h2 {
        font-size: 1.1rem;
        margin-top: 1.2rem;
        margin-bottom: 0.6rem;
    }

    .policyContainer p {
        font-size: 0.85rem;
        margin-bottom: 0.8rem;
        line-height: 1.6;
    }

    .policyContainer li {
        font-size: 0.85rem;
        padding: 0.5rem 0;
        padding-left: 1rem;
    }
}

@media print {
    .policySection {
        padding: 20px 0;
        background: white;
    }

    .policyContainer {
        box-shadow: none;
        padding: 0;
        max-width: 100%;
    }

    .policyContainer h1,
    .policyContainer h2 {
        page-break-after: avoid;
    }

    .policyContainer p {
        page-break-inside: avoid;
    }
}