.li-widgets--circle {
  position: absolute;
  border-radius: 50%;
  transition: transform .3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 9; }
  .li-widgets--circle_heading {
    position: relative;
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--e-global-color-text);
    max-width: 90%; }
    .li-widgets--circle_heading:after {
      position: absolute;
      content: "";
      height: 1px;
      width: 25%;
      bottom: -7px;
      transform: translateY(-50%);
      left: calc(50% - 25% / 2);
      background-color: var(--e-global-color-text); }
  .li-widgets--circle_text {
    text-align: center;
    color: var(--e-global-color-text);
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 90%; }
  .li-widgets--circle:hover {
    transform: translateY(-20px);
    transition: transform .3s ease-in-out; }
  .li-widgets--circle_wrapper {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 21px;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    border: var(--e-global-color-primary) 5px dashed; }

@media (max-width: 1024px) {
  .li-widgets--circle_title {
    font-size: 24px; }
  .li-widgets--circle_text {
    font-size: 15px; } }
@media (max-width: 767px) {
  .li-widgets--circle {
    position: relative;
    display: inline-block; }
    .li-widgets--circle_title {
      font-size: 18px; }
    .li-widgets--circle_text {
      font-size: 13px; } }

/*# sourceMappingURL=style.css.map */