* {
  color: white;
}

.nav {
  background-image: linear-gradient(270deg, #002447 0%, #6370E2 100%);
}

.title {
  padding: 11.8rem 0;
  box-sizing: border-box;
  height: 40.3rem;
  background-image: url("../assets/images/bg-banner-about.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
}
.title::after {
  content: "";
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(105deg, #6370E2 0%, #002447 100%);
}
.title .logo-holder {
  position: absolute;
  bottom: -11rem;
  right: 32.6rem;
  color: white;
  height: 28.4rem;
  width: 24rem;
  background-color: #002447;
  border-radius: 2.5rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.title .logo-holder img {
  max-width: 20.5rem;
  height: auto;
}

.who {
  padding: 6.7rem 0 0;
}
.who .company-info .image-m {
  display: none;
}
.who .company-info .image {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 4.1rem;
}
.who .company-info .image img {
  z-index: 2;
  width: auto;
  max-width: 42rem;
  height: auto;
  border-radius: 4.1rem;
}
.who .company-info .image::after {
  content: "";
  background-color: #5BD4EF;
  border-radius: 4.1rem;
  width: 40rem;
  height: 35.7rem;
  position: absolute;
  right: 0;
  bottom: 5rem;
}
.who .company-info .image::before {
  position: absolute;
  content: "";
  top: 5rem;
  left: -8rem;
  z-index: 3;
  border-radius: 100%;
  width: 11.8rem;
  height: 11.8rem;
  background-image: linear-gradient(212deg, #C1E0F4 0%, #8CC8FA 100%);
}
.who .company-info .texts {
  padding-top: 7.8rem;
  padding-left: 6rem;
}
.who .company-info .texts .lined {
  display: flex;
  align-items: center;
}
.who .company-info .texts .lined::before {
  content: "";
  width: 2.2rem;
  height: 0.2rem;
  margin-right: 1.5rem;
  background-color: #002447;
}
.who .company-info .texts .underline {
  color: #002447;
  font-weight: 600;
  text-decoration: underline;
}
.who .image-text {
  transform: translateY(-17rem);
  margin-bottom: -17rem;
}
.who .image-text .texts {
  padding-bottom: 8rem;
}
.who .image-text .images {
  position: relative;
  display: flex;
  gap: 2rem;
  padding: 0 2rem 7rem 4rem;
}
.who .image-text .images .image {
  z-index: 2;
  border-radius: 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.who .image-text .images .image img {
  border-radius: 2.1rem;
  height: auto;
  width: 100%;
}
.who .image-text .images .z-2 {
  z-index: 2;
  transform: translateY(1rem);
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
.who .image-text .images .image-1 {
  min-width: 52%;
}
.who .image-text .images .image-2,
.who .image-text .images .image-3 {
  margin-top: 2rem;
}
.who .image-text .images::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  z-index: 3;
  border-radius: 100%;
  width: 5.6rem;
  height: 5.6rem;
  background-image: linear-gradient(212deg, #C1E0F4 0%, #8CC8FA 100%);
}
.who .image-text .images::after {
  z-index: 1;
  content: "";
  position: absolute;
  background-color: #EFEFEF;
  width: 100%;
  height: 17rem;
  border-radius: 4.1rem;
  bottom: -4rem;
  left: 0;
}
.who .image-text + div {
  visibility: hidden;
  opacity: 0;
  cursor: none;
}

.mission-vision {
  display: flex;
  transform: translateY(-4rem);
  margin-bottom: -4rem;
  margin-top: 10rem;
}
.mission-vision .mission,
.mission-vision .vision {
  padding: 6rem 6rem 7rem 6rem;
}
.mission-vision .mission .content,
.mission-vision .vision .content {
  max-width: calc(50vw - 28rem);
}
.mission-vision .mission .content *,
.mission-vision .vision .content * {
  text-align: left;
}
.mission-vision .mission .lined,
.mission-vision .vision .lined {
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
}
.mission-vision .vision .lined {
  display: flex;
  align-items: center;
}
.mission-vision .vision .lined::before {
  content: "";
  width: 2.2rem;
  height: 0.2rem;
  margin-right: 1.5rem;
  background-color: #00509E;
}
.mission-vision .mission {
  background-color: #9BCFF9;
}
.mission-vision .mission .lined {
  display: flex;
  align-items: center;
}
.mission-vision .mission .lined::before {
  content: "";
  width: 2.2rem;
  height: 0.2rem;
  margin-right: 1.5rem;
  background-color: #00509E;
}

.partners {
  background-color: #f8f8f8;
}

.open-careers {
  padding: 7.4rem 0 0rem;
}
.open-careers .text-center {
  margin: auto;
}
.open-careers .container {
  padding: 6.5rem 0 10rem;
}
.open-careers .container:first-of-type {
  padding: 0;
}
.open-careers .container .splide__track {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.open-careers .job {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.29);
  border-radius: 1rem;
  min-height: 17.4rem;
  width: 32.7rem;
  box-sizing: border-box;
  margin: 1.5rem;
  display: flex;
}
.open-careers .job .job-container {
  border-radius: 1rem;
  width: 32.7rem;
  box-sizing: border-box;
  padding: 2.8rem 3.1rem 1.466rem;
  margin: 1.5rem;
  display: flex;
  flex-flow: column;
  text-align: left;
}
.open-careers .job .job-container .job-title {
  display: flex;
  align-items: center;
  height: 4.4rem;
  color: #002447;
  font-weight: 800;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.open-careers .job .job-container .view-desc {
  font-size: 1.4rem;
  color: #00509E;
  cursor: pointer;
  font-weight: 600;
}
.open-careers .job .job-container a.img {
  display: block;
  margin-top: auto;
}
.open-careers .job .job-container img {
  cursor: pointer;
  width: 2.538rem;
}
.open-careers .job .job-btn-section {
  display: flex;
  padding: 2.1rem 3.1rem 2.1rem 4.5rem;
  border-top: 2px solid #F2F2F2;
}

section.subscribe {
  background-color: #00509E;
  padding: 9.4rem 0 8.5rem;
}
section.subscribe .container h3 {
  max-width: 45rem;
}
section.subscribe .container p {
  max-width: 24.4rem;
  margin-bottom: 2.3rem;
  color: #f2f2f2;
  font-weight: 300;
}
section.subscribe .container .social {
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
  margin-bottom: 2.2rem;
  cursor: pointer;
}
section.subscribe .container .social img {
  filter: invert(71%) sepia(93%) saturate(1044%) hue-rotate(164deg) brightness(107%) contrast(87%);
  width: 100%;
}
section.subscribe .container .email-input {
  max-width: 32.8rem;
  background-color: white;
  border: 1px solid #E1E1E1;
  border-radius: 0.4rem;
  padding: 0.5rem;
  position: relative;
}
section.subscribe .container .email-input button {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  height: calc(100% - 1rem);
  width: 4.6rem;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 0.4rem;
  background-color: #5BD4EF;
  padding: 1rem 1.4rem 0.8rem;
}
section.subscribe .container .email-input button img {
  width: 100%;
}
section.subscribe .container .email-input input {
  width: 80%;
  outline: none;
  border: none;
  font-size: 1.6rem;
  padding: 0.8rem 1rem;
  color: #002447;
}
section.subscribe .container .subscribe-container {
  padding-left: 8rem;
}
section.subscribe .blue-box-1 {
  opacity: 1;
  height: 12rem;
  width: 12rem;
  top: -6.5rem;
  left: -4rem;
}
section.subscribe .blue-box-2 {
  opacity: 1;
  height: 24rem;
  width: 6rem;
  bottom: -8.5rem;
  right: 0rem;
}

.testimonials {
  padding: 8.3rem 0 0;
  background-color: #F7F8FE;
}
.testimonials .text-center {
  margin: auto;
  max-width: 44rem;
}
.testimonials .container {
  padding: 10.5rem 0;
}
.testimonials .testimonial {
  background-color: white;
  border: 1px solid #f2f2f2;
  border-radius: 0.8rem;
  padding: 4rem 3.5rem 4.5rem;
}
.testimonials .testimonial .client {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.testimonials .testimonial .client img {
  width: 6.6rem;
  height: 6.6rem;
  border-radius: 100%;
  margin-right: 3rem;
}
.testimonials .testimonial .client .name-position .name {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.testimonials .testimonial .client .name-position .position {
  margin: 0;
}
.testimonials .testimonial .testimony {
  position: relative;
}
.testimonials .testimonial .testimony p {
  font-weight: 300;
}
.testimonials .testimonial .testimony::after {
  position: absolute;
  bottom: -2rem;
  right: 1rem;
  content: url(../assets/icons/icon-comment.svg);
}

.footer {
  background-color: white;
}

@media (max-width: 767px) {
  .open-careers {
    padding: 7.4rem 0 10rem;
  }
  .title {
    text-align: center;
    padding: 8.6rem 0;
    height: 27rem;
  }
  .title .ellipse {
    display: none;
  }
  .title .logo-holder {
    display: none;
  }
  .who {
    padding: 1.8rem 0 0;
    top: -7rem;
    position: relative;
  }
  .who .company-info .image-m {
    display: block;
    margin: auto;
    position: relative;
    top: 10px;
  }
  .who .company-info .image-m img {
    width: 95%;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
  }
  .who .company-info .image-d {
    display: none;
  }
  .who .company-info .image {
    padding-left: 3rem;
    border-radius: 4.1rem;
    box-sizing: border-box;
  }
  .who .company-info .image img {
    z-index: 2;
    width: auto;
    max-width: 21.4rem;
    height: auto;
    border-radius: 2.5rem;
  }
  .who .company-info .image::after {
    width: 23.9rem;
    height: 15.5rem;
    left: 5rem;
    right: unset;
    bottom: 2rem;
  }
  .who .company-info .image::before {
    top: 3rem;
    left: 0;
    width: 5.4rem;
    height: 5.4rem;
  }
  .who .company-info .texts {
    padding-top: 2.4rem;
    padding-left: 0;
  }
  .who .company-info .texts .lined {
    margin-bottom: 2rem;
  }
  .who .company-info .texts .underline {
    color: #002447;
    font-weight: 600;
    text-decoration: underline;
  }
  .who .image-text {
    transform: translateY(0);
    margin-bottom: 0;
  }
  .who .image-text .texts {
    padding-top: 8rem;
    padding-bottom: 4.3rem;
  }
  .who .image-text .texts h2 {
    font-size: 2.2rem;
  }
  .who .image-text .images {
    gap: 1.2rem;
    padding: 0.5rem;
    margin-top: 15px;
  }
  .who .image-text .images::before {
    width: 3.9rem;
    height: 3.9rem;
  }
  .mission-vision {
    display: flex;
    flex-flow: column;
    margin-top: -64px !important;
  }
  .mission-vision .mission,
.mission-vision .vision {
    padding: 2rem;
  }
  .mission-vision .mission .content,
.mission-vision .vision .content {
    max-width: 100%;
  }
  .mission-vision .mission .lined,
.mission-vision .vision .lined {
    font-size: 2rem;
    line-height: normal;
    display: flex;
    align-items: flex-start;
  }
  .mission-vision .mission .lined::before,
.mission-vision .vision .lined::before {
    margin-top: 1.2rem;
  }
  .open-careers .container {
    width: calc(100vw - 10.2rem);
    padding: 0;
    padding-bottom: 1rem;
  }
  .open-careers .job {
    margin: 2rem 0.5rem 0.5rem 0.5rem;
    margin-bottom: 3rem;
    width: 24rem;
  }
  .open-careers .job .job-container {
    border-radius: 1rem;
    width: 21rem;
    box-sizing: border-box;
    padding: 2.8rem 0 1.466rem;
    margin: 1.5rem;
    display: flex;
    flex-flow: column;
    text-align: left;
  }
  .note-additional {
    padding: 6.3rem 0 6.6rem;
    background-image: url(../assets/images/note-bg-sm.jpg);
  }
  .note-additional p {
    font-size: 1.6rem;
  }
  .talk-to-us {
    padding: 4.8rem 0;
    background-color: #0C2A73;
    background-image: url(../assets/images/contact-bg-sm.jpg);
  }
  .talk-to-us h2 {
    max-width: 50%;
    margin-bottom: 15.3rem;
  }
  .talk-to-us p {
    color: white;
    text-align: center;
  }
  .talk-to-us .btn-main {
    margin: auto;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ellipse {
    display: none;
  }
  .title .logo-holder {
    bottom: -10rem !important;
    right: 9.6rem !important;
  }
  .who {
    padding: 4.7rem 0 0 !important;
  }
  .who .image-text {
    transform: translateY(5rem) !important;
    margin-bottom: 8rem !important;
    width: 87% !important;
    margin: auto;
  }
  .mission-vision {
    display: flex;
    flex-direction: column;
  }
  .mission-vision .mission .content,
.mission-vision .vision .content {
    max-width: calc(103vw - 28rem) !important;
    margin: auto;
  }
  .tab-career-text {
    width: 80%;
    margin: auto;
  }
  .who .company-info .image::after {
    height: 30.7rem;
    right: 31%;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .who .image-text {
    transform: translateY(-10rem);
    margin-bottom: -16rem;
  }
  .who .company-info .image::after {
    display: none;
  }
  .title .logo-holder {
    right: 9.6rem;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .who .image-text {
    transform: translateY(-10rem);
    margin-bottom: -16rem;
  }
  .who .company-info .image::after {
    display: block;
  }
  .title .logo-holder {
    right: 19.6rem;
  }
}
@media (min-width: 2560px) {
  .title .logo-holder {
    right: 47.6rem;
  }
  .who .company-info .image img {
    max-width: 57rem;
  }
  .who .company-info .image::after {
    right: 15rem;
  }
  .who .image-text {
    transform: translateY(5rem);
    margin-bottom: 6rem;
  }
  .bottom-md {
    align-items: center !important;
  }
  .mission-vision .mission .lined,
.mission-vision .vision .lined {
    font-size: 3.5rem;
  }
  .open-careers .job {
    min-height: 28.4rem;
    width: 57.7rem;
  }
  .open-careers .job .job-container .job-title {
    font-size: 3.5rem;
    margin-bottom: 5rem;
  }
  .open-careers .job .job-container .view-desc {
    font-size: 3.4rem;
  }
  .open-careers .job .job-container {
    width: 53.7rem;
  }
}/*# sourceMappingURL=about.css.map */