.cmn--btn{
    background: #336699;
}

.btn__grp a:nth-of-type(2n) {
    color: #336699;
    border-color: #336699;
}

.btn__grp a:nth-of-type(2n):hover{
    background: #336699;
}

.btn--base, .page-item.active .page-link{
    background: #336699 !important;
}

.page-item.active .page-link {
    
    border-color: #336699 !important;
}

.cmn--btn:not(button):hover {
    color: #336699;
    border-color: #336699;
}

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

.change-language span, .feature__item-icon{
    color: #336699;
}

.about__thumb .thumb::before {
    background: #3366991a;
}

.section__cate::before, .section__cate::after, .feature__item::before, .team__item:hover::after, .cmn--table thead, .post__item .post__date, .faq__item.open .faq__title .right--icon::before, .account__section-wrapper .account__section-content .section__header .section__title::after{
    background-color: #336699;
}

.video-button::before, .video-button::after{
    background-color: #336699 !important;
}

.section__cate, .about__item .icon, .pricing-feature span{
    color: #336699;
}

.video-button {
    background: #336699ba;
}

.feature__item-icon {
    background: #3366991a;
}

.team__item .team__thumb {
    border: 4px solid #336699;
}

.team__item:hover .team__thumb {
    box-shadow: 0 0 0 4px #33669933, 0 0 0 8px #33669933, 0 0 0 12px #33669933, 0 0 0 16px #33669933, 0 0 0 20px #33669933;
}

.nav--tabs li a.active {
    color: #336699;
    border-bottom: 2px solid #336699;
}

.post__item .post__content a {
    background-image: linear-gradient(transparent calc(100% - 2px), #336699 2px);
}

.post__title a:hover, .ratings, .client__item-body .date, .faq__item.open .faq__title .title, .widget__post .widget__post__content span, .contact-area .contact-content .contact-content-botom .subtitle, .contact-area .contact-content .contact-content-botom .contact-info li .icon, .contact-area .contact-content .contact-content-botom .contact-info li .cont a, .footer-links li::after{
    color: #336699;
}

.blog-sidebar {
    border: 1px solid #3366991a;
}

.form--control:focus {
    border-color: #33669933;
}

.contact-area .form--control{
    border-color: #336699ff;
}

.form-control:focus {
    border-color: #336699;
}

.btn--title, .badge--title, .bg--title, .preloader, .pricing-deco{
    background-color: #DFA11A !important;
}
.base-color {
    color: #336699;
}

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

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #336699 !important;
  }

  .pagination .page-item.disabled span{
    background: #3366994d !important;
  }
  .pagination .page-item a{
    background: #33669933;

  }
  .pagination .page-item a:hover{
    background: #336699 !important;

  }

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

.hp-stat-item__icon,
.hp-category-card__icon,
.hp-category-card__meta,
.hp-task-card__category,
.hp-task-card__title a:hover,
.hp-task-card__title a:focus-visible {
    color: #336699 !important;
}

.hp-stat-item__icon,
.hp-category-card__media {
    background: #3366991a;
}

.hp-category-card:hover,
.hp-task-card:hover {
    border-color: #33669938;
}

.hp-cta__panel {
    background:
      linear-gradient(135deg, #33669914, #DFA11A14),
      #fff;
    border-color: #3366991a;
}

.mj-filters__checkbox input {
    accent-color: #336699;
}

.mj-filters__reset:hover,
.mj-filters__reset:focus-visible,
.mj-empty i {
    color: #336699 !important;
}

.mj-filters,
.mj-empty {
    border-color: #3366991a;
}

.theme-surface.bg--title,
.shapes-container.bg--title {
    background-image:
        radial-gradient(ellipse 70% 55% at 12% 20%, rgba(255, 255, 255, 0.14), transparent 55%),
        radial-gradient(ellipse 55% 45% at 88% 75%, #33669938, transparent 60%),
        radial-gradient(ellipse 40% 35% at 70% 15%, #DFA11A33, transparent 55%),
        linear-gradient(160deg, rgba(255, 255, 255, 0.04), transparent 40%);
}

.bg--section {
    background:
        radial-gradient(ellipse 60% 50% at 100% 0%, #3366990d, transparent 55%),
        #f7fbfe;
}

.hero-section .hero-title::after {
    background: #336699;
}