.elementor-7162 .elementor-element.elementor-element-478a8c17{--display:flex;overflow:visible;}.elementor-7162 .elementor-element.elementor-element-99adb6b{--display:flex;overflow:visible;}.elementor-7162 .elementor-element.elementor-element-99adb6b:not(.elementor-motion-effects-element-type-background), .elementor-7162 .elementor-element.elementor-element-99adb6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7162 .elementor-element.elementor-element-ae7645b .elementor-repeater-item-03e275d .swiper-slide-bg{background-color:#833ca3;background-image:url(https://learnmalayacademy.com/wp-content/uploads/2026/01/KOLI-scaled.png);background-size:cover;}.elementor-7162 .elementor-element.elementor-element-ae7645b .elementor-repeater-item-8d1eb3f .swiper-slide-bg{background-color:#4054b2;background-image:url(https://learnmalayacademy.com/wp-content/uploads/2026/05/1-1-scaled.jpg);background-size:cover;}.elementor-7162 .elementor-element.elementor-element-ae7645b .elementor-repeater-item-a0cbf1c .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://learnmalayacademy.com/wp-content/uploads/2026/05/NUMBERS.png);background-size:cover;}.elementor-7162 .elementor-element.elementor-element-ae7645b .elementor-repeater-item-47e7e18 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://learnmalayacademy.com/wp-content/uploads/2026/05/Cartoon-family-members-with-father-mother-wearing-hijab-and-child-all-looking-happy-together-Muslim-family.png);background-size:cover;}.elementor-7162 .elementor-element.elementor-element-ae7645b .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-7162 .elementor-element.elementor-element-ae7645b .elementor-slide-button{background-color:#FF79AC;color:#000000;border-color:#000000;}.elementor-7162 .elementor-element.elementor-element-ae7645b .swiper-slide-contents{max-width:66%;text-shadow:0px 0px 10px rgba(99.59702268431003, 18.293478260869573, 255, 0.62);}.elementor-7162 .elementor-element.elementor-element-ae7645b .swiper-slide-inner{text-align:center;}.elementor-7162 .elementor-element.elementor-element-ae7645b .elementor-slide-heading{color:#FFFFFF;font-family:"ABeeZee", Sans-serif;}.elementor-7162 .elementor-element.elementor-element-ae7645b .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:14px;}.elementor-7162 .elementor-element.elementor-element-ae7645b .elementor-slide-description{color:#FFFFFF;font-family:"ABeeZee", Sans-serif;}@media(max-width:1024px){.elementor-7162 .elementor-element.elementor-element-ae7645b .elementor-slide-description{font-size:14px;}}/* Start custom CSS for shortcode, class: .elementor-element-5cbba324 *//* ── Page background ─────────────────────────── */
.woocommerce-account .entry-content,
.woocommerce-account .site-main,
.woocommerce-account main,
.woocommerce-account {
  background: #000000 !important;
}

/* ── MY ACCOUNT heading — white ──────────────── */
.woocommerce-account h1,
.woocommerce-account .entry-title {
  color: #ffffff !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── Nav: kill ALL plugin tab styles ─────────── */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation ul li,
.woocommerce-MyAccount-navigation ul li a {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Nav: re-apply our layout ────────────────── */
.woocommerce-MyAccount-navigation ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  list-style: none !important;
  padding: 6px !important;
  margin: 0 0 1.5rem !important;
  background: #1f1f1f !important;
  border-radius: 10px !important;
}

.woocommerce-MyAccount-navigation ul li {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  border: none !important;
  background: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  text-align: center !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #aaaaaa !important;
  text-decoration: none !important;
  border-radius: 7px !important;
  transition: background 0.2s, color 0.2s !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background: #2a2a2a !important;
  color: #ffffff !important;
}

/* Active tab */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
  background: linear-gradient(90deg, #e040b0, #f5c518) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── Content box ─────────────────────────────── */
.woocommerce-MyAccount-content {
  background: #1f1f1f !important;
  border-radius: 10px !important;
  padding: 1.5rem 2rem !important;
  color: #cccccc !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  border: none !important;
  box-shadow: none !important;
}

.woocommerce-MyAccount-content p {
  color: #cccccc !important;
}

.woocommerce-MyAccount-content strong {
  color: #ffffff !important;
}

/* Plain muted links */
.woocommerce-MyAccount-content a {
  color: #888888 !important;
  text-decoration: none !important;
  background: none !important;
  /*-webkit-text-fill-color: #888888 !important;*/
}

.woocommerce-MyAccount-content a:hover {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

/* ── Orders table ────────────────────────────── */
.woocommerce-orders-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.woocommerce-orders-table th {
  background: #161616 !important;
  color: #888 !important;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid #2a2a2a !important;
}

.woocommerce-orders-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #2a2a2a !important;
  color: #ccc !important;
}

.woocommerce-orders-table tr:last-child td {
  border-bottom: none !important;
}

/* ── Form fields ─────────────────────────────── */
.woocommerce-MyAccount-content .woocommerce-form-row input,
.woocommerce-MyAccount-content .woocommerce-form-row select {
  background: #111111 !important;
  border: 1px solid #333333 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  padding: 10px 14px !important;
  width: 100% !important;
  font-size: 14px !important;
}

.woocommerce-MyAccount-content .woocommerce-form-row input:focus,
.woocommerce-MyAccount-content .woocommerce-form-row select:focus {
  outline: none !important;
  border-color: #e040b0 !important;
}

.woocommerce-MyAccount-content .woocommerce-form-row label {
  color: #888888 !important;
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
}

/* ── Buttons — pink-to-gold, white text ──────── */
.woocommerce-MyAccount-content button[type="submit"],
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content input[type="submit"] {
  background: linear-gradient(90deg, #e040b0, #f5c518) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 11px 24px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
}

.woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover {
  opacity: 0.85 !important;
}

/* ── Responsive ──────────────────────────────── */
@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation ul {
    flex-direction: column !important;
    gap: 2px !important;
  }

  .woocommerce-MyAccount-navigation ul li a {
    text-align: left !important;
    padding: 10px 14px !important;
  }

  .woocommerce-MyAccount-content {
    padding: 1.25rem !important;
  }
}
/* ── Mobile nav fix — allow tabs to wrap ─────── */
@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation ul {
    flex-wrap: wrap !important;
  }

  .woocommerce-MyAccount-navigation ul li {
    flex: 1 1 auto !important;
    min-width: 80px !important;
  }

  .woocommerce-MyAccount-navigation ul li a {
    white-space: normal !important;
    text-align: center !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}/* End custom CSS */