.gallery {
  padding : 70px 0 110px
}
.second {
  border-top : 1px solid #333
}
.gallery h2 {
  margin : 0 0 15px
}
.ui-imgBox {
  overflow : hidden;
  position : relative
}
.cover-flow__scroller {
  position : relative;
  height : 560px;
  width : 100%;
  margin : 0;
  padding : 0;
  list-style : none;
  display : flex;
  align-items : center;
  justify-content : center;
  perspective : 1200px;-webkit-perspective : 1200px;
  transform-style : preserve-3d;-webkit-transform-style : preserve-3d;
  touch-action : pan-y
}
.cover-flow__scroller li {
  position : absolute;
  left : 50%;
  top : 50%;
  width : 300px;
  height : 420px;
  transition : transform .7s ease, opacity .7s ease;-webkit-transition : -webkit-transform .7s ease, opacity .7s ease;
  transform-style : preserve-3d;-webkit-transform-style : preserve-3d;
  cursor : pointer
}
.cover-flow__scroller li div {
  width : 100%;
  height : 100%;
  overflow : hidden;
  border-radius : 14px;
  box-shadow : 0 20px 50px rgba(0, 0,0, .45)
}
.cover-flow__scroller img {
  width : 100%;
  height : 100%;
  display : block;
  object-fit : cover;
  user-select : none;-webkit-user-select : none;-webkit-user-drag : none;
  pointer-events : none
}
.controls {
  display : flex;
  justify-content : center;
  align-items : center;
  gap : 22px;
  margin-top : 10px;
  position : relative;
  z-index : 50
}
.controls button {
  border : 0;
  cursor : pointer
}
.prev, .next {
  width : 48px;
  height : 48px;
  border-radius : 50%;
  font-size : 34px;
  background : rgba(0,0,0,0.3);
  color : #fff;
  padding-bottom: 6px;
  line-height: 0px;
}
  .prev : hover, .next : hover {
  background : #fff;
  color : #111
}
.dots {
  display : flex;
  gap : 8px;
  align-items : center
}
.dot {
  width : 9px;
  height : 9px;
  border : 0;
  border-radius : 50%;
  padding : 0;
  background : #666
}
.dot.active {
  background : #fff;
  transform : scale(1.25)
}
 
.cover-flow__scroller {
  height : 410px;
  perspective : 900px;-webkit-perspective : 900px
}
.cover-flow__scroller li {
  width : 260px;
  height : 310px
}
.controls {
  gap : 14px
}
.prev, .next {
  width : 42px;
  height : 42px
}
.dot {
  width : 7px;
  height : 7px
}
  }input : :placeholder {
  color : gray;
  font-style : italic;
  font-size : 14px;
  opacity : 0.8;
}

@media(max-width : 767px) {
  .prev, .next {
  width : 32px;
  height : 32px;
  padding-bottom: 7px;
  line-height: 0;
}
}