*
{
   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-color: #fafbfc;
}

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

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


}

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

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

.navigation-links a {
   transition :     color 0.3s ease;

		 font-weight: 500;

	    text-decoration: none;

	    color: #2c3e50;

	   position: relative;
}

.navigation-links a:hover {
  color :     #e74c3c;
}

.navigation-links a::after {
  content: '';
  position: absolute;
  bottom: -5px;
    left    :  0;
  width: 0;
   height: 2px;
   background: #e74c3c;
   transition: width 0.3s ease;
}

.navigation-links a:hover::after {
   width: 100%;
     }

.burger-menu {
  display: none;
   flex-direction: column;
   cursor: pointer;
    gap: 4px; 

}  

.burger-menu span {
    width: 25px;
	 height: 3px;
  -o-transition     :     0.3s;
 background    :      #2c3e50;
   transition: 0.3s;
}

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

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

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

.hero-section {
    margin-top: 80px;
   padding: 4rem 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
   display: flex;
   align-items  :       center;
  min-height: 70vh;
  max-width: 1200px;
 margin-left: auto;
   margin-right: auto;
   border-radius: 20px;
  margin-top: 100px;
}

.hero-content	{
	flex: 1;
    padding-right: 2rem;
}

.hero-content h1 {
	   font-size: 3.2rem;
	margin-bottom: 1.5rem;
   font-weight: 700;
   line-height: 1.2;
	}

.hero-content p {
  font-size: 1.3rem;
   margin-bottom: 2.5rem;
	opacity: 0.9;
}

.hero-actions  {
    gap: 1.5rem;
   flex-wrap: wrap;
	display: flex;
}

.primary-button, .secondary-button {
    padding   :    15px 30px;
   border-radius: 50px;
    text-decoration: none;
   font-weight: 600;
   transition: all 0.3s ease;
  display :        inline-block;
}  

.primary-button {
  background :       #e74c3c;
    color: white;
	
}

.primary-button:hover {
          background: #c0392b;
  transform: translateY(-2px);
}

.secondary-button {
   	background: transparent;
    color: white;
    border: 2px solid white;

}

.secondary-button:hover {
	               background     :white;
   color: #667eea;
}

.hero-image    {


  flex: 1;
  text-align     : center;
}


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

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

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

.services-grid {
   display     :      grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2.5rem;
   margin-top: 3rem;
}

.service-item {
  background: white;
	    border-radius: 20px;
	  padding: 2rem;
	  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	   transition: transform 0.3s ease, box-shadow 0.3s ease;
	    text-align: center;
}

.service-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.service-item img {
   width: 100%;
    height: 200px;
   object-fit: cover;
    border-radius: 15px;
  margin-bottom: 1.5rem;
}

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

.service-item p	{
    color    :       #7f8c8d;
  line-height     :       1.6;
}

.transformation-story    {
  background: #ecf0f1;
  padding: 5rem 2rem;
}

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

.story-text h2 {
    font-size: 2.5rem;
   margin-bottom: 2rem;
   color: #2c3e50;
}

.story-text p {
                  margin-bottom: 1.5rem;
   color: #7f8c8d;
  font-size: 1.1rem;
	}

.benefits-list 
 {
  list-style: none;
    margin-top: 2rem;
}

.benefits-list li {
   padding: 0.75rem 0;
   position: relative;
    color: #2c3e50;
    padding-left: 2rem;
}

.benefits-list li::before {
  content: '✓';
 position:        absolute;
  left: 0;
	color: #27ae60;
   font-weight   :      bold;
   font-size  :       1.2rem;
}

.story-visual img{
    width: 100%;
   border-radius  :       20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

.cta-section {
  background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
  color: white;
    padding: 4rem 2rem;
  text-align: center;
}

.cta-content h2 {
   font-size: 3rem;
    margin-bottom: 1.5rem;
}

.cta-content p {
  font-size: 1.2rem;
    margin-bottom: 2.5rem;
    opacity: 0.9;
   max-width    :      600px;
    margin-left: auto;
    margin-right: auto;
}

.cta-button {
	   background: white;
  color: #e74c3c;
   padding:    18px 40px;
   border-radius:   50px;
    text-decoration: none;
   font-weight: 700;
    font-size: 1.1rem;
	transition     :    all 0.3s ease;
   display: inline-block;
     }

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

.contact-section {
       padding: 5rem 2rem;
  background: #f8f9fa;
}

.contact-container
	{
   max-width   : 1200px;
   margin: 0 auto;
          display: grid;
	grid-template-columns: 1fr 1fr;
    gap    :4rem;
  align-items: start;
}

.contact-info h2 {
    font-size: 2.5rem;
  margin-bottom: 2rem;
                    color: #2c3e50;
}

.contact-info p {
   font-size :1.1rem;
  color: #7f8c8d;
  margin-bottom: 2rem;
}

.contact-details {
	               margin-top: 2rem;}

.contact-item {
  margin-bottom: 1.5rem;
}

.contact-item strong {
    color: #2c3e50;
  display: block;
	margin-bottom: 0.5rem;
	
}

.contact-form-wrapper {
     background    :  white;
   padding: 3rem;
   border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

.form-group {
  margin-bottom: 2rem; 

}

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

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%; 
                    padding     :        15px; 
	 border: 2px solid #ecf0f1; 
    border-radius: 10px; 
	font-size: 1rem; 
	transition: border-color 0.3s ease; 
    font-family: inherit;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline    :   none;
  border-color: #667eea;
}

.form-group input.error,
.form-group select.error,
.form-group textarea.error {
     border-color: #e74c3c;
}

.submit-button  {
   	background: #667eea;
    color :    white;
    padding: 18px 40px;
	 border: none;
   border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
	 transition: all 0.3s ease;
   width: 100%;
     }

.submit-button:hover {


  background: #5a6fd8;
  transform: translateY(-2px);
}



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

.footer-content {

	  max-width: 1200px;
        margin: 0 auto;
      display: grid;
     grid-template-columns: 1fr 3fr;
   	gap: 3rem;
       margin-bottom: 2rem;
}

.footer-brand img {
   height:      40px;
}

.footer-info {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.footer-section h4 {
          margin-bottom     :       1rem;

 color: #ecf0f1;
}



.footer-section ul {

	    list-style: none;
     }

.footer-section ul li {
   margin-bottom: 0.5rem;
}

.footer-section a {
  color: #bdc3c7;
  text-decoration: none;
  transition: color 0.3s ease;
	
}

.footer-section a:hover {
   color: #ecf0f1;
}

.footer-bottom {

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

}@media (max-width: 768px) {
    .burger-menu {
        display: flex;
    }
    
    .navigation-links {
        position: fixed;
        top: 80px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 80px);
        background: white;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        padding-top: 2rem;
        transition: left 0.3s ease;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    }
    
    .navigation-links.show {
        left: 0;
    }
    
    .hero-section {
        flex-direction: column;
        text-align: center;
        margin-top: 90px;
    }
    
    .hero-content {
        padding-right: 0;
        margin-bottom: 2rem;
    }
    
    .hero-content h1 {
        font-size: 2.5rem;
    }
    
    .story-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .contact-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .footer-info {
        grid-template-columns: 1fr;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .hero-actions {
        justify-content: center;
    }
    
    .services-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .hero-content h1 {
        font-size: 2rem;
    }
    
    .nav-container {
        padding: 1rem;
    }
    
    .section-container h2 {
        font-size: 2.2rem;
    }
    
    .cta-content h2 {
        font-size: 2.2rem;
    }
}.animate


{
   animation: fadeInUp 0.8s ease forwards;
}  @keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.primary-navigation.scrolled {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 5px 25px rgba(0,0,0,0.15);
}

.about-hero {
  margin-top   :  80px;
	 padding: 5rem 2rem;
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
   color: white;
    display: flex;
   align-items  :     center;
    min-height: 60vh;
}

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

.about-hero-content h1 {
	font-size: 3.5rem;
	margin-bottom: 2rem;
  font-weight: 700;
}

.about-hero-content p {
	 font-size: 1.4rem;
  line-height: 1.6;
    opacity: 0.9;
}

.about-hero-visual img {
    width :100%;
   border-radius    :       20px;
  box-shadow: 0 15px 50px rgba(0,0,0,0.3); 
	
}

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

.mission-container {
    align-items: start;
   display: grid;
  max-width: 1200px;
    margin: 0 auto;
  grid-template-columns: 2fr 1fr;
    gap: 4rem;
}

.mission-text h2 {
  font-size: 2.8rem;
  margin-bottom: 2rem;
   color: #2c3e50;
}


.mission-text p {
    font-size: 1.1rem;
	 line-height: 1.7;
  color: #7f8c8d;
  margin-bottom: 2rem;
}

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

.value-item {
   background: white;
  padding: 2rem;
  border-radius  :        15px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.value-item h3 {
               color: #667eea;
    margin-bottom     :       1rem;
   font-size     :    1.3rem;
}

.value-item p {
    color: #7f8c8d;
    line-height :       1.6;
}

.mission-image img	{
	      width: 100%;
               border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.expertise-section
{
   padding: 6rem 2rem;
}

.expertise-container {
	   max-width: 1200px;
  margin:       0 auto;
}

.expertise-container h2 {
  text-align: center;
  font-size: 2.8rem;
   margin-bottom: 4rem;
  color: #2c3e50;
}

.expertise-content {
   display: grid; 
		grid-template-columns: 1fr 1fr; 
	   gap  :4rem; 
	   align-items: center;
}

.expertise-image img {

	    width: 100%;
    border-radius    :      20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.expertise-details h3 {
    font-size   :      2rem;
  margin-bottom: 2rem;
   color: #2c3e50;
}

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

.expertise-list li {
  padding: 0.8rem 0;
    position: relative;
   padding-left: 2.5rem;
  color: #34495e;
	 line-height: 1.6;
}

.expertise-list li::before {
  content: '→';
   	position: absolute;
      left: 0;
       color: #e74c3c;
   	font-weight: bold;
             font-size :1.2rem;
}

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

}  

.approach-container     {
  max-width    :    1200px;
    margin: 0 auto;
}

.approach-container h2 {
    text-align: center;
	font-size: 2.8rem;
  margin-bottom: 4rem;
}

.approach-steps {


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

.step-card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
	padding: 2.5rem 2rem;
   border-radius: 20px;
    text-align: center;
               transition :   transform 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.step-card:hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
}

.step-number {
   background  : #e74c3c;
   color: white;
  width  :     60px;
    height: 60px;
   border-radius     :       50%;
    display: flex;
    align-items: center;
  justify-content: center;
   font-size: 1.5rem;
  font-weight: bold;
   margin   :    0 auto 2rem; 
	
}

.step-card h3  
  {
   margin-bottom: 1.5rem;
   font-size: 1.4rem;
}

.step-card p {
   opacity: 0.9;
        line-height: 1.6;
}

.experience-section {
  padding: 6rem 2rem;
  background: #ecf0f1;
}

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

.experience-stats h2 {
   font-size: 2.8rem; 
				 margin-bottom: 2rem; 
      color: #2c3e50;
}

.experience-stats p {

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

.stats-grid


{

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

.stat-item {
  text-align: center;
    background: white;
	padding: 2rem 1rem;
	border-radius: 15px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}



.stat-number {
   font-size     :   2.5rem;
   font-weight: 700;
  color: #667eea;
          margin-bottom: 0.5rem;
} 

.stat-label


{
   color  :     #7f8c8d;
                    font-size: 0.9rem;
  line-height: 1.4; 
	
}

.experience-visual img   {
    width: 100%;
    border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.location-section {

	padding: 6rem 2rem;}

.location-container {
    max-width: 1200px;
   margin: 0 auto;
}

.location-container h2 {
          text-align:center;
    font-size: 2.8rem;
  margin-bottom: 4rem;
    color:    #2c3e50;
}

.location-content {
       display: grid;
    grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.location-info p {


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

.office-details h3 {
    color: #2c3e50;
   margin-bottom: 1.5rem;
}

.contact-detail {
  display: flex;
  flex-direction: column;
   margin-bottom: 1rem;
}

.contact-detail strong {
	   color     :   #2c3e50;
  margin-bottom   :     0.5rem;
	}

.contact-detail span {
  color: #7f8c8d;
}


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

.thankyou-hero {
    margin-top: 80px;
   padding:        5rem 2rem;
  background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
  color :       white;
    text-align: center;
    position: relative;
   overflow: hidden;
}

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

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

.checkmark {
   width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
   margin: 0 auto;
    position: relative;
    display: flex;
	 align-items: center;
   justify-content: center;
}

.checkmark-stem,
.checkmark-kick	{

	  background: white;
  border-radius: 2px;
    position: absolute;
	}

.checkmark-stem {
    width: 3px;
        height: 20px;
   top: 30px;
   left: 38px;
  transform: rotate(45deg);
   transform-origin: bottom;
}

.checkmark-kick {
  width: 3px;
   height: 10px;
    top :    40px;
        left   :    30px;
  transform: rotate(-45deg);
    transform-origin   : bottom;
}

.animate-checkmark .checkmark-stem,
.animate-checkmark .checkmark-kick
{
         animation: drawLine 0.5s ease-out forwards;
}@keyframes drawLine {
    0% {
        height: 0;
    }
    100% {
        height: 20px;
    }
}.animate-checkmark .checkmark-kick {
   animation: drawKick 0.5s ease-out 0.2s forwards;
}@keyframes drawKick {
    0% {
        height: 0;
    }
    100% {
        height: 10px;
    }
}.thankyou-hero h1 {
	 font-size: 3rem;
  margin-bottom: 1rem;
    font-weight: 700;
} 

.thankyou-subtitle {
  font-size: 1.3rem;
    opacity: 0.9;
  margin-bottom: 3rem;
}

.confirmation-details h2 {


   font-size: 2.2rem;
  margin-bottom: 3rem;
  color: white;


     }

.steps-container	{
   display: grid;
	gap: 2rem;
  text-align: left;
}

.confirmation-step {
  background: rgba(255, 255, 255, 0.1);

	  backdrop-filter: blur(10px);

	          padding: 2rem;

		border-radius: 15px;

	  display: flex;

	    align-items: center;

	  gap: 2rem;

	  opacity: 0;

	  transform: translateX(-50px);

	   transition: all 0.5s ease;


}

.confirmation-step.step-appear {
	  transform: translateX(0);

	    opacity: 1;


}

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


}

.step-content h3 {
    margin-bottom: 0.5rem;
   font-size: 1.2rem;
}

.step-content p	{
   opacity: 0.9;
	line-height: 1.6;
}

.interim-support {
          background: #f8f9fa;
  padding: 5rem 2rem;
}


.interim-container {
	max-width: 1200px;
   margin   :     0 auto;
}

.interim-container h2 {
   text-align: center;
  font-size: 2.5rem;
  margin-bottom: 3rem;
   color: #2c3e50;
}

.interim-content {
  display    :       grid;
   grid-template-columns: 2fr 1fr;
  gap: 4rem;
    align-items: start;
}


.interim-text p {
    font-size: 1.1rem;
    color  : #7f8c8d;
    line-height: 1.7;
  margin-bottom: 2rem;

}



.reflection-questions {
	 list-style: none;
    margin: 2rem 0;
  padding  :       2rem;
   background: white;
    border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.reflection-questions li {

	  padding: 1rem 0;
   position: relative;
    padding-left: 2rem;
	color: #34495e;
    line-height: 1.6;
  border-bottom: 1px solid #ecf0f1;
     }

.reflection-questions li:last-child {
    border-bottom:       none;
}

.reflection-questions li::before {
  content: '?';
    position: absolute;
	left: 0;
  color: #667eea;
   font-weight: bold;
   font-size: 1.2rem;
}

.interim-visual img {
   width: 100%;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.contact-reminder {
   padding: 5rem 2rem;
}

.reminder-container  
  {
   max-width: 1200px; 
	    margin: 0 auto;
}

.reminder-content {
	display: grid;
  grid-template-columns     :  1fr 1fr;
    gap: 4rem;
    align-items: center;
}

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

.reminder-details h2 {


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


}

.reminder-details p   {
	font-size: 1.1rem;
  color: #7f8c8d;
	line-height: 1.7;
       margin-bottom: 2rem;
}

.contact-info-box {
  background     :  #f8f9fa;
                    padding: 2rem;
    -moz-border-radius:15px;
   border-radius: 15px;
	-webkit-border-radius: 15px;
    margin: 2rem 0;
}

.contact-info-box .contact-item {
    margin-bottom:      1.5rem;
   display: flex;
   flex-direction: column;
}

.contact-info-box .contact-item:last-child {
  margin-bottom: 0;
}

.contact-info-box strong {
   color: #2c3e50;

	  margin-bottom: 0.5rem;

}

.contact-info-box span    {
     color: #7f8c8d;
}



.office-note {
  font-style: italic; 
	    color: #95a5a6; 
	         margin-top: 2rem;
}

.back-to-site {
   padding: 5rem 2rem;
         background: #ecf0f1;


}

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

.back-container h2 {
    font-size: 2.5rem;
       margin-bottom: 2rem;
       color: #2c3e50;
}

.back-container p {
  font-size: 1.1rem;
   color :    #7f8c8d;
      margin-bottom: 3rem;
	}

.navigation-options {
   display: grid;
  grid-template-columns   :   1fr 1fr;
    gap: 2rem;
}

.nav-option-link {
   text-decoration: none;
  color     :inherit;
}

.nav-option {
    background     : white;
    padding: 2rem;
   border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
   text-align: center;
}

.nav-option h3 {
		 color: #2c3e50;
   margin-bottom: 1rem;
  font-size: 1.3rem;
}

.nav-option p {

    color: #7f8c8d;
  line-height    :  1.6;

} 

.floating-element {
   position: absolute;
                    width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
  animation: float 6s ease-in-out infinite;
}@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    50% {
        transform: translateY(-100px) rotate(180deg);
        opacity: 0.7;
    }
}

@media (max-width: 768px) {
    .about-hero-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .about-hero-content h1 {
        font-size: 2.5rem;
    }
    
    .mission-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .expertise-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .approach-steps {
        grid-template-columns: 1fr;
    }
    
    .experience-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .location-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .interim-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .reminder-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .navigation-options {
        grid-template-columns: 1fr;
    }
    
    .thankyou-hero h1 {
        font-size: 2.2rem;
    }
    
    .confirmation-step {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .about-hero-content h1 {
        font-size: 2rem;
    }
    
    .thankyou-hero h1 {
        font-size: 1.8rem;
    }
    
    .values-grid {
        grid-template-columns: 1fr;
    }
    
    .stats-grid {
        grid-template-columns: 1fr;
    }
}.slide-in {
    animation: slideInUp 0.8s ease forwards;
}@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.policySection {
  padding: 80px 2rem;
   background: #f8f9fa;
}

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

.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;
    }
}