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

.s_oc_services_cards {
  position: relative !important;
  width: 100% !important;
  min-height: clamp(700px, 115vh, 1100px) !important;
  background-image: url('/oc-snippets/static/src/img/services/services_block_3.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(60px, 9vh, 100px) clamp(16px, 5vw, 40px) !important;
}

.s_oc_services_cards__container {
  width: 81% !important;
  max-width: 1800px !important;
  margin: 0 auto !important;
}

.s_oc_services_cards__row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 40px !important;
  justify-content: center !important;
  align-items: stretch !important;
}

.s_oc_services_cards__card {
  position: relative !important;
  flex: 1 1 600px !important;
  max-width: 820px !important;
  background-color: #fdfdfd !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;
  min-height: clamp(620px, 86vh, 880px) !important;
}

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

.s_oc_services_cards__title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(22px, 1.7vw, 22px) !important;
  line-height: 1.2 !important;
  color: #2a2633 !important;
  margin: 0 0 6px 0 !important;
}

.s_oc_services_cards__category {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(16px, 1.2vw, 22px) !important;
  line-height: 1.1 !important;
  color: #a06683 !important;
  margin: 0 0 24px 0 !important;
}

.s_oc_services_cards__subtitle {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(14px, 1.2vw, 14px) !important;
  line-height: 1.5 !important;
  color: #383842 !important;
  margin: 0 0 10px 0 !important;
}

.s_oc_services_cards__body-small {
  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 26px 0 !important;
}

.s_oc_services_cards__divider {
  width: 2px !important;
  height: 54px !important;
  margin: 0 auto 18px auto !important;
  object-fit: contain !important;
  display: block !important;
}

.s_oc_services_cards__benefits-label {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #2a2633 !important;
  margin: 0 0 12px 0 !important;
}

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

.s_oc_services_cards__benefits-item {
  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__benefits-list .s_oc_services_cards__benefits-item::marker{
  font-size: 0.65em !important;
  font-weight: 400 !important;
}

.s_oc_services_cards__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__view-details:hover{
  text-decoration: underline !important;
}

.s_oc_services_cards__footer {
  margin-top: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 40px !important;
  flex-wrap: wrap !important;
}

.s_oc_services_cards__footer-text {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #7d5a77 !important;
}

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

.s_oc_services_cards__footer-btn-img img {
  display: block !important;
  width: 160px !important;
  height: auto !important;
}

.s_oc_services_cards__footer-btn-img span {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !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 {
    padding: 60px 20px !important;
  }

  .s_oc_services_cards__row {
    gap: 32px !important;
  }

  .s_oc_services_cards__card {
    max-width: 100% !important;
  }
}

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

  .s_oc_services_cards__card {
    padding: 32px 20px 36px !important;
    border-radius: 22px !important;
  }

  .s_oc_services_cards__title {
    font-size: 15px !important;
  }

  .s_oc_services_cards__subtitle {
    font-size: 11px !important;
  }

  .s_oc_services_cards__footer {
    gap: 20px !important;
  }

  .s_oc_services_cards__view-details{
    margin-left: 20px !important;
    font-size: 13px !important;
  }
}