@import 'plugins/bootstrap/bootstrap.min.css';
@import 'plugins/owl-carousel/owl.carousel.min.css';
@import 'plugins/bootstrap-icons/bootstrap-icons.css';
@import 'plugins/font-awesome/css/all.css';
@import 'plugins/scrollcue/scrollcue.css';
@import url("theme.css");
@import url('theme-colors/theme-color-dark-purple.css');

@import 'plugins/swiper/swiper-bundle.min.css';

.avatar-image {
    border-radius: 50%;
    width: 100px;
}

.list-icon i {
    color: #830e60;
    margin-right: 10px;
    font-size: 24px;
}

.font-bold {
    font-weight: 700;
}

.bg-purple {
    background: #7e6294;
}

.bg-purple-light {
    background: #f9f1ff;
}

.bg-red-light {
    background: #ffefef;
}

.bg-red {
    background: #d9534f;
}

.text-red {
    color: #d9534f;
}

.ml-3 {
    margin-left: 3px;
}

.mr-3 {
    margin-right: 3px;
}


.ml-20 {
    margin-left: 20px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-10 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mr-20 {
    margin-right: 20px;
}

.w-90px {
    width: 90px;
}

.footer-logo-img {
    width: 8rem;
}