.elementor-10094 .elementor-element.elementor-element-2f34de9{--display:flex;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-10094 .elementor-element.elementor-element-4a45685{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* ===== Number badge — premium corner circle with balanced number alignment ===== */

.has-number {
  position: relative !important;
  overflow: hidden;
}

.has-number .number {
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  width: 52px !important;
  height: 52px !important;

  background: #b08b52;
  color: #fff !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  box-sizing: border-box;
  overflow: hidden;

  /* initial circle */
  clip-path: circle(50% at 50% 50%);

  transform: translate(-18px, 18px);

  transition:
    width .45s cubic-bezier(.65,0,.35,1),
    height .45s cubic-bezier(.65,0,.35,1),
    transform .45s cubic-bezier(.65,0,.35,1),
    clip-path .45s cubic-bezier(.65,0,.35,1),
    font-size .45s cubic-bezier(.65,0,.35,1),
    padding .45s cubic-bezier(.65,0,.35,1);

  z-index: 2;
}


/* ===== Hover State ===== */

.has-number:hover .number {

  /* controlled size */
  width: 82px !important;
  height: 82px !important;

  /* attach to corner */
  transform: translate(0,0);

  /* elegant quarter circle */
  clip-path: circle(82px at 100% 0%);

  font-size: 16px !important;

  /* visual centering inside visible curve */
  display: flex !important;

  align-items: flex-start !important;
  justify-content: flex-end !important;

  padding-top: 22px !important;
  padding-right: 22px !important;

}/* End custom CSS */