:root {
  --restopilote-gradient: linear-gradient(90deg, rgba(201, 66, 167, 0.74) 0%, rgba(253, 71, 29, 0.78) 50%, rgba(252, 176, 69, 0.8) 100%);
}

a {
  color: #e66d73;
}

a:hover,
a:focus {
  color: #db8a57;
}

.input-group-text,
body {
  color: #697381;
}

.ui-footer.bg-indigo,
.section.bg-indigo,
.ui-hero.bg-indigo {
  background: var(--restopilote-gradient) !important;
}

.navbar {
  display: block;
  position: fixed;
  width: 100%;
  align-items: inherit;
  transition: box-shadow .35s ease-out,background-color .35s ease-out;
  z-index: 9;
  height: 65px;
  background: rgba(54,54,54,.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.ui-gradient-blue,
.ui-gradient-peach,
.ui-gradient-purple,
.ui-gradient-green,
.ui-gradient-dark {
  background: var(--restopilote-gradient) !important;
}

.btn.ui-gradient-blue,
.btn.ui-gradient-peach,
.btn.ui-gradient-purple,
.btn.ui-gradient-green,
.btn.ui-gradient-dark {
  color: #fff !important;
  border: 0;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle > .icon,
.ui-icon-blocks .ui-icon-block > .icon.icon-circle > svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.onboarding-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
}

.onboarding-row--spaced {
  margin-top: 16px;
}

.onboarding-title {
  margin: 0;
}

.onboarding-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
  width: 52px !important;
  height: 52px !important;
  line-height: 52px !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

.onboarding-icon svg {
  display: block;
  width: 28px;
  height: 28px;
}

.onboarding-icon--import {
  background: #f1997c;
  color: #fff;
}

.onboarding-icon--users {
  background: #ed4f61;
  color: #fff;
}

.onboarding-icon--mobile {
  background: #a068c3;
  color: #fff;
}

.rp-logo__base{
  color: #121344;
}

.rp-logo__grad{
  background: linear-gradient(90deg,
    #C4315D 0%,
    #D84751 38%,
    #E36D43 70%,
    #F0A63D 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

@media (min-width: 1200px) {
  .laptop-showcase img.laptop {
    margin-right: -6rem;
  }
}

.bg-blue .ui-card .ui-icon-block > .icon, .bg-dark-gray .ui-card .ui-icon-block > .icon, .bg-gray .ui-card .ui-icon-block > .icon, .bg-green .ui-card .ui-icon-block > .icon, .bg-indigo .ui-card .ui-icon-block > .icon, .bg-light-gray .ui-card .ui-icon-block > .icon, .bg-lime .ui-card .ui-icon-block > .icon, .bg-orange .ui-card .ui-icon-block > .icon, .bg-pink .ui-card .ui-icon-block > .icon, .bg-primary .ui-card .ui-icon-block > .icon, .bg-purple .ui-card .ui-icon-block > .icon, .bg-red .ui-card .ui-icon-block > .icon, .btn-default, .btn:hover, .owl-theme .owl-nav [class*="owl-"]:hover, .pricing-items li .text-indigo, .pricing-items li .text-primary, .text-indigo, .text-primary, .ui-accordion-panel.ui-indigo .ui-accordion.active .toggle, .ui-accordion-panel.ui-indigo .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-indigo .ui-accordion:hover .toggle, .ui-accordion-panel.ui-indigo .ui-accordion:hover .toggle::after, .ui-accordion-panel.ui-primary .ui-accordion.active .toggle, .ui-accordion-panel.ui-primary .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-primary .ui-accordion:hover .toggle, .ui-accordion-panel.ui-primary .ui-accordion:hover .toggle::after, .ui-card .card-header .heading.text-indigo, .ui-card .card-header .heading.text-primary, .ui-card.bg-blue .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-blue .ui-card .ui-icon-block > .icon, .ui-card.bg-dark-gray .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-dark-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-gray .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-green .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-green .ui-card .ui-icon-block > .icon, .ui-card.bg-indigo .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-indigo .ui-card .ui-icon-block > .icon, .ui-card.bg-light-gray .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-light-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-lime .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-lime .ui-card .ui-icon-block > .icon, .ui-card.bg-orange .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-orange .ui-card .ui-icon-block > .icon, .ui-card.bg-pink .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-pink .ui-card .ui-icon-block > .icon, .ui-card.bg-primary .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-primary .ui-card .ui-icon-block > .icon, .ui-card.bg-purple .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-purple .ui-card .ui-icon-block > .icon, .ui-card.bg-red .card-body p .ui-card .ui-icon-block > .icon, .ui-card.bg-red .ui-card .ui-icon-block > .icon, .ui-card.ui-gradient-blue .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-dark .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-green .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-peach .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-purple .ui-card .ui-icon-block .icon, .ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-blue .ui-card .ui-icon-block .icon, .ui-gradient-dark .ui-card .ui-icon-block .icon, .ui-gradient-green .ui-card .ui-icon-block .icon, .ui-gradient-peach .ui-card .ui-icon-block .icon, .ui-gradient-purple .ui-card .ui-icon-block .icon, .ui-icon-blocks .icon.text-indigo, .ui-icon-blocks .icon.text-primary, .ui-icon-blocks .ui-icon-block > .icon.text-indigo, .ui-icon-blocks .ui-icon-block > .icon.text-primary, a:hover {
  color: #e66d73;
}

.logo_resa {
  color: #e66d73;
}

#price .liste_check,
#price .icon-check {
  color: #34b36b;
}