@font-face {
  font-family: 'Gotham';
  src: url('https://chefspuzzle.com/html/control/fonts/Gotham Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-arabic';
  src: url('https://chefspuzzle.com/html/control/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("https://chefspuzzle.com/wp-content/uploads/2025/10/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("https://chefspuzzle.com/wp-content/uploads/2025/10/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;
}
#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("https://chefspuzzle.com/wp-content/uploads/2025/10/chefs.png");
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 20px 230px;
}
.cards2{
    background-image: url("https://chefspuzzle.com/wp-content/uploads/2025/10/restaurants.png");
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 20px 230px;
}
.cards3{
    background-image: url("https://chefspuzzle.com/wp-content/uploads/2025/10/recipes.png");
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 20px 230px;
}
.cards4{
    background-image: url("https://chefspuzzle.com/wp-content/uploads/2025/10/ingredents.png");
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 20px 230px;
}
.cards5{
    background-image: url("https://chefspuzzle.com/wp-content/uploads/2025/10/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("https://chefspuzzle.com/wp-content/uploads/2025/10/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 .fancy-text{
    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;
    }
}
li#menu-item-351 {
    margin-left: 10px;
}
#menu-item-351 .hfe-menu-item {
    padding: 10px;
    color: #fff;
    background: #f19800;
    border-radius: 10px;
}