.s_oc_about_mission_vision {
  position: relative !important;
  width: 100% !important;
  min-height: 111vh !important;
  background-image: url('/oc-snippets/static/src/img/about_us/block_4_about_us.png') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: clamp(80px, 10vh, 120px)
           clamp(24px, 6vw, 80px)
           clamp(80px, 10vh, 120px)
           clamp(24px, 6vw, 80px)
           !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #F1EFEF !important;
}

.s_oc_about_mission_vision__container {
  width: 100% !important;
  max-width: 1326px !important;
  margin: 0 auto !important;
}

.s_oc_about_mission_vision__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: clamp(36px, 5vh, 52px);
}

.s_oc_about_mission_vision__purple-polygon {
  margin: 0;
}

.s_oc_about_mission_vision__purple-polygon img {
  display: block;
  width: 82px;
  height: auto;
}

.s_oc_about_mission_vision__title {
  font-weight: 600 !important;
  font-size: 64px !important;
  line-height: 1.2 !important;
  color: #F1EFEF !important;
  margin: 0 !important;
  text-align: left !important;
}

.s_oc_about_mission_vision__row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: clamp(28px, 3vw, 40px) !important;
}

.s_oc_about_mission_vision__card {
  flex: 1 1 48% !important;
  max-width: 640px !important;
  width: 100% !important;

  background: #F1EFEF !important;
  border-radius: 26px !important;
  padding: 60px 72px 56px 72px !important;

  text-align: center !important;
  color: #131927 !important;
}

.s_oc_about_mission_vision__card-polygon {
  margin: 0 0 16px 0;
}

.s_oc_about_mission_vision__card-polygon img {
  display: block;
  margin: 0 auto;
  width: 56px;
  height: auto;
}

.s_oc_about_mission_vision__card-title {
  font-weight: 500 !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.2 !important;
  margin: 0 0 18px 0 !important;
  color: #2A2633 !important;
}


.s_oc_about_mission_vision__card-line {
  margin: 0 0 26px 0;
}

.s_oc_about_mission_vision__card-line img {
  display: block;
  margin: 0 auto;
  height: auto;
}


.s_oc_about_mission_vision__card-body {
  max-width: 460px;
  margin: 0 auto;
}

.s_oc_about_mission_vision__card-body p {
  font-weight: 400 !important;
  font-size: clamp(13px, 1.05vw, 15px) !important;
  line-height: 1.6 !important;
  color: #131927 !important;
  margin: 0 0 12px 0 !important;
}

.s_oc_about_mission_vision__card-body p:last-child {
  margin-bottom: 0 !important;
}

.s_oc_about_mission_vision__card-body strong {
  font-weight: 600 !important;
}

@media (max-width: 991.98px) {
  .s_oc_about_mission_vision {
    padding: 70px 28px 80px 28px !important;
  }

  .s_oc_about_mission_vision__row {
    flex-direction: column !important;
    align-items: center !important;
  }

  .s_oc_about_mission_vision__card {
    max-width: 100% !important;
    padding: 48px 40px 50px 40px !important;
  }
}

@media (max-width: 575.98px) {
  .s_oc_about_mission_vision {
    padding: 60px 18px 70px 18px !important;
  }

  .s_oc_about_mission_vision__purple-polygon img {
    width: 56px;
  }

  .s_oc_about_mission_vision__title {
    font-size: 24px !important;
  }

  .s_oc_about_mission_vision__card {
    padding: 40px 26px 42px 26px !important;
  }

  .s_oc_about_mission_vision__card-body p {
    font-size: 14px !important;
  }
}