.header-bottom-area .navbar-collapse .main-menu li a.active {
color:       #336699;
}
.header-bottom-area .navbar-collapse .main-menu li a:hover {
color:       #336699;
}

#overlayer {
background:            #336699;
}

.header-bottom-area .navbar-collapse .main-menu li .sub-menu li::before {
background-color:                  #336699;
}
.submit-btn{
background-color:#336699;
color:#fff;
}

.select2-container--open .select2-selection.select2-selection--single,
.select2-container--open .select2-selection.select2-selection--multiple {
    border-color:                  #336699 !important;
}

.select2-container--focus .select2-selection.select2-selection--single,
.select2-container--focus .select2-selection.select2-selection--multiple {
    border-color:                  #336699 !important;
}

textarea:focus{
border: .3px solid                   #336699 !important;
}

.cookies-card__icon{
background-color:#336699}
.cmn-btn {
background:            #336699;
box-shadow: 0px 10px 16px 0px                              #33669933;
}
.cmn-btn:focus, .cmn-btn:hover {
color: white;
box-shadow: 0px 10px 26px 0px                              #33669980;
}

.scrollToTop {
background-color:                  #336699;
}
.scrollToTop:hover {
box-shadow: 0px 10px 26px 0px                              #33669980;
}

*::-webkit-scrollbar-button {
background-color:                  #336699;
}
*::-webkit-scrollbar-thumb {
background-color:                  #336699;
}
::selection {
background-color:                  #336699;
}

.feature-section .feature-item .feature-icon i {
color:       #336699;
background-color:                  #3366991a;
}

.about-section .about-content .title-border::before, .contact-info-item {
border: 1px solid                  #336699;
}

.about-section .about-content .title-border::after {
background-color:                  #336699;
}

.counter-section .counter-item .counter-icon {
background-color:                  #3366991a;
color:       #336699;
}

.cmn-btn-active {
color:       #336699;
box-shadow: 0px 10px 16px 0px                              #33669933;
}

.section-header .sub-title {
color:       #336699;
background-color:                  #3366991a;
}
.section-header .title-border::before {
border: 1px solid                  #336699;
}
.section-header .title-border::after {
background-color:                  #336699;
}
.service-section .service-item .service-icon i {
color:       #336699;
background-color:                  #3366991a;
}
.service-section .service-item:hover {
background-color:                  #336699;
}

.faq-wrapper .faq-item.open .faq-title {
background:            #336699;
}

.custom-btn {
color:       #336699;
}
.custom-btn:hover {
color:       #336699;
}

.call-to-action-section .call-to-action-content .call-to-action-form .submit-btn {
background-color:                  #336699;
border: 1px solid                  #336699;
}

.footer-social li a:hover, .footer-social li a.active {
background-color:                  #336699;
opacity:0.5;
}

.register-section .register-form-area .register-form .submit-btn {
background-color:                  #336699;
}
.contact-info-item i {
color:       #336699;
background-color:                  #3366991a;
}

.contact-info-item.active {
background-color:                  #336699;
}

.breadcrumb li {
color:       #336699;
}
.breadcrumb-item.active::before {
color:       #336699;
}

.change-catagory-area {
background-color:                  #336699;
}

.cmn-btn-active:focus, .cmn-btn-active:hover {
color:#336699;
box-shadow: 0px 10px 26px 0px                              #33669980;
}

.navbar-toggler span {
color:       #336699;
}

.nice-select .option:hover {
background-color:                  #336699;
}

.footer-section {
background-color:                  #8d21f4;
}
.link-text{
color:#336699;
}

.btn--base{
    background-color:                      #336699 !important;
}

.btn--base:hover,
.btn--base:focus,
.btn--base:active {
    background-color:                      #336699 !important;
}


.privacy-area{
background-color:                  #8d21f4;
}

.text--base{
color:#336699 !important;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color:              #336699 !important;
}

.footer-social li a {
background-color:#336699;
}
.dashboard .sidebar-submenu-list__item.active>a::before,.dashboard .sidebar-submenu-list__link:hover::before{
    border-color:#336699 !important;
}
.dashboard .sidebar-menu-list__item.has-dropdown>a.side-menu--open, .dashboard .sidebar-submenu-list__item.active>a,.dashboard .sidebar-submenu-list__item.active>a::before,.dashboard .sidebar-menu-list__item.has-dropdown>a.side-menu--open:after,.dashboardm.dashboard .sidebar-menu-list__item.has-dropdown:hover>a::after,.dashboard .sidebar-menu-list__item.has-dropdown:hover>a::after,.dashboard .sidebar-submenu-list__link:hover{
    color:#336699 !important;
}
.dashboard .sidebar-menu-list__link::before,.sidebar_menu_btn{
    background:#336699 !important;
}
.dashboard .sidebar-menu-list__link:hover,.dashboard .sidebar-menu-list__item.active>a{
    background-color:#3366990f !important;
    color:#336699 !important;
}
.payment-item:has(.payment-item__radio:checked){
    border-left:3px solid                           #336699 !important;
}
.payment-item:has(.payment-item__radio:checked) .payment-item__check{
    border:3px solid #336699 !important;
}
.payment-item__check{
    border:1px solid #336699 !important;
}