.ce-pao-slider{
  .image{
      height:100vh;
      width:100%;
      img{
          object-fit: cover;
          position:relative;
          width:100%;
          height:100%;
      }
  }
  .content{
      position:absolute;
      width:100%;
      top:50%;
      @include transform(translateY(-50%));
      @media (max-width:1023px){
        left:50%;
        @include transform( translate3d( -50%, -50%, 0 ) );
        width:auto;
      }

      text-align:center;
      h2{
          font-size:48px;
          line-height:60px;
          letter-spacing: -0.04em;
          p{
              margin:0;
              padding:0;
          }
      }

      .desc{
          padding:0;
          margin-top:8px;
          margin-bottom:32px;
      }

      .button{
          display:inline-block;
          padding: 20px 25px;
          background:#fff;
          border-radius:34px;

          i{
              margin-left:8px;
          }
      }
  }

  .swiper-button-prev{
      color:#000;
      background:none !important;
      left:75px !important;
      font-size:16px;
      line-height:28px;
      font-weight:500;
      i{
        margin-right:8px;
      }
      &:after{
        display:none;
      }

      width:60px;
      .wrapper{
        position:relative;
      }
      .text{
        display:flex;
        align-items:center;
        font-weight:500;
        z-index:9999;
        position:relative;
        @include transition(all 0.3s);
      }
      .image{
        width:200px;
        height:200px;
        position:absolute;
        margin-top:-100px;
        top:50%;
        background-size: cover;
        background-position: center;
        background-repeat:no-repeat;
        border-radius: 50%;
        transform: scale(0.65);
        left: -175px;
        right: auto;
        @include transition(all 0.3s);

      }

      &:hover{
        .text{
          @include transform(translateX(-30px));
          
        }

        .image{
          @include transform(scale(1));
          left:-150px;
        }
      }
    }
    .swiper-button-next{
      color:#000;
      background:none !important;
      right:75px !important;
      i{
        margin-left:8px;
      }
      &:after{
        display:none;
      }

      width:60px;
      .wrapper{
        position:relative;
      }
      .text{
        display:flex;
        align-items:center;
        font-weight:500;
        z-index:9999;
        position:relative;
        @include transition(all 0.3s);
      }
      .image{
        width:200px;
        height:200px;
        position:absolute;
        margin-top:-100px;
        right:0;
        top:50%;
        background-size: cover;
        background-position: center;
        background-repeat:no-repeat;
        border-radius: 50%;
        transform: scale(0.65);
        right: -175px;
        left: auto;
        @include transition(all 0.3s); 

      }

      &:hover{
        .text{
          @include transform(translateX(30px));
          
        }

        .image{
          @include transform(scale(1));
          right:-150px;
        }
      }
    }
    .cl-slider-nav{
      &:focus{
        outline:none!important;
      }
      @media (max-width:767px){
        display:none;
      }
    }
}