.elementor-4115 .elementor-element.elementor-element-aaf193c{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4115 .elementor-element.elementor-element-aaf193c:not(.elementor-motion-effects-element-type-background), .elementor-4115 .elementor-element.elementor-element-aaf193c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF6B96;}.elementor-4115 .elementor-element.elementor-element-4855e08{--display:flex;}.elementor-4115 .elementor-element.elementor-element-bd98f23{--display:flex;}.elementor-4115 .elementor-element.elementor-element-3e54577{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4115 .elementor-element.elementor-element-f92c4a8{--display:flex;}.elementor-4115 .elementor-element.elementor-element-f92c4a8 > .elementor-shape-top .elementor-shape-fill, .elementor-4115 .elementor-element.elementor-element-f92c4a8 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-f92c4a8 > .elementor-shape-top svg, .elementor-4115 .elementor-element.elementor-element-f92c4a8 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:0px;}.elementor-4115 .elementor-element.elementor-element-f92c4a8 > .elementor-shape-bottom .elementor-shape-fill, .elementor-4115 .elementor-element.elementor-element-f92c4a8 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-f92c4a8 > .elementor-shape-bottom svg, .elementor-4115 .elementor-element.elementor-element-f92c4a8 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:0px;}.elementor-4115 .elementor-element.elementor-element-5df1ca6{--display:flex;}.elementor-4115 .elementor-element.elementor-element-99a3c1d{--display:flex;}.elementor-4115 .elementor-element.elementor-element-10a69b0{--display:flex;}.elementor-4115 .elementor-element.elementor-element-4c67fea{--display:flex;}.elementor-4115 .elementor-element.elementor-element-b98cd1a{--display:flex;}.elementor-4115 .elementor-element.elementor-element-baaef5c{--display:flex;}.elementor-4115 .elementor-element.elementor-element-ce263ad{--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-4115 .elementor-element.elementor-element-1535e8c{--display:flex;}.elementor-4115 .elementor-element.elementor-element-ed6097d{--display:flex;}.elementor-4115 .elementor-element.elementor-element-23390ba{--display:flex;}.elementor-4115 .elementor-element.elementor-element-3acdb39{--display:flex;}.elementor-4115 .elementor-element.elementor-element-93ddbbd{--display:flex;}.elementor-4115 .elementor-element.elementor-element-4e8a40e{--display:flex;}.elementor-4115 .elementor-element.elementor-element-766739d{--display:flex;}@media(max-width:768px){.elementor-4115 .elementor-element.elementor-element-3e54577{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4115 .elementor-element.elementor-element-f92c4a8 > .elementor-shape-top svg, .elementor-4115 .elementor-element.elementor-element-f92c4a8 > .e-con-inner > .elementor-shape-top svg{height:52px;}.elementor-4115 .elementor-element.elementor-element-f92c4a8 > .elementor-shape-bottom svg, .elementor-4115 .elementor-element.elementor-element-f92c4a8 > .e-con-inner > .elementor-shape-bottom svg{height:45px;}.elementor-4115 .elementor-element.elementor-element-5df1ca6{--width:500px;}.elementor-4115 .elementor-element.elementor-element-99a3c1d{--width:500px;}.elementor-4115 .elementor-element.elementor-element-10a69b0{--width:500px;}.elementor-4115 .elementor-element.elementor-element-4c67fea{--width:500px;}}/* Start custom CSS for html, class: .elementor-element-8ddac70 *//* ============================= */
/* BASE SECTION */
/* ============================= */
.jj-about-premium {
  background: radial-gradient(circle at top left, #ffe3ee, #ffffff 65%);
  padding: 100px 20px;
  font-family: 'Poppins', sans-serif;
}

/* Safe spacing for all screens */
.jj-wrap {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 70px;
  align-items: center;
}

/* ============================= */
/* LEFT CONTENT */
/* ============================= */
.jj-badge {
  display: inline-block;
  background: linear-gradient(135deg, #ff5c8a, #ff8fb1);
  color: #fff;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 13px;
  margin-bottom: 18px;
}

.jj-title {
  font-family: 'Playfair Display', serif;
  font-size: 44px;
  color: #1b1b1b;
  margin-bottom: 8px;
}

.jj-title span {
  color: #ff5c8a;
}

.jj-subtitle {
  color: #ff5c8a;
  font-weight: 500;
  margin-bottom: 22px;
}

.jj-desc {
  color: #555;
  line-height: 1.9;
  font-size: 15.5px;
  margin-bottom: 16px;
}

/* ============================= */
/* USP POINTS */
/* ============================= */
.jj-usps {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.jj-usps .usp {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  padding: 12px 18px;
  border-radius: 40px;
  box-shadow: 0 10px 28px rgba(255, 92, 138, 0.15);
  font-size: 14px;
  color: #333;
  opacity: 0;
  animation: uspFade 0.6s ease forwards;
}

.jj-usps .usp span {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff5c8a, #ff8fb1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-shadow: 0 6px 16px rgba(255, 92, 138, 0.35);
}

/* Stagger effect */
.jj-usps .usp:nth-child(1){animation-delay:0.2s;}
.jj-usps .usp:nth-child(2){animation-delay:0.35s;}
.jj-usps .usp:nth-child(3){animation-delay:0.5s;}
.jj-usps .usp:nth-child(4){animation-delay:0.65s;}
.jj-usps .usp:nth-child(5){animation-delay:0.8s;}

/* ============================= */
/* RIGHT PREMIUM CARD */
/* ============================= */
.jj-card {
  background: linear-gradient(180deg, #ff5c8a, #ff8fb1);
  border-radius: 28px;
  padding: 46px 42px;
  color: #fff;
  box-shadow: 0 28px 65px rgba(255, 92, 138, 0.45);
}

.jj-card h3 {
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  margin-bottom: 20px;
}

.jj-card ul {
  list-style: none;
  padding: 0;
}

.jj-card ul li {
  margin-bottom: 14px;
  font-size: 15px;
  padding-left: 18px;
  position: relative;
}

.jj-card ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  font-size: 22px;
}

/* ============================= */
/* ANIMATIONS */
/* ============================= */
.animate {
  opacity: 0;
  animation-fill-mode: forwards;
}

.fade-left {
  animation: fadeLeft 1s ease forwards;
}

.fade-right {
  animation: fadeRight 1s ease forwards;
}

@keyframes fadeLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeRight {
  from { opacity: 0; transform: translateX(40px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes uspFade {
  to { opacity: 1; }
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 900px) {
  .jj-wrap {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .jj-title {
    font-size: 36px;
  }

  .jj-card {
    padding: 36px 28px;
  }
}

@media (max-width: 480px) {
  .jj-about-premium {
    padding: 80px 16px;
  }
}/* End custom CSS */