.mission-and-vision-section {
  padding: 100px 20px;
}
.mission-and-vision-section .wrap {
  display: flex;
  gap: 80px;
  justify-content: center;

}

.mission-and-vision-section .wrap .title-wrap,
.mission-and-vision-section .wrap .values-wrap {
  flex: 1;
}

.mission-and-vision-section .wrap .title-wrap {
  max-width: 588px;
}
.mission-and-vision-section .wrap .title-wrap > h2 {
  color: #000;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  margin-bottom: 32px ;
}
.mission-and-vision-section .wrap .title-wrap .wysiwyg-content blockquote {
  background: #fff !important;
} 
.mission-and-vision-section .wrap .title-wrap .wysiwyg-content blockquote * {
  color: #000 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 28px !important; 
}
.mission-and-vision-section .wrap .title-wrap .wysiwyg-content blockquote strong,
.mission-and-vision-section .wrap .title-wrap .wysiwyg-content blockquote strong *{
  font-weight: 600 !important;
}
.mission-and-vision-section .wrap .title-wrap .wysiwyg-content blockquote::before {
  background: #6BBC9F;
}
.mission-and-vision-section .wrap .title-wrap .wysiwyg-content ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  flex-flow: column nowrap;
  gap: 12px;
}
.mission-and-vision-section .wrap .title-wrap .wysiwyg-content ul li {
  position: relative;
  padding-left: 36px;
}
.mission-and-vision-section .wrap .title-wrap .wysiwyg-content ul li:before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 4.51367C8.47727 4.51367 4 8.99094 4 14.5137C4 20.0364 8.47727 24.5137 14 24.5137C19.5227 24.5137 24 20.0364 24 14.5137C24 8.99094 19.5227 4.51367 14 4.51367ZM18.3345 12.8228C18.4144 12.7315 18.4751 12.6253 18.5133 12.5102C18.5514 12.3951 18.5661 12.2736 18.5566 12.1527C18.5471 12.0319 18.5135 11.9142 18.4578 11.8065C18.4021 11.6988 18.3254 11.6034 18.2323 11.5258C18.1392 11.4482 18.0315 11.39 17.9155 11.3546C17.7996 11.3193 17.6777 11.3075 17.5572 11.3199C17.4366 11.3323 17.3197 11.3687 17.2134 11.427C17.1071 11.4852 17.0135 11.5642 16.9382 11.6591L13.0291 16.3491L11.0064 14.3255C10.8349 14.1599 10.6053 14.0683 10.3669 14.0703C10.1285 14.0724 9.90054 14.168 9.73198 14.3366C9.56343 14.5051 9.46782 14.7331 9.46575 14.9715C9.46368 15.2099 9.55531 15.4395 9.72091 15.6109L12.4482 18.3382C12.5375 18.4275 12.6445 18.4972 12.7622 18.5428C12.8799 18.5885 13.0059 18.6091 13.1321 18.6034C13.2582 18.5976 13.3818 18.5657 13.4949 18.5095C13.608 18.4534 13.7082 18.3743 13.7891 18.2773L18.3345 12.8228Z' fill='%236BBC9F'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.mission-and-vision-section .wrap .values-wrap {
  max-width: 532px;
  border-radius: 16px;
  background: #122F3E;
  padding: 32px 40px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.mission-and-vision-section .wrap .values-inner-wrap {
  display: flex;
  gap: 7px;
}
.mission-and-vision-section .wrap .values-inner-wrap * {
  color: #fff;
  font-size: 32.55px;
  line-height: 41.85px;
}
.mission-and-vision-section .wrap .values-inner-wrap .values-title {
  color: #122F3E;
  border-radius: 46.5px;
  background: #FFF;
  font-weight: 900;
  width: 41.85px;
  text-align: center;
}
.mission-and-vision-section .wrap .values-inner-wrap .values-desc {
  font-weight: 700;
}

@media screen and (max-width:1023px) {
  .mission-and-vision-section .wrap {
    gap: 20px;
    flex-direction: column;
  }
  .mission-and-vision-section .wrap .title-wrap,
  .mission-and-vision-section .wrap .values-wrap {
   max-width: 100%;
  }
}

@media screen and (max-width:767px) {
  .mission-and-vision-section {
    padding: 40px 20px;
  }
  .mission-and-vision-section .wrap .title-wrap > h2{
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 24px;
  }
  
  .mission-and-vision-section .wrap .values-wrap {
    padding: 20px;
    gap: 18px;
  }
  .mission-and-vision-section .wrap .values-inner-wrap .values-title {
    width: 24px;
  }
  .mission-and-vision-section .wrap .values-inner-wrap * {
    font-size: 18px;
    line-height: 24px;
  }
}