@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

.s_oc_services_cards_4 {
  position: relative !important;
  width: 100% !important;
  min-height: clamp(650px, 115vh, 1100px) !important;
  background-image: url('/oc-snippets/static/src/img/services/services_block_5.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(70px, 8vh, 110px) clamp(16px, 5vw, 40px) !important;
}

.s_oc_services_cards_4__container {
  width: 81% !important;
  max-width: 1800px !important;
  margin: 0 auto !important;
}
.s_oc_services_cards_4__row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: clamp(32px, 3vw, 48px) !important;
}

.s_oc_services_cards_4__card {
  flex: 1 1 600px !important;
  max-width: 820px !important;
  background-color: #FCF9FF !important;
  border-radius: 28px !important;
  padding: clamp(60px, 6vh, 80px) clamp(32px, 3vw, 56px)
           clamp(36px, 5vh, 57px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28) !important;
  min-height: clamp(620px, 86vh, 880px) !important;
}

.s_oc_services_cards_4__icon {
  width: clamp(44px, 4vw, 52px) !important;
  height: auto !important;
  margin-bottom: 28px !important;
}

.s_oc_services_cards_4__divider {
  display: block !important;
  margin: clamp(22px, 3vh, 30px) auto !important;
  height: clamp(52px, 6vh, 70px) !important;
  width: auto !important;
}

.s_oc_services_cards_4__title_left,
.s_oc_services_cards_4__title_right {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #2A2633 !important;
  margin: 0 0 4px 0 !important;
}

.s_oc_services_cards_4__category_left,
.s_oc_services_cards_4__category_right {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #A06683 !important;
  margin: 0 0 26px 0 !important;
}

.s_oc_services_cards_4__subtitle_left,
.s_oc_services_cards_4__subtitle_right {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #383842 !important;
  margin: 0 0 12px 0 !important;
}

.s_oc_services_cards_4__body-small_left,
.s_oc_services_cards_4__body-small_right {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #A06683 !important;
  margin: 0 0 24px 0 !important;
}

.s_oc_services_cards_4__benefits-label_left,
.s_oc_services_cards_4__benefits-label_right {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: #2A2633 !important;
  margin: 0 0 14px 0 !important;
}


.s_oc_services_cards_4__benefits-list_left,
.s_oc_services_cards_4__benefits-list_right {
  list-style: disc !important;
  padding-left: 24px !important;
  margin: 0 0 12px 0 !important;
  text-align: left !important;
}

.s_oc_services_cards_4__benefits-item_left,
.s_oc_services_cards_4__benefits-item_right {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #2A2633 !important;
}

.s_oc_services_cards_4__benefits-item_left::marker,
.s_oc_services_cards_4__benefits-item_right::marker {
  font-size: 0.65em !important;
  font-weight: 400 !important;
}

.s_oc_services_cards_4__view-details{
  align-self: flex-start !important;
  margin-left: 148px !important;
  margin-bottom: 18px !important;

  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #7D7D7D !important;
  text-decoration: none !important;
}

.s_oc_services_cards_4__view-details:hover{
  text-decoration: underline !important;
}

.s_oc_services_cards_4__footer_left,
.s_oc_services_cards_4__footer_right {
  margin-top: auto !important;
  padding-top: clamp(20px, 2.5vh, 28px) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: clamp(20px, 2.6vw, 40px) !important;
}

.s_oc_services_cards_4__footer-text_left,
.s_oc_services_cards_4__footer-text_right {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #7D5A77 !important;
}

.s_oc_services_cards_4__btn {
  position: relative !important;
  display: inline-block !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.s_oc_services_cards_4__btn-img {
  display: block !important;
  width: 170px !important;
  height: auto !important;
}

.s_oc_services_cards_4__btn-label {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #FFFFFF !important;
  pointer-events: none !important;
}

@media (max-width: 991.98px) {
  .s_oc_services_cards_4 {
    padding: 60px 18px !important;
  }

  .s_oc_services_cards_4__card {
    max-width: 720px !important;
  }
}

@media (max-width: 575.98px) {
  .s_oc_services_cards_4 {
    padding: 50px 12px !important;
  }

  .s_oc_services_cards_4__card {
    padding: 36px 22px !important;
  }

  .s_oc_services_cards_4__title_left,
  .s_oc_services_cards_4__title_right {
    font-size: 15px !important;
  }

  .s_oc_services_cards_4__subtitle_left,
  .s_oc_services_cards_4__subtitle_right {
    font-size: 11px !important;
  }

  .s_oc_services_cards_4__btn-img {
    width: 150px !important;
  }
}