/* ===== DreamsFood, recortado y prefijado =====
 * Generado por scripts/extraer-df.mjs — NO editar a mano.
 *
 * Contiene SOLO las reglas que usan las secciones ya migradas del template nuevo, copiadas
 * literalmente de template-nuevo/assets/css/ y con cada selector prefijado por `.df`.
 *
 * El porqué del prefijo: el sitio todavía corre con Bootstrap 3 y el CSS de Pizzaro en las
 * 167 páginas, y los dos chocan en .container, .row, .col-*, h1..h6, .badge y .btn. Con el
 * prefijo, el CSS nuevo solo actúa dentro de <div class="df"> y el resto del sitio no se
 * entera. Cuando Pizzaro se jubile, esto se sustituye por sus hojas completas.
 *
 * Para añadir una sección: mete sus clases en la lista CLASES del script y vuelve a correrlo.
 */

.df, .df [data-bs-theme=light] {--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:16px;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:6px;--bs-border-radius-sm:4px;--bs-border-radius-lg:8px;--bs-border-radius-xl:16px;--bs-border-radius-xxl:32px;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:800px;--bs-box-shadow:0 8px 16px rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 2px 4px rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 16px 48px rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:4px;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}
@media (prefers-reduced-motion:no-preference) {
  .df {scroll-behavior:smooth}
}
.df {margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
.df .display-5 {font-weight:300;line-height:1.2;font-size:calc(22.8px + 2.1vw)}
@media (min-width:1200px) {
  .df .display-5 {font-size:48px}
}
.df .img-fluid {max-width:100%;height:auto}
.df .container, .df .container-fluid, .df .container-lg, .df .container-md, .df .container-sm, .df .container-xl, .df .container-xxl {--bs-gutter-x:24px;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:576px) {
  .df .container, .df .container-sm {max-width:540px}
}
@media (min-width:768px) {
  .df .container, .df .container-md, .df .container-sm {max-width:720px}
}
@media (min-width:992px) {
  .df .container, .df .container-lg, .df .container-md, .df .container-sm {max-width:960px}
}
@media (min-width:1200px) {
  .df .container, .df .container-lg, .df .container-md, .df .container-sm, .df .container-xl {max-width:1140px}
}
@media (min-width:1400px) {
  .df .container, .df .container-lg, .df .container-md, .df .container-sm, .df .container-xl, .df .container-xxl {max-width:1320px}
}
.df {--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}
.df .row {--bs-gutter-x:24px;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.df .row>* {flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.df .g-4, .df .gx-4 {--bs-gutter-x:24px}
.df .g-4, .df .gy-4 {--bs-gutter-y:24px}
@media (min-width:576px) {
  .df .col-sm-6 {flex:0 0 auto;width:50%}
  .df .col-sm-12 {flex:0 0 auto;width:100%}
}
@media (min-width:768px) {
  .df .col-md-3 {flex:0 0 auto;width:25%}
  .df .col-md-4 {flex:0 0 auto;width:33.33333333%}
  .df .col-md-6 {flex:0 0 auto;width:50%}
  .df .col-md-8 {flex:0 0 auto;width:66.66666667%}
  .df .col-md-10 {flex:0 0 auto;width:83.33333333%}
  .df .col-md-12 {flex:0 0 auto;width:100%}
}
@media (min-width:992px) {
  .df .col-lg-3 {flex:0 0 auto;width:25%}
  .df .col-lg-4 {flex:0 0 auto;width:33.33333333%}
  .df .col-lg-6 {flex:0 0 auto;width:50%}
  .df .col-lg-8 {flex:0 0 auto;width:66.66666667%}
  .df .col-lg-12 {flex:0 0 auto;width:100%}
}
@media (min-width:1200px) {
  .df .col-xl-5 {flex:0 0 auto;width:41.66666667%}
  .df .col-xl-7 {flex:0 0 auto;width:58.33333333%}
}
.df .form-control {display:block;width:100%;padding:6px 12px;font-size:16px;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
  .df .form-control {transition:none}
}
.df .form-control[type=file] {overflow:hidden}
.df .form-control[type=file]:not(:disabled):not([readonly]) {cursor:pointer}
.df .form-control:focus {color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 4px rgba(13,110,253,.25)}
.df .form-control::-webkit-date-and-time-value {min-width:85px;height:1.5em;margin:0}
.df .form-control::-webkit-datetime-edit {display:block;padding:0}
.df .form-control::placeholder {color:var(--bs-secondary-color);opacity:1}
.df .form-control:disabled {background-color:var(--bs-secondary-bg);opacity:1}
.df .form-control::-webkit-file-upload-button {padding:6px 12px;margin:-6px -12px;-webkit-margin-end:12px;margin-inline-end:12px;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.df .form-control::file-selector-button {padding:6px 12px;margin:-6px -12px;-webkit-margin-end:12px;margin-inline-end:12px;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
  .df .form-control::-webkit-file-upload-button {-webkit-transition:none;transition:none}
  .df .form-control::file-selector-button {transition:none}
}
.df .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {background-color:var(--bs-secondary-bg)}
.df .form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color:var(--bs-secondary-bg)}
.df textarea.form-control {min-height:calc(1.5em + 12px + calc(var(--bs-border-width) * 2))}
.df .form-check .form-check-input {float:left;margin-left:-1.5em}
.df .form-check-reverse .form-check-input {float:right;margin-right:-1.5em;margin-left:0}
.df .form-check-input {--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}
.df .form-check-input[type=checkbox] {border-radius:.25em}
.df .form-check-input[type=radio] {border-radius:50%}
.df .form-check-input:active {filter:brightness(90%)}
.df .form-check-input:focus {border-color:#86b7fe;outline:0;box-shadow:0 0 0 4px rgba(13,110,253,.25)}
.df .form-check-input:checked {background-color:#0d6efd;border-color:#0d6efd}
.df .form-check-input:checked[type=checkbox] {--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.df .form-check-input:checked[type=radio] {--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}
.df .form-check-input[type=checkbox]:indeterminate {background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.df .form-check-input:disabled {pointer-events:none;filter:none;opacity:.5}
.df .form-check-input:disabled~.form-check-label, .df .form-check-input[disabled]~.form-check-label {cursor:default;opacity:.5}
.df .form-switch .form-check-input {--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
  .df .form-switch .form-check-input {transition:none}
}
.df .form-switch .form-check-input:focus {--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}
.df .form-switch .form-check-input:checked {background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.df .form-switch.form-check-reverse .form-check-input {margin-right:-2.5em;margin-left:0}
.df .btn-check:disabled+.btn, .df .btn-check[disabled]+.btn {pointer-events:none;filter:none;opacity:.65}
.df [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}
.df .form-floating>.form-control, .df .form-floating>.form-control-plaintext, .df .form-floating>.form-select {height:calc(56px + calc(var(--bs-border-width) * 2));min-height:calc(56px + calc(var(--bs-border-width) * 2));line-height:1.25}
.df .form-floating>.form-control, .df .form-floating>.form-control-plaintext {padding:16px 12px}
.df .form-floating>.form-control-plaintext::placeholder, .df .form-floating>.form-control::placeholder {color:transparent}
.df .form-floating>.form-control-plaintext:focus, .df .form-floating>.form-control-plaintext:not(:placeholder-shown), .df .form-floating>.form-control:focus, .df .form-floating>.form-control:not(:placeholder-shown) {padding-top:26px;padding-bottom:10px}
.df .form-floating>.form-control-plaintext:-webkit-autofill, .df .form-floating>.form-control:-webkit-autofill {padding-top:26px;padding-bottom:10px}
.df .form-floating>.form-control-plaintext~label, .df .form-floating>.form-control:focus~label, .df .form-floating>.form-control:not(:placeholder-shown)~label, .df .form-floating>.form-select~label {transform:scale(.85) translateY(-8px) translateX(2.4px)}
.df .form-floating>.form-control:-webkit-autofill~label {transform:scale(.85) translateY(-8px) translateX(2.4px)}
.df .form-floating>.form-control:disabled~label, .df .form-floating>:disabled~label {color:#6c757d}
.df .input-group {position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
.df .input-group>.form-control, .df .input-group>.form-floating, .df .input-group>.form-select {position:relative;flex:1 1 auto;width:1%;min-width:0}
.df .input-group>.form-control:focus, .df .input-group>.form-floating:focus-within, .df .input-group>.form-select:focus {z-index:5}
.df .input-group .btn {position:relative;z-index:2}
.df .input-group .btn:focus {z-index:5}
.df .input-group-text {display:flex;align-items:center;padding:6px 12px;font-size:16px;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}
.df .input-group-lg>.btn, .df .input-group-lg>.form-control, .df .input-group-lg>.form-select, .df .input-group-lg>.input-group-text {padding:8px 16px;font-size:20px;border-radius:var(--bs-border-radius-lg)}
.df .input-group-sm>.btn, .df .input-group-sm>.form-control, .df .input-group-sm>.form-select, .df .input-group-sm>.input-group-text {padding:4px 8px;font-size:14px;border-radius:var(--bs-border-radius-sm)}
.df .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .df .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .df .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .df .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {border-top-right-radius:0;border-bottom-right-radius:0}
.df .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .df .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control, .df .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select, .df .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {border-top-right-radius:0;border-bottom-right-radius:0}
.df .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}
.df .input-group>.form-floating:not(:first-child)>.form-control, .df .input-group>.form-floating:not(:first-child)>.form-select {border-top-left-radius:0;border-bottom-left-radius:0}
.df .form-control.is-valid, .df .was-validated .form-control:valid {border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + 12px);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + 3px) center;background-size:calc(.75em + 6px) calc(.75em + 6px)}
.df .form-control.is-valid:focus, .df .was-validated .form-control:valid:focus {border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 4px rgba(var(--bs-success-rgb),.25)}
.df .was-validated textarea.form-control:valid, .df textarea.form-control.is-valid {padding-right:calc(1.5em + 12px);background-position:top calc(.375em + 3px) right calc(.375em + 3px)}
.df .form-check-input.is-valid, .df .was-validated .form-check-input:valid {border-color:var(--bs-form-valid-border-color)}
.df .form-check-input.is-valid:checked, .df .was-validated .form-check-input:valid:checked {background-color:var(--bs-form-valid-color)}
.df .form-check-input.is-valid:focus, .df .was-validated .form-check-input:valid:focus {box-shadow:0 0 0 4px rgba(var(--bs-success-rgb),.25)}
.df .form-check-input.is-valid~.form-check-label, .df .was-validated .form-check-input:valid~.form-check-label {color:var(--bs-form-valid-color)}
.df .form-check-inline .form-check-input~.valid-feedback {margin-left:.5em}
.df .input-group>.form-control:not(:focus).is-valid, .df .input-group>.form-floating:not(:focus-within).is-valid, .df .input-group>.form-select:not(:focus).is-valid, .df .was-validated .input-group>.form-control:not(:focus):valid, .df .was-validated .input-group>.form-floating:not(:focus-within):valid, .df .was-validated .input-group>.form-select:not(:focus):valid {z-index:3}
.df .form-control.is-invalid, .df .was-validated .form-control:invalid {border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + 12px);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + 3px) center;background-size:calc(.75em + 6px) calc(.75em + 6px)}
.df .form-control.is-invalid:focus, .df .was-validated .form-control:invalid:focus {border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 4px rgba(var(--bs-danger-rgb),.25)}
.df .was-validated textarea.form-control:invalid, .df textarea.form-control.is-invalid {padding-right:calc(1.5em + 12px);background-position:top calc(.375em + 3px) right calc(.375em + 3px)}
.df .form-check-input.is-invalid, .df .was-validated .form-check-input:invalid {border-color:var(--bs-form-invalid-border-color)}
.df .form-check-input.is-invalid:checked, .df .was-validated .form-check-input:invalid:checked {background-color:var(--bs-form-invalid-color)}
.df .form-check-input.is-invalid:focus, .df .was-validated .form-check-input:invalid:focus {box-shadow:0 0 0 4px rgba(var(--bs-danger-rgb),.25)}
.df .form-check-input.is-invalid~.form-check-label, .df .was-validated .form-check-input:invalid~.form-check-label {color:var(--bs-form-invalid-color)}
.df .form-check-inline .form-check-input~.invalid-feedback {margin-left:.5em}
.df .input-group>.form-control:not(:focus).is-invalid, .df .input-group>.form-floating:not(:focus-within).is-invalid, .df .input-group>.form-select:not(:focus).is-invalid, .df .was-validated .input-group>.form-control:not(:focus):invalid, .df .was-validated .input-group>.form-floating:not(:focus-within):invalid, .df .was-validated .input-group>.form-select:not(:focus):invalid {z-index:4}
.df .btn {--bs-btn-padding-x:12px;--bs-btn-padding-y:6px;--bs-btn-font-family: ;--bs-btn-font-size:16px;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 4px rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
  .df .btn {transition:none}
}
.df .btn:hover {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.df .btn-check+.btn:hover {color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}
.df .btn:focus-visible {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.df .btn-check:focus-visible+.btn {border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.df .btn-check:checked+.btn, .df .btn.active, .df .btn.show, .df .btn:first-child:active, .df :not(.btn-check)+.btn:active {color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.df .btn-check:checked+.btn:focus-visible, .df .btn.active:focus-visible, .df .btn.show:focus-visible, .df .btn:first-child:active:focus-visible, .df :not(.btn-check)+.btn:active:focus-visible {box-shadow:var(--bs-btn-focus-box-shadow)}
.df .btn-check:checked:focus-visible+.btn {box-shadow:var(--bs-btn-focus-box-shadow)}
.df .btn.disabled, .df .btn:disabled, .df fieldset:disabled .btn {color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.df .btn-primary {--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.df .btn-group-lg>.btn, .df .btn-lg {--bs-btn-padding-y:8px;--bs-btn-padding-x:16px;--bs-btn-font-size:20px;--bs-btn-border-radius:var(--bs-border-radius-lg)}
.df .btn-group-sm>.btn, .df .btn-sm {--bs-btn-padding-y:4px;--bs-btn-padding-x:8px;--bs-btn-font-size:14px;--bs-btn-border-radius:var(--bs-border-radius-sm)}
.df .btn-group-vertical>.btn, .df .btn-group>.btn {position:relative;flex:1 1 auto}
.df .btn-group-vertical>.btn-check:checked+.btn, .df .btn-group-vertical>.btn-check:focus+.btn, .df .btn-group-vertical>.btn.active, .df .btn-group-vertical>.btn:active, .df .btn-group-vertical>.btn:focus, .df .btn-group-vertical>.btn:hover, .df .btn-group>.btn-check:checked+.btn, .df .btn-group>.btn-check:focus+.btn, .df .btn-group>.btn.active, .df .btn-group>.btn:active, .df .btn-group>.btn:focus, .df .btn-group>.btn:hover {z-index:1}
.df .btn-toolbar .input-group {width:auto}
.df .btn-group>.btn-group:not(:first-child), .df .btn-group>:not(.btn-check:first-child)+.btn {margin-left:calc(-1 * var(--bs-border-width))}
.df .btn-group>.btn-group:not(:last-child)>.btn, .df .btn-group>.btn.dropdown-toggle-split:first-child, .df .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0;border-bottom-right-radius:0}
.df .btn-group>.btn-group:not(:first-child)>.btn, .df .btn-group>.btn:nth-child(n+3), .df .btn-group>:not(.btn-check)+.btn {border-top-left-radius:0;border-bottom-left-radius:0}
.df .btn-group-sm>.btn+.dropdown-toggle-split, .df .btn-sm+.dropdown-toggle-split {padding-right:6px;padding-left:6px}
.df .btn-group-lg>.btn+.dropdown-toggle-split, .df .btn-lg+.dropdown-toggle-split {padding-right:12px;padding-left:12px}
.df .btn-group-vertical>.btn, .df .btn-group-vertical>.btn-group {width:100%}
.df .btn-group-vertical>.btn-group:not(:first-child), .df .btn-group-vertical>.btn:not(:first-child) {margin-top:calc(-1 * var(--bs-border-width))}
.df .btn-group-vertical>.btn-group:not(:last-child)>.btn, .df .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius:0;border-bottom-left-radius:0}
.df .btn-group-vertical>.btn-group:not(:first-child)>.btn, .df .btn-group-vertical>.btn:nth-child(n+3), .df .btn-group-vertical>:not(.btn-check)+.btn {border-top-left-radius:0;border-top-right-radius:0}
.df .nav {--bs-nav-link-padding-x:16px;--bs-nav-link-padding-y:8px;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.df .navbar>.container, .df .navbar>.container-fluid, .df .navbar>.container-lg, .df .navbar>.container-md, .df .navbar>.container-sm, .df .navbar>.container-xl, .df .navbar>.container-xxl {display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.df .badge {--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}
.df .badge:empty {display:none}
.df .btn .badge {position:relative;top:-1px}
.df, .df [data-bs-theme=light] {--bs-btn-close-filter: }
.df, .df [data-bs-theme=light] {--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }
.df .placeholder.btn::before {display:inline-block;content:""}
.df .text-truncate {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df .overflow-hidden {overflow:hidden!important}
.df .d-block {display:block!important}
.df .d-flex {display:flex!important}
.df .d-inline-flex {display:inline-flex!important}
.df .d-none {display:none!important}
.df .position-relative {position:relative!important}
.df .border-0 {border:0!important}
.df .w-100 {width:100%!important}
.df .h-100 {height:100%!important}
.df .flex-fill {flex:1 1 auto!important}
.df .flex-shrink-0 {flex-shrink:0!important}
.df .justify-content-center {justify-content:center!important}
.df .justify-content-between {justify-content:space-between!important}
.df .align-items-center {align-items:center!important}
.df .m-auto {margin:auto!important}
.df .mx-auto {margin-right:auto!important;margin-left:auto!important}
.df .mt-0 {margin-top:0!important}
.df .mt-1 {margin-top:4px!important}
.df .me-2 {margin-right:8px!important}
.df .mb-0 {margin-bottom:0!important}
.df .mb-1 {margin-bottom:4px!important}
.df .mb-2 {margin-bottom:8px!important}
.df .mb-3 {margin-bottom:16px!important}
.df .mb-4 {margin-bottom:24px!important}
.df .ms-1 {margin-left:4px!important}
.df .ms-2 {margin-left:8px!important}
.df .p-4 {padding:24px!important}
.df .pt-0 {padding-top:0!important}
.df .pe-0 {padding-right:0!important}
.df .pb-0 {padding-bottom:0!important}
.df .gap-1 {gap:4px!important}
.df .gap-2 {gap:8px!important}
.df .row-gap-3 {row-gap:16px!important}
.df .fw-normal {font-weight:400!important}
.df .text-end {text-align:right!important}
.df .text-center {text-align:center!important}
.df .text-primary {--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}
.df .text-warning {--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}
.df .text-danger {--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}
.df .text-dark {--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}
.df .text-white {--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}
.df .text-body {--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}
.df .bg-primary {--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}
.df .rounded {border-radius:var(--bs-border-radius)!important}
.df .rounded-circle {border-radius:50%!important}
.df .z-1 {z-index:1!important}
@media (min-width:768px) {
  .df .d-md-block {display:block!important}
}
@media (min-width:992px) {
  .df .d-lg-block {display:block!important}
  .df .d-lg-flex {display:flex!important}
  .df .ps-lg-4 {padding-left:24px!important}
}
@media (min-width:1200px) {
  .df .d-xl-block {display:block!important}
  .df .d-xl-flex {display:flex!important}
}
.df {
  --primary: #EB1400;
  --secondary: #FF9924;
  --light: #F9F9F9;
  --dark: #060608;
  --white: #fff;
  --info: #286EF0;
  --indigo: #431DB5;
  --orange: #CE4910;
  --pink: #C61A7E;
  --success: #138743;
  --danger: #BF0000;
  --cyan: #017F9B;
  --warning: #FDAF22;
  --purple: #800080;
  --black: #000;
  --primary-100: #FFDDD6;
  --gray-100: #E2E4E6;
  --gray-200: #C6CACE;
  --gray-300: #AAB0B6;
  --gray-400: #90979F;
  --gray-500: #5D6772;
  --gray-600: #45505C;
  --gray-700: #2E3B48;
  --gray-800: #182634;
  --gray-900: #051321;
  --gray-hover: #030303;
  --light-100: #FDFEFE;
  --light-200: #FCFCFD;
  --light-300: #F9F9FA;
  --light-400: #FAFAFA;
  --light-hover: #DBDBDB;
  --dark-200: #1F1F21;
  --dark-300: #131315;
  --primary-hover: #CF1000;
  --secondary-hover: #E1861E;
  --danger-hover: #A80000;
  --info-hover: #2260D3;
  --warning-hover: #DF9A1D;
  --success-hover: #0F763A;
  --cyan-hover: #016F88;
  --indigo-hover: #3A189F;
  --orange-hover: #B53F0D;
  --pink-hover: #AE166E;
  --purple-hover: #700070;
  --cyan-transparent: #EBF3F6;
  --danger-transparent: #FDECE9;
  --dark-transparent: #F4F4F4;
  --gray-transparent: #F4F4F4;
  --indigo-transparent: #EBECFA;
  --info-transparent: #EBF3FF;
  --light-transparent: #FDFDFE;
  --orange-transparent: #FDEFEB;
  --pink-transparent: #FDECF3;
  --primary-transparent: #FFEEEA;
  --danger-transparent: #FDECE9;
  --purple-transparent: #F9F2F9;
  --secondary-transparent: #F4FBEE;
  --success-transparent: #ECF4ED;
  --warning-transparent: #FFF8EF;
  --heading-color: #051321;
  --border-color: #E2E4E6;
  --body-color: #45505C;
  --form-bg: #fff;
  --white-100: #FFFFFF1A;
  --white-200:#FFFFFF33;
  --dark-100:#06060859;
  --box-shadow: 0px 4px 24px 0px rgba(185, 185, 185, 0.25);
  --box-shadow-xs: 0px 1px 1px 1px rgba(198, 198, 198, 0.2);
  --box-shadow-sm: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  --box-shadow-md: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  --box-shadow-lg: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  --box-shadow-xl: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  --box-shadow-drop: 0px 4px 0px 0px rgba(185, 185, 185, 0.25);
  --linear-gradient: linear-gradient(180deg, #FFFFFF 0%, #EBF5EB 100%);
  --linear-gradient-lg: linear-gradient(92.27deg, #E8FDFF 0.03%, #F0FEFF 49.99%, #DDFFE4 99.94%);
  --dark-gradient: linear-gradient(269.34deg, rgba(0, 0, 0, 0.5) -17.32%, rgba(0, 0, 0, 0.4) 48.97%, rgba(0, 0, 0, 0.9) 98.12%);
  --bg-rgba: rgba(4, 4, 4, 0.3);
  --border-rgba: rgba(255, 255, 255, 0.2);
  --header-rgba: rgb(227 226 226);
}
.df {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  background-color: var(--white);
  color: var(--body-color);
  scroll-behavior: smooth;
  overflow-x: hidden;
}
@media (max-width: 991.98px) {
  .df {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  .df {
    font-size: 14px;
  }
}
.df h1, .df h2, .df h3, .df h4, .df h5, .df h6 {
  color: var(--heading-color);
  font-weight: 700;
  font-family: "Barlow Condensed", sans-serif;
}
.df h1 {
  font-size: 56px;
}
@media (max-width: 991.98px) {
  .df h1 {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .df h1 {
    font-size: 32px;
  }
}
.df h2 {
  font-size: 48px;
}
@media (max-width: 991.98px) {
  .df h2 {
    font-size: 38px;
  }
}
@media (max-width: 767.98px) {
  .df h2 {
    font-size: 34px;
  }
}
@media (max-width: 575.98px) {
  .df h2 {
    font-size: 32px;
  }
}
.df h3 {
  font-size: 40px;
}
@media (max-width: 991.98px) {
  .df h3 {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .df h3 {
    font-size: 32px;
  }
}
.df h4 {
  font-size: 32px;
}
@media (max-width: 991.98px) {
  .df h4 {
    font-size: 28px;
  }
}
@media (max-width: 767.98px) {
  .df h4 {
    font-size: 24px;
  }
}
.df h5 {
  font-size: 24px;
}
@media (max-width: 991.98px) {
  .df h5 {
    font-size: 22px;
  }
}
@media (max-width: 767.98px) {
  .df h5 {
    font-size: 20px;
  }
}
.df h6 {
  font-size: 20px;
}
@media (max-width: 991.98px) {
  .df h6 {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .df h6 {
    font-size: 16px;
  }
}
.df .form-check .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.df .primary-btn {
  color: #fff;
  border: 1px solid var(--primary);
  background-color: var(--primary);
  font-size: 16px;
  font-weight: 500;
  padding: 9px 20px;
  transition: all 0.5s;
  cursor: pointer;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.df .primary-btn:hover, .df .primary-btn:focus, .df .primary-btn.focus, .df .primary-btn:active, .df .primary-btn.active, .df .primary-btn.show, .df .primary-btn .btn.show:hover, .df .primary-btn:first-child:active {
  background-color: var(--primary-hover);
  border: 1px solid var(--primary-hover);
  color: #fff;
}
@media (max-width: 575.98px) {
  .df .primary-btn {
    font-size: 15px;
    padding: 8px 16px;
  }
}
.df .secondary-btn:hover, .df .secondary-btn:focus, .df .secondary-btn.focus, .df .secondary-btn:active, .df .secondary-btn.active, .df .secondary-btn.show, .df .secondary-btn .btn.show:hover, .df .secondary-btn:first-child:active {
  background-color: var(--secondary-hover);
  border: 1px solid var(--secondary-hover);
  color: #fff;
}
.df .success-btn:hover, .df .success-btn:focus, .df .success-btn.focus, .df .success-btn:active, .df .success-btn.active, .df .success-btn.show, .df .success-btn .btn.show:hover, .df .success-btn:first-child:active {
  background-color: var(--success-hover);
  border: 1px solid var(--success-hover);
  color: #fff;
}
.df .info-btn:hover, .df .info-btn:focus, .df .info-btn.focus, .df .info-btn:active, .df .info-btn.active, .df .info-btn.show, .df .info-btn .btn.show:hover, .df .info-btn:first-child:active {
  background-color: var(--info-hover);
  border: 1px solid var(--info-hover);
  color: #fff;
}
.df .warning-btn:hover, .df .warning-btn:focus, .df .warning-btn.focus, .df .warning-btn:active, .df .warning-btn.active, .df .warning-btn.show, .df .warning-btn .btn.show:hover, .df .warning-btn:first-child:active {
  background-color: var(--warning-hover);
  border: 1px solid var(--warning-hover);
  color: #fff;
}
.df .danger-btn:hover, .df .danger-btn:focus, .df .danger-btn.focus, .df .danger-btn:active, .df .danger-btn.active, .df .danger-btn.show, .df .danger-btn .btn.show:hover, .df .danger-btn:first-child:active {
  background-color: var(--danger-hover);
  border: 1px solid var(--danger-hover);
  color: #fff;
}
.df .dark-btn:hover, .df .dark-btn:focus, .df .dark-btn.focus, .df .dark-btn:active, .df .dark-btn.active, .df .dark-btn.show, .df .dark-btn .btn.show:hover, .df .dark-btn:first-child:active {
  background-color: var(--dark-hover);
  border: 1px solid var(--dark-hover);
  color: #fff;
}
.df .light-btn:hover, .df .light-btn:focus, .df .light-btn.focus, .df .light-btn:active, .df .light-btn.active, .df .light-btn.show, .df .light-btn .btn.show:hover, .df .light-btn:first-child:active {
  background-color: var(--light-hover);
  border: 1px solid var(--light-hover);
  color: #fff;
}
.df .orange-btn:hover, .df .orange-btn:focus, .df .orange-btn.focus, .df .orange-btn:active, .df .orange-btn.active, .df .orange-btn.show, .df .orange-btn .btn.show:hover, .df .orange-btn:first-child:active {
  background-color: var(--orange-hover);
  border: 1px solid var(--orange-hover);
  color: #fff;
}
.df .purple-btn:hover, .df .purple-btn:focus, .df .purple-btn.focus, .df .purple-btn:active, .df .purple-btn.active, .df .purple-btn.show, .df .purple-btn .btn.show:hover, .df .purple-btn:first-child:active {
  background-color: var(--purple-hover);
  border: 1px solid var(--purple-hover);
  color: #fff;
}
.df .pink-btn:hover, .df .pink-btn:focus, .df .pink-btn.focus, .df .pink-btn:active, .df .pink-btn.active, .df .pink-btn.show, .df .pink-btn .btn.show:hover, .df .pink-btn:first-child:active {
  background-color: var(--pink-hover);
  border: 1px solid var(--pink-hover);
  color: #fff;
}
.df .indigo-btn:hover, .df .indigo-btn:focus, .df .indigo-btn.focus, .df .indigo-btn:active, .df .indigo-btn.active, .df .indigo-btn.show, .df .indigo-btn .btn.show:hover, .df .indigo-btn:first-child:active {
  background-color: var(--indigo-hover);
  border: 1px solid var(--indigo-hover);
  color: #fff;
}
.df .cyan-btn:hover, .df .cyan-btn:focus, .df .cyan-btn.focus, .df .cyan-btn:active, .df .cyan-btn.active, .df .cyan-btn.show, .df .cyan-btn .btn.show:hover, .df .cyan-btn:first-child:active {
  background-color: var(--cyan-hover);
  border: 1px solid var(--cyan-hover);
  color: #fff;
}
.df .gray-100-btn:hover, .df .gray-100-btn:focus, .df .gray-100-btn.focus, .df .gray-100-btn:active, .df .gray-100-btn.active, .df .gray-100-btn.show, .df .gray-100-btn .btn.show:hover, .df .gray-100-btn:first-child:active {
  background-color: var(--gray-100-hover);
  border: 1px solid var(--gray-100-hover);
  color: #fff;
}
.df .btn.add-btn {
  padding: 9px 20px;
}
.df .btn-login {
  border: 1px solid var(--border-color);
  padding: 9px 20px;
  background: var(--white);
  border-radius: 5px;
}
.df .btn-login:hover {
  background: var(--primary);
  color: var(--white);
}
.df .theme-1 .primary-btn {
  color: #051321;
}
.df .avatar-lg {
  height: 48px;
  width: 48px;
}
.df .avatar-xl {
  height: 80px;
  width: 80px;
}
.df .avatar {
  position: relative;
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: var(--white);
  font-weight: 500;
  object-fit: cover;
}
.df .avatar a.badge:hover {
  color: var(--white);
}
.df .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.df .avatar.avatar-rounded {
  border-radius: 50%;
}
.df .avatar.avatar-rounded img {
  border-radius: 50%;
}
.df .avatar.avatar-radius-0 {
  border-radius: 0;
}
.df .avatar.avatar-radius-0 img {
  border-radius: 0;
}
.df .avatar .avatar-badge {
  position: absolute;
  inset-block-start: -4%;
  inset-inline-end: -6px;
  width: 22.4px;
  height: 22.4px;
  font-size: 10px;
  border: 2px solid var(--white);
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.df .avatar.online:before, .df .avatar.offline:before, .df .avatar.away:before {
  position: absolute;
  content: "";
  width: 11.2px;
  height: 11.2px;
  border-radius: 50%;
  inset-inline-end: 0;
  inset-block-end: 0;
  border: 2px solid var(--white) !important;
  z-index: 1;
}
.df .avatar.online:before {
  background-color: var(--success);
}
.df .avatar.offline:before {
  background-color: var(--danger);
}
.df .avatar.away:before {
  background-color: var(--warning);
}
.df .avatar.avatar-xss {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10.4px;
}
.df .avatar.avatar-xss .avatar-badge {
  padding: 4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 8px;
  inset-block-start: -25%;
  inset-inline-end: -8px;
}
.df .avatar.avatar-xss.online:before, .df .avatar.avatar-xss.offline:before {
  width: 8px;
  height: 8px;
}
.df .avatar.avatar-xs {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10.4px;
}
.df .avatar.avatar-xs .avatar-badge {
  padding: 4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 8px;
  inset-block-start: -25%;
  inset-inline-end: -8px;
}
.df .avatar.avatar-xs.online:before, .df .avatar.avatar-xs.offline:before {
  width: 8px;
  height: 8px;
}
.df .avatar.avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 10.4px;
}
.df .avatar.avatar-sm .avatar-badge {
  padding: 4.8px;
  width: 17.6px;
  height: 17.6px;
  line-height: 17.6px;
  font-size: 8px;
  inset-block-start: -28%;
  inset-inline-end: -7.2px;
}
.df .avatar.avatar-sm.online:before, .df .avatar.avatar-sm.offline:before {
  width: 8px;
  height: 8px;
}
.df .avatar.avatar-md {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 12.8px;
}
.df .avatar.avatar-md .avatar-badge {
  padding: 6.4px;
  width: 19.2px;
  height: 19.2px;
  line-height: 19.2px;
  font-size: 10.4px;
  inset-block-start: -6%;
  inset-inline-end: -13%;
}
.df .avatar.avatar-md.online:before, .df .avatar.avatar-md.offline:before {
  width: 8px;
  height: 8px;
}
.df .avatar.avatar-md svg {
  width: 24px;
  height: 24px;
}
.df .avatar.avatar-lg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}
.df .avatar.avatar-lg .avatar-badge {
  inset-block-start: -15%;
  inset-inline-end: -0.25%;
}
.df .avatar.avatar-lg.online:before, .df .avatar.avatar-lg.offline:before {
  width: 12.8px;
  height: 12.8px;
}
.df .avatar.avatar-lg svg {
  width: 28.8px;
  height: 28.8px;
}
.df .avatar.avatar-xl {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
}
.df .avatar.avatar-xl .avatar-badge {
  inset-block-start: -8%;
  inset-inline-end: -0.2%;
}
.df .avatar.avatar-xl.online:before, .df .avatar.avatar-xl.offline:before {
  width: 15.2px;
  height: 15.2px;
}
.df .avatar.avatar-xl.border.online::before {
  width: 10px;
  height: 10px;
  inset-inline-end: 5px;
}
.df .avatar.avatar-xxl {
  width: 72px;
  height: 72px;
  line-height: 72px;
  font-size: 24px;
}
.df .avatar.avatar-xxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0px;
}
.df .avatar.avatar-xxl.online:before, .df .avatar.avatar-xxl.offline:before {
  width: 16.8px;
  height: 16.8px;
  inset-block-end: 4px;
}
.df .avatar.avatar-xxxl {
  width: 96px;
  height: 96px;
  line-height: 96px;
  font-size: 28px;
}
.df .avatar.avatar-xxxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0px;
}
.df .avatar.avatar-xxxl.online:before, .df .avatar.avatar-xxxl.offline:before {
  width: 16.8px;
  height: 16.8px;
  inset-block-end: 4px;
}
.df .avatar.avatar-2xl {
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-size: 28px;
}
.df .avatar.avatar-2xl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0px;
}
.df .avatar.avatar-2xl.online:before, .df .avatar.avatar-2xl.offline:before {
  width: 16.8px;
  height: 16.8px;
  inset-block-end: 4px;
}
.df .avatar.avatar-3xl {
  width: 180px;
  height: 180px;
  line-height: 180px;
  font-size: 28px;
}
.df .avatar.avatar-3xl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0px;
}
.df .avatar.avatar-3xl.online:before, .df .avatar.avatar-3xl.offline:before {
  width: 16.8px;
  height: 16.8px;
  inset-block-end: 4px;
}
.df .avatar-list-stacked {
  padding: 0;
}
.df .avatar-list-stacked.avatar-group-lg .avatar {
  width: 52px;
  height: 52px;
}
.df .avatar-list-stacked.avatar-group-lg .avatar > .initial-wrap {
  font-size: 15.2px;
}
.df .avatar-list-stacked.avatar-group-md .avatar {
  width: 36px;
  height: 36px;
}
.df .avatar-list-stacked.avatar-group-md .avatar > .initial-wrap {
  font-size: 9.6px;
}
.df .avatar-list-stacked.avatar-group-sm .avatar {
  width: 24px;
  height: 24px;
}
.df .avatar-list-stacked.avatar-group-sm .avatar > .initial-wrap {
  font-size: 9.6px;
}
.df .avatar-list-stacked.avatar-group-xs .avatar {
  width: 16px;
  height: 16px;
  margin-inline-end: -6px !important;
}
.df .avatar-list-stacked.avatar-group-xs .avatar > .initial-wrap {
  font-size: 9.6px;
}
.df .avatar-list-stacked .avatar {
  margin-inline-end: -14px !important;
  border: 1px solid rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  transition: transform ease 200ms;
}
.df .avatar-list-stacked .avatar:last-child {
  margin-inline-end: 0 !important;
}
.df .avatar-list-stacked .avatar:hover {
  z-index: 1;
  transform: translateY(-3.008px);
}
.df .avatar-group .avatar {
  width: 42px;
  height: 42px;
  margin-left: -12px;
  transition: all 0.2s;
  line-height: 1;
}
.df .avatar-group .avatar .avatar-img, .df .avatar-group .avatar > .initial-wrap {
  border: 2px solid var(--white);
  font-size: 14.4px;
}
.df .avatar-group .avatar:hover {
  position: relative;
  transform: translateY(-3px);
  z-index: 1;
}
.df .avatar-group.avatar-group-lg .avatar {
  width: 52px;
  height: 52px;
}
.df .avatar-group.avatar-group-lg .avatar > .initial-wrap {
  font-size: 15.2px;
}
.df .avatar-group.avatar-group-sm .avatar {
  width: 32px;
  height: 32px;
  margin-left: -8px;
}
.df .avatar-group.avatar-group-sm .avatar > .initial-wrap {
  font-size: 9.6px;
}
.df .faq-tabs .nav {
  gap: 16px;
}
.df .faq-tabs .nav li a {
  font-weight: 500;
  padding: 8px 20px;
  background: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 30px;
  display: block;
}
.df .faq-tabs .nav li a.active {
  color: var(--white);
  background: var(--primary);
  border-color: var(--primary);
}
.df .faq-tabs .nav li a:hover {
  color: var(--white);
  background: var(--primary);
  border-color: var(--primary);
}
.df .badge {
  vertical-align: middle;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 500;
  line-height: 1.5;
}
.df .badge-md {
  padding: 4px 8px;
  font-size: 14px;
}
@media (max-width: 575.98px) {
  .df .badge-md {
    font-size: 12px;
    padding: 3px 6px;
  }
}
.df .border.border-0 {
  border: 0 !important;
}
.df .bg-primary {
  background-color: var(--primary) !important;
}
.df .text-primary {
  color: var(--primary) !important;
}
.df .text-warning {
  color: var(--warning) !important;
}
.df .text-danger {
  color: var(--danger) !important;
}
.df .text-dark {
  color: var(--dark) !important;
}
.df .text-body {
  color: var(--body-color) !important;
}
.df .form-control {
  border-color: var(--border-color);
  color: var(--gray-900);
  background-color: var(--form-bg);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 6px;
  padding: 8px 16px;
  min-height: 40px;
  transition: all 0.5s;
}
@media (max-width: 991.98px) {
  .df .form-control {
    min-height: 46px;
  }
}
.df .form-control:focus {
  box-shadow: none;
  border-color: var(--primary);
  background-color: var(--form-bg);
  color: var(--gray-900);
}
.df .form-control:focus::-webkit-input-placeholder, .df .form-control:focus::placeholder {
  color: var(--gray-400);
  padding-inline-start: 0;
}
.df .form-control::-webkit-input-placeholder {
  color: var(--gray-400);
  padding-inline-start: 0;
  transition: padding-inline-start 0.1s ease-in;
}
.df .form-control:-moz-placeholder {
  color: var(--gray-400);
}
.df .form-control::-moz-placeholder {
  color: var(--gray-400);
}
.df .form-control:-ms-input-placeholder {
  color: var(--gray-400);
}
.df textarea.form-control {
  min-height: 120px;
  height: auto;
}
@media (max-width: 991.98px) {
  .df textarea.form-control {
    min-height: 60px;
  }
}
.df .form-control[type=file] {
  padding: 4.8px 8px;
}
.df .form-control[type=file].form-control-sm {
  padding: 4px 8px !important;
}
.df .form-control[type=file].form-control-lg {
  padding: 8px 16px !important;
}
.df input.form-control[type=color], .df input.form-control[type=range] {
  min-height: 38px;
}
.df .custom-select.is-invalid:focus, .df .form-control.is-invalid:focus, .df .custom-select:invalid:focus, .df .form-control:invalid:focus, .df .custom-select.is-valid:focus, .df .form-control.is-valid:focus, .df .custom-select:valid:focus, .df .form-control:valid:focus {
  box-shadow: none !important;
}
.df select.form-control:not([size]):not([multiple]) {
  height: 38px;
}
.df .form-floating > .form-control-plaintext::placeholder, .df .form-floating > .form-control::placeholder {
  color: transparent !important;
}
.df .form-floating > .form-control, .df .form-floating > .form-control-plaintext, .df .form-floating > .form-select {
  min-height: 40px;
}
.df .form-floating > .form-control-plaintext ~ label::after, .df .form-floating > .form-control:focus ~ label::after, .df .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .df .form-floating > .form-select ~ label::after {
  background-color: var(--white);
  border-radius: 6px;
}
.df .form-control.is-valid:focus, .df .was-validated .form-control:valid:focus {
  border-color: var(--success);
  box-shadow: none;
}
.df .input-group-flat:focus-within {
  border-radius: 6px;
}
.df .input-group-flat:focus-within .form-control, .df .input-group-flat:focus-within .input-group-text {
  border-color: var(--border-color) !important;
  background: var(--white) !important;
}
.df .input-group-flat .form-control:focus {
  border-color: var(--border-color);
  box-shadow: none;
}
.df .input-group-flat .form-control:not(:last-child) {
  border-right: 0;
}
.df .input-group-flat .form-control:not(:first-child) {
  border-left: 0;
}
.df .input-group-flat .input-group-text {
  background-color: var(--form-bg);
  border-color: var(--border-color);
  transition: all 0.5s;
}
.df .input-group-flat .input-group-text:first-child {
  padding-right: 0;
}
.df .input-group-flat .input-group-text:last-child {
  padding-left: 0;
}
.df .input-group-flat .input-group-text i {
  color: var(--gray-300);
}
.df .form-check-input {
  border-color: var(--border-color);
}
.df .form-check-input:checked {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.df .form-check-input:checked ~ label {
  color: var(--gray-900);
}
.df .form-check-input:focus {
  box-shadow: none;
}
.df .form-check-input ~ label {
  color: var(--gray-600);
}
.df .input-icon-end .form-control {
  padding-right: 32px;
}
.df .input-icon-start .form-control {
  padding-left: 32px;
}
.df .input-group-text {
  background-color: transparent;
  border-color: var(--border-color);
}
.df .form-control.bookingrange {
  height: 35px;
  font-size: 13px;
}
.df .breadcrumb-bar .element-one {
  position: absolute;
  top: -25px;
  left: 95px;
}
@media (min-width: 1400px) {
  .df .breadcrumb-bar .element-one {
    left: 35px;
  }
}
@media (max-width: 1399.98px) {
  .df .breadcrumb-bar .element-one {
    left: 32px;
  }
}
@media (max-width: 1199.98px) {
  .df .breadcrumb-bar .element-one {
    left: 13px;
  }
}
.df .btn-primary {
  color: #fff;
  border: 1px solid var(--primary);
  background-color: var(--primary);
  font-size: 16px;
  font-weight: 500;
  padding: 9px 20px;
  transition: all 0.5s;
  cursor: pointer;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.df .btn-primary:hover, .df .btn-primary:focus, .df .btn-primary.focus, .df .btn-primary:active, .df .btn-primary.active, .df .btn-primary.show, .df .btn-primary .btn.show:hover, .df .btn-primary:first-child:active {
  background-color: var(--primary-hover);
  border: 1px solid var(--primary-hover);
  color: #fff;
}
@media (max-width: 575.98px) {
  .df .btn-primary {
    font-size: 15px;
    padding: 8px 16px;
  }
}
.df .fs-14 {
  font-size: 14px !important;
}
.df .fs-16 {
  font-size: 16px !important;
}
@media (max-width: 991.98px) {
  .df .fs-16 {
    font-size: 15px !important;
  }
}
@media (max-width: 575.98px) {
  .df .fs-16 {
    font-size: 14px !important;
  }
}
.df header.header-two .container {
  height: 100%;
}
.df header .header-items .btn {
  font-weight: 500;
}
.df header .header-items .primary-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.df header .header-items .topbar-profile .avatar {
  width: 40px;
  height: 40px;
}
.df header .header-items .topbar-profile .dropdown-menu .form-switch .form-check-label {
  color: var(--gray-500);
}
.df header .header-items .topbar-profile .dropdown-menu .form-switch .form-check-input {
  width: 30px;
  height: 15px;
}
.df header .header-items .topbar-profile .dropdown-menu .form-switch:hover .form-check-label {
  color: var(--gray-900);
}
.df .header-topbar .btn-primary {
  padding: 8px 20px;
}
.df .menu-login .btn {
  margin-bottom: 16px;
}
.df .menu-login .btn:last-child {
  margin-bottom: 0;
}
.df .header-offcanvas .offcanvas-body .header-details .header-item .nav {
  gap: 16px;
  flex-wrap: nowrap;
}
.df .header-offcanvas .offcanvas-body .header-details .header-item .nav li img {
  border-radius: 4px;
}
.df .header-item .nav {
  display: flex;
  align-items: center;
  gap: 10px;
}
.df .header-item .nav li {
  width: calc(33.3% - 5px);
}
.df .header-item .nav li img {
  max-width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 5px;
}
.df footer.footer-two .footer-top .footer-about .primary-btn {
  padding: 8px 20px;
}
.df footer.footer-two .footer-top .form-field .form-control {
  font-size: 16px;
  height: 64px;
  text-overflow: clip;
  padding: 8px 70px 8px 24px;
  border-radius: 100px;
}
@media (max-width: 991.98px) {
  .df footer.footer-two .footer-top .form-field .form-control {
    height: 60px;
  }
}
.df footer.footer-two .footer-top .form-field .form-control:focus {
  border-color: transparent;
}
.df footer.footer-three .footer-content .footer-top .footer-subscribe .subscribe-input .form-control {
  padding: 16px 124px 16px 24px;
}
.df footer.footer-three .footer-content .footer-top .footer-subscribe .subscribe-input .form-control:focus {
  border-color: transparent;
}
.df footer.footer-three .footer-content .footer-top .footer-subscribe .subscribe-input .primary-btn {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.df .aboutus-section-two {
  position: relative;
  overflow: hidden;
}
.df .aboutus-section-two .section-header {
  margin-bottom: 24px;
}
.df .aboutus-section-two .primary-btn {
  padding: 9px 20px;
}
.df .aboutus-section-two .aboutus-img-two img {
  -webkit-animation: updown 1.5s ease-in-out 0s infinite alternate;
  animation: updown 1.5s ease-in-out 0s infinite alternate;
}
.df .aboutus-section-two .aboutus-content {
  margin-bottom: 0px;
}
.df .aboutus-section-two .aboutus-content .aboutus-content-item {
  margin-bottom: 40px;
}
.df .aboutus-section-two .aboutus-content .aboutus-content-item .aboutus-text {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border-color);
}
.df .aboutus-section-two .aboutus-content .aboutus-content-item .aboutus-text h3 img {
  animation: rotate 4s linear infinite;
}
@media (max-width: 575.98px) {
  .df .aboutus-section-two .aboutus-content .aboutus-content-item .aboutus-text h6 {
    font-size: 18px;
  }
}
.df .aboutus-section-two .aboutus-content .avatar {
  border: 3px solid var(--white);
}
@media (max-width: 1199.98px) {
  .df .aboutus-section-two .aboutus-img {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .df .aboutus-section-two .aboutus-img {
    display: none;
  }
}
.df .aboutus-section-two .aboutus-img .about-contact {
  display: flex;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--box-shadow);
  position: absolute;
  bottom: 31px;
  right: 88px;
}
@media (max-width: 1399.98px) {
  .df .aboutus-section-two .aboutus-img .about-contact {
    right: 55px;
  }
}
.df .aboutus-section-two .aboutus-img .about-contact .about-contact-item {
  width: 89px;
  height: 93px;
  background: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.df .aboutus-section-two .aboutus-img .about-contact .about-contact-item i {
  color: #fff;
  font-size: 40px;
}
.df .aboutus-section-two .aboutus-img .about-contact .about-contact-list {
  padding: 12px 20px;
  background: var(--white);
}
.df .aboutus-section-two .aboutus-img .about-contact .about-contact-list .number {
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
  font-family: "Barlow Condensed", sans-serif;
}
.df .aboutus-section-two .aboutus-img .img-one {
  width: 100%;
  height: 450px;
  top: 0;
  right: 0;
  position: absolute;
  border-radius: 20px;
  object-fit: cover;
  max-width: 360px;
}
@media (max-width: 1399.98px) {
  .df .aboutus-section-two .aboutus-img .img-one {
    max-width: 360px;
    object-fit: cover;
  }
}
@media (max-width: 1199.98px) {
  .df .aboutus-section-two .aboutus-img .img-one {
    max-width: 280px;
  }
}
.df .aboutus-section-two .aboutus-img .img-two {
  width: 100%;
  max-width: 377px;
  height: 495px;
  bottom: 0;
  left: 0;
  border-radius: 20px;
  margin: 115px 0px 0px 0px;
  position: relative;
}
@media (max-width: 1399.98px) {
  .df .aboutus-section-two .aboutus-img .img-two {
    max-width: 320px !important;
    object-fit: cover;
  }
}
.df .aboutus-section-two .aboutus-img .element-one {
  position: absolute;
  left: 38px;
  top: 0px;
  z-index: -1;
  -webkit-animation: updown 1.5s ease-in-out 0s infinite alternate;
  animation: updown 1.5s ease-in-out 0s infinite alternate;
}
.df .aboutus-section-two .element-1 {
  position: absolute;
  right: 0px;
  bottom: -130px;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .df .aboutus-section-two .element-1 {
    display: none;
  }
}
.df .aboutus-section-two .element-2 {
  position: absolute;
  left: 0;
  bottom: -112px;
  z-index: -1;
}
.df .billing-toggle .form-switch .form-check-input {
  width: 60px;
  height: 30px;
}
.df .gallery-item {
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
}
.df .gallery-item:hover img {
  transform: scale(1.4) rotate(5deg);
}
.df .gallery-item img {
  transition: all 0.3s ease;
  width: 100%;
}
.df .shine {
  position: relative;
  overflow: hidden;
}
.df .shine::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.21) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  z-index: 1;
}
.df .shine:hover::before {
  animation: shine 1s ease forwards;
}
.df .delicious-info {
  z-index: 2;
}
.df .delicious-info .badge {
  border-radius: 6px 0 6px 0;
  padding: 6px 12px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .df .delicious-info .badge {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .df .delicious-info .badge {
    font-size: 16px;
  }
}
.df .delicious-info h2, .df .delicious-info h6, .df .delicious-info h4 {
  color: #051321;
}
.df .delicious-info .timer-list {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 767.98px) {
  .df .delicious-info .timer-list {
    gap: 8px;
  }
}
.df .delicious-info .timer-list .timer-cover {
  width: 66px;
  height: 66px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .df .delicious-info .timer-list .timer-cover {
    width: 44px;
    height: 44px;
  }
}
.df .delicious-info .timer-list .timer-cover h3 {
  font-size: 24px;
  color: #051321;
}
@media (max-width: 767.98px) {
  .df .delicious-info .timer-list .timer-cover h3 {
    font-size: 20px;
  }
}
.df .delicious-info .timer-list .dots {
  position: relative;
  top: -12px;
  font-size: 24px;
  font-weight: 700;
  color: #051321 !important;
}
.df .delicious-info .timer-list p {
  color: #051321 !important;
}
.df .bar-section .section-header {
  margin-bottom: 120px;
}
.df .booking-section .booking-input .form-control {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--white);
  padding: 16px 20px;
  background: rgba(0, 0, 0, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 100px;
}
@media (max-width: 767.98px) {
  .df .booking-section .booking-input .form-control {
    font-size: 16px;
    padding: 12px 16px;
  }
}
.df .booking-section .booking-input .form-control::placeholder {
  color: var(--gray-300);
}
.df .booking-section .booking-flex .primary-btn {
  min-width: 135px;
  min-height: 56px;
}
@media (max-width: 991.98px) {
  .df .booking-section .booking-flex .primary-btn {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .df .booking-section .booking-flex .primary-btn {
    min-height: 52px;
  }
}
.df .slider-section .horizontal-slide .slide-list {
  gap: 48px;
}
@media (max-width: 767.98px) {
  .df .slider-section .horizontal-slide .slide-list {
    gap: 30px;
  }
}
.df .slider-section .marquee-item {
  margin-right: 0;
}
@media (max-width: 767.98px) {
  .df .slider-section .marquee-item {
    padding-right: 52px;
  }
}
.df .slider-section .marquee-item .marquee-title {
  font-size: 56px;
  color: var(--gray-100);
}
@media (max-width: 767.98px) {
  .df .slider-section .marquee-item .marquee-title {
    font-size: 32px;
  }
}
.df .slider-section .marquee-item::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background: url(../img/icons/marquee-icon-01.svg) no-repeat;
  width: 29px;
  height: 20px;
}
.df .login-page {
  height: 100vh;
  overflow: hidden;
  background-color: var(--light);
  background-image: url(../img/bg/login-bg-2.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.df .login-page .auth-wrap {
  flex: 1;
}
.df .login-page .auth-logo {
  text-align: center;
  margin-bottom: 40px;
}
.df .login-page .login-scroll {
  overflow-y: auto;
  scrollbar-width: none;
  height: 100vh;
}
.df .login-page .login-form {
  max-width: 425px;
  padding: 30px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.df .login-page .login-form .or-div {
  position: relative;
}
.df .login-page .login-form .or-div span {
  position: relative;
  background: var(--light);
  padding: 0 5px;
}
.df .login-page .login-form .or-div:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--gray-100);
  left: 0%;
  top: 10px;
}
.df .login-page .login-form .login-input input {
  box-shadow: var(--box-shadow-drop);
}
.df .login-page .login-form .input-group {
  box-shadow: var(--box-shadow-drop);
  border-radius: 4px;
}
.df .login-page .login-form form {
  width: 100%;
}
.df .login-page .auth-right {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 20px;
}
.df .login-page .auth-right .auth-slider.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.df .login-page .auth-right .auth-slider {
  width: 100%;
  height: calc(100vh - 46px);
  border-radius: 20px;
  overflow: hidden !important;
  position: relative;
}
.df .login-page .auth-right .auth-slider .swiper-slide {
  border-radius: 20px;
}
.df .login-page .auth-right .auth-slider .swiper-pagination {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  transform: none;
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  z-index: 9;
}
.df .login-page .auth-right .auth-slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--white);
  opacity: 1;
  border-radius: 50%;
  transition: background 0.3s ease;
}
.df .login-page .auth-right .auth-slider .swiper-pagination-bullet-active {
  background: var(--primary);
}
.df .login-page .auth-right .auth-slider .slick-dots {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}
.df .login-page .auth-right .auth-slider .slick-dots li button:before {
  font-size: 12px;
  opacity: 1;
  color: var(--white);
}
.df .login-page .auth-right .auth-slider .slick-dots li.slick-active button:before {
  font-size: 12px;
  opacity: 1;
  color: var(--primary);
}
.df .login-page .auth-right .auth-slider .slide-item {
  position: relative;
}
.df .login-page .auth-right .auth-slider .slide-item .slide-content {
  position: absolute;
  bottom: 40%;
  left: 80px;
  right: 80px;
  text-align: center;
  color: var(--white);
  z-index: 2;
  transition: all 0.8s ease-in-out;
}
@media (max-width: 1399.98px) {
  .df .login-page .auth-right .auth-slider .slide-item .slide-content {
    left: 20px;
    right: 20px;
  }
}
.df .login-page .auth-right .auth-slider .slide-item .slide-content h2 {
  color: var(--white);
  font-size: 54px;
}
@media (max-width: 1199.98px) {
  .df .login-page .auth-right .auth-slider .slide-item .slide-content h2 {
    font-size: 40px;
  }
}
.df .login-page .auth-right .auth-slider .slide-item .slide-content p {
  color: var(--white);
}
.df .login-page .auth-right .auth-slider .slide-item:hover .slide-content {
  transform: scale(1.1);
}
.df .login-page .auth-right .auth-slider .slide-item img {
  width: 100%;
  height: calc(100vh - 47px);
  object-fit: cover;
  display: block;
}
.df .login-page .auth-right .auth-slider .slick-list, .df .login-page .auth-right .auth-slider .slick-track, .df .login-page .auth-right .auth-slider .slide-item {
  height: 100%;
}
.df .login-form h3 {
  color: var(--gray-900);
  font-size: 40px;
}
@media (max-width: 991.98px) {
  .df .login-form h3 {
    font-size: 32px;
  }
}
.df .login-form .btn-primary {
  padding: 14px;
  font-weight: 600;
}
.df .get-notify .notify-form .btn {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50px;
  padding: 9px 20px;
}
.df .reset-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.df .reset-form .login-input {
  width: 100%;
}
.df .hero-section .container {
  position: relative;
  z-index: 1;
}
.df .hero-section-two .container {
  position: relative;
  z-index: 1;
}
.df .banner-section .banner-content .banner-btn .primary-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.df .banner-section-two .banner-content .banner-btn .btn {
  display: inline-flex;
  align-items: center;
}
.df .banner-section-three .container {
  position: relative;
  z-index: 2;
}
@media (max-width: 575.98px) {
  .df .banner-section-three .banner-details .banner-btn .btn {
    width: 100%;
  }
}
.df .section {
  padding: 80px 0;
}
@media (max-width: 991.98px) {
  .df .section {
    padding: 60px 0;
  }
}
.df .section-header {
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  .df .section-header {
    margin-bottom: 24px;
  }
}
.df .section-header .badge {
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.df .section-header .badge img {
  width: 15px;
  height: 15px;
  animation: rotate 4s linear infinite;
}
.df .section-header .section-title-one {
  color: var(--black);
  gap: 16px;
}
.df .section-header .section-title-one .text-bar {
  background: var(--primary);
  display: flex;
  width: 40px;
  height: 4px;
}
.df .section-header.section-header-three .ribbon-tag {
  display: inline-block;
  position: relative;
  background: var(--primary);
  padding: 4px 30px;
  margin-bottom: 8px;
}
.df .section-header.section-header-three .ribbon-tag span {
  font-size: 24px;
  font-weight: 700;
  color: var(--white);
}
@media (max-width: 767.98px) {
  .df .section-header.section-header-three .ribbon-tag span {
    font-size: 20px;
  }
}
.df .section-header.section-header-three .ribbon-tag::before {
  content: "";
  position: absolute;
  top: 3px;
  width: 0;
  height: 0;
  left: -1px;
  border-left: 18px solid var(--white);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.df .section-header.section-header-three .ribbon-tag::after {
  content: "";
  position: absolute;
  top: 3px;
  width: 0;
  height: 0;
  right: -1px;
  border-right: 18px solid var(--white);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.df .section-header.section-header-three .ribbon-tag.ribbon-tag-dark::before {
  border-left: 18px solid var(--black);
}
.df .section-header.section-header-three .ribbon-tag.ribbon-tag-dark::after {
  border-right: 18px solid var(--black);
}
.df .section-header.section-header-three h2 {
  font-size: 48px;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .df .section-header.section-header-three h2 {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .df .section-header.section-header-three h2 {
    font-size: 28px;
  }
}
.df .marquee-section {
  padding: 20px 0;
  background: var(--primary);
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
}
.df .marquee-section.marquee-section-two {
  background: var(--secondary);
  left: -20px;
  width: calc(100% + 20px);
}
@media (max-width: 1399.98px) {
  .df .marquee-section.marquee-section-two {
    width: 100%;
  }
}
.df .marquee-section-three .horizontal-slide {
  height: 100px;
}
.df .marquee-section-three .marquee-item::after {
  background: url(../img/icons/beer-cup.svg) no-repeat;
  transform: scaleX(-1);
  top: 0;
  width: 50px;
  height: 75px;
  background-size: cover;
}
.df .marquee-section-first {
  transform: rotate(-4deg);
  border: 4px solid var(--white);
  margin-top: 30px;
}
@media (max-width: 575.98px) {
  .df .marquee-section-first {
    transform: rotate(0deg);
  }
}
.df .marquee-section-first .marquee-item::after {
  position: absolute;
  content: "";
  top: 75%;
  right: -40px;
  transform: translateY(-39%);
  -webkit-transform: translateY(-39%);
  -ms-transform: translateY(-39%);
  background: url(../img/home-2/icons/marquee-02.svg) no-repeat;
  width: 58px;
  height: 58px;
}
@media (max-width: 767.98px) {
  .df .marquee-section-first .marquee-item::after {
    top: 100%;
    right: -55px;
    transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
  }
}
.df .marquee-section-first .marquee-item h3 {
  color: var(--gray-900);
}
.df .marquee-section-second {
  top: -134px;
  position: relative;
  border: 4px solid var(--white);
  transform: rotate(4deg);
  left: -10px;
  width: calc(100% + 30px);
  margin-bottom: -86px;
  margin-top: 30px;
}
@media (max-width: 1399.98px) {
  .df .marquee-section-second {
    width: 100%;
    margin-bottom: -98px;
  }
}
@media (max-width: 1199.98px) {
  .df .marquee-section-second {
    margin-bottom: -106px;
  }
}
@media (max-width: 575.98px) {
  .df .marquee-section-second {
    top: -5px;
    transform: rotate(0deg);
  }
}
.df .marquee-section-second .marquee-item::after {
  position: absolute;
  content: "";
  top: 75%;
  right: -40px;
  transform: translateY(-39%);
  -webkit-transform: translateY(-39%);
  -ms-transform: translateY(-39%);
  background: url(../img/home-2/icons/marquee-01.svg) no-repeat;
  width: 58px;
  height: 58px;
}
@media (max-width: 767.98px) {
  .df .marquee-section-second .marquee-item::after {
    top: 100%;
    right: -55px;
    transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
  }
}
.df .marquee-item {
  position: relative;
  margin-right: 44px;
  padding-right: 64px;
}
@media (max-width: 575.98px) {
  .df .marquee-item {
    margin-right: 20px;
    padding-right: 30px;
  }
}
.df .marquee-item::after {
  position: absolute;
  content: "";
  top: 57%;
  right: -26px;
  transform: translateY(-39%);
  -webkit-transform: translateY(-39%);
  -ms-transform: translateY(-39%);
  background: url(../img/bg/shape-06.svg) no-repeat;
  width: 58px;
  height: 58px;
}
@media (max-width: 767.98px) {
  .df .marquee-item::after {
    top: 50%;
    width: 34px;
    height: 34px;
    background-size: contain;
  }
}
.df .marquee-item .marquee-title {
  font-size: 48px;
}
@media (max-width: 575.98px) {
  .df .marquee-item .marquee-title {
    font-size: 22px;
  }
}
.df .marquee-item h3, .df .marquee-item h2 {
  white-space: nowrap;
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .df .marquee-item h3, .df .marquee-item h2 {
    font-size: 22px;
  }
}
.df .horizontal-slide {
  overflow: hidden;
}
.df .horizontal-slide[data-direction=right] {
  --_animation-direction: reverse;
}
.df .horizontal-slide[data-direction=left] {
  --_animation-direction: forwards;
}
.df .horizontal-slide[data-speed=fast] {
  --_animation-duration: 30s;
}
.df .horizontal-slide[data-speed=slow] {
  --_animation-duration: 90s;
}
.df .horizontal-slide .slide-list {
  width: max-content;
  flex-wrap: nowrap;
  gap: 24px;
  animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
}
.df .horizontal-slide .slide-list:hover {
  animation-play-state: paused;
}
.df .blog-item .blog-img .blog-tag .badge {
  padding: 2px 12px;
}
.df .blog-item .blog-img .video-btn {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  background: white;
  width: 60px;
  height: 60px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.df .blog-item .blog-content .blog-details h3, .df .blog-item .blog-content .blog-details .custom-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.df .tag-item .badge {
  background: var(--gray-100);
  color: var(--gray-900);
}
.df .tag-item .badge:hover {
  background: var(--primary);
  color: var(--white);
}
.df .blogs-section-two .blog-item .blog-content .blog-title .badge {
  transition: all 0.7s;
}
.df .blogs-section-two .blog-item .blog-content .blog-title .badge:hover {
  background-color: var(--primary) !important;
  color: #fff !important;
}
.df .blog-section-three .blog-item-three .blog-content .badge {
  letter-spacing: 0;
  margin-bottom: 24px;
  padding: 2px 12px;
}
.df .blog-section-three .blog-item-three .blog-content .custom-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 310px;
}
.df .blog-section-three .blog-item-three .blog-content .btn {
  font-weight: 600;
  border: 1px solid var(--border-color);
  background: var(--white);
  border-radius: 100px;
  padding: 13px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 767.98px) {
  .df .blog-section-three .blog-item-three .blog-content .btn {
    padding: 10px 16px;
  }
}
.df .blog-section-three .blog-item-three .blog-content .btn:hover {
  color: var(--white);
  background: var(--primary);
  border-color: var(--primary);
}
.df .choose-section {
  position: relative;
  background: var(--dark);
  z-index: 1;
}
.df .choose-section .choose-bg-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.df .choose-section .choose-bg-02 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.df .choose-section .why-choose-imgs {
  margin-top: -200px;
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  .df .choose-section .why-choose-imgs {
    display: none;
  }
}
.df .choose-section .why-choose-imgs .nav {
  flex-wrap: nowrap;
  gap: 24px;
}
.df .choose-section .why-choose-imgs .nav li {
  width: 25%;
}
.df .choose-section .why-choose-imgs .nav li:nth-child(even) {
  margin-top: 50px;
}
@media (max-width: 767.98px) {
  .df .choose-section .why-choose-imgs .nav li:nth-child(even) {
    margin-top: 0;
  }
}
.df .choose-section .why-choose-imgs .nav li img {
  border-radius: 20px;
}
.df .choose-item {
  padding: 24px;
  transition: 0.5s;
  border: 1px solid transparent;
  border-radius: 6px;
}
.df .choose-item:hover {
  border: 1px solid var(--primary);
  transition: 0.5s;
}
.df .choose-item .choose-content {
  text-align: center;
}
.df .choose-item .choose-content img {
  margin: 0 auto 20px;
}
.df .choose-item .choose-content h3 {
  font-size: 24px;
}
@media (max-width: 767.98px) {
  .df .choose-item .choose-content h3 {
    font-size: 22px;
  }
}
.df .collection-section .collection-list-five .collection-card .review-star p {
  color: var(--gray-900);
}
.df .collection-section .collection-list-five .collection-card .review-star p span {
  color: var(--gray-600);
}
.df .chefs-item .review-star {
  justify-content: center;
}
@media (max-width: 1399.98px) {
  .df .chefs-item .review-star .rating {
    font-size: 14px;
  }
}
@media (max-width: 1399.98px) {
  .df .chefs-item .review-star span {
    font-size: 14px;
  }
}
.df .review-star {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.df .review-star .rating {
  font-size: 14px;
}
.df .custom-title {
  font-size: 24px;
}
@media (max-width: 767.98px) {
  .df .custom-title {
    font-size: 22px;
  }
}
@media (max-width: 1199.98px) {
  .df .container, .df .container-md, .df .container-sm {
    max-width: 97%;
  }
}
@media (max-width: 575.98px) {
  .df .container, .df .container-md, .df .container-sm {
    max-width: unset;
  }
}
.df .counter-item {
  padding: 16px;
  background: var(--white);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  box-shadow: 0px 4px 24px 0px rgba(185, 185, 185, 0.2509803922);
  gap: 16px;
}
.df .counter-item .counter-icon {
  width: 63px;
  min-width: 63px;
  height: 63px;
  border-radius: 50%;
  background: var(--white);
  border: 1px solid var(--border-color);
  box-shadow: 0px 4px 24px 0px rgba(185, 185, 185, 0.2509803922);
}
.df .counter-item h3 {
  font-family: "Barlow Condensed", sans-serif;
}
@media (max-width: 991.98px) {
  .df .counter-item h3 {
    font-size: 30px;
  }
}
@media (max-width: 767.98px) {
  .df .counter-item h3 {
    font-size: 22px;
  }
}
.df .counter-section-two .counter-item:hover h2 {
  color: var(--primary);
  -webkit-text-stroke: 1px var(--primary);
}
.df .counter-section-two .counter-item:hover h2 span {
  color: var(--primary);
}
.df .counter-section-two .counter-item h2 {
  color: transparent;
  font-weight: 700;
  -webkit-text-stroke: 1px var(--gray-900);
  transition: all 0.3s;
}
.df .counter-section-two .counter-item h2 span {
  color: transparent;
}
@media (max-width: 991.98px) {
  .df .counter-section-two .counter-item h2 {
    font-size: 32px;
  }
}
.df .counter-section-two .counter-item p {
  font-weight: 500;
}
.df .faq-section-two .shape-img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.df .section-header h2 {
  font-weight: 700;
}
.df .menu-offers .bg-primary {
  background: #CE4910 !important;
}
.df .checkout-set .btn {
  border: 1px solid var(--white);
  color: #fff;
  padding: 4px 8px;
}
.df .checkout-set .btn:hover {
  background: var(--white);
  color: var(--primary);
}
@media (max-width: 767.98px) {
  .df .tasty-menu-section .view-all .btn-primary {
    width: 100%;
  }
}
.df .tasty-tab-item .tasty-menu-tab .nav {
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .df .tasty-tab-item .tasty-menu-tab .nav {
    gap: 16px;
  }
}
@media (max-width: 767.98px) {
  .df .tasty-tab-item .tasty-menu-tab .nav li {
    width: 45%;
  }
}
.df .tasty-tab-item .tasty-menu-tab .nav li a {
  font-size: 20px;
  font-weight: 700;
  padding: 5px 20px;
  border-radius: 6px;
  display: block;
}
@media (max-width: 1199.98px) {
  .df .tasty-tab-item .tasty-menu-tab .nav li a {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .df .tasty-tab-item .tasty-menu-tab .nav li a {
    background: var(--light);
    width: 100%;
    text-align: center;
  }
}
.df .tasty-tab-item .tasty-menu-tab .nav li a.active {
  color: var(--white);
  background: var(--primary);
}
.df .menu-section-three .slide-section {
  left: 0;
  width: 100%;
  padding-bottom: 80px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .df .menu-section-three .slide-section {
    padding-bottom: 60px;
  }
}
@media (max-width: 767.98px) {
  .df .menu-section-three .slide-section {
    padding-bottom: 30px;
  }
}
.df .menu-section-three .slide-section .slide-item .slide-title {
  font-size: 160px;
  font-weight: 700;
  color: var(--gray-200);
  margin-bottom: 0;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .df .menu-section-three .slide-section .slide-item .slide-title {
    font-size: 60px;
  }
}
@media (max-width: 767.98px) {
  .df .menu-section-three .slide-section .slide-item .slide-title {
    font-size: 40px;
  }
}
.df .form-control.search-input {
  font-size: 14px;
  padding: 6px 8px;
  min-height: 34px;
}
.df .newsletter-sec .newsletter-form .form-control {
  height: unset;
  border-radius: 100px;
  padding-left: 32px;
  font-size: 16px;
}
@media (max-width: 575.98px) {
  .df .newsletter-sec .newsletter-form .form-control {
    height: 56px;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 0;
  }
}
.df .newsletter-sec .newsletter-form .input-group-text {
  padding: 12px;
  border-radius: 100px;
}
@media (max-width: 575.98px) {
  .df .newsletter-sec .newsletter-form .input-group-text {
    padding: 8px;
  }
}
.df .newletter-div .btn {
  border-radius: 5px;
}
.df .reservation-section .reservation-div .form-control {
  height: 58px;
}
.df .chef-section-two .chef-item .review-star {
  color: #fff;
  margin-top: 20px;
}
.df .restaurant-details-item .restaurant-inner-tab .nav .nav-item .nav-link {
  font-size: 16px;
  font-weight: 500;
  padding: 8px 20px;
  border: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 30px;
  color: var(--gray-600);
  transition: all 0.3s ease;
}
.df .restaurant-details-item .restaurant-inner-tab .nav .nav-item .nav-link:hover {
  background: transparent;
  color: var(--primary);
  border-color: var(--primary);
}
.df .restaurant-details-item .restaurant-inner-tab .nav .nav-item .nav-link.active, .df .restaurant-details-item .restaurant-inner-tab .nav .nav-item .nav-link.mixitup-control-active {
  background: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
.df .restaurant-details-item .restaurant-inner-tab .nav .nav-item .nav-link.active span, .df .restaurant-details-item .restaurant-inner-tab .nav .nav-item .nav-link.mixitup-control-active span {
  background: var(--white);
}
.df .restaurant-details-item .restaurant-inner-tab .nav .nav-item .nav-link span {
  width: 24px;
  height: 24px;
  border: 1px solid var(--border-color);
  background: var(--light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.df .search-cart-item .form-control {
  padding: 8px 86px 8px 20px !important;
  background: var(--white) !important;
}
.df .deals-section {
  position: relative;
  overflow: hidden;
}
.df .deals-section .deals-img {
  overflow: hidden;
  border-radius: 20px;
  position: absolute;
  right: 0;
  z-index: 1;
  top: 60%;
  transform: translateY(-50%);
}
.df .deals-section .deals-bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: updown 1.5s ease-in-out 0s infinite alternate;
  animation: updown 1.5s ease-in-out 0s infinite alternate;
}
.df .deals-section .deals-detail {
  padding: 24px;
  transition: all 0.3s ease;
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
}
.df .deals-section .deals-detail:last-child {
  border-bottom: 0;
}
@media (max-width: 1399.98px) {
  .df .deals-section .deals-detail {
    grid-template-columns: 6fr 6fr;
  }
}
@media (max-width: 575.98px) {
  .df .deals-section .deals-detail {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.df .deals-section .deals-detail:nth-child(even) {
  background-color: var(--light);
}
.df .deals-section .deals-detail:hover {
  transform: translateY(-5px);
  background-color: var(--primary);
}
.df .deals-section .deals-detail:hover h3, .df .deals-section .deals-detail:hover h4, .df .deals-section .deals-detail:hover p {
  color: #fff;
}
.df .deals-section .deals-detail:hover a {
  opacity: 1;
}
@media (max-width: 575.98px) {
  .df .deals-section .deals-detail:hover a {
    display: block !important;
  }
}
.df .deals-section .deals-detail h4 {
  text-align: end;
  font-size: 18px;
}
.df .deals-section .deals-detail a {
  width: fit-content;
  opacity: 0;
  transition: all 0.3s;
}
.df .deals-section .deals-detail a:hover {
  transform: translateY(-5px);
}
@media (max-width: 575.98px) {
  .df .deals-section .deals-detail a {
    display: none !important;
    opacity: 1;
  }
}
@media (max-width: 1399.98px) {
  .df .deals-section .deals-detail p {
    width: 250px;
  }
}
@media (max-width: 767.98px) {
  .df .deals-section .deals-detail p {
    width: 230px;
  }
}
@media (max-width: 575.98px) {
  .df .deals-section .deals-detail p {
    width: 220px;
  }
}
.df .deals-section .deals-detail .deals-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-direction: row-reverse;
}
@media (max-width: 575.98px) {
  .df .deals-section .deals-detail .deals-price {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.df .deals-section .element-img {
  top: -70px;
  right: 0;
}
.df .deals-section .element-1 {
  top: 100px;
  bottom: 0;
  left: -180px;
  margin: auto;
  height: 240px;
  width: 573px;
  border-radius: 0px 130px 130px 0px;
  background: var(--primary);
  transform: rotate(17deg);
}
@media (max-width: 1399.98px) {
  .df .deals-section .element-1 {
    left: -300px;
  }
}
@media (max-width: 1199.98px) {
  .df .deals-section .element-1 {
    display: none;
  }
}
.df .deals-section .element-2 {
  top: 100px;
  bottom: 0;
  right: -180px;
  margin: auto;
  height: 240px;
  width: 573px;
  border-radius: 130px 0px 0px 130px;
  background: var(--secondary);
  transform: rotate(-17deg);
}
@media (max-width: 1399.98px) {
  .df .deals-section .element-2 {
    right: -300px;
  }
}
@media (max-width: 1199.98px) {
  .df .deals-section .element-2 {
    display: none;
  }
}
.df .deals-section .slide-section {
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .df .deals-section .slide-section {
    top: 0;
  }
}
.df .deals-section .slide-section .slide-item .slide-title {
  font-size: 250px;
  font-weight: 700;
  color: var(--light);
  margin-bottom: 0;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .df .deals-section .slide-section .slide-item .slide-title {
    font-size: 200px;
  }
}
@media (max-width: 767.98px) {
  .df .deals-section .slide-section .slide-item .slide-title {
    font-size: 80px;
  }
}
.df .shop-details .review-star {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  font-size: 14px;
  margin-bottom: 16px;
  justify-content: start;
}
.df .shop-details .review-star .rating {
  font-size: 16px;
}
.df .shop-details .review-star .rating span {
  font-size: 16px;
}
.df .review-items .review-star {
  margin-bottom: 20px;
}
.df .restaurant-item-two .restaurant-img .badge {
  position: absolute;
  top: 20px;
  left: 20px;
}
.df .restaurant-item-four:hover .review-star p {
  color: #F7F7F7;
}
.df .restaurant-item-four:hover .review-star p .text-dark {
  color: #fff !important;
}
.df .restaurant-item-four:hover .btn {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #051321 !important;
  transition: 0.7s;
}
.df .restaurant-map-item .review-star {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--primary);
  padding: 5px;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.df .restaurant-map-item .review-star i {
  color: var(--warning);
}
.df .restaurant-map-item .review-star p {
  margin: 0px;
  color: var(--white);
}
.df .review-star i {
  color: var(--gray-100);
}
.df .search-item .search-input .form-control {
  background: var(--light);
  height: 56px;
  border-radius: 50px;
  padding: 8px 45px 8px 20px;
  font-size: 16px;
}
@media (max-width: 991.98px) {
  .df .search-item .search-input .form-control {
    font-size: 14px;
  }
}
.df .restaurant-tab .nav {
  gap: 16px;
  flex-wrap: wrap;
}
.df .restaurant-tab .nav li a {
  padding: 18px 16px;
  color: var(--body-color);
  font-weight: 700;
  display: flex;
  align-items: center;
  font-size: 18px;
  gap: 8px;
  border: 0;
  border-bottom: 3px solid transparent;
}
@media (max-width: 991.98px) {
  .df .restaurant-tab .nav li a {
    font-size: 16px;
    padding: 10px 14px;
  }
}
@media (max-width: 575.98px) {
  .df .restaurant-tab .nav li a {
    font-size: 14px;
    padding: 12px 16px;
  }
}
.df .restaurant-tab .nav li a span {
  display: flex;
}
.df .restaurant-tab .nav li a span img {
  width: 18px;
}
.df .restaurant-tab .nav li a.active, .df .restaurant-tab .nav li a:hover {
  color: var(--primary);
  border: 0;
  border-bottom: 3px solid var(--primary);
  background: transparent;
}
.df .restaurant-tab .nav li a.active span img, .df .restaurant-tab .nav li a:hover span img {
  filter: brightness(0) invert(1);
}
.df .restaurant-tab.details .nav li a.active span img, .df .restaurant-tab.details .nav li a:hover span img {
  filter: unset;
}
.df .popular-section-two .slide-section {
  position: absolute;
  top: -47px;
  left: 0;
  width: 100%;
}
@media (max-width: 767.98px) {
  .df .popular-section-two .slide-section {
    top: 0;
  }
}
.df .popular-section-two .slide-section .slide-item .slide-title {
  font-size: 250px;
  font-weight: 700;
  color: var(--light);
  margin-bottom: 0;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .df .popular-section-two .slide-section .slide-item .slide-title {
    font-size: 200px;
  }
}
@media (max-width: 767.98px) {
  .df .popular-section-two .slide-section .slide-item .slide-title {
    font-size: 80px;
  }
}
.df .popular-section-two .section-header, .df .popular-section-two .collection-list {
  position: relative;
  z-index: 1;
}
.df .popular-section-two .element-one {
  top: -65px;
  right: 0;
  animation: swing 3s ease-in-out infinite alternate;
  transform-origin: top center;
}
.df .popular-section-two .collection-detail .review-star {
  justify-content: center;
}
.df .shop-item .shop-info .custom-title {
  margin-bottom: 12px;
}
.df .shop-item .shop-info .review-star {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 1199.98px) {
  .df .shop-item .shop-info .review-star {
    flex-wrap: nowrap;
  }
}
.df .shop-item .shop-info .review-star .rating {
  font-size: 14px;
}
.df .custom-form .form-control {
  padding: 16px 20px;
  font-size: 16px;
}
@media (max-width: 767.98px) {
  .df .custom-form .form-control {
    padding: 14px 16px;
    font-size: 15px;
  }
}
.df .product-section .product-item .review-star {
  font-size: 16px;
}
.df .product-section .product-item .review-star p {
  color: var(--gray-600);
}
.df .product-section .product-item .review-star p span {
  color: var(--gray-900);
}
.df .apply-coupon .form-control {
  padding: 10px 86px 10px 20px;
  border-radius: 50px;
  font-size: 16px;
}
.df .drag-upload-btn.btn {
  padding: 7px 20px;
}
.df .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.df .signature-tab .nav {
  gap: 26px;
}
@media (max-width: 767.98px) {
  .df .signature-tab .nav {
    gap: 12px;
  }
}
@media (max-width: 767.98px) {
  .df .signature-tab .nav li {
    width: calc(50% - 6px);
  }
}
.df .signature-tab .nav li a, .df .signature-tab .nav li button {
  font-weight: 600;
  color: var(--black);
  background: var(--white);
  border: 1px solid var(--gray-100);
  box-shadow: 0px 4px 24px 0px rgba(185, 185, 185, 0.2509803922);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  width: 130px;
  height: 100px;
}
@media (max-width: 767.98px) {
  .df .signature-tab .nav li a, .df .signature-tab .nav li button {
    width: 100%;
  }
}
.df .signature-tab .nav li a:hover, .df .signature-tab .nav li button:hover {
  color: var(--primary);
}
.df .signature-tab .nav li a.active, .df .signature-tab .nav li button.active {
  color: var(--white);
  background: var(--primary);
}
.df .signature-tab .nav li a.active img, .df .signature-tab .nav li button.active img {
  filter: brightness(0) invert(1);
}
.df .signature-item .signature-content .badge {
  padding: 2px 12px;
  margin-bottom: 8px;
}
.df .delicious-info {
  position: relative;
  padding: 60px 0 80px;
}
@media (max-width: 991.98px) {
  .df .delicious-info {
    padding: 40px 0 60px;
  }
}
@media (max-width: 767.98px) {
  .df .delicious-info .view-all .btn-primary {
    width: 100%;
  }
}
.df .delicious-info .shape-img-03 {
  animation: rotate 16s linear infinite;
  position: absolute;
  top: -30px;
  right: 20px;
}
.df .delicious-info .delicious-img {
  position: relative;
  text-align: center;
}
@media (max-width: 991.98px) {
  .df .delicious-info .delicious-img {
    display: none;
  }
}
.df .delicious-info .delicious-img .delicious-main-img {
  position: relative;
  z-index: 1;
  animation: rotate 126s linear infinite;
}
.df .delicious-info .delicious-img .shape-img {
  position: absolute;
  top: 160px;
  left: -115px;
}
.df .delicious-info .delicious-img .offer-item {
  background: url(../img/bg/shape-08.svg);
  background-size: cover;
  width: 200px;
  height: 200px;
  padding: 40px;
  position: absolute;
  bottom: 100px;
  right: 30px;
  z-index: 11;
  animation: bounce 3s linear infinite;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.df .delicious-info .delicious-img .offer-item h2 {
  font-size: 72px;
}
.df .delicious-item {
  padding: 24px;
  margin-bottom: 24px;
  border-radius: 6px;
}
.df .delicious-item h3 {
  font-size: 24px;
}
@media (max-width: 767.98px) {
  .df .delicious-item h3 {
    font-size: 22px;
  }
}
.df .delicious-item.bg-primary-light {
  background: var(--warning-transparent);
  border-left: 1px solid #FF9924;
}
.df .delicious-item.bg-secondary-light {
  background: var(--success-transparent);
  border-left: 1px solid var(--success);
}
.df .gallery-content .gallery-item {
  position: relative;
}
.df .gallery-content .gallery-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.df .gallery-content .gallery-item:hover::before {
  opacity: 1;
  z-index: 2;
}
.df .gallery-content .gallery-item:hover .gallery-zoom {
  opacity: 1;
}
.df .gallery-content .gallery-item .gallery-zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  transition: all 0.3s ease;
  background: var(--white);
  width: 60px;
  height: 60px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.df .gallery-content .gallery-item .gallery-zoom i {
  font-size: 24px;
}
.df .testimonial-item {
  transition: all 0.3s ease;
  background: var(--white);
  box-shadow: var(--box-shadow);
  padding: 24px;
  border-radius: 6px;
  width: 100%;
}
.df .testimonial-item:hover {
  background: var(--dark);
  transform: translateY(-5px);
}
.df .testimonial-item:hover .quatation-icon {
  filter: brightness(0) saturate(100%) invert(17%) sepia(96%) saturate(7471%) hue-rotate(3deg) brightness(95%) contrast(110%);
  color: var(--primary);
}
.df .testimonial-item:hover .testimonial-content h3 {
  color: var(--white);
}
.df .testimonial-item:hover .testimonial-content .author-name a {
  color: var(--white);
}
.df .testimonial-item:hover .testimonial-content span {
  color: var(--white);
}
.df .testimonial-item .quatation-icon {
  transition: all 0.3s ease;
  margin-bottom: 20px;
}
.df .testimonial-item .testimonial-content h3 {
  font-size: 16px;
  line-height: 24px;
  margin: 0 auto 20px;
  max-width: 270px;
}
.df .testimonial-item .testimonial-content .description {
  color: var(--gray-900);
  margin-bottom: 20px;
}
.df .testimonial-item .testimonial-content .author-name {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
  display: block;
}
.df .testimonial-item.testimonial-item-three {
  border: 1px solid var(--border-color);
  border-radius: 5px;
}
.df .testimonial-item.testimonial-item-three:hover {
  background: transparent;
}
.df .testimonial-section-two {
  position: relative;
  overflow: hidden;
  background: var(--white);
  padding: 80px 0;
}
@media (max-width: 991.98px) {
  .df .testimonial-section-two {
    padding: 0 0 60px;
  }
}
.df .testimonial-section-two .slick-slide {
  margin: 10px 12px 40px;
}
@media (max-width: 767.98px) {
  .df .testimonial-section-two .slick-slide {
    text-align: center;
  }
}
.df .testimonial-section-two .testimonial-item {
  transition: all 0.7s;
  border-radius: 6px;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 24px;
  margin: 2px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1019607843);
}
.df .testimonial-section-two .testimonial-item::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 5px;
  background: var(--primary);
  z-index: 0;
  border-radius: 0px 0px 20px 20px;
  transition: all 0.7s;
}
.df .testimonial-section-two .testimonial-item:hover {
  box-shadow: var(--box-shadow-md);
  transform: unset;
  background: var(--white);
}
.df .testimonial-section-two .testimonial-item:hover::before {
  content: "";
  width: 100%;
}
@media (max-width: 767.98px) {
  .df .testimonial-section-two .testimonial-item {
    max-width: 100%;
    margin: 2px auto;
    padding: 20px;
  }
}
.df .testimonial-section-two .testimonial-item .testimonial-title {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: none;
}
.df .testimonial-section-two .testimonial-item .testimonial-title .title {
  font-size: 20px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 8px;
}
.df .testimonial-section-two .testimonial-item .testimonial-title p {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.df .testimonial-section-two .testimonial-item .testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: start;
}
.df .testimonial-section-two .testimonial-item .testimonial-author .author-name {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--gray-900);
  margin-bottom: 8px;
  display: block;
}
.df .testimonial-section-two .testimonial-item .testimonial-qutation {
  margin-bottom: 24px;
  text-align: center;
}
.df .testimonial-section-two .slide-section {
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  z-index: -1;
}
.df .testimonial-section-two .slide-section .slide-item .slide-title {
  font-size: 250px;
  font-weight: 700;
  color: var(--light);
  margin-bottom: 0;
  white-space: nowrap;
}
.df .slide-section .slide-item .slide-title {
  font-size: 300px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
  margin-bottom: 0;
  white-space: nowrap;
}
.df .video-section {
  background: url(../img/bg/video-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  height: 450px;
  border-radius: 5px;
}
@media (max-width: 991.98px) {
  .df .video-section {
    background-size: cover;
    height: 300px;
  }
}
@media (max-width: 767.98px) {
  .df .video-section {
    background-attachment: unset;
    height: 200px;
  }
}
.df .video-section .video-btn {
  width: 84px;
  height: 84px;
  background: var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: absolute;
  z-index: 11;
  font-size: 24px;
}
@media (max-width: 575.98px) {
  .df .video-section .video-btn {
    width: 54px;
    height: 54px;
    font-size: 20px;
  }
}
.df .video-section .video-btn i {
  color: #fff;
}
.df .video-section .video-btn .wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 10px solid var(--primary);
  animation: wave 3s infinite;
  z-index: 1;
}
.df .video-section .video-btn .wave1 {
  animation-delay: 0s;
}
.df .video-section .video-btn .wave2 {
  animation-delay: 1s;
}
.df .video-section .video-btn .wave3 {
  animation-delay: 2s;
}
.df .video-section .slide-section {
  width: 100%;
}
.df .video-section .slide-section .slide-item .slide-title {
  font-size: 300px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .df .video-section .slide-section .slide-item .slide-title {
    font-size: 180px;
  }
}
@media (max-width: 767.98px) {
  .df .video-section .slide-section .slide-item .slide-title {
    font-size: 138px;
  }
}
@media (max-width: 575.98px) {
  .df .video-section .slide-section .slide-item .slide-title {
    font-size: 108px;
  }
}
.df .testimonial-section .testimonial-item:hover .testimonial-content p {
  color: var(--white);
}
.df .reservation-section .slide-section {
  position: absolute;
  top: 200px;
}
.df .marquee-section-two {
  width: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
}
.df .marquee-section-two .horizontal-slide .slide-list {
  gap: 0;
}
.df .marquee-section-two .marquee-item {
  position: relative;
  margin-right: 40px;
  padding-right: 80px;
}
.df .marquee-section-two .marquee-item::after {
  content: "";
  position: absolute;
  background: url(../img/icons/marquee-icon.svg) no-repeat;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .df .marquee-section-two .marquee-item::after {
    width: 30px;
    height: 30px;
  }
}
@keyframes updown {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes scroll {
  to {
    transform: translate(calc(-50% - 8px));
  }
}
@keyframes scroll {
  to {
    transform: translate(calc(-50% - 8px));
  }
}
@keyframes wave {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
@keyframes wave {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
@keyframes shine {
  0% {
    left: -100%;
  }
  100% {
    left: 120%;
  }
}