.text--base, .mega-menu-icon .mega-icon, .change-language span, .auction__item-thumb .total-bids i, .client__item::after, .footer-wrapper .footer-widget .links li a::before, .footer-wrapper .footer-widget .links li a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .nav--tabs li a.active, .product__single-item .meta-post .meta-item .social-share li a:hover, .filter-widget .title i, .price-range label, .vendor__item .read-more, .vendor__item .vendor__info li i, .author-icon, .contact-icon, .contact-area .contact-content .contact-content-botom .subtitle, .contact-area .contact-content .contact-content-botom .contact-info li .cont a, .contact-area .contact-content .contact-content-botom .contact-info li .icon, .side__menu-title, .counter-item .counter-header .title, .faq__item.open .faq__title .title, p a, .cookies-card__icon, .price-range input, .footer-contact li i, .recent-blog .blog__content .date, .blog-details-header .meta-1 li i, .section__header.icon__contain .section__title .icon{
    color: #336699 !important;
}

.cmn--btn, .btn--base, .badge--base, .bg--base, .scrollToTop, .footer-wrapper .footer-widget .title::after, .about-seller::after, .filter-widget .sub-title::after, .form--check .form-check-input:checked, .pagination .page-item.active span, .pagination .page-item.active a, .pagination .page-item:hover span, .pagination .page-item:hover a, .ticket__wrapper-title::after, .video__btn, .video__btn::before, .video__btn::after, .about--list li::before, .faq__item.open .faq__title .right--icon::before, .account__section-wrapper .account__section-content .section__header .section__title::after, .filter-btn, .filter-widget .ui-slider-range,.cmn--btn.active:hover, .read-more:hover::before, .dashboard__item .dashboard__icon{
    background-color: #336699 !important;
}

.nav--tabs li a.active, .sidebar-countdown li, .form--check .form-check-input:checked, .side__menu li a.active, .side__menu li a:hover, .cmn--btn.active, .account__section-content .form-control:focus {
    border-color: #336699 !important;
}

.client__item .client__content{
    border: 1px dashed #33669933;
}
.owl-dots .owl-dot{
    background: #33669966;
}
.section__header .progress--bar{
    background: #3366994d;
}

*::selection {
    background-color: #336699;
}


.how__item-icon {
    animation: pulseCustom 1.5s linear infinite;
    border: 1px dashed #3366994d;
}


@keyframes pulseCustom {
    50% {
        box-shadow: 0 0 5px rgba(19, 81, 04, 0.2), 0 0 10px rgba(93, 81, 04, 0.4), 0 0 15px rgba(3, 81, 24, 0.6), 0 0 20px #336699;
    }
}

.how__item::before {
    border-top: 2px dashed #3366994d;
}

.faq__item {
    border: 1px dashed #33669959;
}

.form--control-2:focus{
    border: 1px solid #33669966;
}

.auction__item {
    box-shadow: 0 0 5px #336699b3;
}
.auction__item:hover {
    box-shadow: 0 0 10px #336699e6;
}

.feature__item {
    border: 1px dashed #3366994d;
    box-shadow: 5px 5px 130px #3366994d;
}

.category__item {
    box-shadow: 0 0 15px #3366994d;
}

.counter-item {
    border: 1px dashed #33669933;
}

.vendor__item {
    box-shadow: 0 0 5px #33669966;
}

.vendor__item .vendor__bottom .vendor-author {
    box-shadow: 0 0 6px #336699e6;
}

.hero-section{
    border-bottom: 1px dashed #3366991a;
}

.contact-area .contact-wrapper{
    border: 1px dashed #3366994d; 
}

@media (max-width: 991px){
    .menu-area .menu li:hover, .menu-area .menu li.open{
        background-color: #336699;
    }
}

.dashboard__item{
    box-shadow: 0 0 10px #3366991a;
    border: 1px dashed #3366994d;
}

.spinner {
    border-top: 4px solid #336699;
}


.header-bottom {
    position: sticky;
    top: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 9999;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #ffffff !important;
    border-bottom: 1px dashed rgba(193, 81, 204, 0.1);
    box-shadow: 0 8px 8px rgba(193, 81, 204, 0.1);
}
.menu-area .menu li a {
        font-size: 14px;
        padding: 5px;
        font-weight: 500;
        color: #000000 !important;
    }

.bg--overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #dcf3ff !important;
    color: black !important;
}

body::before, .bg--body::before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: rgb(255 255 255) !important;
    border-radius: inherit;
}


.feature__item-icon {
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 30px;
    background: #336699 !important;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 25px;
}

div[class*="col"]:nth-of-type(4n + 1) .feature__item-icon {
    background: #336699 !important;
    border-color: #dcf3ff !important;
}

.bg--section::before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: #ffffffee !important;
    border-radius: inherit;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgb(176 240 255) !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: allease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: allease 0.3s;
}
body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #a4bdce;
    line-height: 26px;
    overflow-x: hidden;
    font-family: "Nunito", sans-serif;
    background: #ffffff !important;
    font-weight: 500;
}

body *::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    background-color: #ffffff;
}

.bg--overlay::before {
    content: "";
    position: absolute;
    color: black;
    inset: 0;
    background: #00a3f77a !important;
}
.feature-section , .categories-section
{
     background: #ddf3ff !important;
}

.preloader {
    width: 100%;
    height: 100%;
    background: #6c757d !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    text-align: center;
}


.bg--overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #77aef193;
}
.banner__content .banner__title {
    margin: 0;
    margin-bottom: 30px;
    color: black !important;
}