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

body
{
  font-family: 'Arial', sans-serif;
    line-height: 1.6;
   color: #333;
    background-color: #ffffff;


}

.main-navigation {
    position: fixed;
  top     :       0;
   width: 100%;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
    z-index: 1000;
  padding: 1rem 0;
  transition: all 0.3s ease;

}

.main-navigation.scrolled {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
	
}

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

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

.nav-links {
	 display: flex;
  gap: 2.5rem;
}

.nav-item {
	text-decoration: none;
    color: #333;
    font-weight:  500;
   font-size: 1.1rem;
   transition: color 0.3s ease;
}

.nav-item:hover {
	  color: #2c5aa0;


}

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

.burger-line {
	  width: 25px;
  height: 3px;
	-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
    background-color: #333;
	-o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hero-section {
   margin-top     :    80px;
   padding: 4rem 2rem;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

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

.text-content h1 {


    font-size: 3.2rem; 
	      font-weight: 700; 
	   color     :      #2c3e50; 
	   margin-bottom: 1.5rem; 
	                    line-height: 1.2;


}

.text-content p {
       font-size: 1.2rem;
   color: #5a6c7d;
  margin-bottom: 2rem;
}

.hero-buttons {
    display: flex;
  gap: 1rem;
}

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

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

.primary-button:hover {

   background-color: #1a4480;
  transform: translateY(-2px);
	}

.secondary-button     {
	 background-color: transparent;

  color: #2c5aa0;

   border: 2px solid #2c5aa0;

}

.secondary-button:hover {
  background-color: #2c5aa0;
	color    :     white;
}

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

.services-overview {
   padding  :       5rem 2rem;
   background-color: #ffffff;
}

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

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

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

}

.service-card {
    background: #f8f9fa;
  padding     :    2rem;
   border-radius: 12px;
    text-align: center;
    transition: transform 0.3s ease;
}

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

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

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

.service-card p {
   color: #6c757d; 
	  line-height: 1.7;
}

.transformation-process {
    padding: 5rem 2rem;
  background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);
    color: white;
}

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

.process-text h2 {
		font-size: 2.5rem;
   margin-bottom   :    1.5rem;
}

.process-text p {
  font-size: 1.1rem;
    margin-bottom   :    2rem;
    opacity: 0.9;
}

.process-steps {

   list-style: none;}

.process-steps li
	{
        padding: 0.8rem 0;
   font-size: 1.1rem;
   position:relative;
          padding-left: 1.5rem;
}

.process-steps li:before {
  content: "→";
   position: absolute;
  left: 0;
    color: #ffd700;
               font-weight: bold;
} 

.process-visual img {
	  width   : 100%;
    height: auto;
    border-radius: 12px;

}

.cta-section
	{
  padding: 4rem 2rem;
  background-color: #2c5aa0;
    text-align: center;
   color: white;
}

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

.cta-content p {
   font-size: 1.2rem;

		margin-bottom: 2rem;

	  opacity: 0.9;
}

.cta-button {
   display: inline-block;
 padding: 1.2rem 3rem;
  background-color: #ffd700;
   color: #2c3e50;
    text-decoration: none;
   border-radius: 8px;
    font-weight: 700;
  font-size: 1.1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

.contact-info p {
        font-size: 1.1rem;
  color: #6c757d;
          margin-bottom: 1rem;
}

.contact-form {
   background     :       white;
  padding: 2rem;
                    border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

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

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

.form-group input,
.form-group select,
.form-group textarea {
         -webkit-border-radius :      6px;
  font-size  :   1rem;
         padding: 0.8rem;
  -moz-border-radius: 6px;
    transition     :      border-color 0.3s ease;
   border  :        2px solid #e9ecef;
  border-radius: 6px;
	width: 100%; 
	
}

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

.submit-button {
   width: 100%;
  padding: 1rem;
    background-color :       #2c5aa0;
   color: white;
  border: none;
  border-radius: 6px;
   font-size: 1.1rem;
  font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;


}

.submit-button:hover {
   background-color    :     #1a4480;
}

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


}

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

}

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

.footer-section h4   {
    font-size: 1.2rem;
                    margin-bottom: 1rem;
    color     :        #ffd700;

}

.footer-section a {
  display: block;
	 color  :  #bdc3c7;
	text-decoration :        none;
          margin-bottom    :    0.5rem;
    transition: color 0.3s ease;
}

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

.footer-section p {
    color: #bdc3c7;
       margin-bottom: 0.5rem;
}

.footer-bottom {
	text-align: center;
  margin-top: 2rem;
    padding-top: 2rem;
   border-top: 1px solid #34495e;
    color: #bdc3c7;
}@media (max-width: 768px) {
    .nav-links {
        position: fixed;
        top: 70px;
        right: -100%;
        width: 70%;
        height: calc(100vh - 70px);
        background-color: white;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 2rem;
        transition: right 0.3s ease;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    }

    .nav-links.active {
        right: 0;
    }

    .mobile-menu-trigger {
        display: flex;
    }

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

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

    .mobile-menu-trigger.active .burger-line:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
    }

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

    .text-content h1 {
        font-size: 2.5rem;
    }

    .hero-buttons {
        flex-direction: column;
        gap: 1rem;
    }

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

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

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

    .nav-wrapper {
        padding: 0 1rem;
    }

    .hero-section,
    .services-overview,
    .transformation-process,
    .contact-section {
        padding: 3rem 1rem;
    }
}

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

    .services-overview h2,
    .contact-section h2 {
        font-size: 2rem;
    }

    .process-text h2 {
        font-size: 2rem;
    }

    .cta-content h2 {
        font-size: 2rem;
    }
}.nav-item.active {
	    color     :        #2c5aa0;
  font-weight: 600;
     }

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

.about-hero-content {
     margin: 0 auto;
   max-width: 800px;
}

.about-hero h1 {

    margin-bottom: 1.5rem;
  font-weight     :  700;
    font-size: 3rem;
}

.about-hero p {
   font-size     :1.3rem;
    opacity: 0.95;
   line-height: 1.7;
}

.company-story {
   padding: 5rem 2rem;
        background-color: #ffffff;
}

.story-content {
   display: grid;
	grid-template-columns: 1.2fr 1fr;
  gap: 3rem;
  align-items     :        center;

}

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

.story-text p

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

.story-visual img {
    width: 100%;
	height: auto;
    border-radius  : 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

}

.mission-values {
  padding: 5rem 2rem;
  background: linear-gradient(45deg, #f093fb 0%, #f5576c 100%);
   color: white;
}

.mission-values h2 {

   text-align: center;
    font-size: 2.8rem;
  margin-bottom     :        3rem;

}

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

.value-card {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  padding    :    2.5rem 2rem;
    border-radius: 15px;
    text-align: center;
   transition: transform 0.3s ease;
}

.value-card:hover {


  transform: translateY(-8px);}



.value-card h3 {
  font-size: 1.4rem;
   margin-bottom: 1rem;
   font-weight: 600;
}

.value-card p {
	    font-size: 1rem;
  opacity: 0.9;
      line-height: 1.6; 

	}

.expertise-areas {
	   padding :        5rem 2rem;
   background-color    :      #f8f9fa;


}

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


}

.expertise-visual img     {
    width: 100%;
  height: auto;
   border-radius: 12px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12); 

}

.expertise-text h2 {

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

.expertise-list 
 {
   display: grid;
   gap: 1.5rem;
}



.expertise-item h4 {
    font-size: 1.3rem;
    color: #2c5aa0;
   margin-bottom: 0.5rem;
}

.expertise-item p   {
  color: #6c757d;
  line-height: 1.6; 
	
}

.success-approach {
  padding: 5rem 2rem;
     background-color: #ffffff;
}

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

.approach-content {
			display: grid;
  grid-template-columns: 1.2fr 1fr;
   gap: 3rem;
    align-items: center;
}

.approach-text p {

	    font-size: 1.15rem;
  color: #5a6c7d;
    line-height: 1.8;
	 margin-bottom: 1.8rem;

}

.approach-visual img {
    width: 100%;
    height: auto;
          border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}

.transformation-stats {
  padding     :4rem 2rem;
  background: linear-gradient(135deg, #2c5aa0 0%, #1a4480 100%);
   color: white;
}

.transformation-stats h2 {
               margin-bottom: 3rem;
  font-size: 2.8rem;
  text-align: center;
}

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

.stat-item {
    text-align: center;
  padding: 1.5rem;
}

.stat-number {
   font-size: 3.5rem;
    font-weight: 700;
   color: #ffd700;
	margin-bottom: 0.5rem;
}


.stat-label {
   font-size: 1.1rem;

	  opacity: 0.9;
}

.why-choose-us {
            padding: 5rem 2rem;
         background-color: #f8f9fa;}

.choice-content {
   display: grid;
               grid-template-columns: 1fr 1.2fr;
    gap: 3rem;
   align-items: center;
}

.choice-visual img{
    width: 100%;
  height: auto;
    border-radius: 12px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.13);
}

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

.choice-text p {
   font-size: 1.1rem;
    color: #5a6c7d;
  line-height: 1.8;
          margin-bottom: 1.5rem;
}

.thankyou-main  {
   margin-top   :80px;
  min-height: calc(100vh - 80px);
    padding: 3rem 2rem;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

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

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

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

.checkmark-circle {


    width: 80px;
  height: 80px;
  background: linear-gradient(45deg, #4CAF50, #45a049);
	border-radius: 50%;
    display    :     inline-flex;
          align-items: center;
  justify-content: center;
   position: relative;
  animation: scaleIn 0.5s ease-out;
}

.checkmark {
    width: 25px;
    height: 45px;
  border: solid white;
   border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  animation: checkmarkAppear 0.5s ease-out 0.3s both;
}@keyframes scaleIn {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

@keyframes checkmarkAppear {
    from { opacity: 0; transform: rotate(45deg) scale(0); }
    to { opacity: 1; transform: rotate(45deg) scale(1); }
}.thankyou-content h1 {
     color: #2c3e50;
    font-size: 2.5rem;
  text-align: center;
                    margin-bottom: 2rem;
}

.thankyou-message p {
   font-size: 1.15rem;
	   color: #5a6c7d;
	        line-height: 1.7;
	  margin-bottom: 2rem;
	  text-align: center;
}

.next-steps {
  margin     :        2.5rem 0;
}

.next-steps h3     {
   font-size   : 1.5rem;
    color: #2c3e50;
   margin-bottom: 1.5rem;
   text-align: center;
}

.steps-list {
      display :     grid;
      gap: 1.5rem;}

.step-item {
	display: flex;
     align-items  :      flex-start;
    gap: 1rem;
}

.step-number {
    color: white;
    align-items: center;
	justify-content   :      center;
	 background: #2c5aa0;
   border-radius: 50%;
    height: 35px;
  flex-shrink: 0;
  display: flex;
   font-weight: 600;
   width  :    35px;
}

.step-text h4 {
    color: #2c3e50;
         font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.step-text p {
   color: #6c757d;
   line-height: 1.6;
    margin: 0;
}

.additional-resources {

  background: #f8f9fa;
  padding: 2rem;
   border-radius: 10px;
   margin    :        2rem 0;


}

.additional-resources h3 {


  color: #2c5aa0;
   font-size :       1.4rem;
	margin-bottom: 1rem;

}

.additional-resources p {
   	color: #5a6c7d;
      line-height   : 1.7;
      margin: 0;
}

.contact-reminder {
	 text-align   :     center;
   margin: 2rem 0;
	padding     :        1.5rem;
  background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);
    color: white;
  border-radius: 10px;
}

.contact-reminder h4 {
     margin-bottom: 1rem;
   font-size    :   1.3rem;
	}

.contact-info {
  margin-top: 1rem; 

}

.contact-info p {
  margin: 0.5rem 0;
}

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

.thankyou-visual     {
  position: sticky; 
	  top: 100px;
}

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

}@media (max-width: 768px) {
    .story-content,
    .expertise-content,
    .approach-content,
    .choice-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .about-hero h1 {
        font-size: 2.2rem;
    }

    .about-hero p {
        font-size: 1.1rem;
    }

    .story-text h2,
    .expertise-text h2,
    .choice-text h2 {
        font-size: 2rem;
    }

    .mission-values h2,
    .success-approach h2,
    .transformation-stats h2 {
        font-size: 2.2rem;
    }

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

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .thankyou-content {
        padding: 2rem;
    }

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

    .action-buttons {
        flex-direction: column;
    }

    .thankyou-visual {
        position: static;
    }

    .about-hero,
    .company-story,
    .mission-values,
    .expertise-areas,
    .success-approach,
    .transformation-stats,
    .why-choose-us {
        padding: 3rem 1rem;
    }

    .thankyou-main {
        padding: 2rem 1rem;
    }
}

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

    .story-text h2,
    .expertise-text h2,
    .choice-text h2 {
        font-size: 1.7rem;
    }

    .stat-number {
        font-size: 2.5rem;
    }

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

    .thankyou-content h1 {
        font-size: 1.8rem;
    }

    .step-item {
        flex-direction: column;
        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;
    }
}