/* Styles of why-onwebchat.php, linked at the end of its <head>. They were a <style> at the end of the page,
   applied after the first paint, so the content moved when they arrived (22/10/2026) */
.margin-t-b-70 {
  margin-top: 90px;
  margin-bottom: 70px;
}

.owc-support-page .advantages-section.owc-why-benefits-section {
  position: relative;
  z-index: 1;
}

.owc-why-single-image {
  display: inline-block;
  border-radius: 35px;
  overflow: hidden;
  margin:54px;
}

.owc-why-single-image img {
  border-radius: 35px;
  display: block;
}

.owc-support-page .margin-b-60 {
  margin-bottom: 60px;
}

.owc-benefit-nav {
  margin-top: 54px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.owc-benefit-nav a {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid var(--owc-color-surface-soft-blue, #c6d4fd);
  border-radius: 22px;
  font-family: var(--owc-font-primary, "Manrope", sans-serif);
  font-size: 14px;
  font-weight: 500;
  color: var(--owc-color-text-primary, #24366c);
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
  background: #fafbff;
}

.owc-benefit-nav a:hover {
  background: var(--owc-color-surface-soft-blue, #c6d4fd);
  border-color: var(--owc-color-brand-primary, #4169e1);
  color: var(--owc-color-text-primary, #24366c);
}

.owc-benefit-icon {
  display: block;
  font-size: 48px;
  color: var(--owc-color-brand-primary, #4169e1);
  margin-bottom: 20px;
  line-height: 1;
}

.owc-support-page .hero-bg-layer {
  z-index: 0;
}


.owc-why-cta-section {
    background: transparent !important;
}



@media (max-width: 991px) {

  .owc-support-page .hero-bubble-art {
    top: 40px;
    width: min(96vw, 740px);
    height: min(110vw, 840px);
    opacity: 0.52;
  }
  .owc-why-single-image {
    margin:5px; 
  }
  .advantages-section div span{
    margin-top: 34px !important;
    margin-bottom: 0px !important;
  }

  .margin-t-b-70 {
    margin-top: 48px;
    margin-bottom: 14px;
  }
}