.elementor-709 .elementor-element.elementor-element-5440940{--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-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu li:not(:last-child){margin-bottom:1px;}@media(max-width:1024px){.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu li:not(:last-child){margin-bottom:1px;}}@media(max-width:767px){.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu li:not(:last-child){margin-bottom:1px;}}/* Start custom CSS for bdt-slinky-vertical-menu, class: .elementor-element-5a49acd *//* ===== Slinky Mobile Menu - Same Navbar Style ===== */

.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li{
  display: flex;
  justify-content: center;
}

.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 999px;
  color: #ffffff !important;
  text-decoration: none;
  font-family: "Tajawal", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  transition: all 0.3s ease;
  isolation: isolate;
  overflow: hidden;
  width: fit-content;
}

/* glow background */
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: radial-gradient(
    circle at center,
    rgba(224,196,140,0.16),
    rgba(224,196,140,0.05) 60%,
    transparent 100%
  );
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.3s ease;
  z-index: -1;
}

/* underline */
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a::after{
  content: "";
  position: absolute;
  right: 16px;
  left: 16px;
  bottom: 6px;
  height: 1px;
  border-radius: 20px;
  background: linear-gradient(90deg, transparent, #E7C98D, transparent);
  opacity: 0;
  transform: scaleX(0.45);
  transition: all 0.3s ease;
}

/* hover + focus + active */
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a:hover,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a:focus,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li.bdt-active > a,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li.current-menu-item > a,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li.current_page_item > a{
  color: #F8E1B2 !important;
  text-shadow:
    0 0 8px rgba(224,196,140,0.40),
    0 0 18px rgba(200,169,106,0.18);
}

/* show glow */
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a:hover::before,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a:focus::before,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li.bdt-active > a::before,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li.current-menu-item > a::before,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li.current_page_item > a::before{
  opacity: 1;
  transform: scale(1);
  box-shadow:
    0 0 14px rgba(200,169,106,0.14),
    inset 0 0 0 1px rgba(224,196,140,0.10);
}

/* show underline */
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a:hover::after,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a:focus::after,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li.bdt-active > a::after,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li.current-menu-item > a::after,
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li.current_page_item > a::after{
  opacity: 1;
  transform: scaleX(1);
}

/* remove default outline */
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu > li > a:focus{
  outline: none;
}

/* spacing */
.elementor-709 .elementor-element.elementor-element-5a49acd .bdt-slinky-vertical-menu .slinky-vertical-menu{
  display: flex;
  flex-direction: column;
  gap: 10px;
}/* End custom CSS */