.ws-slider{
  width:100% !important;
  max-width:1200px !important;
  margin:auto !important;
  padding:0px 20px 10px !important;
  text-align:center !important;
}

.ws-slides{
  height: 660px !important;
  position:relative !important;
}

.ws-slide{
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  transform:translateX(-50%) scale(0.7) !important;
  opacity:0 !important;
  transition:
    transform 600ms cubic-bezier(.2,.9,.2,1),
    opacity 600ms ease,
    filter 400ms ease !important;
  text-align:center !important;
  width:500px !important;        /* center width */
  pointer-events:none !important;
}

.ws-slide img{
  position: absolute;
  margin: 200px 0px 0px;
  width:100% !important;
  border-radius:18px !important;
  box-shadow:0 8px 30px rgba(0,0,0,0.12) !important;
}
div#ws-slides h2 {
    font-size: 24px!important;
    font-weight: 600!important;
    line-height: 1.3!important;
    color: #000!important;
}
div#ws-slides p {
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 1.3!important;
    color: #000!important;
}
.ws-slide.is-active{
  opacity:1 !important;
  transform:translateX(-50%) scale(1) !important;
  z-index:5 !important;
  pointer-events:auto !important;
}

.ws-slide.is-left{
  opacity:0.6 !important;
  transform: translateX(calc(-104% - 220px)) scale(0.78) !important;
  margin: 134px 0 0px !important;
  width: 350px !important;
}

.ws-slide.is-right{
    opacity: 1 !important;
    transform: translateX(calc(-36% + 360px)) scale(0.78) !important;
    margin: 130px 0 0px !important;
    width: 350px !important;
}

.ws-slide.is-hidden{
  opacity:0 !important;
  transform:translateX(-50%) scale(0.6) !important;
}

.ws-slide h2,
.ws-slide p{
  opacity:0 !important;
  transform:translateY(12px) !important;
  transition:opacity 450ms ease, transform 450ms ease !important;
  margin:14px 0 0 !important;
}

.ws-slide.is-active h2,
.ws-slide.is-active p{
  opacity:1 !important;
  transform:translateY(0) !important;
  transition-delay:120ms !important;
}

.ws-controls{
display: flex !important;
    justify-content: flex-start;
    gap: 12px !important;
    /* margin: 0px auto !important; */
    position: absolute;
    left: 46%;
    margin-top: 140px !important;
    align-items: center;
    z-index: 99;
}

.ws-controls button{
  width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  border:0 !important;
  padding: 0!important;
  background:#00AEEF !important;
  cursor:pointer !important;
  font-size:18px !important;
}
.ws-controls button:hover{
    background:#000 !important;
}
/* ------------------ MOBILE ------------------ */

@media(max-width:769px){

  .ws-slides{
    height:540px !important;
  }

  .ws-slide{
    width:320px !important;     /* mobile center width */
  }

  .ws-slide.is-left,
  .ws-slide.is-right{
    opacity:0 !important;
    transform:translateX(-50%) scale(0.65) !important;
    width:320px !important;
    margin:0 !important;
    pointer-events:none !important;
  }

  .ws-slide.is-active{
    transform:translateX(-50%) scale(1) !important;
    width:320px !important;
    opacity:1 !important;
  }

  .ws-slide.is-hidden{
    opacity:0 !important;
    transform:translateX(-50%) scale(0.55) !important;
  }
	.ws-controls{
		margin-top: 154px !important;
		left: 40%;
	}
}