
.internship-carousel{
    margin-bottom: 5%;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    /* background-color: #000\9; */
    background-color: rgb(226 16 16 / 0%);
    border: 1px solid #24d46a;
    border-radius: 10px;
}

.carousel-inner {
    /* background: red; */
    position: relative;
    width: 70%;
    overflow: hidden;
    /* border: 1px solid #f3f3f3; */
    margin: auto;
}
.carousel-control.right {
    right: 0;
    left: auto;
    /* background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); */
    /* background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #01FFF7;
}

@media screen and (min-width: 768px){

    .carousel-text{
        color: black;
        font-size: 24px;
    }
    
.carousel-caption {
    right: 0;
    left: 52%;
    /* padding-bottom: 30px; */
    top: 5%;
}
}

@media screen and (min-width: 251px) and (max-width: 450px){

    .carousel-item {
        position: relative;
    
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 500px !important;
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease,-webkit-transform .6s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        
        
    }

}


.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 533px;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
    
}

