.experience-assets-gallery{
    max-width: 100vw;
}

.gallery.carousel{
    padding-top: 78px;
    padding-bottom: 0px;
    margin-left: 5%;
    margin-right: 5%;
    width: auto;
}

.gallery.carousel .carousel-control-next, .gallery.carousel .carousel-control-prev{
    opacity: 1;
}

.gallery.carousel .carousel-control-next:focus, .gallery.carousel .carousel-control-next:hover, .gallery.carousel .carousel-control-prev:focus, .gallery.carousel .carousel-control-prev:hover{
    opacity: 0.6;
}

.gallery.carousel .carousel-indicators li {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    border: 1px solid black;
    background-color: white;
    opacity: 1;
  }

.gallery.carousel .carousel-indicators li.active{
    background-color: var(--black);
}

.gallery.carousel .carousel-control-next, .gallery.carousel .carousel-control-prev, .gallery.carousel .carousel-button{
    height: 60px;
    width: 52px;
}

.gallery.carousel .carousel-control-next i, .gallery.carousel .carousel-control-prev i {
    color: black;
}

.gallery.carousel .carousel-indicators{
    top: 20px;
}

.carousel-indicators.numbered-indicator{
    top: 30px;
}


.gallery.carousel .fa-2x {
    font-size: 44px;
}

@media screen and (min-width: 769px){

    .gallery.carousel .carousel-button{
        left: 0;
        background-color: var(--black);
    }

    /* .gallery.carousel .carousel-control-prev .carousel-button{
        padding-right: 28px;
    }

    .gallery.carousel .carousel-control-next .carousel-button{
        padding-left: 28px;
    } */

    .gallery.carousel{
        padding-top: 0;
        padding-bottom: 24px;
    }

    .gallery.carousel .carousel-control-next, .gallery.carousel .carousel-control-prev {
        height: 100%;
    }

    .gallery.carousel .carousel-indicators{
        top: 100%;
    }

    .gallery.carousel .carousel-control-next i, .gallery.carousel .carousel-control-prev i {
        color: white;
    }
}

@media screen and (max-width: 840px){
    .gallery.carousel .hero-image {
        margin-top: 0px;
    }

    .gallery.carousel .hero-image, .gallery.carousel .image-tile-2 {
        margin-top: 0px;
    }
}