/*===========================
       VHL css
===========================*/
.carousel-item {
  background-color: #6610f2;
}

.single-features .features-title-icon .features-icon i {
    color: #6610f2;
}

.light-rounded-buttons .light-rounded-two {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}


.pricing-style {
    background: linear-gradient(#a695ff 0%, #392c80 100%);
}

.btn-primary {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #6610f2;
    border-color: #a695ff; /*set the color you want here*/
}

.main-btn {
    color: #6610f2;
}

.back-to-top, .back-to-top:hover {
    background-color: #6610f2;
}

.ppmodal {
        max-width: 60%;
        margin: 1.75rem auto;
}



.navbar-area .navbar .navbar-nav .nav-item a {
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    padding: 26px 0;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}