:root{
--base-h:          210;
--base-s:          50%;
--base-l:          40%;
--base: var(--base-h) var(--base-s) var(--base-l);

}









.text--base,.what-item__icon,.what-item:hover .title,.feature-item__icon,.faq-item.open .faq-item__title .title,.testimonial-item__thumb .quote-icon,.post-item:hover .title a,.social-links li a:hover,.footer-links li a:hover,.footer-contact li a:hover,.header-contact li a:hover,.forgot-pass:hover,.info-content a:hover,.post-share li a:hover,.date,.title a:hover,.dashboard-menu li a:hover,.account-submenu li a:hover,.dashboard-menu li a.active,.menu li a.active,.custom--checkbox input:checked~label::before{
color:#336699 !important;
}
.video-button::before, .video-button::after,.video-button,.faq-item__title::before, .faq-item__title::after,.post-item__content .tag,.info-item .info-icon,.recent-post-wrapper > .title::before,.custom--card .card-header, .custom--card .card-footer,.bg--base,.table thead tr th,.scrollToTop,.header-trigger span::after, .header-trigger span::before,.header-trigger span{
background:#336699 !important;
}
.slick-dots li button{
background:#3366994d !important;
}
.slick-dots li button::before{
border:3px solid                 #336699cc !important;
}
.btn--base{
background-color:                  #336699 !important;
border: 1px solid                  #336699 !important;
}
.account-btn{
box-shadow: 0 5px 25px                       #33669999 !important;
}
.form--control:focus{
border: 2px solid                  #336699 !important;
}
.input-group:focus-within .input-group-text{
border-color:#336699 !important;
}
.custom--card{
box-shadow: 0 0 3px 0                      #336699 !important;
}
.cmn--btn{
background:            #336699 !important;
border: 2px solid                  #336699 !important;
}
.cmn--btn:hover{
border: 2px solid                  #336699 !important;
}
.user .user-thumb{
border:1px solid                 #336699 !important;
}
.account-submenu{
box-shadow: 0 3px 8px                      #3366994d !important;
}
.table{
box-shadow: 0 0 5px 0                      #3366998a !important;
}
.pagination .page-item.active span, .pagination .page-item.active a, .pagination .page-item:hover span, .pagination .page-item:hover a{
background:#336699 !important;
border-color:#336699 !important;
}
.pagination .page-item a{
color:#336699 !important;
border-color:#33669933 !important;
}

.coin .back,.coin .front_b,.coin .back_b,.coin:before{
background:#336699 !important;
}
.coin .front_b:before,.coin .back:before {
border:10px solid                  #336699 !important;
}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{
background:#336699 !important;
}
.spinner{
border-top-color:                  #336699 !important;
border-bottom-color:                     #336699 !important;
}
.spinner .spinner-center{
background:            #336699 !important;
}

.dashboard-card__icon{
color:#336699 !important;
}
.copied:after{
background-color:                  #336699 !important;
}

.form--control::file-selector-button{
background:            #336699 !important;
}

.form--control:hover::file-selector-button {
background:            #336699 !important;
}