.elementor-12 .elementor-element.elementor-element-e33168b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-884131f .elementor-repeater-item-3c2ac24 .swiper-slide-bg{background-image:url(https://chefsosgh.com/wp-content/uploads/2025/12/chef-bg.png);background-size:cover;}.elementor-12 .elementor-element.elementor-element-884131f .elementor-repeater-item-3c2ac24 .swiper-slide-inner .elementor-slide-heading{color:#000000;}.elementor-12 .elementor-element.elementor-element-884131f .elementor-repeater-item-3c2ac24 .swiper-slide-inner .elementor-slide-description{color:#000000;}.elementor-12 .elementor-element.elementor-element-884131f .elementor-repeater-item-3c2ac24 .swiper-slide-inner .elementor-slide-button{color:#000000;border-color:#000000;}.elementor-12 .elementor-element.elementor-element-884131f .swiper-slide{transition-duration:calc(5000ms*1.2);height:750px;}.elementor-12 .elementor-element.elementor-element-884131f .swiper-slide-contents{max-width:66%;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-12 .elementor-element.elementor-element-884131f .swiper-slide-inner{padding:0px 0px 70px 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-884131f .elementor-slide-heading{font-family:"Playfair", Sans-serif;font-size:60px;font-weight:300;letter-spacing:-3.8px;word-spacing:2px;}.elementor-12 .elementor-element.elementor-element-884131f .elementor-slide-description{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-12 .elementor-element.elementor-element-e750aa9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-9e13772{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-9e13772 .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:42px;font-weight:300;letter-spacing:-2.7px;color:#000000;}.elementor-12 .elementor-element.elementor-element-63aa299{--display:flex;--min-height:357px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-738b30d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-a3b464f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-09e7ee1{--display:flex;}.elementor-12 .elementor-element.elementor-element-09e7ee1:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-09e7ee1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBF4;}.elementor-12 .elementor-element.elementor-element-8e77c81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-884131f .elementor-slide-heading{font-size:32px;}}/* Start custom CSS for html, class: .elementor-element-197b4be *//* HOW IT WORKS */
.steps {display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.step {
  background:#F1E2C9; padding:40px; border-radius:16px; text-align:center;
}
.step h3 {font-size:24px; margin-bottom:15px;color:#fff;}
.step p {color:#444;}

/* Lift on hover */
.step:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.3);
}

.step h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.step p {
  color: #ddd;
  font-size: 16px;
}

.steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.step {
  background: #000; /* black background */
 
  padding: 40px;
  border-radius: 16px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b4250a *//* FEATURED MEALS */
.tags {display:flex; flex-wrap:wrap; gap:15px; justify-content:center;}
.tag {
  background:#9BC9C1; padding:12px 20px; border-radius:30px;
  font-weight:500; color:#000;
}
.menu-cta {text-align:center; margin-top:40px;}
.menu-cta a {
  display:inline-block; background:#000; color:#fff; padding:15px 35px;
  text-decoration:none; border-radius:10px; transition:0.3s;
}
.menu-cta a:hover {background:#9BC9C1; color:#000;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ca7a60 *//* FINAL CTA */
.final-cta {text-align:center; padding:100px 20px;}
.final-cta h2 {font-size:45px; margin-bottom:20px;}
.final-cta a {
  display:inline-block; padding:15px 35px; margin:10px;
  border-radius:10px; text-decoration:none; font-weight:600;
}
.btn-dark {background:#000; color:#fff;}
.btn-light {border:2px solid #000; color:#000;}
.btn-light:hover {background:#000; color:#fff;}

/* RESPONSIVE */
@media(max-width:900px){
  .steps, .cards-4, .benefits, .reviews {grid-template-columns:1fr;}
}




.chef-sos {font-family: 'Poppins', sans-serif; color:#000;}

section {padding:80px 20px;}
.container {max-width:1200px; margin:auto;}

/* TITLE FONT */
h1, h2, h3, h4 {font-family:'Playfair Display', serif;}

/* ---- HERO ---- */
.hero {
  background:#000;
  color:#fff;
  padding:120px 20px;
  border-radius:20px;
  text-align:center;
}
.hero h1 {font-size:55px; font-weight:700; margin-bottom:20px;}
.hero p {font-size:20px; opacity:0.9; max-width:700px; margin:0 auto 40px;}
.hero-buttons a {
  display:inline-block; padding:15px 35px; margin:10px;
  border-radius:10px; text-decoration:none; font-weight:600; transition:0.3s;
}
.btn-main {background:#F1E2C9; color:#000;}
.btn-main:hover {background:#9BC9C1;}
.btn-outline {border:2px solid #F1E2C9; color:#F1E2C9;}
.btn-outline:hover {background:#F1E2C9; color:#000;}
.hero-highlights {margin-top:40px; font-size:16px; opacity:0.9;}

/* ---- SECTION TITLES ---- */
.section-title {
  text-align:center; font-size:40px; margin-bottom:50px; font-weight:700;
}

/* HOW IT WORKS */
.steps {display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.step {
  background:; padding:40px; border-radius:16px; text-align:center;
}
.step h3 {font-size:24px; margin-bottom:15px;}
.step p {color:#444;}

/* WHO WE SERVE */
.cards-4 {display:grid; grid-template-columns:repeat(4,1fr); gap:25px;}
.card {
  background:#fff; border:1px solid #eee; padding:40px 25px; border-radius:16px; text-align:center;
  transition:0.3s;
}
.card:hover {transform:translateY(-5px); box-shadow:0px 8px 25px rgba(0,0,0,0.08);}
.card img {width:100%; height:150px; background:#ccc; border-radius:10px; margin-bottom:20px;}
.card h3 {font-size:20px;}

/* WHY CHOOSE US */
.benefits {display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.benefit {
  background:#F1E2C9; padding:35px; border-radius:16px;
}
.benefit h4 {font-size:20px; margin-bottom:10px;}
.benefit p {color:#444;}

/* FEATURED MEALS */
.tags {display:flex; flex-wrap:wrap; gap:15px; justify-content:center;}
.tag {
  background:#9BC9C1; padding:12px 20px; border-radius:30px;
  font-weight:500; color:#000;
}
.menu-cta {text-align:center; margin-top:40px;}
.menu-cta a {
  display:inline-block; background:#000; color:#fff; padding:15px 35px;
  text-decoration:none; border-radius:10px; transition:0.3s;
}
.menu-cta a:hover {background:#9BC9C1; color:#000;}

/* REVIEWS */
.reviews {display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
.review {
  background:#fff; border:1px solid #eee; padding:40px; border-radius:16px;
  font-size:17px; font-style:italic;
}

/* CHEF SIGNUP */
.signup {
  background:#000; color:#fff; padding:70px 40px; text-align:center; border-radius:20px;
}
.signup h2 {color:#F1E2C9;}
.signup a {
  display:inline-block; margin-top:25px; background:#F1E2C9; color:#000;
  padding:15px 35px; border-radius:10px; text-decoration:none; font-weight:600;
}
.signup a:hover {background:#9BC9C1;}

/* FINAL CTA */
.final-cta {text-align:center; padding:100px 20px;}
.final-cta h2 {font-size:45px; margin-bottom:20px;}
.final-cta a {
  display:inline-block; padding:15px 35px; margin:10px;
  border-radius:10px; text-decoration:none; font-weight:600;
}
.btn-dark {background:#000; color:#fff;}
.btn-light {border:2px solid #000; color:#000;}
.btn-light:hover {background:#000; color:#fff;}

/* RESPONSIVE */
@media(max-width:900px){
  .steps, .cards-4, .benefits, .reviews {grid-template-columns:1fr;}
}/* End custom CSS */