.main_page_slider {
  height: 400px;
  border-radius: var(--radius1);
  overflow: hidden;
  position: relative;

  &_item {
    height: 400px;

    a {
      display: block;
      height: 400px;
      width: 100%;
      background-size: cover;
      background-position: center;
    }
  }

  .controls {
    position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 10;
  }
  .numericControls {
    display: flex;
    justify-content: center;
    gap:10px;
    li {
      width: 15px;
      height: 15px;
      background: #fff;
      border-radius: 100%;
      border:1px var(--c1) solid;
      font-size: 0;
      cursor: pointer;
      span {
        display: none;
      }
      &.current {
       box-shadow: inset 0px 0px 5px #333;
      }
    }
  }
}