/* About CSS */
.about-page {
  padding-top: clamp(1.25rem, 0.438rem + 4.06vw, 5.313rem);
}

.about-page-container {
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 30px;
}

.about-page-container img {
  width: 100%;
  margin-top: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);
  border-radius: 2%;
  min-height: 279px;
}

.about-page-main-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: clamp(3.75rem, 3.125rem + 3.13vw, 6.875rem);
  padding-bottom: clamp(3.75rem, 3.125rem + 3.13vw, 6.875rem);
}

.about-page-main-wrapper {
  max-width: 915px;
  width: clamp(37rem, 13.929rem + 36.05vw, 57.188rem);
}

.about-page-main-text {
  max-width: 470px;
  width: clamp(21.563rem, 12.634rem + 13.95vw, 29.375rem);

  color: #304B85;
  font-family: 'Jost', sans-serif;
  font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 130%; 
}

.about-page-main-tex-01 {
  margin-top: clamp(2.5rem, 1.071rem + 2.23vw, 3.75rem);
}

.about-page-main-text:last-child {
  padding-top: 25px;
}

/* About page mobile */
@media (max-width: 880px) {
  .about-page-main-wrap {
    flex-direction: column;
    gap: 30px;
  }

  .about-page-main-wrapper {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 670px) {
  .about-page-container {
    padding: 0 10px;
  }

  .about-page-main-text {
    width: 100%;
  }
}


/* swiper */
.swiper-section {
  padding-top: clamp(3.125rem, -0.446rem + 5.58vw, 6.25rem);
  padding-bottom: clamp(6.25rem, 0.536rem + 8.93vw, 11.25rem);
}

.swiper-container {
  display: flex;
  align-items: center;
  max-width: 1920px !important;
  margin: 0 auto; 
  height: auto; 
  overflow: hidden;
  cursor: grab;
}

.swiper-container:active {
  cursor: grabbing;
}

.swiper-slide {
  display: flex;
  border-radius: 3%;
  width: clamp(44.125rem, 18.054rem + 40.74vw, 66.938rem);
  background: #fff;
  max-width: 1071px;
  height: auto;
}

.swiper-slide img {
  display: block;
  width: 100%; 
  height: auto; 
  min-height: 370px;

  max-width: 100%; 
  object-fit: cover;
  border-radius: 3%;
  object-fit: cover;
}


/*  Section Our Capabilities */
.capabilities {
  padding-bottom: clamp(6.25rem, -1.607rem + 12.28vw, 13.125rem);
}