.reference-sec{
    background-color: #E7EAE6;
    color: #000;
}

.reference-img{
    border-radius: 1rem;
}

.reference-stars{
    color: orange;
}

.reference-url{
    font-size: 1.5rem;
    color: #222;
    text-decoration: none;
    transition: all 0.3s 
}

.reference-url:hover{
    color: var(--webcliff-color);
}

.reference-wrapper ul{
    list-style: none;
}

.reference-wrapper ul i{
     color: #44c4a0;
}

.reference-counter-wrapper{
    font-size: 1.5rem;
}

.reference-count{
    font-size: 70px;
    font-weight: 900;
    color: #777;
}

.reference-count-border{
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
}

.reference-sub-label{
    margin-top: 100px;
    margin-bottom: 20px;
    color: var(--webcliff-color);
}


.carousel-control-next-icon, .carousel-control-prev-icon{
    background-color: var(--webcliff-color) !important;
    filter: none !important;
    border-radius: 2rem !important;
    padding: 1rem !important;
    width: 2.2rem !important;
    height: 2.2rem !important;
    background-size: 70% 70% !important;
}

.carousel-control-next-icon{
    background-position-x: 55% !important;
}

.carousel-control-prev-icon{
    background-position-x: 45% !important;
}

.carousel-control-next{
    /*opacity: 1 !important;*/
}

@media(max-width: 490px){
    .carousel-control-next-icon, .carousel-control-prev-icon{
        margin-top: -45px;
    }
    
    .reference-count-border{
        border: none;
    }
    
    .reference-sub-label{
        margin-top: 50px;
        
    }
}