:root{
  --base-color: #336699;
  --base-color-0f: #3366990f;
  --base-color-1a: #3366991a;
  --base-color-33: #33669933;
  --base-color-80: #33669980;
  --secondary-color: #336699;
}

.header-bottom-area .navbar-collapse .main-menu li a.active {
  color: var(--base-color);
}
.header-bottom-area .navbar-collapse .main-menu li a:hover {
  color: var(--base-color);
}

#overlayer {
  background: var(--base-color);
}

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

.select2-container--open .select2-selection.select2-selection--single,
.select2-container--open .select2-selection.select2-selection--multiple {
  border-color: var(--base-color) !important;
}

.select2-container--focus .select2-selection.select2-selection--single,
.select2-container--focus .select2-selection.select2-selection--multiple {
  border-color: var(--base-color) !important;
}

textarea:focus{
  border: .3px solid var(--base-color) !important;
}

.cookies-card__icon{
  background-color: var(--base-color);
}
.cmn-btn {
  background: var(--base-color);
  box-shadow: 0px 10px 16px 0px var(--base-color-33);
}
.cmn-btn:focus, .cmn-btn:hover {
  color: white;
  box-shadow: 0px 10px 26px 0px var(--base-color-80);
}

.scrollToTop {
  background-color: var(--base-color);
}
.scrollToTop:hover {
  box-shadow: 0px 10px 26px 0px var(--base-color-80);
}

*::-webkit-scrollbar-button {
  background-color: var(--base-color);
}
*::-webkit-scrollbar-thumb {
  background-color: var(--base-color);
}
::selection {
  background-color: var(--base-color);
}

.feature-section .feature-item .feature-icon i {
  color: var(--base-color);
  background-color: var(--base-color-1a);
}

.about-section .about-content .title-border::before, .contact-info-item {
  border: 1px solid var(--base-color);
}

.about-section .about-content .title-border::after {
  background-color: var(--base-color);
}

.counter-section .counter-item .counter-icon {
  background-color: var(--base-color-1a);
  color: var(--base-color);
}

.cmn-btn-active {
  color: var(--base-color);
  box-shadow: 0px 10px 16px 0px var(--base-color-33);
}

.section-header .sub-title {
  color: var(--base-color);
  background-color: var(--base-color-1a);
}
.section-header .title-border::before {
  border: 1px solid var(--base-color);
}
.section-header .title-border::after {
  background-color: var(--base-color);
}
.service-section .service-item .service-icon i {
  color: var(--base-color);
  background-color: var(--base-color-1a);
}
.service-section .service-item:hover {
  background-color: var(--base-color);
}

.faq-wrapper .faq-item.open .faq-title {
  background: var(--base-color);
}

.custom-btn {
  color: var(--base-color);
}
.custom-btn:hover {
  color: var(--base-color);
}

.call-to-action-section .call-to-action-content .call-to-action-form .submit-btn {
  background-color: var(--base-color);
  border: 1px solid var(--base-color);
}

.footer-social li a:hover, .footer-social li a.active {
  background-color: var(--base-color);
  opacity:0.5;
}

.register-section .register-form-area .register-form .submit-btn {
  background-color: var(--base-color);
}
.contact-info-item i {
  color: var(--base-color);
  background-color: var(--base-color-1a);
}

.contact-info-item.active {
  background-color: var(--base-color);
}

.breadcrumb li {
  color: var(--base-color);
}
.breadcrumb-item.active::before {
  color: var(--base-color);
}

.change-catagory-area {
  background-color: var(--base-color);
}

.cmn-btn-active:focus, .cmn-btn-active:hover {
  color: var(--base-color);
  box-shadow: 0px 10px 26px 0px var(--base-color-80);
}

.navbar-toggler span {
  color: var(--base-color);
}

.nice-select .option:hover {
  background-color: var(--base-color);
}

.footer-section {
  background-color: var(--secondary-color);
}
.link-text{
  color: var(--base-color);
}

.btn--base{
  background-color: var(--base-color) !important;
}

.btn--base:hover,
.btn--base:focus,
.btn--base:active {
  background-color: var(--base-color) !important;
}

.privacy-area{
  background-color: var(--secondary-color);
}

.text--base{
  color: var(--base-color) !important;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: var(--base-color) !important;
}

.footer-social li a {
  background-color: var(--base-color);
}
.dashboard .sidebar-submenu-list__item.active>a::before,.dashboard .sidebar-submenu-list__link:hover::before{
  border-color: var(--base-color) !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: var(--base-color) !important;
}
.dashboard .sidebar-menu-list__link::before,.sidebar_menu_btn{
  background: var(--base-color) !important;
}
.dashboard .sidebar-menu-list__link:hover,.dashboard .sidebar-menu-list__item.active>a{
  background-color: var(--base-color-0f) !important;
  color: var(--base-color) !important;
}
.payment-item:has(.payment-item__radio:checked){
  border-left:3px solid var(--base-color) !important;
}
.payment-item:has(.payment-item__radio:checked) .payment-item__check{
  border:3px solid var(--base-color) !important;
}
.payment-item__check{
  border:1px solid var(--base-color) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus{
  border-color : var(--base-color) !important;
}

.form-check-input:checked{
  background-color: var(--base-color) !important;
  border-color: var(--base-color) !important;
}

.form-check-input:focus{
  border-color: var(--base-color) !important;
}

.form--check .form-check-input:checked{
  background-color: var(--base-color) !important;
  border-color: var(--base-color) !important;
}