/* prettier-ignore */
/*# sourceMappingURL=user.css.map */
.bg-varibill-blue {
    --sparrow-bg-opacity: 1;
    background-color: #7daeae;
}

.bg-varibill-gold {
    --sparrow-bg-opacity: 1;
    background-color: #bec055;
}

.fancynav-item {
    height: unset
}

.card-header {
    height: 115px;
}

.card-header-services {
    height: 115px;
}

.card-icon {
    font-size: 2rem; /* Adjust the size as needed */
    width: 5rem; /* Adjust the width as needed */
    height: 5rem; /* Adjust the height as needed */
    line-height: 5rem; /* Center the text vertically */
    text-align: center;
    background-color: #BEBF55;
}

.varibill-text-color {
    color: #BEBF55;
}

.btn-varibill {
    background-color: #BEBF55;
    border-color: #BEBF55;
    text-transform: none;
}

    .btn-varibill:hover, .btn-varibill:active {
        background-color: #a8a94a !important;
        border-color: #a8a94a !important;
    }

.text-none {
    text-transform: none;
}

.card-icon-services {
    font-size: 2rem; /* Adjust the size as needed */
    width: 5rem; /* Adjust the width as needed */
    height: 5rem; /* Adjust the height as needed */
    line-height: 3.5rem; /* Center the text vertically */
    text-align: center;
    background-color: #CEDBD9;
    padding: .5rem;
}

    .card-icon-services img {
        width: 90%;
    }

.card-icon h6 {
    font-size: 1.5rem; /* Adjust the text size as needed */
}

.list-group-item {
    border: none;
    border-radius: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: relative;
    display: flex;
}

/* Custom CSS for icon wrapper */
.icon-wrapper {
    margin-right: 10px;
    flex-shrink: 0; /* Prevent icon from shrinking */
    width: 24px; /* Adjust based on the width of the icon */
}

/* Custom CSS to set colors for check circle */
.list-group-item .fa-check-circle {
    color: #7DADAD;
}

/* Ensure proper indentation of text */
.list-group-item .text {
    flex-grow: 1; /* Allow text to grow and occupy remaining space */
}

.pr-1 {
    padding-right: .25rem;
}

.horizontal-centered {
    margin: 0 auto;
}

.VSM-logo {
    height: 40px;
}

::selection {
    background-color: #7daeae;
    color: #fff;
}

@media (max-width: 768px) {

    .VSM-logo {
        height: 22px;
    }

    .dropdown-item::after {
        transform: rotate(90deg);
    }
}