.bg-default-style {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slider-bg {
    background: linear-gradient(90deg, #20285d 0%, #20285dd8 100%) 0% 0% no-repeat padding-box;
}

.yellow-border-bottom {
    height: 50px;
    background: #f8a01b 0% 0% no-repeat padding-box;
}

.arrow-btn {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    opacity: 1;
}

.pt-10px {
    padding-top: 10px;
}

.mh-75px {
    min-height: 75px;
}

.mh-100px {
    min-height: 100px;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #f8a01b;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#carouselExampleIndicators2 .carousel-indicators {
    left: inherit;
    display: table-cell;
    bottom: 45%;
}

#carouselExampleIndicators3 .carousel-indicators {
    right: 50%;
}

#carouselExampleIndicators4 .carousel-indicators {
    right: inherit;
    display: table-cell;
    bottom: 60%;
    margin-left: 5%;
}

.carousel-caption {
    position: absolute;
    right: unset;
    bottom: 35%;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}

.latest-update-bg {
    background: #d4eaff 0% 0% no-repeat padding-box;
}

.driver-app-bg {
    background: #07a2dc 0% 0% no-repeat padding-box;
}

#carouselExampleIndicators3 .carousel-control-prev,
#carouselExampleIndicators3 .carousel-control-next {
    top: unset;
    bottom: 45%;
    opacity: 0.8;
    margin: 10px;
}

#carouselExampleIndicators3 .carousel-control-next {
    right: 51%;
}

.handphone-position {
    bottom: 0%;
    right: 0%;
}

.path-position {
    bottom: -35px;
    right: 10%;
    width: 200px;
}

.video-width {
    width: 75%;
    height: 500px;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

@media (min-width: 1800px) {
    #carouselExampleIndicators2 .carousel-indicators {
        left: 55%;
    }

    .path-position {
        right: 25%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .path-position {
        bottom: 445px;
        right: 0%;
        width: 100px;
        padding-right: 5%;
    }

    #carouselExampleIndicators3 .carousel-indicators {
        bottom: 45%;
        right: 0;
    }

    #carouselExampleIndicators3 .carousel-control-prev,
    #carouselExampleIndicators3 .carousel-control-next {
        bottom: 65%;
    }

    #carouselExampleIndicators3 .carousel-control-next {
        right: 0;
    }
}

@media (max-width: 575.98px) {
    .video-width {
        width: 100%;
        height: 250px;
    }

    .path-position {
        top: 150px;
        right: 0%;
        width: 100px;
        padding-right: 5%;
    }

    #carouselExampleIndicators3 .carousel-indicators {
        top: 200px;
        right: 0;
    }

    #carouselExampleIndicators3 .carousel-control-prev,
    #carouselExampleIndicators3 .carousel-control-next {
        top: 90px;
    }

    #carouselExampleIndicators3 .carousel-control-next {
        right: 0;
    }

    #carouselExampleIndicators4 .carousel-indicators {
        top: 175px;
    }

    .mh-carousel-content {
        min-height: calc(100vh - 225px);
    }
}