@font-face {
    font-family: 'Gotham';
    src: url('/fonts/Gotham Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-arabic';
    src: url('/fonts/Montserrat-Arabic-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root,
:host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-100: oklch(.936 .032 17.717);
    --color-red-800: oklch(.444 .177 26.899);
    --color-orange-100: oklch(.954 .038 75.164);
    --color-orange-600: oklch(.646 .222 41.116);
    --color-orange-800: oklch(.47 .157 37.304);
    --color-yellow-100: oklch(.973 .071 103.193);
    --color-yellow-800: oklch(.476 .114 61.907);
    --color-green-100: oklch(.962 .044 156.743);
    --color-green-800: oklch(.448 .119 151.328);
    --color-gray-50: oklch(.985 .002 247.839);
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-700: oklch(.373 .034 259.733);
    --color-gray-800: oklch(.278 .033 256.848);
    --color-gray-900: oklch(.21 .034 264.665);
    --color-white: #fff;
    --spacing: .25rem;
    --container-7xl: 80rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --radius-2xl: 1rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
}

:root {
    --font-size: 16px;
    --background: #fff;
    --foreground: oklch(.145 0 0);
    --card: #fff;
    --card-foreground: oklch(.145 0 0);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(.145 0 0);
    --primary: #030213;
    --primary-foreground: oklch(1 0 0);
    --secondary: oklch(.95 .0058 264.53);
    --secondary-foreground: #030213;
    --muted: #ececf0;
    --muted-foreground: #717182;
    --accent: #e9ebef;
    --accent-foreground: #030213;
    --destructive: #d4183d;
    --destructive-foreground: #fff;
    --border: #0000001a;
    --input: transparent;
    --input-background: #f3f3f5;
    --switch-background: #cbced4;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --ring: oklch(.708 0 0);
    --chart-1: oklch(.646 .222 41.116);
    --chart-2: oklch(.6 .118 184.704);
    --chart-3: oklch(.398 .07 227.392);
    --chart-4: oklch(.828 .189 84.429);
    --chart-5: oklch(.769 .188 70.08);
    --radius: .625rem;
    --sidebar: oklch(.985 0 0);
    --sidebar-foreground: oklch(.145 0 0);
    --sidebar-primary: #030213;
    --sidebar-primary-foreground: oklch(.985 0 0);
    --sidebar-accent: oklch(.97 0 0);
    --sidebar-accent-foreground: oklch(.205 0 0);
    --sidebar-border: oklch(.922 0 0);
    --sidebar-ring: oklch(.708 0 0);
}

body {
    font-family: 'Gotham';
    background-color: #FEFAEE;
}

.fancy-text {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Gotham';
    color: #fff;
    display: flex;
    position: relative;
    margin-left: -39%;
    padding: 2%;
}

.prefix {
    margin-right: 10px;
}

.cursor {
    display: inline-block;
    animation: blink 1s infinite;
}

@keyframes blink {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.top-bar {
    min-height: 66px;
    background: #3C2735;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.social {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #FF1A63;
    padding: 4px 5px;
    border-radius: 3px;
}

ul.menu {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    float: right;
    margin-bottom: 0;
}

ul.menu li {
    margin-left: 20px;
}

ul.menu li a {
    text-decoration: none;
    color: #3C2735;
    transition: color 0.3s;
    font-family: "Gotham", Sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.social svg {
    fill: #fff;
}

header {
    min-height: 68px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.container {
    max-width: 1240px !important;
}

.head-flex {
    display: flex;
    justify-content: space-between;
}

.button-section {
    float: right;
    padding: 5px;
    border-radius: 7px;
    display: flex;
    align-content: center;
    align-items: center;
}

a.login-btn {
    color: #fff;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 600;
    margin: 0px 10px;
}

a.login-btn1 {
    color: #fff;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 600;
    background: #AA1343;
    border-radius: 6px;
    display: flex;
}

.bg-brown {
    background: #3C2735;
}

.txt-gray {
    color: #a5a5a5;
}

.items-bottom {
    align-items: flex-end;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

a {
    text-decoration: none;
}

.bg-white {
    background-color: #fff;
}

.bg-yellow {
    background-color: #F19800;
}

.rounded-2xl {
    border-radius: 1rem;
}

.shadow-lg {
    box-shadow: 0 10px 15px 0px #0000001a !important;
}

.overflow-hidden {
    overflow: hidden;
}

.mb-8 {
    margin-bottom: calc(.25rem * 8);
}

.dflex,
.flex {
    display: flex;
}

.object-cover {
    object-fit: cover;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.mb-2 {
    margin-bottom: calc(.25rem * 2) !important;
}

.mb-3 {
    margin-bottom: calc(.25rem * 3) !important;
}

.text-gray-600 {
    color: oklch(.446 .03 256.802);
}

.mb-4 {
    margin-bottom: calc(.25rem * 4);
}

.mb-6 {
    margin-bottom: calc(.25rem * 6);
}

.p-8 {
    padding: calc(.25rem * 8);
}

.text-gray-900 {
    color: oklch(.21 .034 264.665);
}

.gap-4 {
    gap: calc(.25rem * 4) !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.text-gray-600 {
    color: var(--color-gray-600);
}

.gap-2 {
    gap: calc(var(--spacing) * 2);
}

.items-center {
    align-items: center;
}

.w-5 {
    width: calc(var(--spacing) * 5);
}

.h-5 {
    height: calc(var(--spacing) * 5);
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    vertical-align: middle;
    display: block;
}

.grid {
    display: grid;
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mt-1 {
    margin-top: calc(var(--spacing) * 1) !important;
}

.border-t {
    border-top: 1px solid #0000001a;
    border-top-width: 1px;
}

.pt-4 {
    padding-top: calc(var(--spacing) * 4) !important;
}

.text-orange-800 {
    color: var(--color-orange-800);
}

.bg-orange-100 {
    background-color: var(--color-orange-100);
}

.px-4 {
    padding-inline: calc(var(--spacing) * 4);
}

.py-2 {
    padding-block: calc(var(--spacing) * 2);
}

.rounded-full {
    border-radius: 3.40282e38px;
}

.gap-8 {
    gap: calc(var(--spacing) * 8);
}

.text-orange-600 {
    color: var(--color-orange-600);
}

.flex-1 {
    flex: 1;
}

.text-gray-500 {
    color: var(--color-gray-500);
}

.items-start {
    align-items: flex-start;
}

.direction-column {
    flex-direction: column;
}

.relative {
    position: relative;
}

.h-48 {
    height: calc(var(--spacing) * 48);
}

.right-3 {
    right: calc(var(--spacing) * 3);
}

.top-3 {
    top: calc(var(--spacing) * 3);
}

.absolute {
    position: absolute;
}

.text-yellow-800 {
    color: var(--color-yellow-800);
}

.py-1 {
    padding-block: calc(var(--spacing) * 1);
}

.px-3 {
    padding-inline: calc(var(--spacing) * 3);
}

.bg-yellow-100 {
    background-color: var(--color-yellow-100);
}

.rounded-full {
    border-radius: 3.40282e38px;
}

.p-5 {
    padding: calc(var(--spacing) * 5) !important;
}

.mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
}

.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
}

.gap-2 {
    gap: calc(var(--spacing) * 2);
}

.items-center {
    align-items: center;
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.shadow-md {
    box-shadow: 0 4px 6px -1px #00000033 !important;
}

.rounded-xl {
    border-radius: calc(var(--radius) + 4px);
}

.shadow-md:hover {
    box-shadow: 0 20px 25px -5px #00000033 !important;
}

.pad0 {
    padding: 0 !important;
}

.text-green-800 {
    color: var(--color-green-800);
}

.bg-green-100 {
    background-color: var(--color-green-100);
}

/*--------recipe-----------*/
.category {
    color: #E42855 !important;
    font-weight: 600 !important;
}

.recipe-head {
    color: #3C2735;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
}

.batch-head {
    display: flex;
    align-items: center;
}

.txt-brown {
    color: #3C2735;
}

.flex-column {
    flex-direction: column !important;
}

.align-items-center {
    align-items: center !important;
}

.fa-solid,
.fas {
    font-weight: 900;
}

.fs-3 {
    font-size: 1.35rem !important;
}

.fw-bold {
    font-weight: 600 !important;
}

.text-muted {
    color: #636674 !important;
}

.fw-medium,
.fw-semibold {
    font-weight: 500 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.gap-15 {
    gap: 3.75rem !important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.bg-black {
    background: #15171C !important;
}

i[class^=fa-],
i[class*=" fa-"] {
    color: #636674;
}

.font-white {
    color: #fff;
}

.mbot10 {
    margin-bottom: 10px !important;
}

.mright10 {
    margin-right: 10px;
}

.ingredients-head {
    font-size: 1.2rem;
    font-weight: 600 !important;
    color: #3C2735;
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
}

.subs {
    font-size: 12px;
}

.batch {
    margin-bottom: 0;
    font-size: 0.8rem;
    color: #3c2735;
    margin-right: 10px;
}

.batch span {
    font-size: 1.05rem;
    font-weight: 500;
    color: #B5B7C8;
}

.Ingredients {
    border-bottom: 1px solid #1E2027;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.min-w-125px {
    min-width: 125px !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.text-ingre {
    color: #5d3c52 !important;
}

.text-gray-700 {
    color: #9A9CAE !important;
}

.fw-medium,
.fw-semibold {
    font-weight: 500 !important;
}

.d-block {
    display: block !important;
}

.text-hover-ingre:hover,
.text-hover-ingre:hover i {
    transition: color .2s ease;
    color: #5d3c52 !important;
}

.fs-2 {
    font-size: 1.20rem !important;
}

.ng-star-inserted {
    font-size: 20px !important;
}

.ng-star-inserted1 {
    padding-left: 0px !important;
}

.border-dashed {
    border-style: dashed !important;
    border-color: var(--bs-border-dashed-color);
}

.border-gray-300 {
    border-color: #363843 !important;
}

.bg-light-info {
    background-color: #272134 !important;
}

.rounded {
    border-radius: .475rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.border {
    border: 1px solid #3c2735 !important;
}

.symbol.symbol-circle,
.symbol.symbol-circle>img,
.symbol.symbol-circle .symbol-label {
    border-radius: 50%;
}

.symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: .475rem;
}

.symbol.symbol-50px>img {
    width: 50px;
    height: 50px;
}

.symbol.symbol-circle,
.symbol.symbol-circle>img,
.symbol.symbol-circle .symbol-label {
    border-radius: 50%;
}

.justify-content-center {
    justify-content: center !important;
}

.cursor-pointer {
    cursor: pointer;
}

.text-gray-800 {
    color: #B5B7C8 !important;
}

.text-hover-primary,
.text-hover-primary i {
    transition: color .2s ease;
}

.fs-5 {
    font-size: 1.15rem !important;
}

.fw-bolder {
    font-weight: 700 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.fw-bold {
    font-weight: 600 !important;
}

.text-gray-500 {
    color: #636674 !important;
}

.bg-pink {
    background: #FF1A63;
}

.bg-gray {
    background: #CCCCCC;
    cursor: no-drop;
}

.bg-gray h2,
.bg-gray p,
.bg-gray ul {
    color: #ABABAB !important;
}

.bg-gray a {
    background: #BBBBBB !important;
    color: #ABABAB !important;
}

.txt-white {
    color: #fff !important;
}

.lh-20 {
    line-height: 20px;
}

.fs-1 {
    font-size: 1rem !important;
}

.row.row-cols-1.row-cols-md-4>.col:nth-child(1) .my-bg {
    background-color: #F19800;
    margin-bottom: 30px;
}

.row.row-cols-1.row-cols-md-4>.col:nth-child(2) .my-bg {
    background-color: #FF1A63;
    margin-bottom: 30px;
}

.row.row-cols-1.row-cols-md-4>.col:nth-child(3) .my-bg {
    background-color: #7EBAD2;
    margin-bottom: 30px;
}

.row.row-cols-1.row-cols-md-4>.col:nth-child(4) .my-bg {
    background-color: #017562;
    margin-bottom: 30px;
}

.flex-start {
    align-items: flex-start;
}

.mtop60 {
    margin-top: 60px;
}

footer {
    background: #7EBAD2;
    padding: 40px;
    border-radius: 25px;
    max-width: 1240px;
    margin: 50px auto 20px;
}

.bg-blue {
    background: #7EBAD2;
}

.text-gray-100 {
    color: oklch(0.85 0 0);
}

.copy-right {
    text-align: right;
    margin-bottom: 0;
}

.foo-btn {
    display: flex;
    background: #ff1a63;
    padding: 10px 20px;
    border-radius: 7px;
    color: #000;
    min-width: 120px;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    float: right;
    margin-bottom: 20px;
}

.foo-btn svg {
    width: 18px;
    margin-left: 10px;
}

footer h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

footer p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

footer ul {
    padding-left: 0;
    list-style: none;
}

footer ul li a {
    color: #fff;
}

.navbar-expand-lg {
    justify-content: flex-end;
}

.navbar-collapse {
    flex-grow: 0;
}

.carousel-caption {
    position: relative;
    right: auto !important;
    left: auto !important;
}

.carousel-item h5 {
    font-size: 50px;
    font-weight: 700;
    color: rgb(60, 39, 53);
    line-height: 65px;
    text-align: left;
    margin-bottom: 0;
}

.carousel-item h5 span {
    background: #FF1A63;
    border-radius: 6px;
    padding: 0px 10px !important;
}

.carousel-item p strong {
    font-size: 20px;
    font-weight: 600;
    color: rgb(0, 0, 0);
    line-height: 25px;
    margin: 10px 0px 0px;
    text-align: left;
    float: left;
}

.carousel-item p {
    font-weight: 500;
    color: rgb(0, 0, 0);
    font-size: 14px;
    line-height: 18px;
    margin: 0px 0px 0px;
    text-align: left;
    float: left;
}

.carousel-item ul {
    float: left;
    clear: both;
    padding-left: 0;
    list-style: none;
}

.carousel-item ul li {
    color: #000;
    float: left;
    width: 100%;
    text-align: left;
}

.carousel-item a {
    font-size: 14px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    line-height: 50px;
    text-align: left;
    margin: 0px 0px 0px;
    width: 160px;
    height: auto;
    border-radius: 6px;
    background: rgb(255, 26, 99);
    padding: 0px 30px;
    float: left;
}

.reviews {
    float: right;
    color: #000;
    margin-top: 15px;
}

.slider-bg1 {
    background: url("/img/site/figma-icon.png");
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 320px 220px;
    transform: scale(1);
    transition: opacity 1.2s ease, transform 1.2s ease;
}

.slider-bg1 {
    background: url("/img/site/figma-icon.png");
    background-repeat: no-repeat;
    background-size: 37%;
    background-position: 380px 0px;
    transform: scale(1);
    transition: opacity 1.2s ease, transform 1.2s ease;
}

.slider-bg.loaded {
    opacity: 1;
    transform: scale(1);
}

.pad40 {
    padding: 40px;
}

.slider-img {
    width: 100%;
    padding-left: 50px;
}

.slider-img1 {
    width: 100%;
    padding-left: 0px;
    border-radius: 10px;
}

.top110 {
    top: 110px !important;
}

.side-bar-img1 {
    position: absolute;
    top: 140px;
    width: 17%;
    right: 50px;
}

.carousel-indicators.mbot0 [data-bs-target] {
    width: 10px;
    height: 8px;
    border-top: 2px solid transparent;
    border-radius: 25px;
}

.mbot0 {
    margin-bottom: 0;
}

.flex.carousel-caption {
    padding-bottom: 0;
}

.carousel-indicators {
    bottom: -20px;
}

.carousel-indicators button {
    background: #ccc !important;
    border-bottom: 0 !important;
}

.recipe-list {
    display: flex;
    max-height: 120px;
    overflow: hidden;
    border: 1px solid #565254;
    border-radius: 10px;
    margin-bottom: 20px;
}

.recipe-list img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    /* margin-right: 20px; */
}

.recipe-detail {
    margin-left: 10px;
    color: #fff;
    padding-top: 10px;
}

.recipe-detail h2 {
    font-size: 18px;
    color: #fff;
}

.recipe-detail p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
}

.recipe-detail a {
    color: #FF1A63;
}

.chef-detail {
    margin-left: 10px;
    color: #fff;
    padding-top: 10px;
}

.chef-detail h2 {
    font-size: 18px;
    color: #fff;
}

.chef-detail p {
    font-size: 12px;
    line-height: 14px;
}

.chef-detail a {
    color: #3c2735;
    font-size: 14px;
    /* margin-top: auto; */
}

#searchInput {
    border: 1px solid #818181;
    font-size: 12px;
}

#searchInput1 {
    border: 1px solid #f1980000;
    font-size: 12px;
}

.input-group {
    margin-bottom: 20px;
}

.recipes-list h2 {
    margin-bottom: 20px;
}

.list-custom {
    padding-left: 0;
    margin-top: 0px;
}

li.list-group-item.d-flex.justify-content-between {
    color: #3c2735;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 3px;
    padding-top: 0px;
}

li a {
    color: #3c2735;
}

li a:hover {
    color: #ff1a63;
}

.space-between {
    justify-content: space-between;
}

.qty-container {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.mb-5 {
    margin-bottom: 20px !important;
}

.qty-btn {
    width: 40px;
    height: 40px;
    border: none;
    background: #f8fafc;
    font-size: 20px;
    cursor: pointer;
    color: #3c2735;
}

.qty-btn:hover {
    background: #e5e7eb;
}

#quantity {
    width: 50px;
    height: 40px;
    border: none;
    text-align: center;
    font-size: 16px;
    outline: none;
}

span.chk-txt {
    color: #3C2735 !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
}

.flex.space-between {
    border-bottom: 1px solid #1E2027;
    margin-bottom: 20px;
}

.custom-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
}

/* Hide default checkbox but keep it clickable */
.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Custom box */
.checkmark {
    height: 18px;
    width: 18px;
    border: 2px solid #3c2735;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

/* Tick */
.checkmark::after {
    content: "";
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
    top: -2px;
    position: relative;
}

/* Checked state */
.custom-checkbox input:checked~.checkmark {
    background-color: #3c2735;
}

.custom-checkbox input:checked~.checkmark::after {
    display: block;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgb(255 26 99) !important;
    line-height: 15px;
    margin-bottom: 3px;
}

.side-box ul {
    clear: both;
    padding-left: 0;
    list-style: none;
}

/* .chefs-list img {
    border-radius: 10px;
    height: 100%;
    padding: 10px 0px 10px 0px;
} */

.chef-list {
    display: flex;
    max-height: 120px;
    overflow: hidden;
    border: 1px solid #d8b985;
    border-radius: 10px;
    margin-bottom: 20px;
}

/* .chef-list img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: contain;
} */

.side-box h2 span {
    background: #FF1A63;
    border-radius: 6px;
    padding: 4px 10px !important;
}

.side-bar-img {
    position: absolute;
    width: 25%;
    top: 220px;
    right: 10px;
}

.side-box {
    position: relative;
}

.side-box ul li {
    margin-bottom: 5px;
}

.mtop40 {
    margin-top: 40px;
}

.social-share {
    display: flex;
    gap: 6px;
}

.share-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    transition: transform 0.2s ease, opacity 0.2s ease;
    padding-bottom: 3px;
}

.share-btn:hover {
    transform: scale(1.1);
    opacity: 0.9;
}

.max-height {
    max-height: 250px;
    overflow: overlay;
}

/* Platform Colors */
.facebook i {
    color: #1877f2;
}

.twitter i {
    color: #000000;
}

.whatsapp i {
    color: #25d366;
}

.linkedin i {
    color: #0a66c2;
}

.timeline {
    position: relative;
    max-width: 100%;
}

/* Vertical line */
.timeline::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #ffffff;
    height: 100%;
}

.timeline-item {
    position: relative;
    margin: 0px 0;
    padding: 20px 0px 0px 28px;
    border-radius: 8px;
}

/* Circle */
.timeline-item::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 20px;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 4px solid #3C2735;
    border-radius: 50%;
}

.timeline-item h3 {
    margin-top: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.timeline-item p {
    margin: 10px 0 0;
}

/* Width of the scrollbar */
.max-height::-webkit-scrollbar {
    width: 10px;
}

/* Track (background area) */
.max-height::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Scroll thumb */
.max-height::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Hover effect */
.max-height::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.mainHeading {
    font-family: "Gotham Medium", Sans-serif;
    font-size: 80px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -2px;
    color: #3C2735;
}

.mainHeading span {
    background: #FF1A63;
    border-radius: 6px;
    padding: 0px 10px;
    display: inline-block;
}

.slide1 p {
    font-family: "Gotham Medium", Sans-serif;
    font-weight: normal;
    line-height: 22px;
    color: #3C2735;
    margin-bottom: 8px;
}

.default-btn {
    display: flex;
    padding: 15px 40px;
    border-radius: 7px;
    color: #ffffff;
    min-width: 120px;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    float: left;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.bg-yellow {
    background: #F19800;
}

.bg-pink,
.pink {
    background: #ff1a63;
}

.bg-blue {
    background: #7EBAD2;
}

.bg-white {
    background: #fff;
}

.bg-green {
    background: #017562;
}

.bg-brown,
.brown {
    background: #3C2735;
}

.mleft20 {
    margin-left: 20px;
}

.mtop20 {
    margin-top: 20px;
}

.service-btn1 {
    background: #3C2735;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 25px;
    float: right;
    padding: 10px 0px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

.services-list h2.pink-text {
    font-family: "Gotham Medium", Sans-serif;
    font-size: 40px;
    font-weight: normal;
    color: #FF1A63;
    text-align: center;
}

.services-list p {
    margin: 0 auto;
    text-align: center;
    font-family: "Gotham Book", Sans-serif;
    font-size: 11.67px;
    font-weight: normal;
    line-height: 14px;
    color: #FFF6F6;
    margin: 40px 0 30px 0;
}

.font20 {
    font-size: 20px !important;
}

.cards,
.steps {
    margin-top: 20px;
    margin-bottom: 30px;
}

.text-brown {
    color: #3c2735 !important;
}

.cards h2 {
    color: #fff;
    font-family: "Gotham Medium", Sans-serif;
    font-size: 26px;
    font-weight: normal;
    text-align: left;
    line-height: 24px;
    margin-bottom: 10px;
}

.cards p {
    color: #fff;
    font-family: "Gotham Book", Sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 109%;
    text-align: left;
    margin: 0;
}

.cards .col {
    padding: 20px;
    border-radius: 10px;
    margin: 0 10px;
    position: relative;
}

.cards1 {
    background-image: url("/img/site/chefs.png");
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 20px 230px;
}

.cards2 {
    background-image: url("/img/site/restaurants.png");
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 20px 230px;
}

.cards3 {
    background-image: url("/img/site/recipes.png");
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 20px 230px;
}

.cards4 {
    background-image: url("/img/site/ingredents.png");
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 20px 230px;
}

.cards5 {
    background-image: url("/img/site/menus.png");
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 20px 230px;
}

.service-btn {
    background: #fff;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 25px;
    float: right;
    padding: 10px 0px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

span.service-last {
    text-align: center;
    font-family: "Gotham Medium", Sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -2%;
    color: #FFF6F6;
}

.pad80 {
    padding: 80px 40px;
}

.pink-text {
    text-align: center;
    font-family: "Gotham Medium", Sans-serif;
    font-size: 40px;
    font-weight: normal;
    letter-spacing: -2%;
    color: #FF1A63;
}

.gray-text {
    text-align: center;
    font-family: "Gotham Book", Sans-serif;
    font-size: 11.67px;
    font-weight: normal;
    line-height: 14px;
}

.margin-30-auto {
    margin: 30px auto;
}

.steps1 {
    color: rgb(60, 39, 53);
    background-color: rgb(241, 152, 0);
    font-size: 30px;
    padding: 8px 0;
    box-shadow: none;
    max-width: 60px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
}

.cards1 h2 {
    color: #fff;
    font-family: "Gotham Medium", Sans-serif;
    font-size: 26px;
    font-weight: normal;
    text-align: left;
    line-height: 24px;
    margin-bottom: 10px;
}

.steps h2 {
    color: #3C2735;
    font-family: "Gotham Medium", Sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: 30px;
}

.steps p {
    color: #3C2735;
    font-family: "Gotham", Sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    font-weight: 400;
}

.steps .col {
    padding: 20px;
    border-radius: 10px;
    margin: 0 10px;
    position: relative;
    text-align: center;
    min-height: 415px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.steps2 {
    color: rgb(60, 39, 53);
    background-color: rgb(126 186 210);
    font-size: 30px;
    padding: 8px 0;
    box-shadow: none;
    max-width: 60px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
}

.steps3 {
    color: rgb(60, 39, 53);
    background-color: rgb(255 26 99);
    font-size: 30px;
    padding: 8px 0;
    box-shadow: none;
    max-width: 60px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
}

.count {
    padding: 0 50px;
}

.place h2 {
    font-family: "Gotham", Sans-serif;
    font-size: 46px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -2%;
    color: #FFFFFF;
}

.place p {
    text-align: left;
    font-family: "Gotham", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 119%;
    letter-spacing: -2%;
    color: #FFF6F6;
}

.mbot0 {
    margin-bottom: 0;
}

.white-btn {
    color: rgb(60, 39, 53);
    background-color: rgb(255, 255, 255);
    text-transform: none;
    box-shadow: none;
    display: flex;
    padding: 15px 40px;
    border-radius: 7px;
    min-width: 120px;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    float: left;
    margin-bottom: 0px;
    letter-spacing: 1px;
}

.place-img {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

.place-img img {
    max-width: 200px;
    border-radius: 30px;
}

.plans {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
}

.plans h2 {
    flex: 1;
    font-family: "Gotham Medium", Sans-serif;
    font-size: 55.68px;
    font-weight: normal;
    line-height: 95%;
    letter-spacing: -2%;
    color: #FF1A63;
}

.plans p {
    flex: 1;
    text-align: left;
    font-family: "Gotham Book", Sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 119%;
    letter-spacing: -2%;
    color: #FF1A63;
    margin-right: 80px;
    max-width: 370px;
}

.price-name h2 {
    font-family: "Gotham Black", Sans-serif;
    font-size: 25px;
    font-weight: normal;
    line-height: 109%;
    letter-spacing: -2%;
    color: #FF1A63;
}

.starter-price {
    padding: 50px;
    flex: 1;
    border-radius: 20px;
}

.starter-price h2 {
    font-family: "Gotham Medium", Sans-serif;
    font-size: 35.54px;
    font-weight: normal;
    color: #F4F4F4;
    margin-bottom: 60px;
}

.starter-price p {
    text-align: left;
    font-family: "Gotham Book", Sans-serif;
    font-size: 14px;
    line-height: 109%;
    color: #FFFFFF;
    margin-bottom: 0;
}

.starter-price a {
    background: #fff;
    padding: 10px;
    color: #7ebad2;
    font-size: 14px;
    border-radius: 8px;
    display: inline-block;
    margin: 40px 0;
}

.starter-price ul {
    list-style: none;
    padding-left: 0;
    font-family: "Gotham", Sans-serif;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
}

.starter-price ul li {
    margin-bottom: 20px;
}

h2.price {
    margin-bottom: 0;
}

.mtop20 {
    margin-top: 20px;
}

.pn-top {
    margin-top: 30px;
    color: #FF1A63;
    font-family: "Gotham Black", Sans-serif;
    font-size: 25px;
    font-weight: normal;
}

.pn-top1 {
    margin-top: 95px;
}

.pn-top2 {
    margin-top: 280px;
}

.price-name {
    margin-right: 50px;
    flex: 0.6;
}

.price-name1 ul {
    padding-left: 16px;
    border-top: 1px solid #000;
    padding-top: 60px;
    margin-top: 15px;
}

.price-name1 ul li {
    color: #397391;
    transition: color 0.3s;
    font-family: "Gotham", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 109%;
    min-height: 75px;
}

.price-name1 {
    margin-right: 0;
    flex: 0.6;
}

.starter-price ul li svg {
    margin: 0 auto;
}

.yes-no {
    margin-top: 75px !important;
    list-style: none;
    padding-left: 0;
    text-align: center;
    border-top: 1px solid #000;
    padding-top: 60px;
}

ul.yes-no li {
    min-height: 75px;
}

.starter-price1 {
    flex: 1;
}

.starter-price1 ul li svg {
    margin: 0 auto;
}

.toggle {
    width: 31px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 36px;
    cursor: pointer;
    user-select: none;
    line-height: 28px;
    transition: background-color 0.3s, color 0.3s;
    float: right;
    margin-bottom: 10px;
    color: #ffff;
    background: #f19800;
    position: relative;
    bottom: -30px;
}

.hide-show ul li {
    display: none;
}

.custom-testimonial-wrapper {
    max-width: 1240px;
    margin: 35px auto;
    overflow: hidden;
    position: relative;
}

.custom-testimonial .item {
    width: 700px !important;
    padding: 20px;
    text-align: center;
    box-shadow: none;
    min-height: 266px;
}

.custom-testimonial p {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 15px;
    font-family: "Gotham Book", sans-serif;
    line-height: 109%;
    letter-spacing: -2%;
    text-align: left;
    margin: 0;
}

.custom-testimonial h4 {
    font-size: 16px;
    color: #ffffff;
    margin: 0;
    text-align: left;
    margin-top: 4px;
}

.custom-nav {
    text-align: center;
    margin-top: 25px;
}

.custom-nav button {
    background: transparent;
    border: 0;
    margin: 0 0px;
    cursor: pointer;
    transition: 0.3s;
}

.width50 {
    width: 50%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 225px;
}

.owl-stage .owl-item:nth-child(odd) {
    background-color: #017562;
    /* light blue for odd */
    border-radius: 10px;
}

.owl-stage .owl-item:nth-child(even) {
    background-color: #F19800;
    border-radius: 10px;
    /* light green for even */
}

.owl-carousel .owl-item img {
    display: block;
    width: 97% !important;
    border-radius: 10px;
    margin-left: 10px;
}

.width50 h2 {
    margin: 0;
    text-align: left;
    color: #fff;
    font-size: 30px;
    font-family: "Gotham-Medium", sans-serif;
}

.owl-stage .owl-item:nth-child(even) h2,
.owl-stage .owl-item:nth-child(even) p {
    color: #3C2735
}

.owl-stage .owl-item:nth-child(even) h4 {
    color: #AA6B00
}

.show-mobile {
    display: none;
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.whatsapp-float img {
    width: 60px;
    /* button size */
    height: 60px;
}

.lang-wrapper {
    position: fixed;
    right: 230px;
    bottom: 0;
}

/* custom select box */
.custom-select {
    width: auto;
    position: relative;
    user-select: none;
    font-family: "Gotham", sans-serif;
    font-weight: 400;
    font-size: 12px;
}

/* Selected area */
.select-selected {
    padding: 8px 12px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #fff;
}

/* Flag image */
.select-selected img,
.select-item img {
    width: 24px;
    height: 18px;
    margin-right: 8px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

/* Dropdown list */
.select-items {
    position: absolute;
    top: -68px;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 999;
    display: none;
}

/* Each option */
.select-item {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.select-item:hover {
    background: #f2f2f2;
}

/* ================= Arabic Css =================*/
.rtl .button-section {
    float: left;
}

.rtl header .flex1 {
    display: flex;
}

.rtl .slider-img {
    width: 100%;
    padding-left: 0;
    padding-right: 50px;
}

.rtl .slider-bg1 {
    background: url("/img/site/arabic-icon.png");
    background-repeat: no-repeat;
    background-size: 37%;
    background-position: 0px 220px;
}

.rtl .default-btn svg,
.rtl .service-btn svg,
.rtl .service-btn1 svg,
.rtl .foo-btn svg {
    transform: rotate(180deg);
    margin-right: 10px;
    margin-left: 0 !important;
}

.rtl .custom-testimonial-wrapper {
    direction: ltr;
}

.rtl .foo-btn {
    float: left;
}

/* RTL mode fix for typing text */
.rtl #typing,
[dir="rtl"] #typing {
    direction: ltr;
    unicode-bidi: bidi-override;
}

/* Fancy text positioning in RTL */
.rtl .fancy-text,
[dir="rtl"] .fancy-text {
    direction: ltr;
    text-align: left;
    margin-left: 0;
    margin-right: -39%;
}

.rtl img[alt="Chef's Bot"] {
    transform: scaleX(-1);
}

.rtl footer ul {
    padding-right: 0;
}

.rtl .copy-right {
    text-align: left;
}

.rtl .cards1 h2,
.rtl .cards1 p,
.rtl .place p {
    text-align: right;
}

.rtl .place .default-btn,
.rtl .place .white-btn {
    float: right;
}

.rtl .plans p {
    text-align: right;
    margin-right: 0;
    margin-left: 80px;
}

.rtl .price-name {
    margin-right: 0;
    margin-left: 50px;
}

.rtl .starter-price ul {
    padding-right: 0;
}

.rtl .starter-price p {
    text-align: right;
}

.rtl .toggle {
    float: left;
}

.rtl .cards h2,
.rtl .cards p {
    text-align: right;
}

.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.rtl p,
.rtl span,
.rtl input,
.rtl select,
.rtl textarea,
.rtl a,
.rtl button,
.rtl ul li {
    font-family: "Montserrat-arabic" !important;
}

.rtl .mainHeading {
    line-height: 110px;
}

.rtl .mainHeading span {
    padding: 0px 10px 20px 10px;
}

.rtl .login-btn1 svg {
    margin-right: 10px;
    margin-left: 0 !important;
}

.rtl .slide1 .default-btn {
    float: right;
    margin-left: 20px;
}

/*======Modal=====*/
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000070;
}

.modal-box {
    background: #fff;
    width: 750px;
    margin: 50px auto;
    padding: 30px;
    border-radius: 10px;
}

.close {
    float: right;
    cursor: pointer;
    font-size: 24px;
    position: relative;
    top: -30px;
    right: -20px;
}

.form-control,
.form-select {
    color: #807d78;
    background-color: #f5f9ff;
    border: 0;
    border-radius: 0;
    text-align: right;
    font-size: 13px;
    font-family: "Montserrat-arabic" !important;
}

label {
    color: #747474 !important;
    font-size: 12px;
    font-family: "Montserrat-arabic" !important;
}

button.forminator-button.forminator-button-submit {
    font-size: 13px !important;
    background: #027562 !important;
    color: #fff;
    border-radius: 4px;
    padding: 10px 50px;
    margin-top: 10px;
    box-shadow: none;
    width: 100%;
    font-family: 'montserrat-arabic' !important;
    letter-spacing: 1px;
    border: 0;
}

.form-control:focus {
    color: #807d78 !important;
    background-color: #f5f9ff !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* ================= MEDIA VIEW ================= */
@media(max-width:1200px) {
    .slider-bg1 {
        background-size: 27%;
        background-position: 400px 70px;
    }

    .default-btn {
        padding: 15px 20px;
    }
}

@media(max-width:1050px) {
    a.default-btn.brown.mleft20.mtop20 {
        margin-left: 0;
        width: 100%;
    }

    .slide1 a.default-btn.pink.mtop20 {
        width: 100%;
    }

    .flex.cards {
        flex-direction: column;
        gap: 20px;
    }

    .slider-bg1 {
        background: none;
    }

    .cards1,
    .cards2,
    .cards3,
    .cards4,
    .cards5 {
        min-height: 200px;
        background-position: 20px 90px;
    }

    .mainHeading {
        font-size: 50px;
    }
}

@media(max-width:1000px) {
    ul.menu {
        float: left;
        margin-bottom: 0;
        width: 100%;
    }

    ul.menu li {
        margin-left: 0px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
        padding-top: 10px;
    }

    .navbar-toggler {
        margin-top: -10px;
    }

    .col-md-9.float-end {
        width: 100%;
        position: relative;
        top: -30px;
    }

    .flex1 {
        position: absolute;
        width: 97%;
        margin-top: -20px;
        background: #fefaee;
        height: 50px;
    }

    div#navbarNav {
        background: #fff;
        z-index: 999;
    }

    .fancy-text {
        font-size: 100%;
    }

    .gap-15 {
        gap: 1.75rem !important;
    }

    .slider-bg {
        background: none !important;
    }

    .carousel-item h5 {
        font-size: 30px;
        line-height: 40px;
    }

    .carousel-item p strong {
        font-size: 16px;
        line-height: 16px;
    }

    .carousel-item p {
        font-size: 12px;
        line-height: 14px;
    }

    .carousel-item ul li {
        font-size: 12px;
    }

    .carousel-item p strong {
        margin: 10px 0px 6px;
    }

    .side-bar-img {
        display: none;
    }

    h2.txt-brown {
        font-size: 18px;
    }

    .side-box li a {
        font-size: 14px;
    }

    .flex.steps {
        flex-direction: column;
        gap: 60px;
    }

    .steps .col {
        min-height: 315px;
    }

    .place .flex {
        flex-direction: column;
    }

    .place .flex .col-md-5,
    .place .flex .col-md-7 {
        width: 100%;
    }

    .place a.default-btn,
    .place a.white-btn {
        width: 100%;
    }

    .plans {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .plans p {
        text-align: center;
        margin-right: 0;
        max-width: max-content;
        padding: 0 80px;
    }

    .mobile-price {
        display: none !important;
    }

    .mob-flex {
        flex-direction: column;
        gap: 30px;
    }

    .show-mobile {
        display: block;
    }

    .pn-top-mob {
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }

    .show-mobile ul li svg {
        margin: 0 auto;
        float: left;
        margin-right: 10px;
    }
}

@media(max-width:767px) {
    header .flex {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .dflex,
    .flex {
        display: flex;
        flex-direction: column;
    }

    .mob-flex,
    .mob-flex a {
        flex-direction: column;
    }

    .mob-items-left {
        align-items: flex-start;
        flex-direction: row;
    }

    .items-bottom {
        align-items: flex-start;
    }

    .copy-right {
        margin-top: 10px;
        text-align: left;
    }

    footer .mtop60 {
        margin-top: 30px;
    }

    .foo-btn {
        margin-left: 10px;
        float: left;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    footer {
        padding: 20px 20px;
    }

    .col-md-6.col-sm-12.ps-5 {
        padding-left: 0rem !important;
    }

    .list-custom {
        margin-top: 0px;
    }

    .slider-img {
        width: 100%;
        padding-left: 0px;
        margin-top: 30px;
    }

    .carousel-item h5 {
        font-size: 40px;
    }

    .col-md-8.p-8 {
        padding: 0px 10px;
    }

    .col-md-8.p-8 .flex.space-between,
    .col-md-8.p-8 .flex.space-between .float-right.flex.align-items-center {
        flex-direction: row;
    }

    .col-md-6.col-sm-12.bg-white.rounded-2xl.shadow-lg.overflow-hidden.mt-5.mb-8.pad40.recipes-list.ms-3 {
        margin-top: 0 !important;
        margin-left: 0 !important;
    }

    .place .flex .col-md-7 {
        flex-direction: column;
        gap: 20px;
    }

    .place-img img {
        max-width: 240px;
    }

}

@media(max-width:480px) {
    .head-flex {
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    .top-bar {
        padding: 10px 0;
    }

    footer {
        padding: 20px 0px;
    }

    .carousel-item h5 {
        font-size: 28px;
    }

    .recipe-list {
        display: flex;
        max-height: max-content;
        flex-direction: column;
    }

    .recipe-list img {
        height: 130px;

    }

    .chef-list {
        display: flex;
        max-height: max-content;
        flex-direction: column;
    }

    .chef-list img {
        height: 120px;
    }

    .col-md-12.col-sm-12.bg-brown.rounded-2xl.overflow-hidden.mt-5.mb-8.pad80.services-list {
        padding: 30px 10px;
    }

    .count {
        padding: 0 0px;
    }

    .col-md-12.col-sm-12.bg-brown.rounded-2xl.overflow-hidden.mt-5.mb-8.pad80.place {
        padding: 30px 20px;
    }

    .plans p {
        padding: 0 10px;
    }

    .starter-price {
        padding: 20px;
    }

    .custom-testimonial .item {
        width: 100vw !important;
        padding: 10px;
    }

    .width50 {
        width: 100%;
        height: auto;
    }

    .owl-carousel .owl-item img {
        width: 93% !important;
        margin-bottom: 20px !important;
        margin-left: 0;
    }
}

/* ================= PRINT VIEW ================= */
@media print {

    /* Page setup */
    @page {
        size: auto;
        margin: 10mm 0mm;
    }

    /* Hide buttons, icons, unnecessary UI */
    .top-bar,
    header,
    footer,
    .prints,
    .social-share {
        display: none;
    }

    /* Body reset */
    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 12pt;
        margin: 20px;
    }


    /* Containers full width */
    .container {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .txt-white {
        color: #fff
    }

    /* Remove dark backgrounds */
    .bg-black,
    .bg-pink,
    .my-bg,
    .bg-light-info {
        background: #fff !important;
        color: #000 !important;
    }

    /* Text colors reset */
    *,
    .font-white,
    .txt-white,
    .text-muted,
    .text-gray-500,
    .text-gray-600,
    .text-gray-700,
    .text-gray-800 {
        color: #000 !important;
    }

    /* Headings */
    h1,
    h2,
    h3 {
        color: #000 !important;
        page-break-after: avoid;
    }

    /* Recipe image size control */
    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    /* Ingredient rows */
    .Ingredients,
    .row {
        page-break-inside: avoid;
    }

    /* Hide Signature Recipes section (optional) */
    .row-cols-md-4 {}

    /* Icons convert to black */
    i[class^="fa"] {
        color: #000 !important;
    }

    /* Remove borders & shadows */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* Links show as text only */
    a {
        text-decoration: none !important;
        color: #000 !important;
    }
}