:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-01abd39 *//*=========================================
CLOVE
INDIAN STREET FOOD — SECTION 3
=========================================*/

.street-food-story{

    position:relative;

    width:100%;

    padding:125px 0;

    background:#133E24;

    overflow:hidden;

}


/*=========================================
CONTAINER
=========================================*/

.street-food-story-container{

    width:min(1180px,92%);

    margin:0 auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:90px;

    align-items:center;

}


/*=========================================
IMAGE WRAPPER
=========================================*/

.street-food-story-image-wrap{

    position:relative;

    padding:0 30px 30px 0;

}


/*=========================================
IMAGE
=========================================*/

.street-food-story-image{

    position:relative;

    width:100%;

    height:590px;

    overflow:hidden;

    background:#0c2918;

    z-index:1;

}


.street-food-story-image img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1);

}


.street-food-story-image-wrap:hover
.street-food-story-image img{

    transform:scale(1.06);

}


/*=========================================
IMAGE OVERLAY
=========================================*/

.street-food-story-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(19,62,36,.02) 35%,
            rgba(8,28,17,.38) 100%
        );

    pointer-events:none;

}


/*=========================================
DECORATIVE FRAME
=========================================*/

.street-food-story-frame{

    position:absolute;

    top:30px;

    right:0;

    width:calc(100% - 30px);

    height:calc(100% - 30px);

    border:1px solid rgba(238,119,28,.45);

    pointer-events:none;

    z-index:2;

}


/*=========================================
BADGE
=========================================*/

.street-food-story-badge{

    position:absolute;

    left:-18px;

    bottom:10px;

    z-index:4;

    width:150px;

    height:150px;

    border-radius:50%;

    background:#EE771C;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    box-shadow:
        0 12px 35px rgba(0,0,0,.22);

}


.badge-small{

    color:#fff;

    font-family:Poppins,sans-serif;

    font-size:14px;

    font-weight:500;

    letter-spacing:2px;

}


.badge-main{

    margin:5px 0;

    color:#fff;

    font-family:"Cormorant Garamond",serif;

    font-size:29px;

    font-weight:500;

    line-height:1;

}


/*=========================================
CONTENT
=========================================*/

.street-food-story-content{

    padding:10px 0;

}


.street-food-story-content .section-tag{

    display:inline-block;

    margin-bottom:20px;

    font-family:Poppins,sans-serif;

    font-size:14px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#EE771C;

}


/*=========================================
HEADING
=========================================*/

.street-food-story-content h2{

    margin:0;

    font-family:"Cormorant Garamond",serif;

    font-size:64px;

    font-weight:500;

    line-height:1;

    letter-spacing:-1px;

    color:#F8F5EE;

}


.street-food-story-content h2 span{

    color:#EE771C;

}


/*=========================================
LEAD
=========================================*/

.street-food-story-content .story-lead{

    max-width:520px;

    margin:30px 0 0;

    font-family:Poppins,sans-serif;

    font-size:18px;

    font-weight:400;

    line-height:1.8;

    color:rgba(255,255,255,.94);

}


/*=========================================
BODY
=========================================*/

.street-food-story-content > p:not(.story-lead){

    max-width:530px;

    margin:18px 0 0;

    font-family:Poppins,sans-serif;

    font-size:14px;

    font-weight:300;

    line-height:1.85;

    color:rgba(255,255,255,.65);

}


/*=========================================
FEATURES
=========================================*/

.street-food-story-features{

    margin-top:38px;

    display:flex;

    flex-direction:column;

    gap:20px;

}


/*=========================================
FEATURE
=========================================*/

.street-food-story-feature{

    display:grid;

    grid-template-columns:36px 1fr;

    gap:15px;

    align-items:start;

}


/*=========================================
ICON
=========================================*/

.street-food-feature-icon{

    width:29px;

    height:29px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid rgba(238,119,28,.65);

    border-radius:50%;

}


.street-food-feature-icon span{

    width:8px;

    height:8px;

    border-radius:50%;

    background:#EE771C;

}


/*=========================================
FEATURE TITLE
=========================================*/

.street-food-feature-text h3{

    margin:0;

    font-family:"Cormorant Garamond",serif;

    font-size:24px;

    font-weight:500;

    line-height:1.1;

    color:#fff;

}


/*=========================================
FEATURE TEXT
=========================================*/

.street-food-feature-text p{

    margin:5px 0 0;

    font-family:Poppins,sans-serif;

    font-size:14px;

    font-weight:300;

    line-height:1.7;

    color:rgba(255,255,255,.55);

}


/*=========================================
BUTTON
=========================================*/

.street-food-story-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin-top:40px;

    padding:15px 28px;

    background:#EE771C;

    border:1px solid #EE771C;

    color:#fff !important;

    text-decoration:none !important;

    font-family:Poppins,sans-serif;

    font-size:14px;

    font-weight:500;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.35s ease;

}


.street-food-story-btn span{

    font-size:18px;

    line-height:1;

    transition:.35s ease;

}


.street-food-story-btn:hover{

    background:#fff;

    border-color:#fff;

    color:#133E24 !important;

    transform:translateY(-4px);

    gap:16px;

}


/*=========================================
TABLET
=========================================*/

@media(max-width:1024px){

    .street-food-story{

        padding:100px 0;

    }


    .street-food-story-container{

        gap:55px;

    }


    .street-food-story-image{

        height:520px;

    }


    .street-food-story-content h2{

        font-size:56px;

    }


    .street-food-story-content .story-lead{

        font-size:16px;

    }

}


/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

    .street-food-story{

        padding:80px 0 90px;

    }


    .street-food-story-container{

        width:90%;

        display:flex;

        flex-direction:column;

        gap:60px;

    }


    /* IMAGE */

    .street-food-story-image-wrap{

        width:100%;

        padding:0 18px 18px 0;

    }


    .street-food-story-image{

        height:430px;

    }


    .street-food-story-frame{

        top:18px;

        width:calc(100% - 18px);

        height:calc(100% - 18px);

    }


    .street-food-story-badge{

        left:-8px;

        bottom:0;

        width:120px;

        height:120px;

    }


    .badge-small{

        font-size:14px;

        letter-spacing:1.5px;

    }


    .badge-main{

        font-size:24px;

    }


    /* CONTENT */

    .street-food-story-content{

        padding:0;

    }


    .street-food-story-content .section-tag{

        font-size:14px;

        letter-spacing:2.5px;

    }


    .street-food-story-content h2{

        font-size:50px;

        line-height:1;

    }


    .street-food-story-content .story-lead{

        margin-top:22px;

        font-size:15px;

        line-height:1.75;

    }


    .street-food-story-content > p:not(.story-lead){

        font-size:14px;

        line-height:1.75;

    }


    /* FEATURES */

    .street-food-story-features{

        margin-top:30px;

        gap:19px;

    }


    .street-food-story-feature{

        grid-template-columns:32px 1fr;

        gap:13px;

    }


    .street-food-feature-icon{

        width:27px;

        height:27px;

    }


    .street-food-feature-text h3{

        font-size:22px;

    }


    .street-food-feature-text p{

        font-size:14px;

    }


    /* BUTTON */

    .street-food-story-btn{

        margin-top:32px;

        padding:14px 22px;

        font-size:14px;

    }

}


/*=========================================
SMALL MOBILE
=========================================*/

@media(max-width:380px){

    .street-food-story-image{

        height:370px;

    }


    .street-food-story-content h2{

        font-size:46px;

    }


    .street-food-story-content .story-lead{

        font-size:14px;

    }

}

</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a74f64f *//* =========================================
   CLOVE — PREMIUM SECTION DIVIDER
   ========================================= */

.clove-section-divider {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 20px 25px;
  background: #F8F5EE;
  box-sizing: border-box;
}

/* Lines */

.clove-divider-line {
  display: block;
  width: min(180px, 22vw);
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(238,119,28,0.65)
  );
}

.clove-divider-line:last-child {
  background: linear-gradient(
    90deg,
    rgba(238,119,28,0.65),
    transparent
  );
}

/* Center Ornament */

.clove-divider-ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  color: #EE771C;

  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

/* Small decorative dots */

.clove-divider-ornament span {
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #EE771C;
  border-radius: 50%;
  background: #F8F5EE;
}


/* =========================================
   DARK SECTION VERSION
   Add class: clove-divider-dark
   ========================================= */

.clove-divider-dark {
  background: #133E24;
}

.clove-divider-dark .clove-divider-line {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(248,245,238,0.45)
  );
}

.clove-divider-dark .clove-divider-line:last-child {
  background: linear-gradient(
    90deg,
    rgba(248,245,238,0.45),
    transparent
  );
}

.clove-divider-dark .clove-divider-ornament {
  color: #EE771C;
}

.clove-divider-dark .clove-divider-ornament span {
  border-color: #EE771C;
  background: #133E24;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

  .clove-section-divider {
    gap: 12px;
    padding: 22px 18px;
  }

  .clove-divider-line {
    width: 70px;
  }

  .clove-divider-ornament {
    gap: 8px;
    font-size: 20px;
  }

  .clove-divider-ornament span {
    width: 4px;
    height: 4px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3438c9 *//* =========================================
   INDIAN STREET FOOD — SECTION 4 CTA
   ========================================= */

.street-food-cta {
  position: relative;
  min-height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #133E24;
}

/* Background Image */

.street-food-cta-bg {
  position: absolute;
  inset: 0;
  background-image: url("YOUR-STREET-FOOD-CTA-IMAGE-URL");
  background-size: cover;
  background-position: center;
  transform: scale(1.12);
  animation: streetFoodCTAZoom 15s ease-out forwards;
  z-index: 0;
}

/* Dark Green Overlay */

.street-food-cta-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(19, 62, 36, 0.90),
      rgba(19, 62, 36, 0.72)
    );
  z-index: 1;
}

/* Content */

.street-food-cta-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 850px;
  padding: 100px 25px;
  text-align: center;
  color: #F8F5EE;
}

/* Tag */

.street-food-cta-tag {
  margin-bottom: 20px;
  color: #EE771C;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.5;
}

/* Heading */

.street-food-cta h2 {
  margin: 0 auto 25px;
  color: #F8F5EE;
  font-family: "Cormorant Garamond", serif;
  font-size: 68px;
  font-weight: 500;
  line-height: 1.05;
}

.street-food-cta h2 span {
  display: block;
  color: #EE771C;
}

/* Description */

.street-food-cta-content > p {
  max-width: 680px;
  margin: 0 auto 38px;
  color: rgba(255,255,255,0.88);
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.9;
}

/* Buttons */

.street-food-cta-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.street-food-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 15px 36px;
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

/* Primary */

.street-food-cta-btn.primary {
  background: #EE771C;
  color: #FFFFFF !important;
  border: 1px solid #EE771C;
}

.street-food-cta-btn.primary:hover {
  background: #FFFFFF;
  color: #133E24 !important;
  border-color: #FFFFFF;
  transform: translateY(-3px);
}

/* Secondary */

.street-food-cta-btn.secondary {
  background: rgba(255,255,255,0.08);
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.street-food-cta-btn.secondary:hover {
  background: #EE771C;
  color: #FFFFFF !important;
  border-color: #EE771C;
  transform: translateY(-3px);
}


/* =========================================
   CINEMATIC ZOOM
   ========================================= */

@keyframes streetFoodCTAZoom {

  0% {
    transform: scale(1.12);
  }

  100% {
    transform: scale(1);
  }

}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

  .street-food-cta {
    min-height: 600px;
  }

  .street-food-cta-content {
    padding: 90px 25px;
  }

  .street-food-cta h2 {
    font-size: 56px;
  }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

  .street-food-cta {
    min-height: 620px;
  }

  .street-food-cta-bg {
    background-position: center;
  }

  .street-food-cta-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(19,62,36,0.93),
        rgba(19,62,36,0.84)
      );
  }

  .street-food-cta-content {
    padding: 85px 20px;
  }

  .street-food-cta-tag {
    margin-bottom: 16px;
    font-size: 14px;
    letter-spacing: 2px;
  }

  .street-food-cta h2 {
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 1.08;
  }

  .street-food-cta-content > p {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1.8;
  }

  .street-food-cta-buttons {
    width: 100%;
    gap: 12px;
  }

  .street-food-cta-btn {
    width: 100%;
    min-height: 50px;
    padding: 14px 25px;
    font-size: 14px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f073af4 *//* =========================================
   CLOVE — PREMIUM SECTION DIVIDER
   ========================================= */

.clove-section-divider {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 20px 25px;
  background: #F8F5EE;
  box-sizing: border-box;
}

/* Lines */

.clove-divider-line {
  display: block;
  width: min(180px, 22vw);
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(238,119,28,0.65)
  );
}

.clove-divider-line:last-child {
  background: linear-gradient(
    90deg,
    rgba(238,119,28,0.65),
    transparent
  );
}

/* Center Ornament */

.clove-divider-ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  color: #EE771C;

  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

/* Small decorative dots */

.clove-divider-ornament span {
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #EE771C;
  border-radius: 50%;
  background: #F8F5EE;
}


/* =========================================
   DARK SECTION VERSION
   Add class: clove-divider-dark
   ========================================= */

.clove-divider-dark {
  background: #133E24;
}

.clove-divider-dark .clove-divider-line {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(248,245,238,0.45)
  );
}

.clove-divider-dark .clove-divider-line:last-child {
  background: linear-gradient(
    90deg,
    rgba(248,245,238,0.45),
    transparent
  );
}

.clove-divider-dark .clove-divider-ornament {
  color: #EE771C;
}

.clove-divider-dark .clove-divider-ornament span {
  border-color: #EE771C;
  background: #133E24;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

  .clove-section-divider {
    gap: 12px;
    padding: 22px 18px;
  }

  .clove-divider-line {
    width: 70px;
  }

  .clove-divider-ornament {
    gap: 8px;
    font-size: 20px;
  }

  .clove-divider-ornament span {
    width: 4px;
    height: 4px;
  }

}/* End custom CSS */