/* Global CSS Variables */
:root {
  --blue: #50a1ff;
  --indigo: #6610f2;
  --purple: #926dde;
  --pink: #e83e8c;
  --red: #ff4954;
  --orange: #ffbe00;
  --yellow: #ffba00;
  --green: #3cd458;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #50a1ff;
  --secondary: #e9ecf0;
  --success: #3cd458;
  --info: #926dde;
  --warning: #ffba00;
  --danger: #ff4954;
  --light: #f8f9fa;
  --dark: #191919;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --icon-color-primary: #F0665A;
}

.btn, .nav-navbar .nav-link {
    text-transform: none;
}

.nav-navbar .nav-link.active {
    color: rgba(235, 69, 79, 1) !important;
}

.subtext {
    display: block;
    font-size: .75rem;
    color: #757575;
}

img.background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    z-index: -1;
}
img.background.pos-lt {
    left: 0;
    top: 0;
    transform: none;
}
img.background.pos-lb {
    left: 0;
    top: auto;
    bottom: 0;
    transform: none;
}
img.background.pos-cb {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 0);
}
img.background.pos-rt {
    left: auto;
    right: 0;
    top: 0;
    transform: none;
}
img.background.pos-rc {
    left: auto;
    right: 0;
    transform: translate(0, -50%);
}
img.background.pos-rb {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transform: none;
}
img.background.full {
    min-height: 100%;
    max-height: none;
    object-fit: cover;
}

@media (max-width: 992px) { 
    .bg-img {
        display:none;
    }
}

@media (max-width: 768px) { 
    .position-unset {
        position: unset !important;
    }
}
/* Re-Skin CSS Start */
.head-title-xl{
    font-size: 40px !important;
    line-height: 56px !important;
}
.head-title-l{
    margin-bottom: 40px !important;
}
.section-header-title{
    font-size: 32px;
    line-height: 48px;
}
.mt-40{
    margin-top: 40px;
}
.fs-24{
    font-size: 24px;
}
@media (min-width: 768px) {
    .reservations-part-banner {
        margin-top: -100px;
    }
}

.icon-3d-scale{
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url('../img/dineplan/3d-scale-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-charts{
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url('../img/dineplan/charts-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-appointment{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/appointment-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-credit-card-validation{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/credit-card-validation-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-location-mark{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/location-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-message-multiple{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/message-multiple-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-cafe{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/cafe-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-quiz{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/quiz-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-phone2{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/phone-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-laptop-phone-sync{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/laptop-phone-sync-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-fill-check{
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url('../img/dineplan/features-check-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-fill-cross{
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url('../img/dineplan/features-cross-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-cancel-circle{
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url('../img/dineplan/cancel-circle-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-check-circle{
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url('../img/dineplan/check-circle-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-credit-card2{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/credit-card-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-messages{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/messages-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-peoples{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/peoples-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-users3{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/users3-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-medal-empty2{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/medal-empty2-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-reviews{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/reviews-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-email2{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/email2-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-shield2{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/shield2-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-smartphone2{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/smartphone2-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-ticket2{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/ticket2-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-scan{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/scan-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-vouchers2{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/vouchers2-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-trophy3{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/trophy3-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-history3{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/history3-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-flag-l{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/flag3-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-binoculars3{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/binoculars3-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-telephone3{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/telephone3-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-profile2{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/profile2-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-clicks{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/clicks-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}

.icon-chart-line-data-02{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/chart-line-data-02-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-hierarchy{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/hierarchy-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-invoice-03{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/invoice-03-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-chart-up{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url('../img/dineplan/chart-up-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-facebook-1{
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url('../img/dineplan/facebook-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-insta-1{
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url('../img/dineplan/insta-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-linkedin-1{
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url('../img/dineplan/linkdin-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-tiktok-1{
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url('../img/dineplan/tiktok-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-youtube-1{
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url('../img/dineplan/youtube-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: var(--icon-color-primary) !important;
}
.icon-info{
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url('../img/dineplan/info-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
  color: #98A2B3 !important;
}