:root {
    --ocean-depth: #1a365d;
    --forest-canopy: #2d5016;
    --sunset-warmth: #e53e3e;
    --golden-harvest: #d69e2e;
    --cloud-silver: #edf2f7;
    --midnight-navy: #1a202c;
    --earth-brown: #744210;
    --sky-breeze: #63b3ed;
    --text-charcoal: #2d3748;
    --text-granite: #4a5568;
    --background-pearl: #f7fafc;
    --accent-coral: #ed8936;
}

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

body

{
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.7;
  color: var(--text-charcoal);
   font-weight    :  420;
    font-size: 17px;
  background: var(--background-pearl);
      overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--midnight-navy);
  font-family: "Georgia", "Times New Roman", serif;
  font-weight: 720;
  line-height: 1.3;
	 margin-bottom :      21px;
}

h1 {

	    font-size: 3.8rem;


}

h2 {
   font-size: 2.9rem;
}

h3 {
   font-size: 2.1rem;
}

h4 {
      font-size: 1.6rem;


}

h5  
  {
    font-size   :     1.3rem;
}

h6 {
	font-size: 1.1rem;
}

.container-fluid
{
  max-width: 1380px;
     margin: 0 auto;
    padding: 0 27px;
}

.navigation-wrapper {
    position: fixed;
   top: 0;
   left: 0;
   right: 0;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(13px);
	z-index: 999;
    padding: 17px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.primary-navbar {
    display: flex;
   justify-content: space-between;
  align-items   : center;
   position: relative;
}

.navigation-toggle {
   display: none;
}

.toggle-activator {
    display: none; 
	
}  

.menu-bars {
  width: 34px;
   height: 4px;
  background: var(--midnight-navy);
   position: relative;
   transition :      all 0.35s ease;
}

.menu-bars:before,
.menu-bars:after {
  content: '';
   position: absolute;
    width: 34px;
	height: 4px;
  background: var(--midnight-navy);
  transition: all 0.35s ease;
}

.menu-bars:before {
    top: -11px;
}

.menu-bars:after {
  top: 11px;
}

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

.navigation-container
	{
    display: flex;
	align-items: center;
    gap: 34px;
}

.navigation-item {
  list-style:  none;
	
}

.navigation-link {
  color: var(--text-charcoal);
    text-decoration: none;
				 font-size: 17px;
  font-weight: 520;
  transition: color 0.27s ease;
    position: relative;
}

.navigation-link:hover {
  color: var(--sunset-warmth);
}

.navigation-link::after


{
	  content: ''; 
  position: absolute; 
    width  :  0; 
   height: 2px; 
   bottom    :        -7px; 
   left: 0; 
  background: var(--sunset-warmth); 
               transition: width 0.27s ease;
}

.navigation-link:hover::after  
  {
   width: 100%;
}@media screen and (max-width: 890px) {
    .toggle-activator {
        display: block;
        cursor: pointer;
        padding: 17px;
        z-index: 2;
    }

    .navigation-container {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: var(--background-pearl);
        transition: all 0.35s ease;
        padding-top: 97px;
        flex-direction: column;
        align-items: center;
    }

    .navigation-item {
        width: 100%;
        text-align: center;
        margin: 17px 0;
    }

    .navigation-link {
        display: inline-block;
        padding: 13px 27px;
        font-size: 19px;
        color: var(--midnight-navy);
    }

    .navigation-toggle:checked ~ .navigation-container {
        left: 0;
    }

    .navigation-toggle:checked ~ .toggle-activator .menu-bars {
        background: transparent;
    }

    .navigation-toggle:checked ~ .toggle-activator .menu-bars:before {
        transform: rotate(45deg);
        top: 0;
    }

    .navigation-toggle:checked ~ .toggle-activator .menu-bars:after {
        transform: rotate(-45deg);
        top: 0;
    }
}.hero-showcase-area {
   margin-top    :  81px;
}

.hero-background-layer {
   background-size: cover;
   background-position :   center center;
   background-repeat: no-repeat;
  min-height: 91vh;
   display: flex;
    align-items: center;
}

.hero-background-layer.overlay {

   position: relative;


}

.hero-background-layer.overlay:before {
  content: "";
   position: absolute;
   top: 0;
		 left: 0;
    right: 0;
  bottom: 0;
  opacity   :   0.67;
  background: rgba(26, 54, 93, 0.67);
}

.content-alignment {
      position: relative;
    z-index: 2;


}

.hero-content-zone {
    max-width: 640px;
}



.hero-content-zone h1 {
      color: #fff;
  font-size: 4.7rem;
   line-height: 1.12;
    margin-bottom: 27px;
}

.hero-description {
   color: #fff;
   font-size     :      19px;
    margin-bottom :  41px;
  line-height: 1.6;
}

.hero-action-form
	{
  background: rgba(255, 255, 255, 0.13);
  padding: 13px;
  border-radius:       13px;
  backdrop-filter: blur(7px);
}

.input-wrapper-flex {
  display:     flex;
    gap: 13px;
}

.primary-input {
    flex: 1;
    height: 61px;
   background: #fff;
   border   :   2px solid transparent;
    border-radius: 7px;
  padding: 0 21px;
    font-size: 16px;
    transition: all 0.27s ease;
}

.primary-input:focus {
    outline: none;
  border-color: var(--sunset-warmth);
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1);
}

.action-button		{
    padding: 0 34px; 
    height: 61px; 
    border: none; 
   border-radius: 7px; 
  font-size     :  17px; 
			font-weight: 620; 
    cursor: pointer; 
    transition: all 0.27s ease;
}

.primary-accent {
     background: var(--sunset-warmth); 
	 color: #fff;
     }

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

.section-spacing-large {
    padding: 97px 0;
}

.section-spacing {
   padding: 127px 0;
}

.content-spacing {
  padding: 87px 0;
}

.services-showcase    {
	 background: #fff;
}

.section-header-wrapper {
   text-align: center;
    margin-bottom: 67px;
}

.section-header-wrapper h2 {
  font-size: 3.1rem;
    margin-bottom: 17px;
  color: var(--midnight-navy);
}

.section-header-wrapper p {
  font-size: 19px;
  color: var(--text-granite);
    max-width: 640px;
               margin: 0 auto;
}

.services-grid-layout {

     display: grid;

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

  gap: 41px;
     }

.service-card-container {
	display: flex;

}

.individual-service-area {
    text-align: center;

	   padding: 41px 27px;

	   border-radius: 13px;

	    background: #fff;

	  box-shadow: 0 7px 34px rgba(0, 0, 0, 0.08);

	      transition: all 0.37s ease;

	   flex: 1;
}

.individual-service-area:hover     {
  transform: translateY(-7px);
  box-shadow: 0 17px 54px rgba(0, 0, 0, 0.13);
}


.service-visual	{
  width: 67px;
    height: 67px;
  margin-bottom: 27px;
  filter: invert(0.2) sepia(1) saturate(3) hue-rotate(340deg);
}

.individual-service-area h5 {
	 font-size: 21px;
   margin-bottom: 17px;
   font-weight: 670;
  color: var(--midnight-navy);
}

.individual-service-area p {
  color: var(--text-granite);
    line-height: 1.7;
}

.narrative-story-showcase {
  padding: 127px 0;
  background: var(--cloud-silver);
}

.story-presentation-wrapper {
   display: grid;

   grid-template-columns    :    1fr 1fr;

    gap: 67px;

  align-items: center;
}  

.narrative-content-area {
    align-self: center;
}

.story-text-content		{
      max-width: 490px;
}

.story-text-content h2   {
  color: var(--midnight-navy);
  font-size: 3.4rem;
  line-height :        1.2;
   margin-bottom  :27px;
}

.story-text-content p   {
    margin-bottom: 21px;
    line-height: 1.7;
      font-size  :       17px;
  color: var(--text-granite);
}

.primary-action-link   {
   display: inline-block;
   margin-top: 27px;
  padding: 17px 34px;
  background: var(--sunset-warmth);
    color: #fff;
  text-decoration: none;
   font-size: 16px;
  font-weight: 620;
   border-radius: 7px;
    transition: all 0.27s ease;
}



.primary-action-link:hover {

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

.story-image-container {
   position: relative;
	padding    :      67px 0;
}

.story-image-container:before {
  content: "";
  background: var(--ocean-depth);
     position: absolute;
    right: -247px;
   top: 0;
    max-width :567px;
 width: 100%;
     height: 100%;
   z-index: -1;
  border-radius: 13px;
}

.responsive-image {
   width: 100%;
   height: auto;
  border-radius: 13px;
}

.feature-highlight-area {
  background: var(--midnight-navy);
    color: #fff;
}

.feature-presentation-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap  :    67px;
   align-items    :     center;
}

.feature-text-container {
    padding: 27px 0;
}

.feature-text-container h2    {
	         text-transform: uppercase;
  font-weight: 720;
    font-size: 3.7rem;
   color: #fff;
	margin-bottom: 34px;

}

.highlight-statement {
  font-size: 23px;
	   margin-bottom: 27px;
	   color: #fff;
	  font-weight :720;
	    line-height:       1.4;
}

.feature-text-container p {
  color: rgba(255, 255, 255, 0.87);
    margin-bottom: 27px;
   line-height: 1.7;
}

.feature-responsive-image {
  width: 100%;

  height:    auto;

   border-radius: 7px;
}

.secondary-action-button {
    display: inline-block;
   font-size: 16px;
   font-weight    : 720;
    padding: 17px 27px;
  color: #fff;
                    letter-spacing: 1.3px;
    text-transform: uppercase;
               text-align: center;
  border: 2px solid var(--golden-harvest);
  background: linear-gradient(135deg, var(--golden-harvest), var(--sunset-warmth));
   border-radius: 7px;
    text-decoration    :none;
      transition: all 0.37s ease;
    position     :    relative;
   overflow :        hidden;
}

.secondary-action-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 13px 27px rgba(214, 158, 46, 0.4);
}

.client-feedback-showcase {
  position: relative;
  background: var(--cloud-silver);
   padding: 87px 0;
}

.testimonial-layout-grid {
    display: grid;
   grid-template-columns: 1fr 1fr;
	gap: 67px;
   align-items: center;
}

.testimonial-background-image {
    width: 100%;
    height: 547px;
  background-size   : cover;
        background-repeat: no-repeat;
   background-position: center;
	 border-radius: 13px;
}

.testimonial-header-section h2 {
  font-size: 3.9rem;
  font-weight: 720;
    text-transform: uppercase;
     line-height: 1.2;
  color: var(--midnight-navy);
    margin-bottom: 41px;
}

.testimonial-content-wrapper {
    position: relative;
  font-size   :       19px;
}

.testimonial-text p {
      font-style: italic;
  line-height: 1.6;
   margin-bottom: 34px;
  color: var(--text-charcoal);
}

.testimonial-author-info {
  display: flex;
	align-items: center;
   gap:21px;
}

.author-avatar {
   width: 71px;
   height: 71px;
    border-radius: 50%;
  background-size: cover;
	background-position: center;
}

.author-name    {
  font-weight: 620;

	  margin-bottom: 7px;

	  color: var(--midnight-navy);

	  font-size: 19px;
	
}

.author-role {
	 font-size: 15px;
  color: var(--sunset-warmth);
  text-transform: uppercase;
	font-weight: 620;
    letter-spacing: 1.1px;
}

.faq-content-area {
               background: #fff;
}

.faq-section-title
{
  color: var(--sunset-warmth);
         font-size: 3.4rem;
         font-weight: 820;
  margin-bottom: 47px;
   text-align: center;
}

.faq-questions-grid {
   display: grid;
  grid-template-columns: 1fr 1fr;
   gap: 47px;
}

.faq-question-block {
   margin-bottom: 34px;
}

.faq-question-text {
  color: var(--midnight-navy);
  font-size: 1.3rem;
   margin-bottom: 17px;
    font-weight: 620;
}

.faq-question-block p {
  color: var(--text-granite);
   line-height :1.7;
	
}

.contact-engagement-wrapper {

	       padding: 127px 0 97px;
  background: var(--cloud-silver);

}

.contact-layout-grid {
    display: grid;
  grid-template-columns: 1fr 1fr;
	gap: 47px;
}

.contact-main-header {
    font-size: 2.7rem;
    font-weight: 620;
   margin-bottom: 41px;
  color: var(--midnight-navy);
   grid-column: 1 / -1;
	text-align: center;
}

.form-fields-grid {
  display: grid;
   grid-template-columns :       1fr 1fr;
	gap: 27px;
}

.form-full-width {
   grid-column   :     1 / -1;
}

.input-field-wrapper		{
  margin-bottom: 27px;
}

.form-input-control {
   width: 100%;
  border: 2px solid rgba(0, 0, 0, 0.13);
    border-radius: 7px;
   padding: 17px 21px;
    font-size: 16px;
    background:     #fff;
   transition  :      all 0.27s ease;
}

.form-input-control:focus {
  outline: none;
  border-color: var(--sunset-warmth);
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1);
}



.form-input-control[name="message"]   {
          min-height     :    147px;

	   resize: vertical;
}

.contact-submit-button {

  background: var(--sunset-warmth);
  color: #fff;
   border: none;
   padding: 19px 34px;
   font-size: 17px;
    font-weight: 620;
  border-radius: 7px;
  cursor: pointer;
  transition:       all 0.27s ease;
	}

.contact-submit-button:hover {

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

.contact-info-block {
  margin-bottom: 34px;
    display: flex;
   align-items: flex-start;
    gap: 17px;
}

.contact-icon-wrapper {
   margin-right: 0;
}

.contact-icon-wrapper img {
    width   : 34px;
  height: 34px;
  filter: invert(0.3) sepia(1) saturate(2) hue-rotate(340deg);
}

.contact-text-content h3 {
  font-size: 17px;
      margin-bottom: 7px;
  color: var(--midnight-navy);
}

.contact-text-content p {
  color: var(--text-granite);
   line-height: 1.5;
}

.site-footer {
  background: var(--midnight-navy);
   color: #fff;
  padding :       67px 0 34px; 
	
} 

.footer-content-grid {
   display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 47px;
   margin-bottom: 41px;
}

.footer-logo {
    height: 41px;
    width: auto;
  margin-bottom: 21px;
}

.footer-brand-section p {
  color: rgba(255, 255, 255, 0.8);
   line-height: 1.6; 

}

.footer-links-section h4,
.footer-legal-section h4,
.footer-contact-section h4 {
   margin-bottom    :       21px;
	 color    :  #fff;
    font-size  :      17px;
}

.footer-navigation,
.footer-legal-links {

	      list-style: none;


}  

.footer-navigation li,
.footer-legal-links li {
  margin-bottom   :       13px;
}

.footer-navigation a,
.footer-legal-links a {
  color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
   transition: color 0.27s ease;
}

.footer-navigation a:hover,
.footer-legal-links a:hover
{
  color: var(--sunset-warmth);
}

.footer-contact-section p {
  color: rgba(255, 255, 255, 0.8);

	  margin-bottom: 13px;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
	   padding-top: 27px;
	         text-align: center;
}

.footer-bottom p {
  color: rgba(255, 255, 255, 0.6);
   font-size: 15px;
}

.popup-overlay {
					display: none;
  position: fixed;
    top: 0;
    left    :0;
  width: 100%;
    height: 100%;
  background: rgba(0, 0, 0, 0.67);
   z-index: 9999;
	animation: fadeIn 0.3s ease;
} 

.popup-content {
	position: absolute;
     top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    background: #fff;
	padding: 41px;
  border-radius :  13px;
   text-align   :    center;
   max-width    :467px;
    width: 90%;
  box-shadow: 0 27px 67px rgba(0, 0, 0, 0.3);
}

.popup-header     {
    margin-bottom: 27px;
}

.popup-icon {
  width: 67px;
   height: 67px;
    margin-bottom: 17px;
  filter: invert(0.4) sepia(1) saturate(3) hue-rotate(120deg);
}

.popup-header h3 
 {
  color: var(--midnight-navy);
  margin-bottom: 13px;
}

.popup-content p {
  color: var(--text-granite);
   margin-bottom  : 27px;
    line-height: 1.6;
}

.popup-close-btn {
  background: var(--sunset-warmth);
   color: #fff;
    border: none;
  padding: 13px 27px;
    border-radius: 7px;
    cursor: pointer;
   font-weight: 620;
   transition: background 0.27s ease;
}

.popup-close-btn:hover {
   background: #c53030;
}@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}.animated-entrance {

	   opacity: 0;
  transform: translateY(34px);
  animation: slideUp 0.67s ease forwards;
}@keyframes slideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (max-width: 1280px) {
    .hero-content-zone h1 { font-size: 3.9rem; }
    .section-header-wrapper h2 { font-size: 2.7rem; }
}

@media screen and (max-width: 890px) {
    .container-fluid { padding: 0 21px; }

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

    .story-presentation-wrapper,
    .feature-presentation-grid,
    .testimonial-layout-grid,
    .faq-questions-grid,
    .contact-layout-grid {
        grid-template-columns: 1fr;
        gap: 41px;
    }

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

    .footer-content-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .input-wrapper-flex {
        flex-direction: column;
    }

    .story-image-container:before { display: none; }

    .section-spacing-large,
    .section-spacing {
        padding: 67px 0;
    }
}

@media screen and (max-width: 640px) {
    .hero-content-zone h1 { font-size: 2.3rem; }

    .form-fields-grid {
        grid-template-columns: 1fr;
    }

    h2 { font-size: 2.1rem; }
    h3 { font-size: 1.7rem; }

    .popup-content {
        padding: 27px;
        margin: 21px;
    }
}.about-hero-banner {
  background: linear-gradient(142deg, var(--ocean-depth) 0%, var(--midnight-navy) 100%);

	    padding: 147px 0 97px;

	 margin-top: 81px;

	  position: relative;

	    overflow: hidden;
}

.about-hero-banner::before {
  content: '';
   position: absolute;
  top: -50%;
    right: -20%;
               width: 80%;
    height: 200%;
  background: radial-gradient(ellipse, rgba(99, 179, 237, 0.08) 0%, transparent 70%);
  transform: rotate(-17deg);
}

.hero-content-about {
 position  :        relative;
  z-index: 2;
 text-align: center;
   max-width: 890px;
    margin: 0 auto;
}

.hero-content-about h1 {
  color: #fff;
    font-size: 4.1rem;
  margin-bottom: 23px;
   font-weight: 780;
  letter-spacing: -0.02em;
}

.hero-subtitle-text {
  color: rgba(255, 255, 255, 0.89);
   font-size: 21px;
  line-height: 1.6;
    margin-bottom: 37px;
}

.stats-highlight-row {
    display: grid; 
	  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 
	  gap    :  34px; 
	   margin-top   :        47px;
}

.stat-highlight-item
{
    text-align:    center;
   padding: 23px;
  background: rgba(255, 255, 255, 0.11);
   border-radius: 11px;
  backdrop-filter: blur(7px);
}

.stat-number {
    font-size: 2.8rem;
  font-weight: 820;
  color: var(--golden-harvest);
    display: block;
  margin-bottom: 8px;
}

.stat-label   {
  color: rgba(255, 255, 255, 0.87);
    font-size: 16px;
  font-weight: 520;
}

.team-showcase-area {
   padding: 127px 0;
  background: var(--background-pearl);
}

.team-section-header   {
  text-align: center;
	 margin-bottom:       87px;
} 

.team-section-header h2 {
  font-size: 3.3rem;
  color: var(--midnight-navy);
    margin-bottom: 19px;
  font-weight: 740;
}

.team-intro-text {

   font-size: 19px;
  color: var(--text-granite);
   max-width: 720px;
   margin: 0 auto;
    line-height: 1.7;
     }

.team-members-grid {


  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 43px;
	}

.team-member-card {
   background     :  #fff;
       border-radius   :  17px;
       overflow: hidden;
     box-shadow: 0 11px 43px rgba(0, 0, 0, 0.07);
     transition: all 0.41s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.team-member-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 23px 67px rgba(0, 0, 0, 0.12);
}

.member-image-container {
	    height: 280px;
    background-size: cover;
   background-position: center;
    position: relative;


}

.member-image-overlay {
  position :      absolute;
  bottom: 0;
  left: 0;
     right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.67));
    padding: 27px;
	color: #fff; 

}

.member-name


{
  font-size: 23px;
   font-weight: 680;
    margin-bottom: 5px;
}

.member-position


{
    font-size: 16px;
    opacity:       0.91;
  font-weight: 420;
}

.member-content-area {
   padding: 31px;
}

.member-bio {
  color: var(--text-granite);
    line-height    :     1.7;
   margin-bottom: 23px;
}


.member-expertise-list {
       display     :   flex;
  flex-wrap: wrap;
    gap: 8px;
}

.expertise-tag {
  background: var(--cloud-silver);
  color: var(--text-charcoal);
    padding: 6px 13px;
	 border-radius :17px;
  font-size: 13px;
  font-weight: 520;
}

.company-values-section {

   padding: 117px 0;
  background: #fff;
	}

.values-header-wrapper {
    text-align: center;
    margin-bottom: 77px;
}



.values-header-wrapper h2 {
  font-size: 3.1rem;
  color: var(--midnight-navy);
    margin-bottom : 21px;
    font-weight :       720;
}

.values-description {
	font-size: 18px;
  color: var(--text-granite);
    max-width: 640px;
   margin: 0 auto;
}

.values-showcase-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 37px;


}

.single-value-block {

	  text-align: center;
  padding: 37px 23px;
  background: var(--background-pearl);
    border-radius: 13px;
    transition: all 0.37s ease;
	}

.single-value-block:hover

{

	  background: #fff;
  box-shadow: 0 13px 37px rgba(0, 0, 0, 0.08);
  transform: translateY(-5px);}

.value-icon-wrapper {
  width: 73px;
    height: 73px;
    margin: 0 auto 27px;
  background: var(--sunset-warmth);
  border-radius:50%;
  display: flex;
   align-items: center;
    justify-content: center; 

}

.value-icon-wrapper img  {
  width: 37px; 
	    height: 37px; 
	  filter: brightness(0) invert(1);
}

.value-title {
    font-size: 21px;
  font-weight: 650;
  color: var(--midnight-navy);
   margin-bottom: 17px;
}

.value-description {
     color: var(--text-granite);
    line-height: 1.6;


}

.mission-story-area {
   padding: 127px 0;
  background: var(--cloud-silver);
}

.mission-content-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 67px;
   align-items: center;
}

.mission-text-block
	{
    max-width: 520px;
}

.mission-text-block h2 
 {
   font-size: 3.5rem;
  color: var(--midnight-navy);
    margin-bottom: 29px;
       font-weight: 760;
    line-height: 1.2;
} 

.mission-highlight {
   font-size: 22px;
  color: var(--sunset-warmth);
  font-weight: 630;
    margin-bottom: 23px;
    line-height: 1.5;
}

.mission-text-block p
{
  color: var(--text-granite);
    line-height: 1.7;
      margin-bottom: 21px;
}

.mission-visual-area {
 position: relative;
}

.mission-image-wrapper {

	  border-radius: 13px;
    overflow    :    hidden;
          position: relative;
	}

.mission-image-wrapper img {
      width: 100%;
   height: auto;


     }

.mission-overlay-stats {

	    position: absolute;
  bottom: 23px;
   left: 23px;
        right: 23px;
  background: rgba(255, 255, 255, 0.93);
	padding: 23px;
  border-radius: 11px;
  backdrop-filter: blur(7px);
	}



.overlay-stats-grid {
  display     : grid;
   grid-template-columns: 1fr 1fr;
  gap: 19px;
	 text-align: center;
	
}

.overlay-stat-item .stat-number {
    font-size: 1.9rem;
  color: var(--sunset-warmth);
   font-weight  :   720;
  display: block;
}

.overlay-stat-item .stat-label {


   font-size: 14px;
  color: var(--text-charcoal);
  font-weight: 520;
     }

.methodology-process-area {
		padding: 117px 0;
   background: #fff;
}

.process-header-section 
 {
    text-align: center; 
  margin-bottom: 87px;
}

.process-header-section h2 {
   font-size: 3.2rem;
  color: var(--midnight-navy);
    margin-bottom: 19px;
   font-weight: 730;
}

.process-steps-layout {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   gap: 41px;
}

.process-step-card {


    text-align: center;
   position: relative;
  padding: 31px 19px;
     }

.step-number-badge  {
       width: 61px;
	height: 61px;
  background: var(--golden-harvest);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
   justify-content: center;
  font-size   :      23px;
	font-weight: 780;
   margin: 0 auto 23px;
}

.step-icon-container {
     margin-bottom: 23px;
     }

.step-icon-container img {
   width   :        47px;
    height  :     47px;
  filter: invert(0.3) sepia(1) saturate(2) hue-rotate(340deg); 

}

.step-title {
    font-size: 19px;
   font-weight    : 640;
  color: var(--midnight-navy);
  margin-bottom: 17px;
}

.step-description {
  color: var(--text-granite);
   line-height: 1.6;
}

.final-cta-section


{
	   padding: 97px 0;
  background: var(--midnight-navy);
  text-align :center;
	}

.cta-content-wrapper {
      max-width    :      720px;
   margin: 0 auto;


}

.cta-content-wrapper h2 {

			 font-weight: 750;
   margin-bottom: 23px;
  font-size: 3.4rem;
  color: #fff;


}

.cta-description{
  color: rgba(255, 255, 255, 0.87);
  font-size: 19px;
               line-height   :   1.6;
          margin-bottom: 37px;
}

.cta-action-link {
   display: inline-block;
  background: var(--sunset-warmth);
   color: #fff;
   padding:19px 41px;
    border-radius: 7px;
  text-decoration: none;
  font-size     : 17px;
    font-weight: 650;
   transition: all 0.31s ease;
}

.cta-action-link:hover {
   background   : #c53030;
  transform: translateY(-3px);
  box-shadow: 0 13px 37px rgba(229, 62, 62, 0.4);
}@media screen and (max-width: 890px) {
    .about-hero-banner {
        padding: 97px 0 67px;
    }

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

    .stats-highlight-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 23px;
    }

    .mission-content-layout,
    .team-members-grid {
        grid-template-columns: 1fr;
        gap: 41px;
    }

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

    .team-showcase-area,
    .company-values-section,
    .mission-story-area,
    .methodology-process-area {
        padding: 77px 0;
    }
}

@media screen and (max-width: 640px) {
    .hero-content-about h1 {
        font-size: 2.3rem;
    }

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

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

    .team-members-grid {
        grid-template-columns: 1fr;
    }

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