.elementor-368 .elementor-element.elementor-element-c55e3d6{--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-368 .elementor-element.elementor-element-c55e3d6:not(.elementor-motion-effects-element-type-background), .elementor-368 .elementor-element.elementor-element-c55e3d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-368 .elementor-element.elementor-element-1cf0e71 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:700;line-height:21px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 0px 20px 0px;}.elementor-368 .elementor-element.elementor-element-1cf0e71 .elementor-button:hover, .elementor-368 .elementor-element.elementor-element-1cf0e71 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-primary );}.elementor-368 .elementor-element.elementor-element-1cf0e71{margin:0px 41px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-368 .elementor-element.elementor-element-1cf0e71.elementor-element{--align-self:stretch;}.elementor-368 .elementor-element.elementor-element-1cf0e71 .elementor-button:hover svg, .elementor-368 .elementor-element.elementor-element-1cf0e71 .elementor-button:focus svg{fill:var( --e-global-color-primary );}#elementor-popup-modal-368 .dialog-widget-content{background-color:#282828;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-368 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-368{justify-content:center;align-items:center;}#elementor-popup-modal-368 .dialog-close-button{display:flex;}#elementor-popup-modal-368 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-368 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-368 .elementor-element.elementor-element-c55e3d6{--content-width:90%;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-368 .elementor-element.elementor-element-c377d1f{width:100%;max-width:100%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-368 .elementor-element.elementor-element-1cf0e71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}#elementor-popup-modal-368{align-items:center;}#elementor-popup-modal-368 .dialog-close-button{font-size:29px;}#elementor-popup-modal-368 .dialog-widget-content{margin:0px 0px 0px 0px;}#elementor-popup-modal-368 .dialog-message{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-c377d1f *//* --- variables (tweak these) --- */
.menu { --accent: #cfe700; --accent-contrast: #1a1a1a; --text: #fff; --gap: 28px; --num-size: 36px; }

/* container */
.menu{
  list-style: none;
  padding: 24px;
  margin: 0;
  width: 260px;              /* adjust to fit your layout */
  font-family: "Georgia", serif;
}

/* items */
.menu-item{
  margin: 0 0 var(--gap) 0;
}
.menu-item a{
  display: flex;
  align-items: center;
  gap: 18px;
  text-decoration: none;
  color: var(--text);
  padding: 10px 8px;
  position: relative;
}

/* number block */
.num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--num-size) + 10px);
  height: var(--num-size);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .08em;
  color: ;
  position: relative;
  z-index: 3;
  border-radius: 20px 0 20px 0;     /* TL TR BR BL (matches your request) */
  background: transparent;
  transition: transform .35s cubic-bezier(.2,.9,.2,1), background .28s ease;
  transform-origin: center;
}

/* animated background shape behind number (grows from scale 0 -> 1) */
.num::before{
  content: "";
  position: absolute;
  inset: 0;
  left: 0;
  top: 0;
  border-radius: inherit;
  background: var(--accent);
  transform: scale(0);
  transform-origin: center;
  transition: transform .38s cubic-bezier(.2,.9,.2,1);
  z-index: -1;
}

/* label */
.label{
  font-size: 20px;
  opacity: 0.95;
  transition: transform .36s cubic-bezier(.2,.9,.2,1);
  transform-origin: left center;
  color: #efefef;
}

/* small animated line on the right of item */
.right-line{
  position: absolute;
  right: 12px;
  width: 36px;
  height: 2px;
  background: #fff;
  opacity: 0;
  transform: translateX(10px) scaleX(.6);
  transition: opacity .28s ease, transform .36s cubic-bezier(.2,.9,.2,1);
  top: 50%;
  transform-origin: left center;
  transform: translateX(10px) translateY(-50%) scaleX(.6);
}

/* HOVER / FOCUS states */
.menu-item a:hover .num::before,
.menu-item a:focus .num::before,
.menu-item a.hovered .num::before {
  transform: scale(1);
}

/* subtle lift and label shift */
.menu-item a:hover .num,
.menu-item a:focus .num,
.menu-item a.hovered .num {
  transform: translateX(-2px) translateY(0);
}

.menu-item a:hover .label,
.menu-item a:focus .label,
.menu-item a.hovered .label {
  transform: translateX(8px);
}

/* show right line */
.menu-item a:hover .right-line,
.menu-item a:focus .right-line,
.menu-item a.hovered .right-line {
  opacity: 1;
  transform: translateX(0) translateY(-50%) scaleX(1);
}

/* active/current item style example (optional) */
.menu-item.current a .num::before{
  transform: scale(1);
}
.menu-item.current a .label{
  transform: translateX(8px);
}

/* accessibility: focus-visible outline */
.menu-item a:focus-visible{
  outline: 3px solid rgba(255,255,255,0.06);
  outline-offset: 6px;
}

/* responsive: reduce size on smaller screens */
@media (max-width:600px){
  .menu{ width: 100%; padding: 16px;}
  .label{ font-size:18px;}
  .num{ width:36px; height:36px; font-size:13px; }
}/* End custom CSS */
/* Start custom CSS *//* Popup entrance animation */
.elementor-popup-modal .dialog-widget-content {
  animation: slideInFromLeft 2s ease forwards;
}

@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}/* End custom CSS */