.elementor-kit-14{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Sautan Ki Rasoi — Global styles for header / home / footer
   Paste this into Elementor Site Settings -> Custom CSS (or upload as sautan_styles.css)
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Playfair+Display:wght@400;600&display=swap');

:root{
  --burgundy: #6b1724;
  --dark: #141214;
  --gold: #c99a4b;
  --muted: #6b6b6b;
  --bg: #faf6f3;
  --card: #ffffff;
  --radius: 12px;
  --container: 1200px;
}

/* Reset basics */
*{box-sizing:border-box}
html,body{height:100%;}
body{font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--dark);margin:0;line-height:1.6}

/* Utility container */
.site-container{max-width:var(--container);margin:0 auto;padding:0 20px;}

/* =========== HEADER =========== */
.skr-header{
  background:var(--card);
  border-bottom:1px solid rgba(20,20,20,0.04);
  position:sticky;top:0;z-index:999;
  backdrop-filter: blur(6px);
}
.skr-header .skr-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px;max-width:var(--container);margin:0 auto;padding:0 20px}
.skr-brand{display:flex;align-items:center;gap:12px}
.skr-logo{height:56px;width:auto;display:block}
.skr-site-title{font-family:'Playfair Display',serif;font-size:18px;color:var(--dark);font-weight:700}
.skr-nav{display:flex;gap:18px;align-items:center}
.skr-nav a{color:var(--dark);text-decoration:none;font-weight:600;padding:8px 10px;border-radius:8px}
.skr-nav a:hover{background:rgba(0,0,0,0.04)}
.skr-apply-btn{background:var(--burgundy);color:#fff;padding:9px 14px;border-radius:8px;text-decoration:none;font-weight:700;box-shadow:0 8px 28px rgba(107,23,36,0.12)}
.skr-hamburger{display:none;cursor:pointer;padding:8px;border-radius:8px;border:1px solid rgba(0,0,0,0.04)}

/* Mobile nav panel */
.skr-mobile-nav{display:none;position:fixed;inset:70px 16px auto 16px;background:var(--card);border-radius:12px;padding:14px;box-shadow:0 20px 60px rgba(10,10,10,0.12)}
.skr-mobile-nav a{display:block;padding:10px 8px;color:var(--dark);text-decoration:none;border-bottom:1px dashed rgba(0,0,0,0.03)}

/* =========== HERO (body) =========== */
.home-hero{background:linear-gradient(180deg, rgba(107,23,36,0.06), rgba(255,255,255,0));padding:56px 0}
.hero-inner{display:flex;gap:28px;align-items:center;justify-content:space-between;max-width:var(--container);margin:0 auto;padding:0 20px}
.hero-left{flex:1;min-width:280px}
.hero-title{font-family:'Playfair Display',serif;font-size:48px;margin:0 0 12px;color:var(--dark);line-height:1.02}
.hero-sub{color:var(--muted);margin-bottom:18px;font-size:16px;max-width:640px}
.hero-ctas{display:flex;gap:12px;align-items:center}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}
.btn-primary{background:linear-gradient(90deg,var(--burgundy), #3a1418);color:#fff;box-shadow:0 12px 40px rgba(20,10,10,0.12)}
.btn-outline{background:transparent;border:2px solid rgba(20,20,20,0.06);color:var(--dark)}
.hero-right{flex:1;display:flex;justify-content:center;align-items:center}
.hero-plate{width:100%;max-width:520px;border-radius:16px;overflow:hidden;box-shadow:0 34px 90px rgba(10,10,10,0.12);transition:transform .8s}

/* subtle steam overlay using pseudo elements is okay if image is dark enough */
.hero-plate img{width:100%;height:auto;display:block;transform-origin:center}

/* =========== FEATURES / ICONS =========== */
.features-row{display:flex;gap:14px;margin-top:22px}
.feature{flex:1;background:var(--card);padding:14px;border-radius:10px;text-align:center;box-shadow:0 8px 30px rgba(10,10,10,0.04)}
.feature .icon{font-size:26px;margin-bottom:8px}

/* =========== PACKAGES CARDS =========== */
.packages{max-width:var(--container);margin:36px auto;padding:0 20px}
.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pack-card{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 12px 36px rgba(10,10,10,0.06);transition:transform .36s,box-shadow .36s}
.pack-card:hover{transform:translateY(-10px) rotate(-0.6deg);box-shadow:0 40px 110px rgba(10,10,10,0.12)}
.pack-thumb{height:180px;overflow:hidden}
.pack-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.pack-card:hover .pack-thumb img{transform:scale(1.08)}
.pack-content{padding:16px}

/* =========== HOW IT WORKS =========== */
.how-steps{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.h-step{flex:1;min-width:180px;background:var(--card);padding:16px;border-radius:10px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.04)}

/* =========== TESTIMONIALS =========== */
.testimonial{background:var(--card);padding:22px;border-radius:12px;box-shadow:0 10px 36px rgba(0,0,0,0.06);margin-top:18px}

/* =========== CONTACT / FOOTER =========== */
.skr-footer{background:var(--burgundy);color:#fff;padding:28px 0;margin-top:36px}
.skr-footer .skr-inner{max-width:var(--container);margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.skr-footer a{color:var(--gold);text-decoration:none;font-weight:600}

/* Responsive */
@media (max-width:980px){
  .hero-inner{flex-direction:column-reverse;gap:18px}
  .features-row{flex-direction:column}
  .skr-nav{display:none}
  .skr-hamburger{display:block}
  .skr-mobile-nav{display:none} /* JS will toggle */
  .pack-grid{grid-template-columns:1fr}
  .skr-footer .skr-inner{flex-direction:column;gap:14px}
}/* End custom CSS */