@charset "UTF-8";
.single-item {
position: relative;
}
.single-item .slide-arrow {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.single-item .prev-arrow {
left: 0px;
}
.single-item .next-arrow {
right: 0px;
}
.single-item2 {
    position: relative;
    width: 780px;
    height: 250px;
    margin: 50px auto 50px auto;
}
.single-item2 .slide-arrow {
position: absolute;
top: 50%;
width: 27px;
height: 38px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.single-item2 .prev-arrow {
left: -84px;
}
.single-item2 .next-arrow {
right: -84px;
}

.multiple-items1 {
position: relative;
}
.multiple-items1 .slide-arrow {
position: absolute;
top: 50%;
width: 50px;
height: 62px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items1 .prev-arrow {
left: -30px;
}
.multiple-items1 .next-arrow {
right: -14px;
}

.multiple-items2 {
position: relative;
}
.multiple-items2 .slide-arrow {
position: absolute;
top: 46%;
width: 50px;
height: 62px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items2 .prev-arrow {
left: -44px;
}
.multiple-items2 .next-arrow {
right: -44px;
}

.multiple-items3 {
position: relative;
}
.multiple-items3 .slide-arrow {
position: absolute;
top: 46%;
width: 50px;
height: 62px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items3 .prev-arrow {
left: 220px;
}
.multiple-items3 .next-arrow {
right: 220px;
}