.elementor-3297 .elementor-element.elementor-element-c29998e{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3297 .elementor-element.elementor-element-4834abd{--spacer-size:30px;}.elementor-3297 .elementor-element.elementor-element-b068244{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:46px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3297 .elementor-element.elementor-element-b068244.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3297 .elementor-element.elementor-element-f88e3e9{width:var( --container-widget-width, 2.528% );max-width:2.528%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;--container-widget-width:2.528%;--container-widget-flex-grow:0;}.elementor-3297 .elementor-element.elementor-element-f88e3e9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3297 .elementor-element.elementor-element-f88e3e9 img{width:28px;height:28px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3297 .elementor-element.elementor-element-a514e53{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;}.elementor-3297 .elementor-element.elementor-element-a514e53.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3297 .elementor-element.elementor-element-a514e53 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:20px;letter-spacing:11%;-webkit-text-stroke-color:#000;stroke:#000;color:#342F3199;}.elementor-3297 .elementor-element.elementor-element-e37907a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:11%;color:#000000;}.elementor-3297 .elementor-element.elementor-element-243d9dd{width:auto;max-width:auto;}.elementor-3297 .elementor-element.elementor-element-243d9dd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3297 .elementor-element.elementor-element-243d9dd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;line-height:20px;letter-spacing:11%;color:#342F3199;}.elementor-3297 .elementor-element.elementor-element-c4006dd{--spacer-size:2px;}.elementor-3297 .elementor-element.elementor-element-25ad7da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3297 .elementor-element.elementor-element-7fa98a8{--display:flex;--margin-top:130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-3297 .elementor-element.elementor-element-7fa98a8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3297 .elementor-element.elementor-element-25ac732{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3297 .elementor-element.elementor-element-c3ab0fe{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3297 .elementor-element.elementor-element-221e7a3{text-align:center;}.elementor-3297 .elementor-element.elementor-element-221e7a3 .elementor-heading-title{font-family:"MontecatiniPro-LargoMedium", Sans-serif;font-size:40px;font-weight:500;line-height:48px;letter-spacing:1;color:#2E1A47;}.elementor-3297 .elementor-element.elementor-element-9165d00{text-align:center;}.elementor-3297 .elementor-element.elementor-element-9165d00 .elementor-heading-title{font-family:"Josefin Slab", Sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:6%;color:#2E1A47;}.elementor-3297 .elementor-element.elementor-element-3f287b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3297 .elementor-element.elementor-element-4834abd{--spacer-size:4px;}.elementor-3297 .elementor-element.elementor-element-b068244{--width:380px;--gap:0px 4px;--row-gap:0px;--column-gap:4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3297 .elementor-element.elementor-element-f88e3e9{width:var( --container-widget-width, 20.995px );max-width:20.995px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:20.995px;--container-widget-flex-grow:0;}.elementor-3297 .elementor-element.elementor-element-a514e53{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 3px;}.elementor-3297 .elementor-element.elementor-element-a514e53 .elementor-heading-title{font-size:10px;}.elementor-3297 .elementor-element.elementor-element-e37907a{margin:0px 2px calc(var(--kit-widget-spacing, 0px) + 0px) 2px;}.elementor-3297 .elementor-element.elementor-element-243d9dd .elementor-heading-title{font-size:10px;}.elementor-3297 .elementor-element.elementor-element-c4006dd{--spacer-size:0px;}.elementor-3297 .elementor-element.elementor-element-7fa98a8{--margin-top:10px;--margin-bottom:0px;--margin-left:-12px;--margin-right:-12px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:6px;}.elementor-3297 .elementor-element.elementor-element-25ac732{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3297 .elementor-element.elementor-element-c44675b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3297 .elementor-element.elementor-element-221e7a3 .elementor-heading-title{font-size:24px;line-height:33px;letter-spacing:1%;}.elementor-3297 .elementor-element.elementor-element-9165d00 .elementor-heading-title{font-size:15px;line-height:24px;letter-spacing:1%;}}@media(min-width:768px){.elementor-3297 .elementor-element.elementor-element-c29998e{--width:97%;}}/* Start custom CSS for heading, class: .elementor-element-a514e53 */.bread-home{
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-243d9dd */a {
  text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cfe2837 *//* ================================================
   Signature Fusion Banner — Elementor HTML Widget
   Full Width · Responsive · Desktop Side Padding
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@600&display=swap');

/* Ampio Semibold */
@font-face {
  font-family: "MontecatiniPro";
  src: url("https://cavinkare.icebergtech.in/wp-content/uploads/2026/04/MontecatiniPro-StrettoUltra.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ---- Outer wrapper ---- */
.sf-banner-wrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 0 80px;
}

@media (max-width: 1024px) {
  .sf-banner-wrapper { padding: 0 20px; }
}
@media (max-width: 767px) {
  .sf-banner-wrapper { padding: 0; }
}

/* ---- Banner ---- */
.sf-banner {
  width: 100%;
  max-width: 100%;
  height: 540px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  padding: 60px;
  box-sizing: border-box;

  background-image: url('https://cavinkare.icebergtech.in/wp-content/uploads/2026/04/a99fc64a320ae2d60483cfba31c7d8f56b478619.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* ---- Left: Text ---- */
.sf-content {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 2;
}

.sf-title {
  font-family: 'MontecatiniPro','Georgia',serif;
  font-weight: 700;
  font-size: 68px;
  line-height: 76px;
  letter-spacing: 0.1em;
  color: #1a1a4b;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.sf-subtitle {
  font-family: 'Mulish', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #1a1a4b;
  margin: 0;
}

/* =================================================
   ⭐ FIXED PRODUCT IMAGE (NO CROPPING)
   ================================================= */

.sf-image {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: auto;                 /* removed forced height */
}

.sf-product-img {
  height: auto;                 /* key fix */
  max-height: 420px;            /* desktop size control */
  width: auto;
  max-width: 100%;
  object-fit: contain;          /* always show full bottle */
  display: block;
}
/* =====================================================
   💻 LAPTOP FIX (1025px - 1540px)
   ===================================================== */
@media (min-width: 1025px) and (max-width: 1640px) {

  /* reduce outer white space */
  .sf-banner-wrapper {
    padding: 0 48px;
  }

  /* shrink banner padding + height */
  .sf-banner {
    height: 450px;
    padding: 48px;
    gap: 36px;
    border-radius: 18px;
  }

  /* scale heading */
  .sf-title {
    font-size: 56px;
    line-height: 64px;
  }

  .sf-subtitle {
    font-size: 15px;
    line-height: 26px;
  }

  /* scale bottle */
  .sf-product-img {
    max-height: 360px;
  }
}

/* =====================================================
   💻 SMALL LAPTOP (1100px - 1280px)
   ===================================================== */
@media (min-width: 1100px) and (max-width: 1280px) {

  .sf-banner-wrapper {
    padding: 0 36px;
  }

  .sf-banner {
    height: 420px;
    padding: 40px;
    gap: 28px;
    border-radius: 16px;
  }

  .sf-title {
    font-size: 48px;
    line-height: 54px;
  }

  .sf-subtitle {
    font-size: 14px;
    line-height: 24px;
  }

  .sf-product-img {
    max-height: 320px;
  }
}
/* ================================================
   TABLET — 768px to 1024px
   ================================================ */
@media (max-width: 1024px) {
  .sf-banner {
    height: auto;
    min-height: 320px;
    padding: 40px 36px;
    gap: 32px;
  }
  .sf-title {
    font-size: 50px;
    line-height: 58px;
  }
  .sf-product-img {
    max-height: 300px;   /* increased so it won't crop */
  }
}

/* ================================================
   MOBILE — up to 767px
   ================================================ */
@media (max-width: 767px) {
  .sf-banner {
    max-width: 100%;
    min-height: 180px;
    height: auto;
    border-radius: 14px;
    padding: 24px 20px;
    gap: 12px;
  }
  .sf-title {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0.12em;
  }
  .sf-subtitle { display:none; }

  .sf-product-img {
    max-height: 170px;
  }
}

/* ================================================
   SMALL MOBILE — up to 480px
   ================================================ */
@media (max-width: 480px) {
  .sf-banner {
    border-radius: 10px;
    min-height: 140px;
    padding: 16px 14px;
    gap: 8px;
  }
  .sf-title {
    font-size: 20px;
    line-height: 26px;
  }
  .sf-product-img {
    max-height: 140px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb52aeb *//* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@600;700&display=swap');
@font-face {
  font-family: "MontecatiniPro";
  src: url("https://cavinkare.icebergtech.in/wp-content/uploads/2026/04/MontecatiniPro-NormaleUltra.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

/* WRAPPER */
.fg-wrapper{width:100%;padding:0;margin:0;box-sizing:border-box;}

/* GRID */
.fg-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(40px,6vw,110px) 0px;
}

/* CARD */
.fg-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
}

/* IMAGE SIZE */
.fg-img-wrap{
  width:clamp(200px,28vw,380px);
  aspect-ratio:1/1;
  margin:auto;
  border-radius:clamp(14px,2vw,26px);
  overflow:hidden;
  background:#f6f6f6;
  position:relative;
}

.fg-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ⭐ FIXED FLIP EFFECT */
.fg-flip-inner{
  position:relative;
  width:100%;
  height:100%;
}

.fg-front,
.fg-back{
  position:absolute;
  inset:0;
  border-radius:inherit;
}

.fg-front{opacity:1;transition:opacity .6s ease;}
.fg-back{opacity:0;transition:opacity .6s ease;}

.fg-img-wrap:hover .fg-front{opacity:0;}
.fg-img-wrap:hover .fg-back{opacity:1;}

/* LINK */
.fg-link{text-decoration:none !important;color:inherit;display:block;}

/* LABEL */
.fg-label{
  font-family:'MontecatiniPro',sans-serif;
  font-weight:700;
  font-size:clamp(13px,2vw,28px);
  color:#2b2147;
  text-transform:uppercase;
  text-align:center;
  margin:0;
}
/* =====================================================
   LAPTOP FIX (ONLY APPLIES BETWEEN 1025px - 1440px)
   ===================================================== */
@media (min-width: 1025px) and (max-width: 1540px) {
  .fg-img-wrap {
    width: 330px !important;
  }
  
  .fg-label {
    font-size: 18px !important;
  }
  
  .fg-grid {
    gap: 30px 15px !important;
  }
  
  .fg-item {
    gap: 15px !important;
  }
  
  .fg-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* =====================================================
   SMALL LAPTOP (1100px - 1280px)
   ===================================================== */
@media (min-width: 1100px) and (max-width: 1280px) {
  .fg-img-wrap {
    width: 220px !important;
  }
  
  .fg-label {
    font-size: 15px !important;
  }
  
  .fg-grid {
    gap: 25px 10px !important;
  }
  
  .fg-item {
    gap: 12px !important;
  }
}

/* TABLET */
@media (max-width:1024px){
  .fg-wrapper{padding:0 10px;}
  .fg-grid{
    grid-template-columns:repeat(2,1fr);
    gap:clamp(24px,5vw,50px) clamp(14px,4vw,24px);
  }
  .fg-grid>:last-child:nth-child(odd){
    grid-column:1/-1;
    justify-self:center;
    width:clamp(220px,60vw,320px);
  }
}

/* MOBILE */
@media (max-width:600px){
  .fg-img-wrap{width:clamp(150px,42vw,220px);}
  .fg-label{font-size:12px;}
}
@media (max-width:420px){
  .fg-img-wrap{width:clamp(140px,44vw,180px);}
}

/* DESKTOP CENTER LAST ROW */
@media (min-width:1025px){
  .fg-grid>:nth-child(4){
    grid-column:1;
    justify-self:end;
    margin-right:-25%;
  }
  .fg-grid>:nth-child(5){
    grid-column:3;
    justify-self:start;
    margin-left:-25%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c44675b *//* ================= FONTS ================= */

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@600&family=Josefin+Slab:wght@600&display=swap');

/* ================= MONTECATINI FONT (FINAL FIX) ================= */
 
/* Ampio Semibold */
@font-face {
  font-family: "MontecatiniPro";
  src: url("https://cavinkare.icebergtech.in/wp-content/uploads/2026/04/MontecatiniPro-AmpioBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}



/* ================= SECTION ================= */
/* Force Elementor + HTML widget to use Montecatini */

/* Force Elementor + HTML widget to use Montecatini */

.signature-section {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: #2e1a47;
  position: relative;
  overflow: hidden;
  padding: 140px 20px 160px;
  color: #fff;
  box-sizing: border-box;
   padding-top: 1px;        /* stops margin collapse */
  margin-top: -1px;        /* removes visible divider */
     
}


/* ================= CURVES ================= */

.curve-top {
  background: url('https://cavinkare.icebergtech.in/wp-content/uploads/2026/03/Container-3.png') no-repeat center top / 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 2;

}


.curve-bottom {
  background: url('https://cavinkare.icebergtech.in/wp-content/uploads/2026/03/Container-4.png') no-repeat center bottom / 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 2;
  pointer-events: none;
}


/* ================= CONTENT ================= */

.signature-content {
  /*max-width: 1200px;*/
  margin: 0 80px;
  text-align: center;
  position: relative;
  z-index: 3;
}

.signature-title {
  font-size: 40px;
  line-height: 49px;
  letter-spacing: 0em;
  margin-bottom: 14px;
  margin-top: 250px;
  font-family: MontecatiniPro;
  color: #EEECDF;
    
}

/* Default = Desktop */
.mobile-br { display: none; }
.desktop-br { display: inline; }
.desktop-nowrap {
  white-space: nowrap;
}

/* Mobile view */
@media (max-width: 768px) {
  .mobile-br { display: inline; }
  .desktop-br { display: none; }
}

/* Hide mobile line breaks on desktop */
.mobile-break {
  display: none;
}


.signature-subtitle {
  font-family: 'Josefin Slab', serif !important;
  font-size: 15px;
  line-height: 28px;
  letter-spacing: 0.06em;
  max-width: 600px;
  margin: 0 auto 60px;

  /* Gradient text */
  /*background: linear-gradient(90deg, #E6D1FF, #F1E6FF);*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  /*background-clip: text;*/
  color: #fff;


}


/* ================= DESKTOP GRID ================= */

.signature-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 300px);
  gap: 16px;
  margin-bottom: 100px;
}

.card {
  border-radius: 20px;
  overflow: hidden;
}

.text-card {
  background: #f5f0e8;
  color: #2e1a47;
  padding: 20px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.text-card h3 {
  font-family: 'MontecatiniPro', serif !important;
  font-weight: 900;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 10px;
  line-height: 1.2;
}

.text-card p {
  font-family: 'Mulish', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

.image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.video-card video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Desktop grid positions */
.signature {
  grid-column: 1 / span 2;
  grid-row: 1;
}

.image-card {
  grid-column: 3;
  grid-row: 1;
}

.large-video {
  grid-column: 4 / span 2;
  grid-row: 1 / span 2;
}

.small-video {
  grid-column: 1;
  grid-row: 2;
}

.ingredients {
  grid-column: 2 / span 2;
  grid-row: 2;
}


/* ================= TABLET (769px – 1024px) ================= */

@media (max-width: 1024px) and (min-width: 769px) {

  .signature-section {
    padding: 120px 24px 140px;
  }

  .signature-title {
    font-size: 30px;
    line-height: 40px;
    font-family: 'MontecatiniPro-AmpioSemibold'!important;
  }

  .signature-subtitle {
    font-size: 15px;
    margin-bottom: 40px;
  }

  .signature-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 240px 240px 240px;
    gap: 14px;
  }

  .signature {
    grid-column: 1 / span 2;
    grid-row: 1;
  }

  .image-card {
    grid-column: 3;
    grid-row: 1;
  }

  .large-video {
    grid-column: 1;
    grid-row: 2 / span 2;
  }

  .small-video {
    grid-column: 2;
    grid-row: 2;
  }

  .ingredients {
    grid-column: 2 / span 2;
    grid-row: 3;
  }

}


/* ================= MOBILE (max 768px) ================= */

/* ================= MOBILE (max 768px) ================= */

@media (max-width: 768px) {

  /* SECTION */
  .signature-section {
    margin-top: -30px;                 /* FIX: removed negative pull */
    padding: 100px 16px 120px;
    position: relative;
    z-index: 1;
  }
  
  .signature-content {
  margin: 0 auto;
  margin-top: 30px;
}


  /* ⭐ Paint layer to hide transparent seam from curve PNG */
  .signature-section::before{
    content:"";
    position:absolute;
    top:-60px;
    left:0;
    width:100%;
    height:80px;
    background:#2e1a47;           /* same as section bg */
    z-index:1;
    pointer-events:none;
  }

  /* CURVES */
  .curve-top{
    top:-2px;                     /* hide PNG top edge */
    height: calc(80px + 2px);
    z-index:2 !important;
  }

  .curve-top,
  .curve-bottom {
    height: 80px;
    line-height: 0 !important;
  }

  /* CONTENT LAYER ABOVE CURVES */
  .signature-content{
    position:relative;
    z-index:3;
  }

  /* TYPOGRAPHY */
  .signature-title {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.0em;
    margin-bottom: 14px;
       margin-top: -20px;
  }

  .signature-subtitle {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 28px;
    max-width: 100%;
    opacity: 0.8;
  }

  /* GRID */
  .signature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 12px;
  }

  .signature {
    grid-column: 1 / span 2;
    grid-row: 1;
    min-height: 10px;
  }

  .image-card {
    grid-column: 1;
    grid-row: 2;
    height: 250px;
  }

  .small-video {
    grid-column: 2;
    grid-row: 2;
    height: 250px;
  }

  .large-video {
    grid-column: 1 / span 2;
    grid-row: 3;
    height: 480px;
  }

  .ingredients {
    grid-column: 1 / span 2;
    grid-row: 4;
    min-height: 10px;
  }

  .card {
    border-radius: 16px;
  }

  .text-card {
    padding: 18px 16px;
    justify-content: flex-end;
  }

  .text-card h3 {
    font-size: 15px;
    margin-bottom: 8px;
    font-family: 'MontecatiniPro';
  }

  .text-card p {
    font-size: 14px;
    line-height: 20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-026d5d0 */@font-face {
        font-family: 'Montecatini';
        src: url('https://cavinkare.icebergtech.in/wp-content/uploads/2026/04/MontecatiniPro-AmpioSemibold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
    }

    /* --- DESKTOP VIEW --- */
    .fusion-wrapper {
        margin-top: -20px;
        width: 100%;
        padding: 50px 0;
        overflow: hidden;
        background-color: #fff;
    }

    .fusion-container {
        display: flex;
        width: 90%;
        height: 450px; /* Base height */
        margin: 0 auto;
        gap: 12px;
    }
    
    .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
}

    .fusion-card {
        position: relative;
        flex: 1; /* Default collapsed state */
        height: 100%;
        border-radius: 35px;
        background-image: var(--bg-img);
        background-size: cover;
        background-position: center;
        transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);
        cursor: pointer;
        overflow: hidden;
    }

    /* Square expanded card logic */
    .fusion-container:hover .fusion-card {
        flex: 0.6; /* Others shrink more to give space */
    }

    .fusion-container .fusion-card:hover {
        flex: 0 0 450px; /* Fixed width matching height to create SQUARE */
        border-radius: 40px;
    }

    .card-content {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        pointer-events: none;
    }

    /* Badge Styling */
    .label-badge {
        position: absolute;
        bottom: 30px;
        left: 0;
        display: flex;
        align-items: center;
        height: 70px;
        transition: all 0.4s ease;
    }

    .badge-icon {
        background-color: #A68955;
        height: 100%;
        width: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
        transition: width 0.4s ease;
    }

    .badge-icon img {
        width: 35px;
        
    }

    .badge-text {
        background-color: #A68955;
        color: #2E1A47;
        font-family: 'Montecatini';
        font-weight: 800;
        font-size: 1.1rem;
        height: 100%;
        display: flex;
        align-items: center;
        white-space: nowrap;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-width 0.5s ease, opacity 0.3s ease, padding 0.5s ease;
        padding: 0;
    }

    /* Hover effects for Badge and Icons */
    .fusion-card:hover .badge-icon {
        width: 0;
    }

    .fusion-card:hover .badge-icon img {
        display: none;
    }

    .fusion-card:hover .badge-text {
        max-width: 350px;
        opacity: 1;
        padding: 0 5px 0 15px; /* Reduced padding slightly for wavy edge */
    }

    /* CURVED CONCAVE FINISH FOR TAIL (Matching Screenshot) */
    .badge-tail {
        width: 45px;
        height: 100%;
        background-color: #A68955;
        margin-left: -1px;
        z-index: 1;
        /* Single smooth inward curve */
        clip-path: path("M 0 0 L 45 0 Q 15 35, 45 70 L 0 70 Z");
        mask-image: none;
        -webkit-mask-image: none;
    }

    /* View Button - Desktop only */
    .view-btn-container {
        position: absolute;
        right: 30px;
        bottom: 20px;
        width: 90px;
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transform: scale(0.5);
        transition: all 0.5s ease;
    }

    .fusion-card:hover .view-btn-container {
        opacity: 1;
        transform: scale(1);
    }

    .flower-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url('https://cavinkare.icebergtech.in/wp-content/uploads/2026/04/C.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        animation: spinFlower 10s linear infinite;
    }

    .view-text {
        position: relative;
        z-index: 5;
        color: #2E1A47;
        font-weight: 900;
        font-size: 13px;
        letter-spacing: 1px;
    }

    @keyframes spinFlower {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    /* Pagination Dots */
    .dots-container {
        display: none;
        justify-content: center;
        gap: 10px;
        margin-top: 25px;
    }

    .dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #311c1c;
        background-color: transparent;
        transition: all 0.3s ease;
    }

    .dot.active {
        background-color: #311c1c;
    }

    /* --- MOBILE VIEW --- */
    @media (max-width: 767px) {
        .fusion-container {
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            height: auto;
            padding: 0 20px 20px 20px;
            scrollbar-width: none;
            gap: 12px;
        }

        .fusion-container::-webkit-scrollbar {
            display: none;
        }

        .fusion-card {
            min-width: 332px !important;
            width: 332px !important;
            height: 332px !important;
            flex: 0 0 auto !important;
            border-radius: 24px;
            scroll-snap-align: center;
        }

        .view-btn-container {
            display: none !important;
        }

        .dots-container {
            display: flex;
        }

        .badge-text {
            max-width: 160px;
            opacity: 1;
            padding: 0 10px;
            display: none;
            /* Icon only for collapsed mobile state as per Figma */
        }

        .fusion-container:hover .fusion-card {
            flex: 0 0 auto !important;
            width: 332px !important;
        }
    }/* End custom CSS */