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

body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    line-height    :1.7;
  color: #2b2b2b;
  background: #fafafa;
	
}

.content-container {
  max-width: 1240px;
  margin: 0 auto;
   padding: 0 25px;
}

.primary-navigator {
   background: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: all 0.3s;
}

.primary-navigator.scrolled {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

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

.brand-section img {
  width: auto;
   height: 42px;


}

.navigation-links {
  display: flex;
    gap: 35px;
    align-items: center;
}

.nav-item {
  text-decoration: none;
   color     : #444;
    font-weight: 500;
  font-size: 15.5px;
   transition: color 0.25s;
  position: relative;


}

.nav-item:hover, .nav-item.active-link {
   color: #1a73e8;
}

.nav-item.active-link::after     {
  content: '';
               position:    absolute;
  bottom: -6px;
    left: 0;
	width: 100%;
	height: 2px;
  background:      #1a73e8;
}

.menu-trigger {

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

.menu-trigger .line-item     {
  width: 26px;
  height    : 2.5px;
  background: #333;
  transition: 0.3s;
}

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

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

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

.hero-presentation {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 85px 0;
}



.hero-presentation .content-container {
       display    :grid;
  grid-template-columns: 1.1fr 0.9fr;
   gap: 50px;
    align-items: center;
}


.hero-text-block h1	{
	 font-size: 3rem;

	   color: #1a1a1a;

	    margin-bottom: 22px;

	          line-height: 1.2;

	   font-weight   :700;
}

.lead-description   {
  font-size: 1.15rem;
  color   :#555;
  margin-bottom: 32px;
   line-height: 1.65;
}

.action-buttons {

         display: flex;
    gap: 18px;
  flex-wrap: wrap;
	
}

.primary-action-btn, .secondary-action-btn {
  padding: 14px 32px;
    text-decoration: none;
  border-radius: 6px;
    font-weight: 600;
   font-size: 16px;
  transition: all 0.3s;
       display: inline-block;
}

.primary-action-btn {
  background: #1a73e8;
    color: white;
}

.primary-action-btn:hover {
   background: #1557b0;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(26, 115, 232, 0.3);
}

.secondary-action-btn {
  background: white;
  color: #1a73e8;
 border  :      2px solid #1a73e8;
}

.secondary-action-btn:hover {
          background: #1a73e8;

   color: white;
	
}

.hero-visual img {
   width: 100%;
    border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

.benefits-showcase {

    padding: 90px 0;
   background: white;
     } 

.benefits-showcase h2 {
   text-align: center;
   font-size: 2.5rem;
   margin-bottom: 55px;
  color: #1a1a1a;
}

.benefits-layout {

	    display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 40px;
     }

.benefit-card {
  padding: 35px;
   background: #f8f9fa;
   border-radius: 10px;
   transition :  0.3s;
}

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


}

.benefit-card h3 {
  font-size: 1.5rem;
  margin-bottom: 16px;
    color: #1a73e8;
}

.benefit-card p  {
    color  :      #555;
  line-height  :1.7;
}

.methodology-presentation {
  padding: 90px 0;
   background:  #fafafa;
}

.methodology-presentation .content-container
	{
  grid-template-columns: 0.9fr 1.1fr;
	 display: grid;
   gap   :   60px;
  align-items: center;
}

.method-visual img {
  width: 100%;
       border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}

.method-description h2 {
   font-size: 2.3rem;
   margin-bottom: 22px;
  color: #1a1a1a;
}

.method-description > p {
	line-height: 1.7;
   color: #555;
  font-size: 1.08rem;
	margin-bottom: 35px;
}

.process-stages {
   display: flex;
   flex-direction: column;
  gap: 25px;
}

.stage-element {
   padding   :22px;
    background: white;
               border-left: 4px solid #1a73e8;
   border-radius: 6px;
}

.stage-element h4 {
	 font-size: 1.25rem;
    color:        #1a1a1a;
   margin-bottom: 8px;
}

.stage-element p {
	    color   :  #666;
  font-size     :   0.98rem;
	}

.services-overview {

    padding: 90px 0;
	background: white;

}

.services-overview h2 {
    text-align: center;
  font-size: 2.5rem;
   margin-bottom: 55px;
   color: #1a1a1a;
}

.services-grid {
   display    :     grid;
  grid-template-columns: repeat(3, 1fr);
   gap: 40px;
}

.service-block {


   background: #fafafa;
  border-radius: 10px;
   overflow: hidden;
    transition: 0.3s; 
	

}

.service-block:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

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

.service-block h3 {
    padding: 22px 25px 12px;
     font-size: 1.4rem;
       color: #1a1a1a;
}

.service-block p {
	               padding: 0 25px 18px;
	 color: #555;
	line-height   :       1.65;

}

.service-link {
    display: inline-block;
      margin: 0 25px 25px;
    color: #1a73e8;
					text-decoration   :   none;
  font-weight: 600;
   transition: 0.25s;
}

.service-link:hover {
   color: #1557b0;
  transform: translateX(5px);
}

.cta-banner {
	padding: 80px 0;
  background: linear-gradient(135deg, #1a73e8 0%, #1557b0 100%);
  color   :       white;
}

.cta-content-wrapper		{
   text-align  :      center;
   max-width: 820px;
  margin: 0 auto;
}

.cta-content-wrapper h2 {
    font-size: 2.4rem;
   margin-bottom: 22px; 
	
}

.cta-content-wrapper p {
               font-size   :1.12rem; 
	  margin-bottom :    35px; 
	   opacity: 0.95; 
	  line-height :   1.7;
	}

.cta-action-button {
   display: inline-block;
    -webkit-border-radius: 6px;
   padding: 16px 40px;
    background: white;
  color: #1a73e8;
          text-decoration :     none;
    border-radius: 6px;
    font-weight :  700;
  font-size: 17px;
  transition: 0.3s;
}

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

.testimonials-area   {
   padding: 90px 0;
         background: #fafafa;
}

.testimonials-area h2 
 {
    text-align: center;

	  font-size: 2.5rem;

	    margin-bottom: 55px;

	  color: #1a1a1a;
}

.testimonials-container {
	    display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;

}

.client-quote {
  background: white;
   padding: 32px;
	 border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.client-quote p {
    font-size  :       1.05rem;
  line-height :        1.7;
     color: #444;
  margin-bottom     :18px;
	font-style: italic;
}

.client-quote cite {
  display: block;
    font-style: normal;
	color: #1a73e8;
  font-weight: 600;
  font-size: 0.95rem;
}

.contact-section {
    padding: 90px 0;
    background: white;
}

.contact-intro {
  text-align: center;
   max-width: 780px;
    margin: 0 auto 50px;
}

.contact-intro h2 {
  font-size: 2.5rem;
   margin-bottom: 18px;
   color: #1a1a1a;
}

.contact-intro p {
	font-size: 1.1rem;
               color: #555;
  line-height: 1.7;
}

.contact-form-layout {
  max-width: 850px; 
	  margin    :   0 auto 50px; 
	    background: #f8f9fa; 
	   padding: 40px; 
	    border-radius: 12px;
}


.form-row {
    display: grid;
   grid-template-columns: 1fr 1fr;
    gap: 25px;
   margin-bottom: 25px;
}

.input-group {
   display: flex;

   flex-direction: column;
}

.input-group label {
  margin-bottom: 8px;

	    font-weight: 600;

	    color   :       #333;

	   font-size: 15px;
}

.input-group input, .input-group select, .input-group textarea {
    transition: 0.25s;
         -o-transition: 0.25s;
    padding: 12px 16px;
    font-size: 15px;
   border-radius:  6px;
  font-family: inherit;
    border: 2px solid #ddd;
}

.input-group input:focus, .input-group select:focus, .input-group textarea:focus {
	      outline: none;

    border-color    :#1a73e8;
}

.form-submit-btn {
  width     :        100%;
    padding: 15px;
   background: #1a73e8;
  color: white;
  border: none;
			border-radius: 6px;
   font-size :   17px;
         font-weight: 700;
   cursor: pointer;
   transition: 0.3s;


}

.form-submit-btn:hover {
    background: #1557b0;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(26, 115, 232, 0.3);
}

.contact-details
	{
	display: flex;
  justify-content: center;
   gap:  60px;
  max-width: 650px;
  margin: 0 auto;
}

.detail-item h4 {
	font-size: 1.15rem;
    margin-bottom: 10px;
  color :#1a1a1a;
}

.detail-item p {
   color: #555;
   line-height  :1.6;
}

.main-footer {
  background: #1a1a1a;
		 color: #ccc;
  padding: 60px 0 25px;
}

.footer-layout {
   display: grid;
    grid-template-columns :  2fr 1fr 1fr 1.5fr;
  gap: 45px;
  margin-bottom: 40px;
}

.footer-brand img	{
  height: 38px;
  margin-bottom:      18px;
}

.footer-brand p {
	font-size: 14.5px;
      line-height: 1.6;
       color: #aaa;
}

.footer-links-section h4, .footer-contact h4 {
   color: white;
         font-size: 17px;
   margin-bottom: 16px;
}

.footer-links-section a {
        display: block;
    color     :  #aaa;
   text-decoration: none;
        margin-bottom: 10px;
  font-size: 14.5px;
  transition: 0.25s;
}

.footer-links-section a:hover {
    color: #1a73e8;
    padding-left: 5px;
}

.footer-contact p {
  color   :   #aaa;
  font-size: 14.5px;
   line-height: 1.7;
	 margin-bottom: 8px;
}

.footer-bottom {
    border-top: 1px solid #333;
  text-align: center;
    padding-top: 25px;
}

.footer-bottom p {
   color: #888;
                    font-size: 14px; 

}@media (max-width: 1024px) {
    .hero-presentation .content-container {
        grid-template-columns: 1fr;
    }
    
    .methodology-presentation .content-container {
        grid-template-columns: 1fr;
    }
    
    .services-grid {
        grid-template-columns: 1fr;
    }
    
    .testimonials-container {
        grid-template-columns: 1fr;
    }
    
    .benefits-layout {
        grid-template-columns: 1fr;
    }
    
    .footer-layout {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .menu-trigger {
        display: flex;
    }
    
    .navigation-links {
        position: fixed;
        top: 78px;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        padding: 25px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        transform: translateX(-100%);
        transition: 0.3s;
    }
    
    .navigation-links.active {
        transform: translateX(0);
    }
    
    .hero-text-block h1 {
        font-size: 2.2rem;
    }
    
    .form-row {
        grid-template-columns: 1fr;
    }
    
    .contact-details {
        flex-direction: column;
        gap: 30px;
    }
    
    .footer-layout {
        grid-template-columns: 1fr;
    }
}.policySection {
    padding: 80px 2rem;
	background: #f8f9fa;
}

.policyContainer {

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

	}

.policyContainer h2 {
    font-size: 2.5rem; 
        color: #2c3e50; 
   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;
    }
}.about-main, .thankyou-main {
  background: #f5f7fa;
          min-height:      60vh;
  padding-bottom: 40px;
}

.about-title, .thankyou-title {


  font-size :       2.6rem;
    font-weight: 700;
   margin-top: 36px;
   margin-bottom     : 18px;
  color: #154598;
     }

.about-hero, .thankyou-section {
  background: linear-gradient(95deg, #e7eef9 60%, #f5f7fa 100%);
    border-radius: 24px;
   padding   :        38px 30px;
  box-shadow: 0 3px 18px rgba(60,80,150,0.06);
    margin   :      28px auto 16px auto;
   max-width: 780px;
}

.about-lead, .thankyou-message {
   font-size: 1.25rem;
                    line-height :    1.8;
  color: #333;
}

.values-list {
	   margin: 28px 0 0 0;
  padding-left: 18px;
	 list-style-type   :     disc;


}

.values-list li {
       font-size: 1.14rem;
	 margin-bottom: 10px;
     color: #2770b9;
}  

.method-stages {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap: 22px;
  margin: 32px 0 16px 0;
} 

.stage-element {


    background: #f7faff;
   border-radius: 16px;
    padding: 22px 18px;
  box-shadow: 0 1px 8px rgba(40,80,180,0.06);
     }

.about-team {
      margin: 34px auto;
	max-width: 700px;
   background: #f7faff;
   border-radius: 16px;
	 padding: 24px 18px;
  box-shadow: 0 2px 10px rgba(80,120,170,0.06);
}

.about-cta{
     margin: 40px auto 0 auto;
         text-align: center;
	max-width: 600px;
    background :     #eff7ff;
   border-radius: 18px;
    padding: 24px 18px;
  box-shadow: 0 1px 6px rgba(30,90,160,0.09);
}

.primary-action-btn {
   display:inline-block;
  background: #2673d7;
    color: #fff;
    font-weight: 600;
   padding: 13px 32px;
  border-radius: 8px;
   margin-top: 14px;
   margin-bottom: 0;
 text-decoration: none !important;
  transition: background .2s;
}

.primary-action-btn:hover {
  background: #154598;
    color: #fff;
}


.thankyou-message a.primary-action-btn {
   margin-top: 32px;
    border-radius: 20px;
}@media (max-width: 768px) {

  .about-hero, .thankyou-section {

    padding: 22px 10px;

    font-size: 1.06rem;

  }

  .about-title, .thankyou-title {

    font-size: 2rem;

  }

}.footer-layout, .main-footer {
   background:    #f7fafb;
}

.about-main	{
  background: var(--light-base, #f8f9fa);
   padding-top: 96px;
   min-height: 100vh;
}

.about-hero{
   max-width: 800px;
  margin: 0 auto 3rem auto;
       background: #fff;
    border-radius: 16px;
  box-shadow: 0 3px 16px rgba(44,90,160,0.09);
   padding: 2.3rem 2rem 2.3rem 2rem;
  text-align :    left;
}

.about-values {

    margin-bottom: 2.7rem;


}

.values-list {
  display: flex;
    gap: 1.7rem;
   flex-wrap: wrap;
}

.value-card {
   flex: 1 1 224px;
  background: var(--white-pure, #fff);
  border-left: 4px solid var(--accent-tone, #4a90e2);
    padding: 1.3rem 1.1rem 1.1rem 1.3rem;
    margin-bottom: 1.2rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(26,63,107,0.06);
}

.about-history {
	   max-width  :    750px;
  margin: 0 auto 2.2rem auto;
	 font-size  : 1.13rem;
}

.about-team {
    margin-bottom: 3.2rem;
}



.team-list {
  display: flex; 
    gap: 2.5rem; 
    flex-wrap    :    wrap; 
   justify-content: center;
}

.team-member {
   background: #fff;
    border-radius: 14px;
  box-shadow: 0 3px 14px rgba(74,144,226,0.14);
	padding: 1.2rem 1rem;
  text-align: center;
  flex: 1 1 220px;
   max-width: 260px;
}

.team-member img {
	    width: 72px;
  height     :       72px;
	border-radius: 50%;
   margin-bottom: 0.9rem;
    object-fit: cover;


}

.thx-main {
  background: var(--light-base, #f8f9fa);
   min-height: 80vh;
    padding-top: 120px;
   display: flex;
  align-items: center;
      justify-content: center;
}

.thx-section {
   background: #fff;

	    border-radius: 18px;

	  box-shadow: 0 3px 18px rgba(44,90,160,0.13);

	   padding: 2.6rem 2rem;

	                    text-align: center;
}

.thx-section h1 {
  color: var(--primary-shade, #2c5aa0);
  font-size   :2rem;
  margin-bottom: 1.3rem;
     } 

.thx-btn     {
  margin-top: 2.2rem;
   display: inline-block;
  background: var(--accent-tone, #4a90e2);
  color: #fff;
   border     :      none;
    border-radius: 7px;
  padding: 0.77rem 2.3rem;
   font-size: 1.08rem;
    text-decoration: none;
  transition: background 0.25s;
}

.thx-btn:hover {
  background: var(--primary-shade, #2c5aa0);
}@media (max-width: 720px) {

  .about-hero, .about-history {

    padding: 1rem 0.3rem;

  }

  .team-list {

    gap: 1.1rem;

    flex-direction: column;

  }

  .value-card {

    margin-bottom: 1.7rem;

  }

  .thx-section {

    padding: 1.1rem 0.4rem;

  }

}.about-main {
  background: var(--light-base, #f8f9fa);
    padding-top: 96px;
   min-height: 100vh;
}

.about-hero {
   max-width: 800px;
  margin:    0 auto 3rem auto;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 3px 16px rgba(44,90,160,0.09);
  padding: 2.3rem 2rem 2.3rem 2rem;
   text-align: left;
}

.about-values {
   margin-bottom: 2.7rem;
}

.values-list {
        display: flex;
    gap: 1.7rem;
    flex-wrap: wrap;
}

.value-card {
    flex: 1 1 224px;
  background: var(--white-pure, #fff);
  border-left: 4px solid var(--accent-tone, #4a90e2);
   padding: 1.3rem 1.1rem 1.1rem 1.3rem;
   margin-bottom: 1.2rem;
    border-radius: 12px;
  box-shadow: 0 2px 8px rgba(26,63,107,0.06);
}

.about-history {
    max-width: 750px;
	    margin: 0 auto 2.2rem auto;
	       font-size: 1.13rem;
}

.about-team {
	margin-bottom: 3.2rem;
}  

.team-list {
    display    :     flex;
    gap: 2.5rem;
       flex-wrap :  wrap;
                    justify-content: center;
}

.team-member {
  background: #fff;
	 border-radius: 14px;
  box-shadow: 0 3px 14px rgba(74,144,226,0.14);
  padding: 1.2rem 1rem;
    text-align: center;
   flex: 1 1 220px;
	max-width: 260px;


}


.team-member img {
     width: 72px;
    height: 72px;
   border-radius: 50%;
    margin-bottom: 0.9rem;
  object-fit   :cover;

}

.thx-main {


  background: var(--light-base, #f8f9fa);
    min-height: 80vh;
  padding-top: 120px;
   display: flex;
      align-items: center;
         justify-content:      center;


}

.thx-section {
  background: #fff;
    border-radius: 18px;
  box-shadow: 0 3px 18px rgba(44,90,160,0.13);
		 padding: 2.6rem 2rem;
    text-align: center;
}

.thx-section h1 {
  color: var(--primary-shade, #2c5aa0);
   font-size: 2rem;
  margin-bottom: 1.3rem;
}

.thx-btn {
	margin-top: 2.2rem;
	   display: inline-block;
	  background: var(--accent-tone, #4a90e2);
	  color: #fff;
	   border: none;
	  border-radius   :    7px;
		padding: 0.77rem 2.3rem;
	   font-size: 1.08rem;
	  text-decoration: none;
	    transition: background 0.25s;
}

.thx-btn:hover {
  background: var(--primary-shade, #2c5aa0);
}@media (max-width: 720px) {

  .about-hero, .about-history {

    padding: 1rem 0.3rem;

  }

  .team-list {

    gap: 1.1rem;

    flex-direction: column;

  }

  .value-card {

    margin-bottom: 1.7rem;

  }

  .thx-section {

    padding: 1.1rem 0.4rem;

  }

}