* {
    font-family: "Work Sans", sans-serif !important;
}

body {
    background-color: #110035 !important;
    color: #a2a4f8 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #b548c6 !important;
}

.main-menu ul li a {
    color: #a2a4f8 !important;
}

.cbtn.effect7 {
    background: #b548c6;
}
.opacity-5 {
    opacity: 0.5;
}
.main-menu ul li a,
.fs-14 {
    font-size: 14px;
}
.logo-effect {
    border-bottom: 2px solid #b548c6;
    box-shadow: 0px 4px 24px -4px #b548c6;
}
.feature-box:hover {
    background: #1c1853;
}
.header_sticky {
    background: rgb(13, 3, 48);
    background: -moz-linear-gradient(
        0deg,
        rgba(13, 3, 48, 1) 0%,
        rgba(49, 14, 82, 1) 100%
    );
    background: -webkit-linear-gradient(
        0deg,
        rgba(13, 3, 48, 1) 0%,
        rgba(49, 14, 82, 1) 100%
    );
    background: linear-gradient(
        0deg,
        rgba(13, 3, 48, 1) 0%,
        rgba(49, 14, 82, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d0330",endColorstr="#310e52",GradientType=1);
}

.border-navy {
    border: 1px solid #1a0553;
}

.feature-icon img {
    filter: sepia(1);
}

.bg5 {
    background: #310e52;
}

.heading-white p {
    color: #a2a4f8 !important;
}

.f-invert {
    filter: invert(1);
}

i.fab {
    font-family: 'Font Awesome 5 Brands' !important;
}

i.fal {
    font-family: 'Font Awesome 5 Pro' !important;
}

.theme5 .social2 a {
    border: 1px solid #ffffff;
}
.socials li a {
    color: #ffffff;
}
.footer-widget ul li a {
    color: #656583;
}
.footer5 .footer-widget ul li a:hover {
    color: #a2a4f8 ;
}
.theme5 .social2 a:hover {
    background: #a2a4f8;
    color: #310e52;
}

.cursor.cursor5 {
    border: 1px dashed #ffffff;
}

.cursor.cursor5 .cursor-dot {
    background: #ffffff;
}

.preloader {
    background: #11023a;
}

.mobile-menu .mobile-menu-wrap {
    border: 2px solid #a2a4f8;
}

.mobile-menu .mobile-menu-wrap span.menu-line {
    background: #b548c6;
}

.cbtn.effect7:hover {
    background: #ffffff;
    color: #11023a;
    border-color: #b548c6;
}

@media (max-width: 991px) {
    .menu-elements {
        background: rgba(17, 0, 53, 0.9);
        width: 65%;
    }

    .header_sticky .menu-elements.acitve {
        height: 100vh;
    }
}