/*64px max*/
/*48px max*/
/*24px max*/
/*20px max*/
/*16px max*/
.main {
  background-color: #0f1c3f;
}

.hero__container {
  background-color: #003F48;
}

.hero {
  position: relative;
  background-color: #003F48;
  z-index: 2;
  text-align: center;
  overflow: hidden;
  min-height: calc(100vh - 100px);
}
@media (max-width: 39.9375em) {
  .hero {
    padding-top: 75px;
  }
}

.hero__heading {
  font-family: "Space Grotesk", Arial, Helvetica, sans-serif;
  font-size: clamp(1.875rem, 0.3305084746rem + 3.0508474576vw, 3rem);
  color: #FFF48B;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  max-width: 820px;
}
@media (max-width: 39.9375em) {
  .hero__heading {
    all: unset;
    font-family: "Space Grotesk", Arial, Helvetica, sans-serif;
    font-size: clamp(1.875rem, 0.3305084746rem + 3.0508474576vw, 3rem);
    color: #FFF48B;
    text-align: center;
    font-weight: 600;
    padding-top: 80px;
  }
}

.hero__content::before {
  content: "";
  position: absolute;
  top: 52%;
  left: 90%;
  width: 141%;
  height: 185%;
  transform: translate(-50%, -50%);
  background: url(../assets/hero-about.png) no-repeat center center;
  background-size: contain;
  z-index: -1;
  overflow: hidden;
}
@media (max-width: 39.9375em) {
  .hero__content::before {
    top: 85%;
    left: 71%;
    width: 173%;
    overflow: hidden;
  }
}

.our-mission {
  display: flex;
  flex-direction: column; /* Stack vertically by default for mobile */
  min-height: auto; /* Auto height for mobile, adapts to content */
  background-color: #0f1c3f; /* Dark blue background for the entire section */
}

.our-mission__content {
  flex: 1; /* Allows content to take available space */
  padding: 60px 20px;
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center content vertically if space allows */
  align-items: flex-start; /* Align text to the left */
  min-height: 400px;
  max-width: 1200px;
}
@media (min-width: 40em) {
  .our-mission__content {
    width: 100%; /* Content takes half width */
    max-width: none; /* Remove max-width inherited from mobile */
    padding-left: 80px; /* More padding on desktop */
    padding-right: 40px;
  }
}
@media (min-width: 87.5em) {
  .our-mission__content {
    padding-left: 140px;
    padding-right: 40px;
  }
}

.our-mission__heading {
  color: #FFF48B; /* Yellow color for the heading */
  margin-bottom: 25px;
}

.our-mission__heading-icon {
  margin-left: 10px;
  font-size: 0.8em;
  color: #FFF48B;
}

.our-mission__description {
  font-size: 1.1em;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 20px;
  max-width: 420px;
}

.our-mission__description:last-of-type {
  margin-bottom: 0; /* No bottom margin for the last paragraph */
}

.our-mission__image-bg {
  flex: 1; /* Allows image part to take available space */
  min-height: 300px; /* Minimum height for the image background on mobile */
  background-image: url("../assets/mission-img.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%; /* Full width on mobile */
}

/* Responsive adjustments for larger screens (desktop) */
@media (min-width: 768px) {
  .our-mission {
    flex-direction: row; /* Side-by-side layout */
    min-height: 400px; /* Fixed height for desktop */
    align-items: stretch; /* Stretch children to fill the height */
  }
  .our-mission__image-bg {
    width: 50%; /* Image background takes half width */
  }
}
.who-we-are {
  display: flex;
  flex-direction: column; /* Stack vertically by default for mobile */
  min-height: auto; /* Auto height for mobile, adapts to content */
  background-color: #0f1c3f; /* Dark blue background for the entire section */
}

.who-we-are__content {
  flex: 1; /* Allows content to take available space */
  margin: 0 20px;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center content vertically if space allows */
  align-items: flex-start; /* Align text to the left */
}
@media (max-width: 63.9375em) {
  .who-we-are__content {
    padding: 40px 0;
  }
}
@media (min-width: 40em) {
  .who-we-are__content {
    width: 100%; /* Content takes half width */
    max-width: none; /* Remove max-width inherited from mobile */
    padding-left: 80px; /* More padding on desktop */
    padding-right: 40px;
    padding-top: 20px;
  }
}
@media (min-width: 87.5em) {
  .who-we-are__content {
    padding-left: 140px;
    padding-right: 40px;
  }
}

.who-we-are__heading {
  color: #FFF48B; /* Yellow color for the heading */
  margin-bottom: 25px;
}

.who-we-are__heading-icon {
  margin-left: 10px;
  font-size: 0.8em;
  color: #FFF48B;
}

.who-we-are__description {
  font-size: 1.1em;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 6px;
  max-width: 421px;
}

.who-we-are__description:last-of-type {
  margin-bottom: 0; /* No bottom margin for the last paragraph */
}

.who-we-are__description span {
  font-weight: 700;
}

.who-we-are__image-bg {
  flex: 1; /* Allows image part to take available space */
  min-height: 300px; /* Minimum height for the image background on mobile */
  background-image: url("../assets/who-we-are-img.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%; /* Full width on mobile */
}

/* Responsive adjustments for larger screens (desktop) */
@media (min-width: 768px) {
  .who-we-are {
    flex-direction: row; /* Side-by-side layout */
    min-height: 697px; /* Fixed height for desktop */
    align-items: stretch; /* Stretch children to fill the height */
  }
  .who-we-are__image-bg {
    width: 50%; /* Image background takes half width */
    min-height: auto; /* Remove fixed min-height from mobile */
  }
}
.workforce-section {
  display: flex;
  flex-direction: column; /* Always stack vertically: content then images */
  min-height: auto; /* Auto height for mobile, adapts to content */
  background-color: #0f1c3f; /* Dark blue background */
  padding: 60px 0; /* General padding for the section */
  align-items: center; /* Center content horizontally */
}
@media (min-width: 64em) {
  .workforce-section {
    padding: 60px 20px;
  }
}

.workforce-section__content {
  margin-bottom: 40px; /* Space between text content and images */
  text-align: left; /* Align text to the left within its container */
}
@media (min-width: 64em) {
  .workforce-section__content {
    margin-bottom: 60px;
  }
}

.workforce-section__heading {
  color: #FFF48B; /* Yellow color for the heading */
  margin-bottom: 35px;
}

.workforce-section__heading-icon {
  margin-left: 10px;
  font-size: 0.8em;
  color: #FFF48B;
}

.workforce-section__description {
  font-size: 1.1em;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.9);
  max-width: 1158px;
}

.workforce-section__description:last-of-type {
  margin-bottom: 0; /* No bottom margin for the last paragraph */
}

.workforce-section__images {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1200px;
  width: 100%;
  justify-content: center;
}
@media (min-width: 64em) {
  .workforce-section__images {
    gap: 60px;
  }
}

.workforce-section__image {
  border-radius: 20px;
  overflow: hidden;
}

.workforce-section__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
}

.workforce-section-image-1 {
  flex: 726;
  min-width: 300px;
}

.workforce-section-image-2 {
  flex: 402;
  min-width: 200px;
}

/* Mobile - stack vertically */
@media (max-width: 768px) {
  .workforce-section__images {
    flex-direction: column;
    align-items: center;
  }
  .workforce-section-img-1, .workforce-section-img-2 {
    flex: unset;
    width: 90%;
  }
}
/* Responsive adjustments for larger screens (desktop) */
@media (min-width: 768px) {
  .workforce-section {
    justify-content: center; /* Center content and images vertically within the height */
  }
}
.inclusion-section {
  display: flex;
  flex-direction: column; /* Content always stacks vertically */
  min-height: auto; /* Height adapts to content */
  background-color: #0f1c3f; /* Dark blue background */
  align-items: center; /* Center content horizontally */
  text-align: left; /* Default text alignment */
}

.inclusion-section__content {
  width: 100%; /* Ensure it takes full width within max-width */
}

.inclusion-section__heading {
  color: #FFF48B; /* Yellow color for the heading */
  margin-bottom: 35px;
}

.inclusion-section__heading-icon {
  margin-left: 10px;
  font-size: 0.8em;
  color: #FFF48B;
}

.inclusion-section__paragraph {
  font-size: 1.1em;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.9);
  max-width: 1158px;
}

.inclusion-section__paragraph:last-of-type {
  margin-bottom: 0; /* No bottom margin for the last paragraph */
}

/* Responsive adjustments for larger screens (desktop) */
@media (min-width: 768px) {
  .inclusion-section {
    padding: 10px 20px;
    min-height: auto; /* Height remains auto, no fixed height */
  }
}
.we-build-section {
  display: flex;
  flex-direction: column; /* Always stack vertically: content then images */
  min-height: auto; /* Auto height for mobile, adapts to content */
  background-color: #0f1c3f; /* Dark blue background */
  padding: 50px 0;
  align-items: center; /* Center content horizontally */
}
@media (min-width: 64em) {
  .we-build-section {
    padding: 70px 20px;
  }
}

.we-build-section__content {
  margin-bottom: 40px; /* Space between text content and images */
  text-align: left; /* Align text to the left within its container */
}

.we-build-section__heading {
  color: #FFF48B; /* Yellow color for the heading */
  margin-bottom: 35px;
}

.we-build-section__heading-icon {
  margin-left: 10px;
  font-size: 0.8em;
  color: #FFF48B;
}

.we-build-section__description {
  font-size: 1.1em;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.9);
  max-width: 1158px;
}

.we-build-section__description:last-of-type {
  margin-bottom: 0; /* No bottom margin for the last paragraph */
}

.we-build-section__images {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1200px;
  width: 100%;
  justify-content: center;
}
@media (min-width: 64em) {
  .we-build-section__images {
    gap: 60px;
  }
}

.we-build-section__image {
  border-radius: 20px;
  overflow: hidden;
}

.we-build-section__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
}

.we-build-section-img-1 {
  flex: 726;
  min-width: 300px;
}

.we-build-section-img-2 {
  flex: 402;
  min-width: 200px;
}

/* Mobile - stack vertically */
@media (max-width: 768px) {
  .we-build-section__images {
    flex-direction: column;
    align-items: center;
  }
  .we-build-section-img-1, .we-build-section-img-2 {
    flex: unset;
    width: 90%;
  }
}
/* Responsive adjustments for larger screens (desktop) */
@media (min-width: 768px) {
  .we-build-section {
    justify-content: center; /* Center content and images vertically within the height */
  }
}
.specialized-minds {
  display: flex;
  flex-direction: column; /* Content always stacks vertically */
  justify-content: center; /* Center content vertically */
  align-items: center; /* Center content horizontally */
  background-color: #FFF48B; /* Light yellow background as in the image */
  padding: 40px 40px; /* General padding for the section */
  text-align: center; /* Center text within the section */
}

.specialized-minds__heading {
  font-size: clamp(1.875rem, 0.3305084746rem + 3.0508474576vw, 3rem); /* Adjusted for multiple lines */
  color: #081935; /* Dark blue text as in the image */
  line-height: 1.4; /* Improve readability for multi-line heading */
  max-width: 870px; /* Limit width for readability */
}
@media (max-width: 39.9375em) {
  .specialized-minds__heading {
    font-size: 25px; /* Slightly larger on medium screens */
  }
}

/* Responsive adjustments for larger screens (desktop) */
@media (min-width: 768px) {
  .specialized-minds {
    padding: 60px 60px;
  }
}

/*# sourceMappingURL=about.css.map */