.slides_img {
        position: relative;
        width: 100%;
		margin-top: 44px;
    }
 
    #img {
        height: 100%;
        width: 100%;
        background-size: 100% 100%;
    }
 
    .dot{
        position: absolute;
        left: 50%;
        bottom: 0px;
        transform: translate(-50%, -50%);
    }
 
    i {
        height: 15px;
        width: 15px;
        background-color: gray;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
    }
 
    i:nth-child(1) {
        background-color: white;
    }
 
    i:nth-child(4) {
        margin-right: 0;
    }
 
    .left,
    .right {
        color: rgba(255, 255, 255, 0.7);
        font-size: 50px;
        font-weight: bolder;
        position: absolute;
        top: 50%;
        font-weight: 500;
    }
 
    .left {
        left: 0px;
        transform: translate(15%, -50%);
    }
 
    .right {
        right: 0px;
        transform: translate(-15%, -50%);
    }