.webien-column-slider.slider-active {
  height: auto !important;

  >.elementor-container {
    display: block !important;
    height: auto !important;
    max-width: none !important;

    >.elementor-row {
      width: auto !important;
      display: block !important;

      .slick-track {
        display: flex;
        align-items: flex-start;
      }

      .elementor-column {
        display: none;
        width: 100%;
      }

      >div {
        &:first-of-type {
          display: block !important;
        }
      }

      &.slick-initialized {
        position: relative;

        .elementor-column {
          display: inline-block;
        }
      }




      .slick-dots {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 20px;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        z-index: 9;
        max-width: 1140px;

        @media (max-width: 1024px) {
          padding: 0 40px;
        }


        li {
          opacity: 0.8;
          border: 0;
          list-style: none;
          display: inline-block;
          margin-right: 8px;
          cursor: pointer;
          position: relative;
          max-width: 20px;

          svg {
            width: 100%;
            height: auto;
            outline: none;

            path {
              fill: #fff;
              transition: fill 0.3s ease;
            }
          }

          i {
            font-size: 20px;
            color: #fff;
            transition: color 0.3s ease;

          }

          &:last-of-type {
            margin-right: 0;
          }

          button {
            display: none;
          }

          &.slick-active {
            cursor: auto;
            opacity: 1;
          }

          &:focus,
          &:active{
            outline: none;
          }
        }
      }



      .slick-arrow {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border: 0;
        background: transparent;
        //height: 60px;
        transform-style: preserve-3d;
        z-index: 100;
        text-align: center;
        padding: 20px 30px;

        svg {
          width: 30px;
          height: auto;
        }

        @media(max-width: 1024px) {
         // display: none !important;
        }
        &:focus,
        &:active{
          outline: none;
          background: transparent;
        }

        &.slick-next {
          right: 5px;

        }

        &.slick-prev {
          left: 5px;
        }
      }



    }
  }





}
