/* COSELLER.ID brand tone override (based on CO-MARGIN logo) */
:root {
  --color-primary: #29ABE2;
  --color-primary-alt: #0A6FA8;
  --color-secondary: #0ABFAB;
  --color-primary-gradient-start: #0ABFAB;
  --color-primary-gradient-end: #008FCD;
}

.theme-gradient,
.counter-style-1 .count-number,
.aiwave-service-default .description .read-more-btn:hover,
.rainbow-accordion-style .card .card-header button,
.rainbow-accordion-style .card .card-header button::before {
  background: linear-gradient(90deg, #0ABFAB 0%, #29ABE2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.image-checkbox input[type=checkbox]:checked ~ label {
  border-color: #29ABE2;
}

/* The template's global `ol li { color: var(--color-gray) }` is too dim
   to read on our legal pages, so brighten list text there specifically. */
.legal-content ol li,
.legal-content ul li {
  color: var(--color-heading);
}

/* The template's decorative background glows/blobs are baked-in purple
   PNGs, not CSS colors, so shift their hue to match the teal/blue brand
   tone instead of leaving them purple. */
img[src*="/icon-shape/"],
img[src*="bg-shape"],
img[src*="split-bg-shape"],
img[src*="split-2-logo"],
img[src*="service-icon"],
img[src*="/icons/video-g"],
img[src*="/icons/audio-g"],
img[src*="/icons/photo-g"],
img[src*="/icons/text-g"],
img[src*="/icons/code-g"],
.bg-hover {
  filter: hue-rotate(-64deg) saturate(1.1);
}

/* Animated rainbow glow behind the collaboration logo, retoned to the
   teal/blue brand palette instead of the template's multi-color rainbow. */
.rainbow-collobration-area .collabration-image-section .logo-section:before {
  background: linear-gradient(133deg, #0ABFAB 1.34%, #29ABE2 50%, #008FCD 100%);
}

a.btn-default.bg-solid-primary:hover,
button.btn-default.bg-solid-primary:hover,
div.btn-default.bg-solid-primary:hover {
  box-shadow: 0 0 20px 5px rgba(41, 171, 226, 0.2);
}

.slider-image-effect {
  border-radius: 20px;
  overflow: hidden;
}