.elementor-16 .elementor-element.elementor-element-d47d1e9 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-a2c0d56 ) 0%, #3A23666B 100%);opacity:0.53;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16 .elementor-element.elementor-element-d47d1e9 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-16 .elementor-element.elementor-element-d47d1e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7% 0% 0% 0%;}.elementor-16 .elementor-element.elementor-element-3e834e4f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 50% 0% 0%;--e-column-margin-right:50%;--e-column-margin-left:0%;padding:7em 0em 7em 0em;}.elementor-16 .elementor-element.elementor-element-3e834e4f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16 .elementor-element.elementor-element-6a60e297 > .elementor-background-overlay{background-color:var( --e-global-color-332724a );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16 .elementor-element.elementor-element-6a60e297 > .elementor-container{max-width:720px;}.elementor-16 .elementor-element.elementor-element-6a60e297, .elementor-16 .elementor-element.elementor-element-6a60e297 > .elementor-background-overlay{border-radius:7px 7px 7px 7px;}.elementor-16 .elementor-element.elementor-element-6a60e297{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-16 .elementor-element.elementor-element-48cd9c9d > .elementor-element-populated >  .elementor-background-overlay{opacity:0.4;}.elementor-16 .elementor-element.elementor-element-48cd9c9d > .elementor-element-populated, .elementor-16 .elementor-element.elementor-element-48cd9c9d > .elementor-element-populated > .elementor-background-overlay, .elementor-16 .elementor-element.elementor-element-48cd9c9d > .elementor-background-slideshow{border-radius:7px 7px 7px 7px;}.elementor-16 .elementor-element.elementor-element-48cd9c9d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:4em 4em 4em 4em;}.elementor-16 .elementor-element.elementor-element-48cd9c9d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16 .elementor-element.elementor-element-bb1578e .elementor-heading-title{color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-9a9423f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;line-height:2em;color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-52b50517 .elementor-button{background-color:var( --e-global-color-text );font-family:"Arial", Sans-serif;font-size:16px;text-decoration:none;fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );}.elementor-16 .elementor-element.elementor-element-52b50517 .elementor-button:hover, .elementor-16 .elementor-element.elementor-element-52b50517 .elementor-button:focus{background-color:var( --e-global-color-a2c0d56 );color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-52b50517 .elementor-button:hover svg, .elementor-16 .elementor-element.elementor-element-52b50517 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-a3ae056{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-8d36e92{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16 .elementor-element.elementor-element-8d36e92.e-con{--align-self:stretch;}.elementor-16 .elementor-element.elementor-element-a7f1226{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-2378422{--display:flex;}.elementor-16 .elementor-element.elementor-element-ebb0209{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-2a37904{--display:flex;}.elementor-16 .elementor-element.elementor-element-5b4ae0dc{padding:7em 0em 7em 0em;}.elementor-16 .elementor-element.elementor-element-5cb13778 img{width:100%;height:479px;object-fit:cover;object-position:center left;border-radius:7px 7px 7px 7px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-bc-flex-widget .elementor-16 .elementor-element.elementor-element-5821830f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-16 .elementor-element.elementor-element-5821830f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-16 .elementor-element.elementor-element-5821830f > .elementor-element-populated{padding:3em 1em 3em 5em;}.elementor-16 .elementor-element.elementor-element-1e477093{width:auto;max-width:auto;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 10px 0px 10px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-4d462f5 );text-align:center;}.elementor-16 .elementor-element.elementor-element-49252f57{font-family:"Arial", Sans-serif;font-size:18px;line-height:25px;}.elementor-16 .elementor-element.elementor-element-146df038 .elementor-button{text-decoration:none;}.elementor-16 .elementor-element.elementor-element-0ddd1bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-8fc2651{--display:flex;}.elementor-16 .elementor-element.elementor-element-a18adba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-f44d75f{--display:flex;}.elementor-16 .elementor-element.elementor-element-93aac33{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-9dfe946{--display:flex;}.elementor-16 .elementor-element.elementor-element-be47a33{--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-16 .elementor-element.elementor-element-bbef8a3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-0f0e196{--display:flex;}.elementor-16 .elementor-element.elementor-element-2a5cbcb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-cb3756a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-bab910c{--display:flex;}.elementor-16 .elementor-element.elementor-element-1fc4d24{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-fc985c8{--display:flex;}.elementor-16 .elementor-element.elementor-element-69bf6c1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-899ea9a{--display:flex;}.elementor-16 .elementor-element.elementor-element-7a3c359{--display:flex;}.elementor-16 .elementor-element.elementor-element-714d25d{--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-16 .elementor-element.elementor-element-21d0851{--display:flex;}.elementor-16 .elementor-element.elementor-element-6756195{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16 .elementor-element.elementor-element-458cacf{--display:flex;}@media(max-width:1024px) and (min-width:768px){.elementor-16 .elementor-element.elementor-element-3e834e4f{width:100%;}}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-d47d1e9{padding:7em 1em 0em 1em;}.elementor-16 .elementor-element.elementor-element-3e834e4f > .elementor-element-populated{padding:3em 0em 3em 0em;}.elementor-16 .elementor-element.elementor-element-48cd9c9d > .elementor-element-populated{padding:3em 3em 3em 3em;}.elementor-16 .elementor-element.elementor-element-9a9423f .elementor-heading-title{font-size:15px;}.elementor-16 .elementor-element.elementor-element-5b4ae0dc{padding:3em 0em 3em 0em;}.elementor-16 .elementor-element.elementor-element-5821830f > .elementor-element-populated{padding:2em 2em 2em 2em;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-d47d1e9{padding:5em 0em 0em 0em;}.elementor-16 .elementor-element.elementor-element-3e834e4f{width:100%;}.elementor-16 .elementor-element.elementor-element-3e834e4f > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:3em 1em 3em 1em;}.elementor-16 .elementor-element.elementor-element-48cd9c9d > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-16 .elementor-element.elementor-element-9a9423f .elementor-heading-title{font-size:14px;}.elementor-16 .elementor-element.elementor-element-5b4ae0dc{padding:0em 0em 2em 0em;}.elementor-16 .elementor-element.elementor-element-5cb13778 img{height:275px;}.elementor-16 .elementor-element.elementor-element-b9557af{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-84718c7 */.lux-grid {
  padding: 100px 20px;
  background: #f8f9fb;
  font-family: 'Poppins', sans-serif;
}

/* HEADER */
.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-header h2 {
  font-size: 40px;
  font-weight: 600;
  color: #1F6F5C;
  margin-bottom: 10px;
}

.section-header p {
  color: #6b7280;
  max-width: 600px;
  margin: auto;
}

/* GRID */
.lux-grid .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

/* CARD */
.lux-grid .item {
  text-align: center;
  transition: 0.3s ease;
}

/* IMAGE */
.lux-grid .item img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
  transition: 0.4s ease;
}

/* TITLE BELOW IMAGE */
.lux-grid .item h3 {
  margin-top: 12px;
  font-size: 15px;
  color: #26272C;
  font-weight: 500;
}

/* REMOVE ALL OVERLAYS */
.lux-grid .item::before,
.lux-grid .item::after {
  display: none;
}

/* HOVER (SUBTLE PREMIUM) */
.lux-grid .item:hover img {
  transform: scale(1.05);
}

.lux-grid .item:hover {
  transform: translateY(-6px);
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .lux-grid .grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width: 600px) {
  .lux-grid .grid {
    grid-template-columns: 1fr;
  }

  .lux-grid .item img {
    height: 200px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d69c57 */.perfume-premium {
  padding: 100px 20px;
  background: #f8f9fb;
  font-family: 'Poppins', sans-serif;
}

/* HEADER */
.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-header h2 {
  font-size: 38px;
  color: #1F6F5C;
}

.section-header p {
  color: #6b7280;
}

/* GRID */
.perfume-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

/* ITEM */
.perfume-item {
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}

/* IMAGE */
.perfume-item img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 14px;
  transition: 0.4s;
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

/* TAG */
.tag {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #1F6F5C;
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 4px;
}

/* TEXT */
.perfume-item h3 {
  margin-top: 12px;
  font-size: 15px;
  color: #26272C;
}

.price {
  color: #4B2E83;
  font-weight: 500;
}

/* HOVER */
.perfume-item:hover img {
  transform: scale(1.07);
}

.perfume-item:hover {
  transform: translateY(-6px);
}

/* POPUP */
.quick-preview {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  z-index: 9999;
}

.quick-preview.active {
  opacity: 1;
  pointer-events: auto;
}

.preview-box {
  background: #fff;
  padding: 20px;
  border-radius: 16px;
  width: 320px;
  text-align: center;
  transform: scale(0.9);
  transition: 0.3s;
}

.quick-preview.active .preview-box {
  transform: scale(1);
}

.preview-box img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
}

.preview-box h3 {
  margin-top: 10px;
}

.preview-box p {
  color: #4B2E83;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .perfume-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width: 600px) {
  .perfume-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69ea490 */.trust-section {
  background: #F8F9FB;
  padding: 90px 20px;
  font-family: 'Poppins', sans-serif;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.trust-header {
  text-align: center;
  margin-bottom: 60px;
}

.trust-header h2 {
  font-size: 36px;
  color: #26272C;
  margin-bottom: 10px;
  font-weight: 600;
}

.trust-header p {
  font-size: 17px;
  color: #676C75;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

/* GRID */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */
.trust-card {
  background: #FFFFFF;
  padding: 30px 25px;
  border-radius: 10px;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.05);
  text-align: left;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* HOVER EFFECT */
.trust-card:hover {
  transform: translateY(-6px);
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.08);
}

/* TOP ACCENT LINE */
.trust-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: #4B2E83; /* Purple */
}

/* ICON */
.trust-card .icon {
  font-size: 26px;
  margin-bottom: 15px;
}

/* TITLE */
.trust-card h3 {
  font-size: 20px;
  color: #26272C;
  margin-bottom: 10px;
  font-weight: 600;
}

/* TEXT */
.trust-card p {
  font-size: 15px;
  color: #676C75;
  line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .trust-grid {
    grid-template-columns: 1fr;
  }

  .trust-header h2 {
    font-size: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9557af *//* SECTION */
.luxury-products {
  position: relative;
  padding: 100px 20px;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  background: #FFFFFF;
}

/* BACKGROUND IMAGE */
.bg-image {
  position: absolute;
  inset: 0;
  background: url('https://shilalekhpackaging.in/wp-content/uploads/2026/03/minimal-packaging-design-ideas-thumbnail.jpg') center/cover no-repeat;
  opacity: 0.04; /* more subtle */
  z-index: 0;
}

/* CONTAINER */
.container {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: auto;
}

/* HEADER */
.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-header h2 {
  font-size: 36px;
  color: #1F6F5C;
  font-weight: 600;
  position: relative;
}

/* PREMIUM UNDERLINE */
.section-header h2::after {
  content: "";
  width: 60px;
  height: 3px;
  background: #1F6F5C;
  display: block;
  margin: 12px auto 0;
  border-radius: 2px;
}

.section-header p {
  color: #676C75;
  font-size: 16px;
}

/* GRID */
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}

/* CARD */
.card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0px 10px 30px rgba(0,0,0,0.06);
  transition: all 0.4s ease;
  border: 1px solid rgba(0,0,0,0.03);
}

/* IMAGE */
.card img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition: 0.6s ease;
}

/* CONTENT */
.content {
  padding: 20px;
}

.content h3 {
  font-size: 18px;
  color: #26272C;
  margin-bottom: 8px;
  transition: 0.3s;
}

.content p {
  font-size: 14px;
  color: #676C75;
  margin-bottom: 15px;
}

/* BUTTON (PRIMARY PURPLE) */
.btn {
  display: inline-block;
  padding: 10px 18px;
  background: #4B2E83;
  color: #FFFFFF !important;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

.btn:hover {
  background: #1F6F5C; /* GREEN ON HOVER */
  color: #FFFFFF !important;
  transform: translateY(-2px);
}

/* CARD HOVER */
.card:hover {
  transform: translateY(-8px);
  box-shadow: 0px 18px 40px rgba(0,0,0,0.1);
}

/* IMAGE HOVER */
.card:hover img {
  transform: scale(1.05);
}

/* TITLE HOVER */
.card:hover .content h3 {
  color: #4B2E83;
}

/* BOTTOM BUTTON */
.bottom-btn {
  text-align: center;
  margin-top: 60px;
}

.bottom-btn a {
  padding: 14px 30px;
  border: 2px solid #4B2E83;
  color: #4B2E83;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
  font-weight: 500;
}

.bottom-btn a:hover {
  background: #1F6F5C;
  color: #fff;
}

/* SCROLL ANIMATION */
.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease-out;
}

.fade-up.active {
  opacity: 1;
  transform: translateY(0);
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ba76db *//* =========================
   SECTION BASE
========================= */
.premium-hover-products {
  padding: 100px 20px;
  background: #F8F9FB;
  font-family: 'Poppins', sans-serif;
}

.premium-hover-products .container {
  max-width: 1200px;
  margin: auto;
}

/* =========================
   HEADER
========================= */
.premium-hover-products .section-header {
  text-align: center;
  margin-bottom: 60px;
}

.premium-hover-products .section-header h2 {
  font-size: 36px;
  color: #26272C;
  font-weight: 600;
}

.premium-hover-products .section-header p {
  color: #676C75;
  font-size: 16px;
}

/* =========================
   GRID
========================= */
.premium-hover-products .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* =========================
   CARD (LUXURY)
========================= */
.premium-hover-products .product-card {
  position: relative;
  height: 300px;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08);
  transition: all 0.5s ease;
}

/* HOVER LIFT */
.premium-hover-products .product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.15);
}

/* IMAGE */
.premium-hover-products .product-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s ease;
}

.premium-hover-products .product-card:hover img {
  transform: scale(1.08);
}

/* =========================
   DEFAULT TITLE
========================= */
.premium-hover-products .title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  z-index: 2;
  transition: 0.3s;
}

.premium-hover-products .product-card:hover .title {
  opacity: 0;
}

/* =========================
   OVERLAY (GLASS + GRADIENT)
========================= */
.premium-hover-products .overlay {
  position: absolute;
  inset: 0;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  background: linear-gradient(
    135deg,
    rgba(75, 46, 131, 0.92),
    rgba(31, 111, 92, 0.88)
  );

  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.08);

  opacity: 0;
  transform: translateY(25px);
  transition: all 0.5s ease;
  z-index: 3;
}

/* SHOW OVERLAY */
.premium-hover-products .product-card:hover .overlay {
  opacity: 1;
  transform: translateY(0);
}

/* TEXT */
.premium-hover-products .overlay h3 {
  font-size: 20px;
  color: #ffffff;
}

.premium-hover-products .overlay p {
  font-size: 14px;
  margin: 8px 0 15px;
  color: #f1f1f1;
}

/* =========================
   BUTTON (FIXED + SCOPED)
========================= */
.premium-hover-products .btn {
  background: #ffffff;
  color: #4B2E83 !important;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  width: fit-content;

  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

/* SHOW BUTTON */
.premium-hover-products .product-card:hover .btn {
  opacity: 1;
  transform: translateY(0);
}

.premium-hover-products .btn:hover {
  background: #1F6F5C;
  color: #ffffff !important;
}

/* =========================
   LIGHT EFFECT (LUXURY TOUCH)
========================= */
.premium-hover-products .product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.15),
    transparent 60%
  );
  opacity: 0;
  transition: 0.5s;
  z-index: 2;
}

.premium-hover-products .product-card:hover::before {
  opacity: 1;
}

/* =========================
   VIEW MORE BUTTON
========================= */
.premium-hover-products .view-more-products {
  text-align: center;
  margin-top: 70px;
}

.premium-hover-products .view-more-products a {
  display: inline-block;
  padding: 16px 36px;
  background: linear-gradient(135deg, #4B2E83, #1F6F5C);
  color: #ffffff;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: all 0.4s ease;
  box-shadow: 0 15px 40px rgba(75,46,131,0.3);
}

.premium-hover-products .view-more-products a:hover {
  transform: translateY(-4px);
  box-shadow: 0 25px 60px rgba(75,46,131,0.4);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px) {
  .premium-hover-products .grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f12238e *//* SECTION */
.custom-packaging-final {
  padding: 100px 20px;
  background: #F8F9FB;
  font-family: 'Poppins', sans-serif;
}

.custom-packaging-final .container {
  max-width: 1200px;
  margin: auto;
}

/* LAYOUT */
.top-section {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px;
  align-items: center;
  margin-bottom: 80px;
}

/* SLIDER */
.image-3d-slider {
  position: relative;
  height: 420px;
  perspective: 1200px;
  overflow: hidden;
  transition: transform 0.2s ease;
}

/* SLIDES */
.image-3d-slider .slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;

  opacity: 0;
  transform: scale(0.95);
  transition: all 0.8s ease;

  box-shadow: 0 30px 80px rgba(0,0,0,0.2);
}

/* ACTIVE SLIDE ONLY */
.image-3d-slider .slide.active {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

/* LIGHT EFFECT */
.image-3d-slider::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.25),
    transparent 50%
  );
  z-index: 3;
  pointer-events: none;
}

/* CONTENT */
.content h2 {
  font-size: 38px;
  color: #26272C;
  margin-bottom: 15px;
}

.subtext {
  color: #4B2E83;
  font-weight: 500;
  margin-bottom: 15px;
}

.description {
  color: #676C75;
  line-height: 1.7;
  margin-bottom: 25px;
}

/* CTA BUTTON */
.cta-btn {
  display: inline-block;
  padding: 14px 28px;
  background: linear-gradient(135deg, #4B2E83, #1F6F5C);
  color: #ffffff !important;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
  box-shadow: 0 15px 40px rgba(75,46,131,0.3);
}

.cta-btn:hover {
  transform: translateY(-3px);
}

/* FEATURES */
.features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.feature-card {
  background: #fff;
  padding: 25px;
  border-radius: 14px;
  text-align: center;
  transition: 0.3s;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.feature-card:hover {
  transform: translateY(-8px);
}

.feature-card h3 {
  color: #26272C;
  margin-bottom: 8px;
}

.feature-card p {
  color: #676C75;
  font-size: 14px;
}

/* ================= MOBILE OPTIMIZATION ================= */

@media (max-width: 992px) {

  /* STACK LAYOUT */
  .top-section {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  /* IMAGE FIRST */
  .image-3d-slider {
    order: -1;
    height: 320px; /* reduced for tablet */
  }

  /* CONTENT CENTER */
  .content {
    text-align: center;
    padding: 0 10px;
  }

  .content h2 {
    font-size: 30px;
  }

  .subtext {
    font-size: 15px;
  }

  .description {
    font-size: 14px;
  }

  /* CTA CENTER */
  .cta-btn {
    margin-top: 10px;
  }

  /* FEATURES GRID */
  .features {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

}


/* ================= SMALL MOBILE ================= */

@media (max-width: 600px) {

  /* SECTION SPACING */
  .custom-packaging-final {
    padding: 70px 15px;
  }

  /* IMAGE FIX (IMPORTANT) */
  .image-3d-slider {
    height: 260px;
  }

  .image-3d-slider .slide {
    border-radius: 14px;
  }
.image-3d-slider .slide {
  object-position: center;
}
  /* TEXT */
  .content h2 {
    font-size: 26px;
    line-height: 1.3;
  }

  .subtext {
    font-size: 14px;
  }

  .description {
    font-size: 13px;
  }

  /* CTA FULL WIDTH */
  .cta-btn {
    display: block;
    width: 100%;
    text-align: center;
  }

  /* FEATURES */
  .features {
    grid-template-columns: 1fr;
  }

  .feature-card {
    padding: 20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80bf02a *//* FILTER */
.gallery-filter {
  text-align: center;
  margin-bottom: 40px;
}

.gallery-filter button {
  margin: 5px;
  padding: 10px 20px;
  border: none;
  background: #eee;
  cursor: pointer;
  border-radius: 6px;
  transition: 0.3s;
}

.gallery-filter button.active,
.gallery-filter button:hover {
  background: #4B2E83;
  color: #fff;
}

/* GRID */
.gallery-grid {
  column-count: 3;
  column-gap: 20px;
}

.gallery-item {
  margin-bottom: 20px;
  cursor: pointer;
}

.gallery-item img {
  width: 100%;
  border-radius: 12px;
  transition: 0.4s;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

/* LIGHTBOX */
.lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.lightbox img {
  max-width: 90%;
  max-height: 80%;
  border-radius: 10px;
}

.lightbox .close {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

/* CTA */
.gallery-cta {
  text-align: center;
  margin-top: 60px;
}

.gallery-cta a {
  display: inline-block;
  padding: 16px 36px;
  background: linear-gradient(135deg, #4B2E83, #1F6F5C);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: 0.3s;
  box-shadow: 0 15px 40px rgba(75,46,131,0.3);
}

.gallery-cta a:hover {
  transform: translateY(-3px);
  box-shadow: 0 25px 60px rgba(75,46,131,0.4);
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .gallery-grid {
    column-count: 2;
  }
}

@media (max-width: 600px) {
  .gallery-grid {
    column-count: 1;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21a232f *//* SECTION */
.why-choose {
  padding: 100px 20px;
  background: linear-gradient(
    135deg,
    #ffffff,
    rgba(75,46,131,0.04),
    rgba(31,111,92,0.04)
  );
  font-family: 'Poppins', sans-serif;
}

.why-choose .container {
  max-width: 1200px;
  margin: auto;
}

/* GRID */
.why-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* HEADING */
.why-content h2 {
  font-size: 36px;
  color: #26272C;
  margin-bottom: 30px;
  font-weight: 600;
}

/* ITEMS */
.why-items {
  display: grid;
  gap: 20px;
}

/* ITEM CARD */
.why-item {
  background: #fff;
  padding: 20px 22px;
  border-radius: 12px;
  border-left: 4px solid #4B2E83;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  transition: 0.3s;
}

/* HOVER */
.why-item:hover {
  transform: translateX(6px);
  border-left: 4px solid #1F6F5C;
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* TEXT */
.why-item h3 {
  font-size: 18px;
  color: #26272C;
  margin-bottom: 5px;
}

.why-item p {
  font-size: 14px;
  color: #676C75;
}

/* IMAGE */
.why-image img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 30px 80px rgba(0,0,0,0.15);
  transition: 0.5s;
}

/* IMAGE HOVER */
.why-image img:hover {
  transform: scale(1.03);
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .why-grid {
    grid-template-columns: 1fr;
  }

  .why-image img {
    height: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd40493 *//* SECTION */
.premium-faq-v2 {
  padding: 100px 20px;
  background: linear-gradient(
    135deg,
    #ffffff,
    rgba(75,46,131,0.03),
    rgba(31,111,92,0.03)
  );
  font-family: 'Poppins', sans-serif;
}

.premium-faq-v2 .container {
  max-width: 1100px;
  margin: auto;
}

/* HEADER */
.faq-header {
  text-align: center;
  margin-bottom: 60px;
}

.faq-header h2 {
  font-size: 36px;
  color: #26272C;
}

.faq-header p {
  color: #676C75;
}

/* GRID */
.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

/* CARD */
.faq-item {
  background: #fff;
  padding: 20px 22px;
  border-radius: 12px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: 0.3s;
  border-left: 4px solid #4B2E83;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* HOVER */
.faq-item:hover {
  transform: translateY(-3px);
  border-left: 4px solid #1F6F5C;
}

/* QUESTION */
.faq-question {
  font-size: 16px;
  font-weight: 500;
  color: #26272C;
  position: relative;
  padding-right: 25px;
}

/* ICON */
.faq-question::after {
  content: "+";
  position: absolute;
  right: 0;
  font-size: 18px;
  color: #4B2E83;
}

/* ACTIVE */
.faq-item.active .faq-question::after {
  content: "-";
  color: #1F6F5C;
}

/* ANSWER */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  font-size: 14px;
  color: #676C75;
  transition: 0.4s ease;
}

/* SHOW */
.faq-item.active .faq-answer {
  max-height: 200px;
  margin-top: 10px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .faq-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e5d7b9 *//* SECTION */
.premium-cta {
  position: relative;
  padding: 120px 20px;
  text-align: center;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  overflow: hidden;
}

/* BACKGROUND IMAGE */
.cta-bg {
  position: absolute;
  inset: 0;
  background: url('https://shilalekhpackaging.in/wp-content/uploads/2026/03/minimal-packaging-design-ideas-thumbnail.jpg') center/cover no-repeat;
  z-index: 0;
}

/* OVERLAY (BRAND GRADIENT) */
.premium-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(0,0,0,0.7),
    rgba(75,46,131,0.7),
    rgba(31,111,92,0.6)
  );
  z-index: 1;
}

/* CONTENT */
.cta-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: auto;
}

/* HEADING */
.cta-content h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #ffffff !important; /* FORCE WHITE */
}

/* TEXT */
.cta-content p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 30px;
  color: #e5e5e5;
}

/* BUTTONS */
.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
}

/* CALL BUTTON */
.cta-call {
  padding: 14px 30px;
  background: #ffffff;
  color: #4B2E83;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.cta-call:hover {
  transform: translateY(-3px);
}

/* WHATSAPP BUTTON */
.cta-whatsapp {
  padding: 14px 30px;
  background: linear-gradient(135deg, #4B2E83, #1F6F5C);
  color: #ffffff !important; /* FORCE WHITE */
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
  box-shadow: 0 15px 40px rgba(75,46,131,0.3);
}

.cta-whatsapp:hover {
  transform: translateY(-3px);
  box-shadow: 0 25px 60px rgba(75,46,131,0.4);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .cta-content h2 {
    font-size: 30px;
  }

  .cta-buttons {
    flex-direction: column;
  }
}/* End custom CSS */