.custom-container {
    position: relative !important;
}

/* for 2nd swapp */
.swiper-button-next-2 {
    background-color: #0b3b91 !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    right: -15px !important;
    top: 60% !important;
}

.swiper-button-prev-2 {
    background-color: #0b3b91;
    color: #fff !important;
    height: 50px !important;
    width: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    left: -15px !important;
    top: 60% !important;
}

.swiper-button-next-2:after,
.swiper-button-prev-2:after {
    font-size: 20px !important;
    font-weight: bold !important;
}

.swiper-button-next-2:hover,
.swiper-button-prev-2:hover {
    background: #ff1493 !important;
    color: #fff !important;
}

/* For 3rd swiper button */
.swiper-button-next-3 {
    background-color: #0b3b91 !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    right: -15px !important;
    top: 50% !important;
}

.swiper-button-prev-3 {
    background-color: #0b3b91;
    color: #fff !important;
    height: 50px !important;
    width: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    left: -15px !important;
    top: 50% !important;
}

.swiper-button-next-3:after,
.swiper-button-prev-3:after {
    font-size: 20px !important;
    font-weight: bold !important;
}

.swiper-button-next-3:hover,
.swiper-button-prev-3:hover {
    background: #ff1493 !important;
    color: #fff !important;
}

/* For 4th swiper button */
.swiper-button-next-4 {
    background-color: #0b3b91 !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    right: -15px !important;
    top: 60% !important;
}

.swiper-button-prev-4 {
    background-color: #0b3b91;
    color: #fff !important;
    height: 50px !important;
    width: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    left: -15px !important;
    top: 60% !important;
}

.swiper-button-next-4:after,
.swiper-button-prev-4:after {
    font-size: 20px !important;
    font-weight: bold !important;
}

.swiper-button-next-4:hover,
.swiper-button-prev-4:hover {
    background: #ff1493 !important;
    color: #fff !important;
}

/* For 5th swiper button */
.swiper-button-next-5 {
    background-color: #0b3b91 !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    right: -15px !important;
    top: 50% !important;
}

.swiper-button-prev-5 {
    background-color: #0b3b91;
    color: #fff !important;
    height: 50px !important;
    width: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    left: -15px !important;
    top: 50% !important;
}

.swiper-button-next-5:after,
.swiper-button-prev-5:after {
    font-size: 20px !important;
    font-weight: bold !important;
}

.swiper-button-next-5:hover,
.swiper-button-prev-5:hover {
    background: #ff1493 !important;
    color: #fff !important;
}

/* For 6th swiper button */
.swiper-button-next-6 {
    background-color: #0b3b91 !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    right: -15px !important;
    top: 50% !important;
}

.swiper-button-prev-6 {
    background-color: #0b3b91;
    color: #fff !important;
    height: 50px !important;
    width: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    left: -15px !important;
    top: 50% !important;
}

.swiper-button-next-6:after,
.swiper-button-prev-6:after {
    font-size: 20px !important;
    font-weight: bold !important;
}

.swiper-button-next-6:hover,
.swiper-button-prev-6:hover {
    background: #ff1493 !important;
    color: #fff !important;
}

/* Top Selling Swiper Button */
.topSellingNextBtn {
    background-color: #0b3b91 !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    right: -15px !important;
    top: 50% !important;
}

.topSellingPrevBtn {
    background-color: #0b3b91;
    color: #fff !important;
    height: 50px !important;
    width: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 11px 0 #999 !important;
    position: absolute !important;
    left: -15px !important;
    top: 50% !important;
}

.topSellingNextBtn:after,
.topSellingPrevBtn:after {
    font-size: 20px !important;
    font-weight: bold !important;
}

.topSellingNextBtn:hover,
.topSellingPrevBtn:hover {
    background: #ff1493 !important;
    color: #fff !important;
}

.home-swiper-button-next:after,
.home-swiper-button-prev:after {
    font-size: 20px !important;
    font-weight: bold !important;
}

.home-swiper-button-next:hover,
.home-swiper-button-prev:hover {
    background: #ff1493 !important;
    color: #fff !important;
}
/* For Hero Section Swiper Button */
.home-swiper-button-next {
    background-color: #0b3b91 !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    box-shadow: 0 0 11px 0 #999 !important;
}

.home-swiper-button-prev {
    background-color: #0b3b91 !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    box-shadow: 0 0 11px 0 #999 !important;
}




@media (max-width: 600px) {
    .swiper-button-next-2 {
        right: 10px !important;
    }

    .swiper-button-prev-2 {
        left: 10px !important;
    }

    .swiper-button-next-3 {
        right: 10px !important;
    }

    .swiper-button-prev-3 {
        left: 10px !important;
    }

    .swiper-button-next-4 {
        right: 10px !important;
    }

    .swiper-button-prev-4 {
        left: 10px !important;
    }

    .swiper-button-next-5 {
        right: 10px !important;
    }

    .swiper-button-prev-5 {
        left: 10px !important;
    }

    .swiper-button-next-6 {
        right: 10px !important;
    }

    .swiper-button-prev-6 {
        left: 10px !important;
    }

    .topSellingPrevBtn {
        left: -10px !important;
    }
    .topSellingNextBtn {
        right: -10px !important;
    }
}