:root {
  --danger: #ff2727;
  --bright-green: #13b601;
  --pink: #fcf5eb;
  --grayish: #9e9e9e;
  --black: #000;
  --light-sky: #f6fff9;
  --white: #fff;
  --gray: #444;
  --tertiary: var(--pink);
  --bright: var(--bright-green);
  --blue: #200df2;
  --dark-blue: #07005a;
  --dk-blue: #0e0e0e;
  --light-blue: #e9e7fe;
  --primary: var(--blue);
  --secondary: var(--dark-blue);
  --dark: var(--dk-blue);
  --light: var(--light-blue);
}

/* Primary Colors Utility Classes */
.appointmentplugin__bg-primary,
.hover\:appointmentplugin__bg-primary:hover,
.parent-hover\:appointmentplugin__bg-primary:hover .icon-play {
  background-color: var(--primary) !important;
}

.appointmentplugin__text-primary,
.hover\:appointmentplugin__text-primary:hover,
.parent-hover\:appointmentplugin__text-primary:hover {
  color: var(--primary) !important;
}

.appointmentplugin__border-primary,
.hover\:appointmentplugin__border-primary:hover,
.parent-hover\:appointmentplugin__border-primary:hover .icon-play {
  border-color: var(--primary) !important;
}

/* Secondary Colors Utility Classes */
.appointmentplugin__bg-secondary,
.hover\:appointmentplugin__bg-secondary:hover {
  background-color: var(--secondary) !important;
}

.appointmentplugin__text-secondary,
.hover\:appointmentplugin__text-secondary:hover {
  color: var(--secondary) !important;
}

.appointmentplugin__border-secondary,
.hover\:appointmentplugin__border-secondary:hover {
  border-color: var(--secondary) !important;
}

/* Secondary Colors Utility Classes */
.appointmentplugin__bg-light,
.hover\:appointmentplugin__bg-light:hover {
  background-color: var(--light) !important;
}

.appointmentplugin__border-light,
.hover\:appointmentplugin__border-light:hover {
  border-color: var(--light) !important;
}

/* Danger Colors Utility Classes */
.appointmentplugin__bg-danger,
.hover\:appointmentplugin__bg-danger:hover {
  background-color: var(--danger) !important;
}

.appointmentplugin__text-danger,
.hover\:appointmentplugin__text-danger:hover {
  color: var(--danger) !important;
}

.appointmentplugin__border-danger,
.hover\:appointmentplugin__border-danger:hover {
  border-color: var(--danger) !important;
}

/* Background White */
.appointmentplugin__bg-white {
  color: var(--black);
  border: 1px solid var(--grayish);
  background-color: var(--white) !important;
}

.hover\:appointmentplugin__bg-white:hover {
  color: var(--white);
  border: 1px solid var(--primary);
  background-color: var(--primary) !important;
}

.hover\:appointmentplugin__bg-white-alt:hover {
  color: var(--primary) !important;
  background-color: var(--white) !important;
  border: 1px solid var(--primary);
}

/* Dark Colors Utility Classes */
.appointmentplugin__bg-dark {
  background-color: var(--dark) !important;
}

.appointmentplugin__border-dark {
  border-color: var(--dark) !important;
}

.appointmentplugin__text-white {
  color: var(--white) !important;
}

/* CSS Selector Colors */
.hover\:appointmentplugin__text-white:hover {
  color: var(--white) !important;
}

.appointmentplugin__nav ul li:hover,
.appointmentplugin__nav ul li:hover > a,
.appointmentplugin__steps-content .drop-zone .drop-zone__prompt strong,
.appointmentplugin__steps-nav li.visited a,
.appointmentplugin__steps-nav li.current a,
.appointmentplugin__tabset-normal ul li.active a,
.appointmentplugin__profile-ratings ul li.active,
.appointmentplugin__accordion-opener:hover,
.appointmentplugin__results-aside__box.active .appointmentplugin__results-aside__head,
.appointmentplugin__topbar-links a:hover,
.appointmentplugin__topbar-info a:hover,
.appointmentplugin__nav ul li.active > a,
.appointmentplugin__subnavigation li.active a,
.appointmentplugin__services-article .appointmentplugin__visual-ratings .filled,
.appointmentplugin__marketing-listing li::before,
.appointmentplugin__discover-link:hover,
.appointmentplugin__marketing-accordion .appointmentplugin__accordion-opener:hover,
.appointmentplugin__marketing-accordion .appointmentplugin__accordion-item.active .appointmentplugin__accordion-opener {
  color: var(--primary);
}

.appointmentplugin__nav ul li > ul li:hover > a,
.appointmentplugin__nav ul li > ul li.active > a,
.appointmentplugin__tabset ul li.active > a,
.appointmentplugin__tabset-secondary ul li.active > a,
.appointmentplugin__slider .slick-dots .slick-active button::before,
.appointmentplugin__usertype-radio input[type=radio]:checked + .appointmentplugin__usertype-radio__item .appointmentplugin__usertype-radio__btn,
.appointmentplugin__form-checkbox input[type=checkbox]:checked + .appointmentplugin__form-checkbox__btn,
.appointmentplugin__form-radio input[type=radio]:checked + .appointmentplugin__form-radio__btn,
.appointmentplugin__dashboard-activity .h5::before,
.chkbx-toggle:checked + label::before,
.appointmentplugin__steps-nav li.visited::before,
.appointmentplugin__steps-nav li.current::before,
.appointmentplugin__steps-nav li .edit,
.appointmentplugin__settings-menu ul li:hover > a,
.appointmentplugin__settings-menu ul li.active > a,
.appointmentplugin__settings-card__radio-box input[type=radio]:checked + .appointmentplugin__settings-card__custom-radio .appointmentplugin__settings-card__radio-box__button,
.chkbx-toggle.chkbx-toggle-white:checked + label::before,
.appointmentplugin__pagination li:hover:not(.disabled) > a,
.appointmentplugin__pagination li.active:not(.disabled) > a,
.appointmentplugin__results-aside__box.active .appointmentplugin__results-aside__button,
.ui-slider .ui-slider-handle,
.ui-slider .ui-slider-range,
.appointmentplugin__results-aside--active .appointmentplugin__results-aside__opener,
.appointmentplugin__messenger-message.reverse .appointmentplugin__messenger-message__text,
.appointmentplugin__settings-bulletlist li::before,
.appointmentplugin__catalog-gallery .slick-arrow:hover,
.appointmentplugin__accordion-opener:hover .appointmentplugin__accordion-arrow,
.appointmentplugin__accordion li.active .appointmentplugin__accordion-arrow,
.appointmentplugin__openclose-opener:hover .appointmentplugin__openclose-arrow,
.appointmentplugin__openclose.active .appointmentplugin__openclose-arrow,
.appointmentplugin__results-aside__boxopener:hover .appointmentplugin__results-aside__button,
.appointmentplugin__tabnav li:hover,
.appointmentplugin__tabnav li.active,
.appointmentplugin__slider-button:hover,
.appointmentplugin__section-faq .appointmentplugin__accordion .appointmentplugin__accordion-item.active .appointmentplugin__accordion-arrow,
.appointmentplugin__bookings-recommended::before,
.lawyer .appointmentplugin__section-header .seperator:before,
.lawyer .appointmentplugin__footer .appointmentplugin__footer-head__seprator::before,
.influencer .slick-dots li button:hover::before,
.influencer .slick-dots li.slick-active button::before,
.appointmentplugin__campaigns-accordion .appointmentplugin__accordion-opener:hover,
.appointmentplugin__services-like:hover .appointmentplugin__services-like_button,
.appointmentplugin__services-like input[type=checkbox]:checked + .appointmentplugin__services-like_button,
.appointmentplugin__campaigns-accordion .appointmentplugin__accordion-item.active .appointmentplugin__accordion-opener,
.appointmentplugin__discover-link:hover .arrow {
  background-color: var(--primary);
}

.appointmentplugin__usertype-radio input[type=radio]:checked + .appointmentplugin__usertype-radio__item,
.appointmentplugin__form-checkbox input[type=checkbox]:checked + .appointmentplugin__form-checkbox__btn,
.appointmentplugin__form-radio input[type=radio]:checked + .appointmentplugin__form-radio__btn,
.appointmentplugin__settings-menu ul li a,
.appointmentplugin__settings-menu ul li:hover > a,
.appointmentplugin__settings-menu ul li.active > a,
.appointmentplugin__loader-animmte,
.appointmentplugin__loader-animmte:after,
.appointmentplugin__settings-card__radio-box input[type=radio]:checked + .appointmentplugin__settings-card__custom-radio,
.appointmentplugin__settings-card__radio-box input[type=radio]:checked + .appointmentplugin__settings-card__custom-radio .appointmentplugin__settings-card__radio-box__button,
.chkbx-toggle.chkbx-toggle-white:checked + label::before,
.appointmentplugin__tabset-normal ul li.active a,
.appointmentplugin__pagination li:hover:not(.disabled) > a,
.appointmentplugin__pagination li.active:not(.disabled) > a,
.appointmentplugin__results-aside__box.active .appointmentplugin__results-aside__head,
.appointmentplugin__messenger-message.reverse .appointmentplugin__messenger-message__text,
.appointmentplugin__catalog-gallery__image::before,
.appointmentplugin__catalog-reviews.active,
.appointmentplugin__accordion li.active,
.flatpickr-calendar .flatpickr-day,
.appointmentplugin__visual-info .icon,
.appointmentplugin__workbox-number:before,
.appointmentplugin__signatures-image:before,
.appointmentplugin__section-quick__icon,
.appointmentplugin__post-textbox,
.appointmentplugin__section-faq .appointmentplugin__accordion .appointmentplugin__accordion-item.active .appointmentplugin__accordion-arrow,
.appointmentplugin__subnavigation li.active a,
.appointmentplugin__services-like_button,
.appointmentplugin__campaigns-accordion .appointmentplugin__accordion-opener:hover,
.appointmentplugin__discover-link:hover .arrow {
  border-color: var(--primary);
}

.appointmentplugin__appointments:before {
  border-left-color: var(--primary);
}

.appointmentplugin__section-advice__image:before {
  border-bottom-color: var(--primary);
}

.appointmentplugin__section-contact .appointmentplugin__section-cover:after,
.appointmentplugin__footer::before {
  background-color: var(--secondary);
}

.appointmentplugin__section-contact .appointmentplugin__section-header .seperator:before,
.lawyer .appointmentplugin__footer .appointmentplugin__footer-head__seprator::before {
  border-color: var(--secondary);
}

.appointmentplugin__nav ul li > ul li:hover .appointmentplugin__nav-arrow {
  color: var(--white);
}

.appointmentplugin__pattern {
  background-image: radial-gradient(var(--primary) 2px, transparent 3px);
}

.appointmentplugin__section-speciality__list-icon::before {
  background: linear-gradient(135deg, var(--white) 0%, var(--bright) 50%, var(--bright) 100%);
}

.appointmentplugin__messenger-message.reverse .appointmentplugin__messenger-message__text::before,
.appointmentplugin__messenger-message.reverse .appointmentplugin__messenger-message__text::after {
  border-color: transparent transparent transparent var(--primary);
}

.appointmentplugin__border-transparent {
  border-color: transparent !important;
}

.appointmentplugin__messenger-form__input,
.flatpickr-day.selected:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-calendar .flatpickr-day:hover {
  border-color: var(--primary) !important;
}

@media (max-width: 1199px) {
  .appointmentplugin__nav ul li.has-dropdown.active,
  .appointmentplugin__nav ul li.has-dropdown.active > a {
    color: var(--primary);
  }
  .appointmentplugin__nav ul li > ul li.has-dropdown.active > a {
    background-color: var(--primary);
  }
}