/*
Theme Name: Custom Theme
Theme URI: http://skyhawksfusion.com/
Description: .
Version: 1.0.0
Author: skyhawksfusion
Author URI: http://skyhawksfusion.com/
*/
/* ================= FONT FACES ================= */
  @font-face{
    font-family:'FinalSix';
    src:url('/catering-assets/fonnts.com-FinalSix_Bold.otf') format('opentype');
    font-weight:700;
    font-display:swap;
  }
  @font-face{
    font-family:'FinalSix';
    src:url('/catering-assets/fonnts.com-FinalSix_ExtraBold.otf') format('opentype');
    font-weight:800;
    font-display:swap;
  }
  @font-face{
    font-family:'FinalSix';
    src:url('/catering-assets/fonnts.com-FinalSix_Black.otf') format('opentype');
    font-weight:900;
    font-display:swap;
  }
  @font-face{
    font-family:'FinalSix';
    src:url('/catering-assets/fonnts.com-FinalSix_Medium.otf') format('opentype');
    font-weight:500;
    font-display:swap;
  }
  @font-face{
    font-family:'Greycliff CF';
    src:url('/catering-assets/fonnts.com-Greycliff_CF_Regular.otf') format('opentype');
    font-weight:400;
    font-display:swap;
  }
  @font-face{
    font-family:'Greycliff CF';
    src:url('/catering-assets/fonnts.com-Greycliff_CF_Medium.otf') format('opentype');
    font-weight:500;
    font-display:swap;
  }
  @font-face{
    font-family:'Greycliff CF';
    src:url('/catering-assets/fonnts.com-Greycliff_CF_Demi_Bold.otf') format('opentype');
    font-weight:600;
    font-display:swap;
  }
  @font-face{
    font-family:'Greycliff CF';
    src:url('/catering-assets/fonnts.com-Greycliff_CF_Bold.otf') format('opentype');
    font-weight:700;
    font-display:swap;
  }

  /* ================= ROOT ================= */
  :root{
	--neworange:#EE7E50;
    --orange:#C74528;
    --light-orange:#F8AE86;;
    --teal:#1B9391;
    --black:#0D0D0D;
    --cream:#FCF9F4;
    --cream-2:#F4EFE9;
    --gray-text:#6B6B6B;
    --container:1340px;
    --page-max:1600px;
    --heading-font:'FinalSix';
    --body-font:'Greycliff CF';
  }

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--black);
    font-family:var(--body-font);
    color:var(--black);
    -webkit-font-smoothing:antialiased;
  }
  img{display:block;max-width:100%;}
  a{text-decoration:none;color:inherit;}
  button{font-family:inherit;cursor:pointer;}
  input{font-family:inherit;}


  .container{
    max-width:var(--container);
    margin:0 auto;
    padding:0 24px;
  }

  /* ================= HEADER ================= */
  header{
    background:var(--black);
    position:relative;
    z-index:50;
  }
  .header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:5px 24px;
    max-width:var(--container);
    margin:0 auto;
  }
  .logo img{
    max-height:50px;
    width:auto;
  }

  nav.desktop-nav{
    display:flex;
    align-items:center;
    gap:30px;
  }
  nav.desktop-nav a{
    font-family:var(--heading-font);
    font-weight:500;
    font-size:14px;
    letter-spacing:.2px;
    color:#fff;
    padding-bottom:4px;
  }
  nav.desktop-nav a{
    border-bottom:1px solid var(--light-orange);
  }

  .header-actions{
    display:flex;
    align-items:center;
    gap:40px;
  }
  .social-icons{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .social-icons img{
    width:20px;
    height:20px;
  }
  .btn-book{
    display:flex;
    align-items:center;
    gap:8px;
    border:1.5px solid var(--light-orange);
    color:var(--light-orange);
    background:transparent;
    font-family:var(--heading-font);
    font-weight:700;
    font-size:13px;
    padding:11px 20px;
    border-radius:30px;
    white-space:nowrap;
  }
  .btn-book img{width:15px;height:15px;}

  .hamburger-btn{
    display:none;
    background:none;
    border:none;
    padding:6px;
  }
  .hamburger-btn img{width:26px;height:26px;}

  /* ================= MOBILE MENU ================= */
  .mobile-menu{
    display:none;
    position:fixed;
    inset:0;
    background:var(--black);
    z-index:200;
    flex-direction:column;
    padding:16px 24px 28px;
  }
  .mobile-menu.open{display:flex;}
  .mobile-menu-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:40px;
  }
  .mobile-menu-top .logo-img,
  .mobile-menu-top img.logo-img{
    max-height:48px;
    width:auto;
  }
  .mobile-menu-top .logo-img img,
  .mobile-menu-top .logo-img .custom-logo-link img{
    max-height:48px;
    width:auto;
  }
  .close-btn{
    background:none;border:none;padding:6px;
  }
  .close-btn img{width:22px;height:22px;}

  .mobile-nav-list{
    display:flex;
    flex-direction:column;
    gap:26px;
    flex:1;
  }
  .mobile-nav-list a{
    font-family:var(--heading-font);
    font-weight:700;
    font-size:22px;
    color:#fff;
  }
  .mobile-nav-list a.active{color:var(--orange);}

  .mobile-menu .btn-book{
    justify-content:center;
    background:var(--orange);
    color:#fff;
    border:none;
    padding:15px 20px;
    font-size:14px;
    margin-top:10px;
  }
  .mobile-menu .btn-book img{filter:brightness(0) invert(1);}

  .mobile-footer{
    margin-top:30px;
    display:flex;
    justify-content:center;
    gap:20px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .mobile-footer img{width:22px;height:22px;}

  /* ================= HERO ================= */
  .hero{
    position:relative;
  }
  .hero-image-wrap{
    position:relative;
    width:100%;
    overflow:visible;
  }
  .hero-image-wrap img{
    width: 100%;
    height: clamp(260px, 30vw, 450px);
    object-fit: cover;
    display: block;
  }

  .truck-dome{
    position: relative;
    width: min(529px, 62%);
    border-radius: 50%;
    display: flex;
    z-index: 9;
    padding: 10px;
    justify-content: center;
    margin: -220px auto 0;
  }
  .truck-dome:before {
    content: "";
    width: 100%;
    height: 480px;
    position: absolute;
    top: -10px;
    left: 15px;
    background: var(--cream);
    z-index: -1;
    border-radius: 100%;
}
  @keyframes truck-idle {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-0.8px) rotate(0.05deg); }
    50% { transform: translateY(0.8px) rotate(-0.05deg); }
    75% { transform: translateY(-0.4px) rotate(0deg); }
  }
  @keyframes underglow-pulse {
    0%, 100% {
      filter: drop-shadow(0 8px 6px rgba(238, 126, 80, 0.4)) drop-shadow(0 15px 20px rgba(255, 0, 0, 0.5));
    }
    50% {
      filter: drop-shadow(0 8px 6px rgba(238, 126, 80, 0.6)) drop-shadow(0 20px 30px rgba(255, 0, 0, 0.85));
    }
  }
 .truck-dome img {
    margin-left: 40px;
    width: 80%;
    height: auto;
}

  .sparkle{
    position:absolute;
    width:26px;
    height:26px;
    z-index:5;
  }
  .sparkle.left{ left:8%; bottom:8%; }
  .sparkle.right{ right:8%; bottom:8%; }

  /* ================= CONTENT SECTION ================= */
  .content-section{
        background: linear-gradient(180deg, #060709 18.39%, #39676F 21.07%);
    padding:0 20px 20px;
	      display: inline-block;
    width: 100%;
  }
section.content-section.scrollabove .container.content-card.withicons {
    margin-top: -120px;
    display: block;
	overflow:hidden;
}
section.content-section.scrollabove .content-card.withicons:before {
    top: 0;
}

section.content-section.scrollabove .content-card.withicons:after, .content-section .content-card.withicons:before {
    width: 130px;
    height: 220px;
}
.hamburger-btn {
    background: #39676f;
    border-radius: 5px;
}
.hamburger-btn svg {
    width: 20px;
    height: 20px;
    fill: #fff !important;
    stroke: #fff;
}
.close-btn svg {
    width: 20px;
    height: 20px;
}
  .content-card{
    background:var(--cream);
    border-radius:36px 36px 24px 24px;
    position:relative;
    padding:40px 24px 30px;
    text-align:center;
  }

  .deco{
    position:absolute;
    opacity:.55;
  }
  .deco.taco{
    top:36px;
    left:24px;
    width:150px;
  }
  .deco.nachos{
    top:36px;
    right:24px;
    width:170px;
  }

  h1.headline{
    font-family:var(--heading-font);
    font-weight:500;
    font-size:clamp(20px, 4.4vw, 54px);
    line-height:1.12;
    margin:0 0 20px;
    max-width:820px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    z-index:9;
  }
  h1.headline .orange{color:var(--orange);}
  h2.headline .orange{color:var(--orange);}
  h1.headline .teal{color:var(--teal);}
  h1.headline .black-text, h1.headline .black{color:var(--black);}
.content-section p, .content-section .btn-submit, .content-section p, .content-section form {
    position: relative;
    z-index: 9;
}
  .sub-copy{
    font-family:var(--body-font);
    font-weight:400;
    font-size:clamp(14px, 1.1vw, 16px);
    color:#4a4a4a;
    max-width:640px;
    margin:0 auto 32px;
    line-height:1.6;
    position:relative;
    z-index:2;
  }

  .lead-form{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:16px;
    max-width:760px;
    margin:0 auto 26px;
    position:relative;
    z-index:2;
  }
  .lead-form input{
    flex:1 1 260px;
    background:#fff;
    border:1px solid #E3D9CB;
    border-radius:10px;
    padding:16px 18px;
    font-size:14px;
    color:var(--black);
  }
  .lead-form input::placeholder{color:#9B9B9B;}

  .btn-submit{
    background:var(--orange);
    color:#fff;
    border:none;
    font-family:var(--heading-font);
    font-weight:700;
    font-size:15px;
    padding: 12px 40px;
    border-radius: 42px;
    position:relative;
    z-index:2;
  }
  .content-section .content-card.withicons:after, .content-section .content-card.withicons:before {
    content: "";
    width: 180px;
    height: 250px;
    position: absolute;
}
.content-section .content-card.withicons:before {
    background: url(/catering-assets/icon2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
}

.content-section .content-card.withicons:after {
    background: url(/catering-assets/icon1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
}
  /* ================= RESPONSIVE ================= */
  @media (max-width: 960px){
    nav.desktop-nav{display:none;}
    .header-actions .social-icons{display:none;}
    .header-actions .btn-book{display:none;}
    .hamburger-btn{display:block;}
    .deco.taco, .deco.nachos{width:100px;}
    
  }

  @media (max-width: 640px){
    .header-inner{padding:5px 18px}
    .content-card{padding:26px 18px 20px !important;border-radius:24px 24px 16px 16px;}
    .deco.taco{top:18px;left:10px;width:70px;}
    .deco.nachos{top:18px;right:10px;width:80px;}
    .truck-dome {
        width: 80%;
        bottom: unset;
        margin: -140px auto 0;
    }
    .truck-dome:before {
    height: 270px;
}
.content-section .content-card.withicons:after, .content-section .content-card.withicons:before {
    content: "";
    width: 60px !important;
    height: 90px !important;
    position: absolute;
}
p.sub-copy {
    margin-bottom: 10px;
}
    .lead-form input{flex:1 1 100%;}
    .btn-submit{width:70%;margin:0 auto;display:flex}
    .content-section {
    padding: 0 15px 20px;
}
  }
  .about-card{
    margin-top: 50px;
  }

  /* ================= ABOUT SECTION ("What is Rollup Foodz?") ================= */
  .about-icon{
    width:64px;
    height:64px;
    margin:0 auto 20px;
  }
  .about-icon svg{width:100%;height:100%;}

  .content-heading{
    font-family: FinalSix;
font-weight: 500;
font-size: 42px;
line-height: 47px;
letter-spacing: -1%;
text-align: center;

    margin:0 0 30px;
  }
  h2.about-heading .black-text, h2.about-heading .black{color:var(--black);}
  h2.about-heading .orange{color:var(--orange);}

  .features-row{
    background:var(--cream-2);
    border-radius:20px;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    padding:40px 24px;
    gap:10px;
  }
  .feature-col{
    flex:1 1 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0 16px;
  }
  .feature-divider{
    width:1px;
    background:#c7c0b6;
    align-self:stretch;
    margin:6px 0;
  }
  .feature-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
    flex-shrink:0;
  }
  .feature-icon svg{width:22px;height:22px;}
  .feature-icon.orange-bg{background:var(--orange);}
  .feature-icon.teal-bg{background:var(--teal);}

  .feature-title{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:16px;
    color:var(--black);
    margin:0 0 10px;
  }
  .feature-text{
    font-family:var(--body-font);
    font-weight:400;
    font-size:13.5px;
    color:var(--gray-text);
    line-height:1.55;
    margin:0;
    max-width:230px;
  }

  @media (max-width: 768px){
    h2.about-heading{margin-bottom:28px;}
    .features-row{flex-direction:column;padding:28px 22px;gap:26px;}
    .feature-col{padding:0;}
    .feature-divider{width:100%;height:1px;margin:0;}
    .feature-text{max-width:100%;}
    .content-heading{font-size: 18px;}
  }

  @media (max-width: 640px){
    .about-section{padding:0 15px 40px;}
  }

  /* ================= GALLERY SECTION ("Want Rollup Today?") ================= */
  .gallery-card{
    margin-top:50px;
  }
  .gallery-card .sub-copy{
    margin-bottom:36px;
  }
  .gallery-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    text-align:left;
        margin-bottom: 60px;
  }
  .gallery-item{
    position:relative;
    border-radius:22px;
    overflow:hidden;
    aspect-ratio:4/3.05;
    background:#e9e2d6;
  }
  .gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .gallery-btn{
    position:absolute;
    left:20px;
    bottom:20px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 22px;
    border-radius:30px;
    font-family:var(--heading-font);
    font-weight:600;
    font-size:14px;
    color:#fff;
  }
  .gallery-btn.orange-bg{background:var(--orange);}
  .gallery-btn.teal-bg{background:var(--teal);}
  .gallery-btn svg{width:13px;height:13px;}

  @media (max-width: 768px){
    .gallery-grid{grid-template-columns:1fr;gap:16px;}
    .gallery-item{aspect-ratio:16/11;}
    .gallery-btn{padding:10px 18px;font-size:13px;left:14px;bottom:14px;}
  }

  /* ================= ROLL SECTION ("The Roll Everyone Talks About") ================= */
  .roll-card{
    margin-top:50px;
    background:var(--cream-2);
    text-align:left;
    padding:56px 40px;
  }
.roll-inner {
    display: flex;
    align-items: center;
    gap: 46px;
    background: #F3EEE8;
    border-radius: 25px;
    padding: 25px;
}
  .roll-text{
    flex:1 1 0;
    min-width:0;
    width: 50%;
  }
  .roll-heading{
    text-align:left;
    max-width:none;
    margin:0 0 18px;
  }
  .roll-copy{
    font-family:var(--body-font);
    font-weight:400;
    font-size:15px;
    color:var(--gray-text);
    line-height:1.65;
    margin:0 0 26px;
    max-width:420px;
    text-align: left;
  }
  .container.gallery-card.content-card {
    text-align: left;
}
  .roll-list{
    list-style:none;
    margin:0 0 32px;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .roll-list li{
    display:flex;
    align-items:center;
    gap:12px;
    font-family:var(--body-font);
    font-weight:400;
    font-size:14.5px;
    color:var(--black);
  }
  .check-ico{
    width:20px;
    height:20px;
    border-radius:50%;
    background:var(--teal);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .check-ico svg{width:11px;height:11px;}

  .btn-outline{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1.5px solid var(--teal);
    color:var(--teal);
    background:transparent;
    font-family:var(--heading-font);
    font-weight:600;
    font-size:14px;
    padding:12px 26px;
    border-radius:30px;
  }
  .btn-outline svg{width:12px;height:12px;}

  .roll-image{
    flex:1 1 0;
    position:relative;
    width:50%;

  }
  .roll-image img{
    width:100%;
    border-radius:20px;
    display:block;
        padding: 20px;
  }
  .roll-image .dot{
    position:absolute;
    width:9px;
    height:9px;
    border-radius:50%;
  }
  .roll-image .dot.top{
    background:var(--teal);
    top:0px;
    right:0;
  }
  .roll-image .dot.bottom{
    background:var(--orange);
    bottom:0px;
    left:0px;
  }

span.deco-left-line {
    width: 2px;
    position: absolute;
    bottom: 14px;
    left: 3px;
    height: 65%;
    background: var(--orange);
}
span.deco-bottom-line {
    position: absolute;
    bottom: 3px;
    left: 14px;
    height: 2px;
    background: var(--orange);
    width: 15%;
}
  span.deco-top-line {
    width: 10%;
    position: absolute;
    top: 0;
    border-top: solid #1B9391 2px;
    right: 13px;
}
span.deco-right-line {
    width: 2px;
    position: absolute;
    top: 14px;
    border-top: 2px solid #1B9391;
    right: 2px;
    height: 65%;
    background: #1B9391;
}
  .roll-image .deco-line{
    position:absolute;
    top:-18px;
    right:4px;
    bottom:-18px;
    left:-40px;
    border-top:1.5px dashed var(--teal);
    border-right:1.5px dashed var(--teal);
    border-bottom:1.5px dashed var(--orange);
    pointer-events:none;
  }

  @media (max-width: 900px){
    .roll-inner{flex-direction:column;text-align:center;}
    .roll-heading{text-align:center;}
    .roll-copy{max-width:100%;margin-left:auto;margin-right:auto;}
    .roll-list{align-items:center;}
    .roll-list li{justify-content:center;}
    .roll-image{max-width:100%;}
    .roll-image .deco-line{display:none;}
  }

  @media (max-width: 640px){
    .roll-card{padding:40px 20px;}
    .roll-inner{gap:30px;}
  }
  .social-card{
    margin-top:50px;
  }
  .social-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--light-orange);
    color:#8A3210;
    font-family:var(--heading-font);
    font-weight:600;
    font-size:13px;
    padding:9px 18px;
    border-radius:30px;
    margin-bottom:22px;
  }
  .social-badge svg{width:15px;height:15px;flex-shrink:0;}
 
  .social-card .content-heading{
    margin-bottom:12px;
  }
  .social-card .sub-copy{
    margin-bottom:36px;
  }
 
  .social-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    text-align:left;
  }
  .insta-post{
    background:#fff;
    border:1px solid #ECE5D8;
    border-radius:16px;
    overflow:hidden;
  }
  .insta-post-header{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
  }
  .insta-avatar{
    width:30px;
    height:30px;
    border-radius:50%;
    flex-shrink:0;
    border:1.5px solid var(--orange);
    padding:1.5px;
  }
  .insta-avatar img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
  }
  .insta-username{
    font-family:var(--body-font);
    font-weight:600;
    font-size:13px;
    color:var(--black);
    flex:1;
  }
  .insta-more{
    color:#9B9B9B;
    flex-shrink:0;
  }
  .insta-more svg{width:16px;height:16px;}
 
  .insta-post-image{
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    background:#eee;
  }
  .insta-post-image img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
 
  .insta-post-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
  }
  .insta-actions{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .insta-actions svg,
  .insta-post-footer .insta-bookmark svg{
    width:18px;
    height:18px;
  }
  .insta-actions .like svg{fill:var(--orange);stroke:var(--orange);}
 
  @media (max-width: 960px){
    .social-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width: 560px){
    .social-grid{grid-template-columns:1fr;}
    .social-badge{font-size:12px;padding:8px 16px;}
  }
  .book-card{
    margin-top:50px;
  }
  .book-icon{
    width:66px;
    height:66px;
    margin:0 auto 14px;
  }
  .book-icon svg{width:100%;height:100%;}
 
  .book-card .content-heading{
    margin-bottom:10px;
  }
  .book-card .sub-copy{
    margin-bottom:34px;
  }
 
  .booking-form{
    max-width:900px;
    margin:0 auto;
  }
  .booking-row{
    display:grid;
    gap:16px;
    margin-bottom:16px;
  }
  .booking-row.row-3{
    grid-template-columns:1fr 1fr 1fr;
  }
  .booking-row.row-2{
    grid-template-columns:1fr 1fr;
  }
 
  .field{
    position:relative;
  }
  .field input,
  .field select{
    width:100%;
    background:#fff;
    border:1px solid #DAD2C4;
    border-radius:10px;
    padding:15px 18px;
    font-family:var(--body-font);
    font-size:14px;
    color:var(--black);
    appearance:none;
    -webkit-appearance:none;
  }
  .field input::placeholder{color:#9B9B9B;}
  .field input[type="date"],
  .field input[type="time"]{
    color:#9B9B9B;
    cursor:pointer;
  }
  .field select{
    color:#9B9B9B;
    cursor:pointer;
  }
  .field.has-caret::after{
    content:"";
    position:absolute;
    right:18px;
    top:50%;
    width:9px;
    height:9px;
    border-right:1.6px solid #6B6B6B;
    border-bottom:1.6px solid #6B6B6B;
    transform:translateY(-65%) rotate(45deg);
    pointer-events:none;
  }
  .field input[type="date"]::-webkit-calendar-picker-indicator,
  .field input[type="time"]::-webkit-calendar-picker-indicator{
    opacity:0;
    position:absolute;
    right:0;
    width:100%;
    height:100%;
    cursor:pointer;
  }
 
  .book-submit-wrap{
    text-align:center;
    margin-top:8px;
  }
  .btn-send{
    background:var(--orange);
    color:#fff;
    border:none;
    font-family:var(--heading-font);
    font-weight:700;
    font-size:15px;
    padding:14px 46px;
    border-radius:42px;
  }
 
  @media (max-width: 768px){
    .booking-row.row-3,
    .booking-row.row-2{
      grid-template-columns:1fr;
    }
  }
  /* ================= TESTIMONIALS SECTION ================= */
  .testimonials-card{
    margin-top:50px;
    position:relative;
    overflow:hidden;
  }
  .testimonials-card .deco{
    opacity:1;
  }
  .testimonials-card .deco.lemon{
    left:0;
    bottom:0;
    width:220px;
  }
  .testimonials-card .deco.orange-slice{
    right:0;
    bottom:0;
    width:220px;
  }
 
  .testimonials-grid{
    display:flex;
    align-items:flex-start;
    gap:24px;
    position:relative;
    z-index:2;
  }
  .testimonial-col{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:24px;
  }
 
  .testimonial-heading-block{
    text-align:center;
    padding:0 6px 6px;
  }
  .testimonial-heading-block .content-heading{
    font-size:clamp(20px, 2.4vw, 32px);
    line-height:1.2;
    margin-bottom:22px;
    text-align:center;
  }
 
  .review-card{
    background:#F7ECDF;
    border-radius:20px;
    padding:26px;
    position:relative;
    overflow:hidden;
    text-align:left;
  }
  .review-card.dark{
    background:#2C5B62;
    color:#fff;
  }
  .review-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
  }
  .review-stars{
    display:flex;
    gap:4px;
  }
  .review-stars svg{width:16px;height:16px;}
  .review-google svg{width:22px;height:22px;display:block;}
 
  .review-text{
    font-family:var(--body-font);
    font-weight:400;
    font-size:14.5px;
    line-height:1.6;
    color:#5A5148;
    margin:0 0 40px;
    position:relative;
    z-index:2;
  }
  .review-card.dark .review-text{color:#E7EDEC;}
 
  .review-footer{
    display:flex;
    align-items:center;
    gap:12px;
    position:relative;
    z-index:2;
  }
  .review-avatar{
    width:46px;
    height:46px;
    border-radius:50%;
    flex-shrink:0;
    overflow:hidden;
  }
  .review-avatar img{width:100%;height:100%;object-fit:cover;}
  .review-name{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:13.5px;
    letter-spacing:.3px;
    text-transform:uppercase;
    color:var(--black);
    margin:0 0 2px;
  }
  .review-card.dark .review-name{color:#fff;}
  .review-role{
    font-family:var(--body-font);
    font-size:12.5px;
    color:var(--orange);
  }
 
  .review-quote-mark{
    position:absolute;
    right:18px;
    bottom:14px;
    font-family:Georgia, serif;
    font-size:64px;
    line-height:1;
    color:#DDD0C0;
    z-index:1;
    user-select:none;
  }
  .review-card.dark .review-quote-mark{color:#3E6D74;}
 
  @media (max-width: 900px){
    .testimonials-grid{flex-direction:column;}
    .testimonial-col{width:100%;}
  }
  @media (max-width: 640px){
    .testimonials-card .deco.lemon,
    .testimonials-card .deco.orange-slice{width:130px;}
    .review-card{padding:22px;}
  }
   .marquee-section{
    width:100%;
    overflow:hidden;
    background:#39676F;
    padding:36px 0;
  }
  .marquee-track{
    display:flex;
    width:max-content;
    animation:marquee-scroll 34s linear infinite;
    will-change: transform;
  }
  .marquee-group{
    display:flex;
    align-items:center;
    gap:24px;
    padding-right:24px;
    flex-shrink:0;
  }
  .marquee-group img{
    height:340px;
    width:auto;
    max-width:none;
    border-radius:22px;
    object-fit:cover;
    display:block;
    flex-shrink:0;
  }
 
  @keyframes marquee-scroll{
    from{ transform:translate3d(0, 0, 0); }
    to{ transform:translate3d(-50%, 0, 0); }
  }
 
  @media (max-width: 1100px){
    .marquee-group img{height:260px;}
    .marquee-track{animation-duration:28s;}
  }
  @media (max-width: 768px){
    .marquee-group img{height:190px;border-radius:16px;}
    .marquee-group{gap:16px;padding-right:16px;}
    .marquee-track{animation-duration:22s;}
    .marquee-section{padding:26px 0;}
  }
  @media (max-width: 480px){
    .marquee-group img{height:140px;border-radius:14px;}
    .marquee-track{animation-duration:16s;}
  }
    /* ================= FOOTER ================= */
  footer{
    background:#1E5359;
    padding:70px 0 0;
  }
  .footer-inner{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:40px;
    padding-bottom:50px;
  }
 
  .footer-brand{
    flex:1 1 260px;
    max-width:320px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .footer-logo{
    margin-bottom:22px;
    display:flex;
    justify-content:center;
  }
  .footer-logo img,
  .footer-logo .custom-logo-link img{
    max-height:120px;
    width:initial;
    height: initial;
  }
  .footer-tagline{
    font-family:var(--body-font);
    font-weight:500;
    font-size:18px;
    line-height:1.4;
    color:#fff;
    margin:0;
  }
 
  .footer-col{
    flex:0 1 auto;
  }
  .footer-col-title{
    font-family:var(--heading-font);
    font-weight:700;
    font-size:15px;
    letter-spacing:.4px;
    color:#fff;
    margin:0 0 22px;
  }
  .footer-links{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:16px;
  }
  .footer-links a{
    font-family:var(--body-font);
    font-weight:400;
    font-size:15px;
    letter-spacing:.3px;
    color:#A9C1C2;
    text-transform:uppercase;
  }
  .footer-col.useful .footer-links a{
    text-transform:none;
  }
  .footer-links a:hover{color:#fff;}
 
  .footer-contacts p{
    font-family:var(--body-font);
    font-weight:400;
    font-size:16px;
    color:#DCE7E7;
    margin:0 0 14px;
  }
  .footer-socials-title{
    font-family:var(--heading-font);
    font-weight:700;
    font-size:15px;
    letter-spacing:.4px;
    color:#fff;
    margin:22px 0 16px;
  }
  .footer-social-icons{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .footer-social-icons a{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .footer-social-icons svg{
    width:18px;
    height:18px;
  }
 
  .footer-divider{
    border:none;
    border-top:1px solid rgba(255,255,255,.18);
    margin:0;
  }
  .footer-bottom{
    text-align:center;
    padding:26px 0;
  }
  .footer-bottom p{
    font-family:var(--body-font);
    font-weight:400;
    font-size:14px;
    color:#B9CBCC;
    margin:0;
  }
 
  @media (max-width: 900px){
    .footer-inner{gap:36px;}
    .footer-brand{max-width:100%;flex-basis:100%;}
  }
  @media (max-width: 640px){
    footer{padding-top:50px;}
    .footer-inner{
      flex-direction:column;
      gap:34px;
      padding-bottom:36px;
    }
    .footer-logo{width:200px;}
    .footer-tagline{font-size:16px;}
    .footer-col-title{margin-bottom:16px;}
    .footer-links{gap:12px;}
    .roll-image, .roll-text {
    width: 100%;
}
  }
.banner-wrapper {
    position: relative;
    padding: 50px 0px;
    background-position: top center;
    background-size: cover !important;
    margin-top: -90px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    z-index: 1;
}
body:not(.home) section.banner-wrapper:before {
    content: "";
    width: 100%;
    height: 33%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #fff, transparent);
}
.main-heading, .main-heading span {
    color: #000;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
}
section.contentArea.blog {
    padding: 60px 0;
    position: relative;
}
.blogwrap {
    padding: 20px;
    box-shadow: 5px 0px 15px #00000066;
    height: 100%;
    position: relative;
    z-index: 9;
    background: #fff;
}
.blogwrap .post-thumb img {
    width: 100%;
    object-fit: cover;
}
.datepo {
    margin-top: 10px;
}
.secondary-btn {
    background: #041f3b;
    border-radius: 60px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 30px;
    transition: 0.3s allease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    border: 1px solid #041f3b;
}
.secondary-btn svg {
    width: 14px;
    height: auto;
}
.theme-flexbox {
    display: flex;
    flex-wrap: wrap;
}
.list-2 {
    width: 47%;
}
.list-2:nth-child(even) {
    padding-right: 0;
}
.list-2 {
    padding: 0 21px;
    margin-bottom: 80px;
}
.blogwrap a {
    text-decoration: none;
}
section.postsinglepos {
    padding: 60px 0;
}
.single.post-item h2.post-title {
    max-width: 70%;
}
.single.post-item .post-title ul {
    list-style: none;
    padding: 0;
    margin: 14px 0;
    gap: 1rem;
    display: flex
;
}
.single.post-item p {
    margin-top: 20px;
}
.single.post-item img {
    width: 100%;
    margin-bottom: 15px;
}
.postsidebar {
    background: #fba41654;
    padding: 20px;
}
.searchd form {
    border: solid 1px #ffffff;
    padding: 15px 8px;
    background: #fff;
    border-radius: 30px;
    position: relative;
}
.searchd button {
    border: 0;
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.catlist h2, .recpos h2, .tagsli h2 {
    font-size: 20px;
    margin: 23px 0 11px;
    text-transform: uppercase;
}
.catlist ul, .recpos ul, .tagsli ul {
    list-style: none;
    padding: 0;
}
.catlist ul li {
    border-bottom: solid 1px #c4c4c4;
    padding: 10px 25px 10px;
    position: relative;
}
.catlist ul li a {
    color: #000;
}
.catlist ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    left: 0;
    background: url(/catering-assets/right-arrowlist.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}
.recpos a {
    align-items: center;
    display: flex
;
    gap: 1rem;
    text-decoration: none;
}
.titl {
    color: #000;
    font-size: 14px;
}
.cmtns {
    display: flex
;
    align-items: center;
    gap: 5px;
    color: #5E5E5E;
    font-size: 15px;
}
.cmtns img {
    width: 12px;
}
.cmtns span {
    font-size: 12px;
}
.tagsli ul {
    display: flex
;
    flex-wrap: wrap;
}
.tagsli li {
    width: 42%;
    background: #041F3B;
    margin: 0 5px 11px;
    padding: 10px 0;
}
.tagsli li a {
    color: #fff;
    background: #041F3B;
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: block;
}
h3#reply-title {
    text-transform: uppercase;
}
p.logged-in-as, p.logged-in-as a {
    color: #000;
}
section.commentbox.faq-wrapper form#commentform input, section.commentbox.faq-wrapper form#commentform textarea {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
    border: solid 1px #000;
    padding: 10px;
}
section.commentbox.faq-wrapper form#commentform input#submit {
    background: #041f3b;
    border-radius: 60px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 30px;
    transition: 0.3s allease;
    align-items: center;
    text-align: center;
    border: 1px solid #041f3b;
    width: auto;
    margin-bottom: 10px;
}
.postsidebar input#search-form- {
    width: 100%;
    border: 0;
}
@media (min-width: 768px) {
    .list-9 {
        flex: 0 0 auto;
        width: 75%;
    }
	.list-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}
@media(max-width:768px){
	.list-2{
		width:100%;
		padding: 0;
	}
	section.postsinglepos {
    padding: 25px 0;
}
}


.story-card{
    margin-top:50px;
    text-align:left;
    padding:60px 40px;
  }
  .story-inner{
    display:flex;
    align-items:center;
    gap:64px;
    flex-wrap:wrap;
  }
 
  .story-images{
    position:relative;
    flex:1 1 480px;
    max-width:560px;
    aspect-ratio:6/5;
  }
  .story-img-1,
  .story-img-2,
  .story-img-3{
    position:absolute;
    overflow:hidden;
    background:#fff;
  }
  .story-img-1 img,
  .story-img-2 img,
  .story-img-3 img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  .story-img-1{
    top:0;
    left:0;
    width:50%;
    border-radius:20px;
    z-index:1;
  }
  .story-img-2{
    bottom:0;
    left:33%;
    width:54%;
    border-radius:20px;
    z-index:2;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
  }
  .story-img-3{
    top:0;
    right:0;
    width:32%;
    border-radius:50%;
    border:6px solid var(--teal);
    z-index:3;
  }
 
  .story-text{
    flex:1 1 380px;
  }
  .story-heading{
    font-family:var(--heading-font);
    line-height:1.08;
    margin:0 0 22px;
    font-size:clamp(20px, 3vw, 42px);
  }
.roll-text p {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.45;
    color: var(--gray-text);
    margin: 0 0 12px;
}
  .story-heading .line1, .story-heading .orange{
    display:block;
    color:var(--orange);
    font-weight:500;
  }
.container.story-card.content-card .roll-heading span {
    display: block;
}
  .story-heading .line2, .story-heading .black{
    display:block;
    color:var(--black);
    font-weight:700;
  }
 
  .story-copy p{
    font-family:var(--body-font);
    font-weight:400;
    font-size:15px;
    line-height:1.75;
    color:var(--gray-text);
    margin:0 0 20px;
  }
  .story-copy p:last-child{margin-bottom:0;}
 
  @media (max-width: 900px){
    .story-inner{
      flex-direction:column;
      text-align:center;
    }
    .story-images{
      margin:0 auto;
      max-width:360px;
    }
    .story-text{
      text-align:center;
    }
    .story-copy p{
      text-align:left;
    }
  }
  @media (max-width: 640px){
    .story-card{padding:44px 20px;}
    .story-images{max-width:100%;}
    .story-heading{margin-bottom:16px;}
	  span.story-img-2 {
    bottom: unset;
    top: 50px;
}

.story-images {
    position: relative;
    flex: 1 1 260px;
    max-width: 100% !important;
}
	  .story-inner {
    gap: 24px;
}
	  h2.story-heading span {
    display: inline !important;
}
  }

.foodtruckcathvive{
    margin-top:50px;
    text-align:center;
  }
  .foodtruckcathvive .fcv-header{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    flex-wrap:wrap;
    margin-bottom:22px;
  }
  .foodtruckcathvive .fcv-icon{
    width:110px;
    height:110px;
    flex-shrink:0;
    opacity:.55;
  }
  .foodtruckcathvive .fcv-icon svg{
    width:100%;
    height:100%;
  }
  .foodtruckcathvive .fcv-heading{
    font-family:var(--heading-font);
    line-height:1.12;
    margin:0;
    text-align:left;
    font-size:clamp(20px, 4.2vw, 50px);
  }
.foodtruckcathvive .fcv-heading span{
	display:block
}
.foodtruckcathvive .fcv-schedule {
    max-width: 1080px;
    margin: 0 auto;
}
  .foodtruckcathvive .fcv-heading .line1{
    display:block;
    font-weight:500;
    color:var(--black);
  }
  .foodtruckcathvive .fcv-heading .line2{
    display:block;
    font-weight:700;
    color:var(--orange);
  }
 
  .foodtruckcathvive .fcv-subtext{
    font-family:var(--body-font);
    font-weight:400;
    font-size:16px;
    line-height:1.65;
    color:var(--gray-text);
    max-width:640px;
    margin:0 auto 36px;
  }
.story-inner.cate {
    background: var(--cream-2);
    padding: 30px;
    border-radius: 30px;
}
 .container.story-card.content-card.cate {
    padding: 40px 30px;
}
  .foodtruckcathvive .fcv-schedule{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    text-align:left;
  }
  .foodtruckcathvive .fcv-row{
    display:flex;
    align-items:center;
    gap:24px;
    padding:28px 32px;
    border-bottom:1px solid #ECE6DA;
  }
  .foodtruckcathvive .fcv-row:last-child{
    border-bottom:none;
  }
  .foodtruckcathvive .fcv-badge{
    background:var(--teal);
    color:#fff;
    font-family:var(--body-font);
    font-weight:600;
    font-size:14px;
    padding:11px 24px;
    border-radius:30px;
    white-space:nowrap;
    flex-shrink:0;
  }
  .foodtruckcathvive .fcv-title{
    flex:1;
    min-width:0;
    font-family:var(--heading-font);
    font-weight:700;
    font-size:clamp(16px, 1.6vw, 21px);
    color:var(--black);
  }
  .foodtruckcathvive .fcv-time{
    font-family:var(--body-font);
    font-weight:600;
    font-size:15px;
    color:var(--orange);
    flex-shrink:0;
    white-space:nowrap;
  }
 
  .foodtruckcathvive .fcv-note{
    font-family:var(--body-font);
    font-weight:400;
    font-size:16px;
    line-height:1.6;
    color:var(--gray-text);
    max-width:640px;
    margin:26px auto 0;
    text-align:center;
  }
 
  @media (max-width: 768px){
    .foodtruckcathvive .fcv-header{
      flex-direction:column;
      text-align:center;
    }
    .foodtruckcathvive .fcv-heading{
      text-align:center;
    }
    .foodtruckcathvive .fcv-icon{
      width:80px;
      height:80px;
    }
  }
  @media (max-width: 640px){
    .foodtruckcathvive{padding:44px 18px;}
    .foodtruckcathvive .fcv-row{
      flex-wrap:wrap;
      padding:22px 20px;
      gap:10px;
    }
    .foodtruckcathvive .fcv-title{
      flex:1 1 100%;
      order:2;
    }
    .foodtruckcathvive .fcv-badge{
      order:1;
    }
    .foodtruckcathvive .fcv-time{
      order:3;
      margin-left:auto;
    }
  }

/* ================= PACKAGES SECTION ("Simple Packages. Bold Flavors.") ================= */
  .packages-card{
    margin-top:50px;
  }
  .packages-card .content-heading{
    margin-bottom:12px;
  }
  .packages-card .sub-copy{
    margin-bottom:40px;
  }
 
  .pkg-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    text-align:left;
  }
  .pkg-item{
    position:relative;
    border-radius:22px;
    overflow:hidden;
    min-height:auto;
    display:flex;
    align-items:flex-end;
  }
  .pkg-item img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
  }
  .pkg-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.82) 100%);
    z-index:2;
  }
  .pkg-content{
    position:relative;
    z-index:3;
    padding:30px 34px 34px;
    width:100%;
  }
  .pkg-badge{
    display:inline-block;
    font-family:var(--body-font);
    font-weight:600;
    font-size:14px;
    color:#1E5359;
    background:var(--light-orange);
    padding:10px 22px;
    border-radius:30px;
    margin-bottom:26px;
  }
  .pkg-item.teal-badge .pkg-badge{
    background:#A8DCE0;
    color:#1E5359;
  }
  .pkg-title{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:clamp(20px, 2.6vw, 34px);
    color:#fff;
    margin:0 0 22px;
  }
  .pkg-includes{
    font-family:var(--body-font);
    font-weight:600;
    font-size:15px;
    color:#fff;
    margin:0 0 14px;
  }
  .pkg-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .pkg-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-family:var(--body-font);
    font-weight:400;
    font-size:15px;
    line-height:1.5;
    color:#F1EEE9;
  }
  .pkg-check{
    width:22px;
    height:22px;
    border-radius:50%;
    background:var(--teal);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    margin-top:1px;
  }
  .pkg-check svg{width:12px;height:12px;}
 
  @media (max-width: 900px){
    .pkg-grid{grid-template-columns:1fr;}
  }
  @media (max-width: 640px){
    .pkg-content{padding:24px 22px 26px;}
    .pkg-badge{padding:8px 18px;font-size:13px;margin-bottom:18px;}
    .pkg-title{margin-bottom:16px;}
  }

  /* ================= PROCESS STEPS SECTION ("How to Get Us Rolling to You.") ================= */
  .howtogetus{
    max-width:var(--container);
    margin:0px auto 50px;
    padding:0 24px;
    text-align:center;
  }
  .howtogetus .htg-heading{
    font-family:var(--heading-font);
    font-weight:500;
    line-height:1.12;
    margin:0 0 14px;
    font-size:clamp(20px, 4vw, 50px);
  }
  .howtogetus .htg-heading .black-text{color:var(--black);}
  .howtogetus .htg-heading .orange{color:var(--orange);}
 
  .howtogetus .htg-subtext{
    font-family:var(--body-font);
    font-weight:400;
    font-size:15px;
    line-height:1.6;
    color:var(--gray-text);
    max-width:640px;
    margin:0 auto 36px;
  }
 
  .howtogetus .htg-steps{
    background:var(--cream-2);
    border-radius:24px;
    display:flex;
    align-items:stretch;
    padding:48px 20px;
  }
  .howtogetus .htg-step{
    flex:1 1 0;
    position:relative;
    padding:0 26px;
  }
  .howtogetus .htg-step + .htg-step::before{
    content:"";
    position:absolute;
    left:0;
    top:6%;
    bottom:6%;
    width:1px;
    background:#B9CFC9;
  }
 
  .howtogetus .htg-icon-wrap{
    position:relative;
    width:64px;
    height:64px;
    margin:0 auto 22px;
  }
  .howtogetus .htg-icon{
    width:100%;
    height:100%;
    border-radius:50%;
    background:var(--teal);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .howtogetus .htg-icon svg{
    width:26px;
    height:26px;
  }
  .howtogetus .htg-number{
    position:absolute;
    top:-6px;
    right:-6px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:var(--orange);
    color:#fff;
    font-family:var(--body-font);
    font-weight:700;
    font-size:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid var(--cream-2);
  }
 
  .howtogetus .htg-title{
    font-family:var(--heading-font);
    font-weight:700;
    font-size:18px;
    color:var(--black);
    margin:0 0 12px;
  }
  .howtogetus .htg-desc{
    font-family:var(--body-font);
    font-weight:400;
    font-size:14px;
    line-height:1.6;
    color:var(--gray-text);
    margin:0;
    max-width:260px;
    margin-left:auto;
    margin-right:auto;
  }
 
  @media (max-width: 900px){
    .howtogetus .htg-steps{
      flex-direction:column;
      gap:36px;
      padding:40px 28px;
    }
    .howtogetus .htg-step{
      padding:0;
    }
    .howtogetus .htg-step + .htg-step::before{
      left:6%;
      right:6%;
      top:-18px;
      bottom:auto;
      width:auto;
      height:1px;
    }
  }
  @media (max-width: 640px){
    .howtogetus{padding:0 px;}
    .howtogetus .htg-steps{padding:34px 20px;border-radius:20px;}
    .howtogetus .htg-subtext{margin-bottom:28px;}
  }

/* ================= STREET FOOD MENU SECTION ================= */
  .streetfoodmenu{
    max-width:var(--container);
    margin:0px auto 0;
    text-align:center;
	  position:relative
  }
span.absoltureicon {
    position: absolute;
    left: 50px;
    top: 50px;
}
 
  .streetfoodmenu .sfm-badge{
    display:inline-flex;
    align-items:center;
    background:var(--light-orange);
    color:var(--orange);
    font-family:var(--body-font);
    font-weight:700;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:9px 20px;
    border-radius:30px;
    margin-bottom:10px;
  }
  .streetfoodmenu .sfm-badge.teal{
    background:rgba(27, 147, 145, 0.12);
    color:#1B9391;
  }
 
  .streetfoodmenu .sfm-heading .black-text{color:var(--black);}
  .streetfoodmenu .sfm-heading .orange{color:var(--orange);}
  .streetfoodmenu .sfm-heading.small{
	font-family:var(--heading-font);
    font-size:clamp(20px, 2.6vw, 32px);
    margin-bottom:0;
	margin-top:0
  }
 
  .streetfoodmenu .sfm-subtext{
    font-family:var(--body-font);
    font-weight:400;
    font-size:15px;
    line-height:1.6;
    color:var(--gray-text);
    max-width:640px;
    margin:0 auto 40px;
  }
 
  .streetfoodmenu .sfm-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    text-align:left;
  }
 
  .streetfoodmenu .sfm-item-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
  }
  .streetfoodmenu .sfm-item-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-bottom:18px;
    margin-bottom:18px;
    border-bottom:1px solid #ECE6DA;
  }
  .streetfoodmenu .sfm-item-name{
    font-family:var(--heading-font);
    font-weight:500;
    font-size:22px;
    color:var(--black);
    margin:0;
  }
  .streetfoodmenu .sfm-item-price{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:20px;
    color:var(--orange);
    flex-shrink:0;
  }
 
  .streetfoodmenu .sfm-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
  }
  .streetfoodmenu .sfm-tag{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 14px;
    border-radius:20px;
    font-family:var(--body-font);
    font-weight:700;
    font-size:10.5px;
    letter-spacing:.4px;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .streetfoodmenu .sfm-tag img{
    width:11px;
    height:11px;
    flex-shrink:0;
  }
  .streetfoodmenu .sfm-tag.popular{background:var(--orange);color:#fff;}
  .streetfoodmenu .sfm-tag.grilled{background:#EFEBE3;color:#5A5148;}
  .streetfoodmenu .sfm-tag.halal{background:#1B9391;color:#fff;}
  .streetfoodmenu .sfm-tag.creamy{background:#F2B33D;color:#4A3200;}
  .streetfoodmenu .sfm-tag.veg{background:#1B9391;color:#fff;}
  .streetfoodmenu .sfm-tag.tray-half{background:rgba(27, 147, 145, 0.12);color:#1B9391;}
  .streetfoodmenu .sfm-tag.tray-full{background:var(--light-orange);color:var(--orange);}
 
  .streetfoodmenu .sfm-item-desc{
    font-family:var(--body-font);
    font-weight:400;
    font-size:14.5px;
    line-height:1.65;
    color:var(--gray-text);
    margin:0;
  }
 
  .streetfoodmenu .sfm-item-image{
    border-radius:20px;
    overflow:hidden;
    height:340px;
  }
  .streetfoodmenu .sfm-item-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
 
  .streetfoodmenu .sfm-side-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
  }
  .streetfoodmenu .sfm-side-card .sfm-item-desc{
    margin-bottom:18px;
  }
  .streetfoodmenu .sfm-side-card .sfm-tags{
    margin-bottom:0;
  }
 
  .streetfoodmenu .sfm-sides{
    margin-top:64px;
  }
  .streetfoodmenu .sfm-sides-header{
    margin-bottom:34px;
  }
 @media (max-width: 860px){
 span.absoltureicon {
    position: relative;
    left: 0px;
    top: 0px;
	 text-align:center;
	 
}
	 span.absoltureicon img {
    margin: 0 auto 11px;
    height: 60px;
}
}
  @media (max-width: 860px){
    .streetfoodmenu .sfm-grid{grid-template-columns:1fr;}
    .streetfoodmenu .sfm-item-image{height:280px;}
  }
  @media (max-width: 640px){
    .streetfoodmenu{padding:0 5px;}
    .streetfoodmenu .sfm-item-card,
    .streetfoodmenu .sfm-side-card{padding:15px;}
    .streetfoodmenu .sfm-item-name{font-size:16px;}
    .streetfoodmenu .sfm-item-price{font-size:18px;}
    .streetfoodmenu .sfm-item-image{height:220px;border-radius:16px;}
    .streetfoodmenu .sfm-sides{margin-top:48px;}
  }


/* ================= PRIVATE EVENTS SECTION ("Bring the Truck. Feed the Crowd.") ================= */
  .privateevents{
    margin-top:50px;
  }
  .privateevents .pe-badge{
    display:inline-flex;
    align-items:center;
    background:rgba(27, 147, 145, 0.12);
    color:#1B9391;
    font-family:var(--body-font);
    font-weight:700;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:9px 20px;
    border-radius:30px;
    margin-bottom:20px;
  }
 
  .privateevents .content-heading{
    margin-bottom:12px;
  }
  .privateevents .sub-copy{
    margin-bottom:44px;
  }
 
  .privateevents .pe-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    text-align:left;
    margin-bottom:24px;
  }
  .privateevents .pe-pkg-card{
    background:#fff;
    border-radius:20px;
    padding:34px;
  }
  .privateevents .pe-pkg-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:24px;
  }
  .privateevents .pe-pkg-name{
    font-family:var(--heading-font);
    font-weight:500;
    font-size:22px;
    color:#5A5148;
    margin:0;
  }
  .privateevents .pe-pkg-badge{
    font-family:var(--body-font);
    font-weight:700;
    font-size:11px;
    letter-spacing:.5px;
    text-transform:uppercase;
    padding:9px 18px;
    border-radius:30px;
    white-space:nowrap;
    flex-shrink:0;
  }
  .privateevents .pe-pkg-badge.essentials{
    background:#F2B33D;
    color:#4A3200;
  }
  .privateevents .pe-pkg-badge.popular{
    background:var(--orange);
    color:#fff;
  }
 
  .privateevents .pe-price-row{
    display:flex;
    align-items:baseline;
    gap:8px;
    margin-bottom:24px;
  }
  .privateevents .pe-price{
    font-family:var(--heading-font);
    font-weight:700;
    font-size:clamp(38px, 4.4vw, 54px);
    color:var(--orange);
  }
  .privateevents .pe-price-unit{
    font-family:var(--body-font);
    font-weight:400;
    font-size:18px;
    color:var(--gray-text);
  }
 
  .privateevents .pe-divider{
    border:none;
    border-top:1px solid #ECE6DA;
    margin:0 0 22px;
  }
 
  .privateevents .pe-halal-pill{
    display:flex;
    align-items:center;
    gap:8px;
    background:#1B9391;
    color:#fff;
    font-family:var(--body-font);
    font-weight:700;
    font-size:11.5px;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:11px 18px;
    border-radius:30px;
    margin-bottom:22px;
  }
  .pe-halal-tick, .sfm-tag-tick{
    margin-top: -0.5px;
  }
  .privateevents .pe-halal-pill img{
    width:12px;
    height:12px;
  }
 
  .privateevents .pe-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:18px;
  }
  .privateevents .pe-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-family:var(--body-font);
    font-weight:400;
    font-size:15px;
    line-height:1.55;
    color:var(--black);
  }
  .privateevents .pe-check-icon{
    width:18px;
    height:18px;
    flex-shrink:0;
    margin-top:2px;
  }
 
  .privateevents .pe-logistics{
    background:#1E5359;
    border-radius:20px;
    padding:38px 40px;
  }
  .privateevents .pe-logistics-title{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:30px;
  }
  .privateevents .pe-logistics-icon{
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--neworange);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .privateevents .pe-logistics-icon img{
    width:18px;
    height:18px;
  }
  .privateevents .pe-logistics-heading{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:22px;
    color:#fff;
    margin:0;
  }
 
  .privateevents .pe-logistics-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    text-align:left;
  }
  .privateevents .pe-logistics-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
  }
  .privateevents .pe-logistics-item-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    background:var(--neworange);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .privateevents .pe-logistics-item-icon img{
    width:15px;
    height:15px;
  }
  .privateevents .pe-logistics-item-title{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:16.5px;
    color:#fff;
    margin:0 0 8px;
  }
  .privateevents .pe-logistics-item-desc{
    font-family:var(--body-font);
    font-weight:400;
    font-size:13.5px;
    line-height:1.6;
    color:#D6E4E3;
    margin:0;
  }
 
  .privateevents .pe-cta{
    text-align:center;
    margin-top:36px;
  }
 
  @media (max-width: 860px){
    .privateevents .pe-grid{grid-template-columns:1fr;}
    .privateevents .pe-logistics-grid{grid-template-columns:1fr;gap:24px;}
  }
  @media (max-width: 640px){
    .privateevents .pe-pkg-card{padding:16px 10px;}
    .privateevents .pe-price{font-size:26px;}
    .privateevents .pe-logistics{padding:15px 15px;}
    .privateevents .pe-logistics-title{margin-bottom:22px;}
	  .privateevents .pe-pkg-name {
    font-size: 19px;
}
	  .privateevents .pe-pkg-top,.privateevents .pe-price-row,.privateevents .pe-divider {
    margin-bottom: 12px;
}
  }
/* ================= UPGRADES SECTION ("Make It a Full Spread.") ================= */
  .upgradesfood .uf-badge{
    display:inline-flex;
    align-items:center;
    background:rgba(27, 147, 145, 0.12);
    color:#1B9391;
    font-family:var(--body-font);
    font-weight:700;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:9px 20px;
    border-radius:30px;
    margin-bottom:20px;
  }
 
  .upgradesfood .content-heading{
    margin-bottom:12px;
  }
  .upgradesfood .sub-copy{
    margin-bottom:44px;
  }
 
  .upgradesfood .uf-section{
    text-align:left;
  }
  .upgradesfood .uf-section-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:10px;
  }
  .upgradesfood .uf-section-title-wrap{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .upgradesfood .uf-section-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .upgradesfood .uf-section-icon.gold{background:#FBE3AE;}
  .upgradesfood .uf-section-icon.peach{background:var(--light-orange);}
  .upgradesfood .uf-section-icon.mint{background:#DCEEE0;}
  .upgradesfood .uf-section-icon img{
    width:18px;
    height:18px;
  }

ul.pe-list li svg {
    background: #4D9E3D26;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    padding: 3px;
}
  .upgradesfood .uf-section-title{
    font-family:var(--heading-font);
    font-weight:500;
    font-size:22px;
    color:var(--black);
    margin:0;
  }
 
  .upgradesfood .uf-price-pills{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .upgradesfood .uf-pill{
    padding:9px 16px;
    border-radius:20px;
    font-family:var(--body-font);
    font-weight:700;
    font-size:11px;
    letter-spacing:.3px;
    text-transform:uppercase;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .upgradesfood .uf-pill img{width:11px;height:11px;}
  .upgradesfood .uf-pill.veg{background:#DCEEE0;color:#2F7D4F;}
  .upgradesfood .uf-pill.chicken{background:var(--light-orange);color:var(--orange);}
  .upgradesfood .uf-pill.beef{background:#F7D8CE;color:var(--orange);}
 
  .upgradesfood .uf-section-desc{
    font-family:var(--body-font);
    font-weight:400;
    font-size:14px;
    color:var(--gray-text);
    margin:14px 0 24px;
  }
 
  .upgradesfood .uf-cards-grid{
    display:grid;
    gap:20px;
    margin-bottom:28px;
  }
  .upgradesfood .uf-cards-grid.cols-3{
    grid-template-columns:repeat(3, 1fr);
  }
  .upgradesfood .uf-cards-grid.cols-2{
    grid-template-columns:1fr 1fr;
  }
  .upgradesfood .uf-item-card{
    background:#fff;
    border-radius:16px;
    padding:24px 26px;
  }
  .upgradesfood .uf-item-card h4{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:17px;
    color:var(--black);
    margin:0 0 8px;
  }
  .upgradesfood .uf-item-card.accent h4{
    display:inline-block;
    padding-bottom:8px;
    border-bottom:2px solid var(--orange);
    margin-bottom:14px;
  }
  .upgradesfood .uf-item-card p{
    font-family:var(--body-font);
    font-weight:400;
    font-size:13.5px;
    line-height:1.55;
    color:var(--gray-text);
    margin:0;
  }
 
  .upgradesfood .uf-image{
    border-radius:20px;
    overflow:hidden;
    height:320px;
    margin-bottom:36px;
  }
  .upgradesfood .uf-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
 
  .upgradesfood .uf-divider{
    border:none;
    border-top:1px solid #ECE6DA;
    margin:0 0 36px;
  }
 
  .upgradesfood .uf-upgrade-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    text-align:left;
  }
  .upgradesfood .uf-upgrade-card{
    border-radius:20px;
    padding:32px 34px;
  }
  .upgradesfood .uf-upgrade-card.teal{background:#1E5359;}
  .upgradesfood .uf-upgrade-card.red{background:#A6432B;}
 
  .upgradesfood .uf-upgrade-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:16px;
  }
  .upgradesfood .uf-upgrade-name{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:19px;
    color:#fff;
    margin:0;
  }
  .upgradesfood .uf-upgrade-badge{
    font-family:var(--body-font);
    font-weight:700;
    font-size:10.5px;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:8px 16px;
    border-radius:20px;
    white-space:nowrap;
    flex-shrink:0;
  }
  .upgradesfood .uf-upgrade-badge.upgrade{background:#F2B33D;color:#4A3200;}
  .upgradesfood .uf-upgrade-badge.addon{background:#fff;color:var(--orange);}
 
  .upgradesfood .uf-upgrade-desc{
    font-family:var(--body-font);
    font-weight:400;
    font-size:13.5px;
    line-height:1.55;
    color:#EDE6DD;
    margin:0 0 15px;
    max-width:360px;
  }
  .upgradesfood .uf-upgrade-price{
    font-family:var(--heading-font);
    font-weight:700;
    font-size:26px;
    color:#fff;
	margin:0
  }
  .upgradesfood .uf-upgrade-price .unit{
    font-family:var(--body-font);
    font-weight:400;
    font-size:13px;
    color:#EDE6DD;
    margin-left:8px;
  }
 
  @media (max-width: 860px){
    .upgradesfood .uf-cards-grid.cols-3{grid-template-columns:1fr 1fr;}
  }
  @media (max-width: 768px){
    .upgradesfood .uf-section-header{flex-direction:column;align-items:flex-start;}
    .upgradesfood .uf-upgrade-grid{grid-template-columns:1fr;}
  }
  @media (max-width: 640px){
    .upgradesfood .uf-cards-grid.cols-3,
    .upgradesfood .uf-cards-grid.cols-2{grid-template-columns:1fr;}
    .upgradesfood .uf-image{height:220px;border-radius:16px;}
    .upgradesfood .uf-upgrade-card{padding:15px;}
    .upgradesfood .uf-section-icon{width:36px;height:36px;}
  }

  /* ================= CONTACT SECTION ("We'd Love to Hear From You.") ================= */
  .contact-card{
    margin-top:50px;
  }
  .contact-card .content-heading{
    text-align:center;
    margin-bottom:12px;
  }
  .contact-card > .sub-copy{
    margin-bottom:40px;
  }
 
  .contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    text-align:left;
    align-items:stretch;
  }
 
  .contact-info-card,
  .contact-form-card{
    background:#fff;
    border-radius:20px;
    padding:44px 40px;
  }
 
  .contact-heading{
    font-family:var(--heading-font);
    font-weight:500;
    line-height:1.15;
    margin:0 0 20px;
    font-size:clamp(20px, 2.6vw, 32px);
  }
  .contact-heading .black-text{color:var(--black);}
  .contact-heading .orange{color:var(--orange);}
 
  .contact-desc{
    font-family:var(--body-font);
    font-weight:400;
    font-size:15px;
    line-height:1.65;
    color:var(--gray-text);
    margin:0 0 34px;
  }
 
  .contact-list{
    display:flex;
    flex-direction:column;
    gap:22px;
  }
  .contact-list-item{
    display:flex;
    align-items:center;
    gap:16px;
  }
  .contact-list-icon{
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--teal);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .contact-list-icon img{
    width:18px;
    height:18px;
  }
  .contact-list-label{
    font-family:var(--body-font);
    font-weight:400;
    font-size:14px;
    color:var(--gray-text);
    margin:0 0 4px;
  }
  .contact-list-value{
    font-family:var(--body-font);
    font-weight:700;
    font-size:15px;
    color:var(--black);
    margin:0;
  }
 
  /* Contact Form 7 output styling */
  .contact-form-card .wpcf7{
    width:100%;
  }
  .contact-form-card .wpcf7-form p{
    margin:0 0 18px;
  }
  .contact-form-card .wpcf7-form-control-wrap{
    display:block;
  }
  .contact-form-card .wpcf7-form-control{
    width:100%;
    background:#fff;
    border:1px solid #DAD2C4;
    border-radius:10px;
    padding:15px 18px;
    font-family:var(--body-font);
    font-size:14px;
    color:var(--black);
  }
  .contact-form-card .wpcf7-form-control::placeholder{
    color:#9B9B9B;
  }
  .contact-form-card textarea.wpcf7-form-control{
    min-height:100px;
    resize:vertical;
  }
  .contact-form-card .wpcf7-form-control:focus{
    outline:none;
    border-color:var(--teal);
  }
  .contact-form-card .wpcf7-not-valid{
    border-color:var(--orange) !important;
  }
  .contact-form-card .wpcf7-not-valid-tip{
    font-family:var(--body-font);
    font-size:12.5px;
    color:var(--orange);
    margin-top:6px;
  }
  .contact-form-card .wpcf7-response-output{
    font-family:var(--body-font);
    font-size:13px;
    border-radius:10px;
    margin:18px 0 0;
    padding:12px 16px;
  }
  .contact-form-card input[type="submit"].wpcf7-submit{
    background:var(--orange);
    color:#fff;
    border:none;
    font-family:var(--heading-font);
    font-weight:700;
    font-size:15px;
    padding:14px 42px;
    border-radius:42px;
    cursor:pointer;
    margin-top:6px;
  }
  .contact-form-card .wpcf7-spinner{
    margin-left:10px;
  }
 .hero-image-wrap.noumage {
    min-height: 290px;
}
.singlepage .sub-copy {
    max-width: 1150px;
}
section.content-section.singlepage .content-card {
    text-align: left;
}
section.content-section.singlepage .content-card h1.headline {
    max-width: 1150px;
}
  @media (max-width: 900px){
    .contact-grid{grid-template-columns:1fr;}
  }
  @media (max-width: 640px){
    .contact-info-card,
    .contact-form-card{padding:15px;}
    .contact-heading{margin-bottom:14px;}
    .contact-desc{margin-bottom:26px;}
	 .about-icon {
    margin-bottom: 0;
}
	      h2.about-heading {
        margin-bottom: 8px;
    }
	  .feature-icon {
    margin-bottom: 10px;
}
	  .feature-title {
    margin-bottom: 5px;
}
	  .features-row {
        padding: 20px 10px;
    }
	  .about-card {
    margin-top: 25px;
    padding: 26px 10px 20px !important;
}
	.content-heading {
    margin: 0 0 10px;
    line-height: 23px;
}
	  .roll-list {
        align-items: start;
    }
	  .gallery-card .sub-copy {
    margin-bottom: 15px;
    text-align: center;
}
	  .gallery-grid {
    margin-bottom: 30px;
}
	  .roll-inner {
    padding: 15px;
}
	  .check-ico {
    width: 14px;
    height: 14px;
}
	  ul.roll-list {
    margin: 0 0 25px;
}
	      .roll-inner {
        gap: 20px;
    }
	  .container.gallery-card.content-card .roll-text p {
    text-align: center;
}
	  .footer-logo img {
    height: auto;
}
	  .foodtruckcathvive {
    margin-top: 30px;
}
	  .foodtruckcathvive .fcv-header {
    gap: 14px;
    margin-bottom: 10px;
}
	  .foodtruckcathvive .fcv-row {
    justify-content: center;
}
	      .foodtruckcathvive .fcv-time {
        margin-left: 0 !important;
    }
	      .foodtruckcathvive .fcv-title {
        text-align: center;
    }
	  .upgradesfood .sub-copy {
    margin-bottom: 19px;
}
	  .upgradesfood .uf-item-card {
    padding: 10px;
}
	  .upgradesfood .uf-divider {
    margin: 0 0 20px;
}
	  .upgradesfood .uf-section-title {
    font-size: 18px;
}
	  .upgradesfood .uf-upgrade-name {
    font-size: 16px;
}
	  .upgradesfood .uf-upgrade-price {
    font-size: 18px;
}
	  .btnsl {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
	  .btn-send {
    font-size: 14px;
    padding: 11px 46px;
}
	  .btn-outline{
		  justify-content:center
	  }
	  .about-icon.nr {
    margin-bottom: 11px;
}
	  .contact-card > .sub-copy {
    margin-bottom: 20px;
}
	  .gallery-card {
    margin-top: 20px;
}
  }

.btn-book:hover {
    background: #f8ae86;
    color: #C74528;
}
.btn-book:hover svg{
	fill: #C74528;
	stroke: #C74528;
}
.btn-submit:hover {
    background: var(--teal);
}
.gallery-btn.orange-bg:hover{
	background: var(--teal);
}
.gallery-btn.teal-bg:hover{
	background: var(--orange);
}
.btn-outline:hover {
	background: var(--teal);
	color:#fff
}
.btn-outline:hover svg path {
	stroke:#fff
}
.btn-send:hover{
	background: var(--teal);
}
nav.desktop-nav a:hover {
    color: var(--light-orange);
}
.hero-video-wrap video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; /* Makes it behave like a background image */
	    max-height: 490px;
}

/* ================= FAQ PAGE STYLING ================= */
.faq-section {
    background: linear-gradient(180deg, #060709 18.39%, #39676F 21.07%);
    padding: 60px 20px 100px;
    min-height: 80vh;
    font-family: var(--body-font);
}

.faq-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
    color: #fff;
}

.faq-title {
    font-family: var(--heading-font);
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 800;
    margin-bottom: 16px;
    line-height: 1.1;
}

.faq-title span.orange {
    color: var(--neworange);
}

.faq-subtitle {
    font-size: clamp(16px, 1.8vw, 18px);
    color: #cbd5e1;
    line-height: 1.6;
}

.faq-container {
    max-width: 860px;
    margin: 0 auto;
}

.faq-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq-item {
    background: var(--cream);
    border-radius: 16px;
    padding: 20px 24px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    border: 1.5px solid transparent;
}

.faq-item.active {
    border-color: rgba(27, 147, 145, 0.4);
    box-shadow: 0 8px 24px rgba(27, 147, 145, 0.12);
}

.faq-question-btn {
    width: 100%;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    outline: none;
}

.faq-question {
    font-family: var(--heading-font);
    font-size: clamp(16px, 2vw, 19px);
    font-weight: 700;
    color: var(--black);
    line-height: 1.4;
    transition: color 0.3s ease;
}

.faq-question-btn:hover .faq-question {
    color: var(--teal);
}

.faq-toggle-icon {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(27, 147, 145, 0.1);
    transition: background 0.3s ease, transform 0.3s ease;
}

.faq-question-btn:hover .faq-toggle-icon {
    background: rgba(27, 147, 145, 0.2);
}

.faq-toggle-icon::before,
.faq-toggle-icon::after {
    content: '';
    position: absolute;
    background-color: var(--orange);
    transition: transform 0.3s ease;
}

/* Horizontal line */
.faq-toggle-icon::before {
    width: 12px;
    height: 2px;
}

/* Vertical line */
.faq-toggle-icon::after {
    width: 2px;
    height: 12px;
}

/* Open States */
.faq-item.active .faq-toggle-icon {
    transform: rotate(45deg);
    background: var(--teal);
}

.faq-item.active .faq-toggle-icon::before,
.faq-item.active .faq-toggle-icon::after {
    background-color: #fff;
}

.faq-answer-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-answer {
    padding-top: 12px;
    font-size: clamp(14px, 1.6vw, 15px);
    color: var(--gray-text);
    line-height: 1.6;
}

.faq-answer p {
    margin: 0;
}