.side-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.side-menu ul li:hover {
    -webkit-transform: translateX(10em);
    -ms-transform: translateX(10em);
    transform: translateX(10em);
}

.side-menu ul li {
    display: block;
    height: 50px;
    padding: 0;
    position: relative;
    -webkit-transition: -webkit-transform 0.5s, background-color .5s, color .5s;
    -webkit-transition: background-color .5s, color .5s, -webkit-transform .5s;
    transition: background-color .5s, color .5s, -webkit-transform .5s;
    -o-transition: transform .5s, background-color .5s, color .5s;
    transition: transform .5s, background-color .5s, color .5s;
    transition: transform .5s, background-color .5s, color .5s, -webkit-transform .5s;
}

.side-menu ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #FFF !important;
}

.side-menu ul li span {
    margin: 0 0.5rem;
    font-weight: bold;
}

.side-menu ul li .iconify {
    width: 50px;
    margin: 0;
    font-size: 1.5rem;
}

.instagram-bg {
    background: -o-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.facebook-bg {
    background-color: #2b4170;
    background: -webkit-linear-gradient(top, #3b5998, #2b4170);
}

.youtube-bg {
    background: #F00;
}

.linkedin-bg {
    background-color: #2867b2;
}

.twitter-bg {
    background-color: #5aa0ff;
}

.android-bg {
    background-color: #799727;
}

.ios-bg {
    background-color: #333333;
}


.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  background-color: gray !important;
  border-radius: 50%;
  color:black !important;
}