.swipe-me-item {
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.sw-item-content {
    padding: 84px 24px 100px;
}

.sw-item-image {
    height: 266px;
}

.sw-item-image-one {
    background-size: cover;
}

.sw-item-image-two {
    background-size: cover;
}

.sw-item-image-three {
    background-size: cover;
}

.swipe-me-v1 .slick-dots {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    padding: 0 24px;
}

.swipe-me-v1 .slick-dots li {
    margin: 0 8px 0 0;
    flex-grow: 1;
}

.swipe-me-v1 .slick-dots li:last-child {
    margin-right: 0;
}

.swipe-me-v1 .slick-dots li button {
    width: 100%;
    height: 4px;
    background-color: #B6B6B6;
    border-radius: 9px;
    cursor: pointer;
}

.swipe-me-v1 .slick-dots li button:before {
    display: none;
}

.swipe-me-v1 .slick-dots .slick-active button {
    background-color: #000;
}

.swipe-toggle-play {
    width: 40px;
    height: 40px;
    border: 1px solid #828282;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    cursor: pointer;
}

.circle-hover:after,
.swipe-me-v1 .slick-arrow:after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border: 1px solid #000;
    opacity: 0;
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: ease .5s;
    transition: ease .5s;
}

.circle-hover:hover:after,
.swipe-me-v1 .slick-arrow:hover:after {
    opacity: 1;
}

.swipe-toggle-play .icon-play-me,
.swipe-toggle-play.paused .icon-pause-me {
    display: none;
}

.swipe-toggle-play.paused .icon-play-me {
    display: block;
}

.swipe-me-v1 .slick-arrow {
    height: 40px;
    width: 40px;
    border: 1px solid #828282;
    border-radius: 50%;
    top: 236px;
    left: 28px;
    cursor: pointer;
    margin: 4px;
}

.swipe-me-v1 .slick-next {
    left: 76px;
}

.swipe-me-v1 .slick-arrow:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlJpZ2h0IENvbmRlbnNlZCI+CjxwYXRoIGlkPSJpY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNTIxNzEgMy42NjA2MkM2LjMzNDM3IDMuNDU3MjkgNi4wMTc3MSAzLjQ0NTk2IDUuODE1MDQgMy42MzI2MkM1LjYxMjM3IDMuODE5MjkgNS41OTk3MSA0LjEzNTk2IDUuNzg3MDQgNC4zMzkyOUw5LjE2NTcxIDcuOTk5OTZMNS43ODYzNyAxMS42NjA2QzUuNTk5NzEgMTEuODY0IDUuNjEyMzcgMTIuMTggNS44MTUwNCAxMi4zNjczQzUuOTExNzEgMTIuNDU2IDYuMDMyMzcgMTIuNDk5MyA2LjE1NDM3IDEyLjQ5OTNDNi4yODgzNyAxMi40OTkzIDYuNDIzMDQgMTIuNDQ2IDYuNTIyMzcgMTIuMzM5M0wxMC41MjY0IDcuOTk5OTZMNi41MjE3MSAzLjY2MDYyWiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8L3N2Zz4K");
}

.swipe-me-v1 .slick-prev:before {
    transform: rotate(180deg);
    left: 10px;
}

.swipe-me-v1-sub .slick-dots li button {
    background-color: #828282;
}

.swipe-me-v1-sub .slick-dots li.slick-active button {
    background-color: #fff;
}

.swipe-me-v1-sub .slick-arrow {
    border-color: #fff;
}

.swipe-me-v1-sub .slick-arrow:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlJpZ2h0IENvbmRlbnNlZCI+CjxwYXRoIGlkPSJpY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNTIxNzEgNC4wNzQ2OEM2LjMzNDM3IDMuODcxMzUgNi4wMTc3MSAzLjg2MDAyIDUuODE1MDQgNC4wNDY2OEM1LjYxMjM3IDQuMjMzMzUgNS41OTk3MSA0LjU1MDAyIDUuNzg3MDQgNC43NTMzNUw5LjE2NTcxIDguNDE0MDJMNS43ODYzNyAxMi4wNzQ3QzUuNTk5NzEgMTIuMjc4IDUuNjEyMzcgMTIuNTk0IDUuODE1MDQgMTIuNzgxNEM1LjkxMTcxIDEyLjg3IDYuMDMyMzcgMTIuOTEzNCA2LjE1NDM3IDEyLjkxMzRDNi4yODgzNyAxMi45MTM0IDYuNDIzMDQgMTIuODYgNi41MjIzNyAxMi43NTM0TDEwLjUyNjQgOC40MTQwMkw2LjUyMTcxIDQuMDc0NjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=");
}

@media screen and (max-width: 767.98px) {
    .sw-item-content {
        min-height: 308px;
    }
}

@media screen and (min-width: 768px) {
    .sw-item-content {
        height: 380px;
        flex: 0 0 59%;
        padding: 100px 48px 40px 24px;
    }

    .swipe-me-v1 .slick-arrow {
        top: auto;
        bottom: 42px;
    }

    .sw-item-image {
        flex: 0 0 41%;
        height: 380px;
        background-position: right center;
        background-size: cover;
    }

    .swipe-me-v1 .slick-prev {
        left: 24px;
        right: auto;
    }

    .swipe-me-v1 .slick-next {
        right: auto;
        left: 72px;
    }

    .swipe-me-v1 .slick-dots {
        top: 62px;
        width: 59%;
    }

    .swipe-toggle-play {
        top: 42px;
        right: 331px
    }
}

@media screen and (min-width: 992px) {
    .swipe-me-item {
        border-radius: 48px;
    }

    .sw-item-content {
        height: 570px;
        flex: 0 0 52%;
        padding: 128px 56px 70px;
    }

    .sw-item-image {
        flex: 0 0 48%;
        height: 570px;
    }

    .swipe-me-v1 .slick-arrow {
        bottom: 60px;
    }

    .swipe-me-v1 .slick-prev {
        left: 60px;
    }

    .swipe-me-v1 .slick-next {
        left: 108px;
    }

    .swipe-me-v1 .slick-dots {
        top: 80px;
        left: 0;
        width: 53%;
        padding-left: 56px;
        padding-right: 56px;
    }

    .swipe-me-v1 .slick-dots li button {
        width: 100%;
    }

    .swipe-toggle-play {
        top: 56px;
        right: auto;
        left: 29px;
    }
}