:root {
    --mainColor: #6927ff;
}
body {

}
a:hover {

}
input:focus {
    outline: none;
}

#preloader {
    background-color: var(--mainColor) !important;
}
/* MAIN HEADER */
.header-area .main-header-area.sticky {
    background-color: #fff;
    box-shadow: 0px -4px 25px var(--mainColor);
}
.nav-brand > h2{
    color: var(--mainColor) !important;
    font-weight: 700;
}
.classynav ul li {
    padding: 0 1.5em;
}
.classynav ul li a:hover{
    color: var(--mainColor) !important;
}
.current-item a{
    color: var(--mainColor) !important;
}
.classy-nav-container .classy-navbar .classynav ul li.current-item a::after {
    background-color: var(--mainColor) !important;
}
.mainBtn {
    background-color: var(--mainColor);
    color: #fff !important;
    padding: 0em 2em !important;
    border-radius: 0.5em;
    border: 1px solid transparent;
}
.mainBtn:hover {
    background-color: transparent !important;
    border-color: var(--mainColor);
}
.single-welcome-slide .welcome-text h2 span {
    color: var(--mainColor) !important;
}
.uza-btn.btn-2 {
    background-color: var(--mainColor) !important;
    border: 1px solid transparent;
    color: #ffffff !important;
}
.uza-btn.btn-2:focus, .uza-btn.btn-2:hover {
    background-color: transparent !important;
    color: var(--mainColor) !important;
    border-color: var(--mainColor) !important;
}
.about-us-content h2 {
    color: var(--mainColor) !important;
}
#scrollUp {
    background-color: var(--mainColor) ;
}
#services {
    padding: 4em 0;
    background-color: #fafafa;
}
.section-heading {
    font-weight: 700;
}
.single-service-area {
    display: flex;
    background-color: #ffffff;
    border-radius: 1em;
    transition: 500ms all ease-in-out;
}
.single-service-area p {
    line-height: 1.2;
}
.textContainer {
    width: 65%;
    margin-right: 1em;
}
.single-service-area .service-icon {
    background-color: #6927ff33;
}
.textContainer.even {
    margin-left: 1em;
    margin-right: 0 !important;
    text-align: left !important;
}
.single-service-area:focus, .single-service-area:hover {
    background-color: var(--mainColor);
}
.single-service-area:focus .service-icon, .single-service-area:hover .service-icon {
        background-color: #fff;
        color: var(--mainColor);
}
.single-service-area:focus h5, .single-service-area:hover h5,.single-service-area:focus p, .single-service-area:hover p {
    color: #ffffff;
}
.uza-blog-area .blog-bg-curve {
    filter: invert(16%) sepia(48%) saturate(7158%) hue-rotate(257deg) brightness(46%) contrast(108%);
    /* opacity: 0.2; */
}
.footer-area {
    background-color: var(--mainColor);
    color: #ffffff !important;
}
.single-footer-widget .widget-title {
    color: #ffffff;
}
.single-footer-widget .footer-content h3 {
    color: #eaeaea;
}
.single-footer-widget p {
    color: #d8d5d5;
}
.single-footer-widget .our-link li a {
    color: #ffffff;
}
.single-footer-widget .our-link li a:hover {
    color: #ffffff;
}
.single-footer-widget .our-link li a::after {
    background-color: #ffffff;
}
.single-contact-card h4 {
    font-size: 1.5em !important;
}
.single-contact-card h3 {
    font-size: 1.2em;
    color: var(--mainColor) !important;
}

/* MEDIA QUIRIES */
/* LARGE */
@media only screen and (max-width: 992px){

}

/* MEDIUM */
@media only screen and (max-width: 768px){
    .single-service-area  {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .single-service-area.even  {
        flex-direction: unset !important;
    }
    .textContainer {
        width: 100%;
    }
    .single-welcome-slide .background-curve {
        width: 100%;
    }
}

/* SMALL */
@media  only screen and (max-width: 576px) {

}