.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .btn--base.active, .btn--base.active:focus,
.btn--base.active:hover, .btn--base:focus, .btn--base:hover, .header-bottom-area .navbar-collapse .main-menu li a:hover,
.header-bottom-area .navbar-collapse .main-menu li a.active, .navbar-toggler span, .banner-section .call-area a,
.inner-banner-section .banner-content .title, .breadcrumb-item a, .breadcrumb-item.active::before, .footer-links
li:hover, .footer-links li:hover::before, .order-item:hover .order-content .title, .order-content .ratings i,
.food-item:hover .food-content .title, .food-content .title span, .restaurants-details-area .restaurants-details-content
.ratings i, .restaurant-details-wrapper a, .restaurants-header-area .food-details-tab li a:hover, .edit-btn,
.account-header .title, .profile-thumb-content .profile-content .user-info-list li i, .dashboard-icon, .blog-item:hover
.blog-content .title a, .category-content li:hover, .cookie__wrapper .title, .cookie__wrapper .btn--close, .payment-item
.payment-content .p .modal-content .modal-title, #infoModal .modal-header button {
color: #336699;
}

.text--base, .custom-btn, .restaurant-details-wrapper .btn--base {
color: #336699 !important;
}

.scrollToTop, .pagination .page-item.active .page-link, .pagination .page-item:hover .page-link, .radio-item
[type="radio"]:checked + label:after, .radio-item [type="radio"]:not(:checked) + label:after, .item-discount,
.item-discount::before, .item-discount::after, .account-header .title::before {
background: #336699;
}
.social-login-btn:hover {
background: #3366997a;
}

*::-webkit-scrollbar-button, *::-webkit-scrollbar-thumb, .swiper-pagination .swiper-pagination-bullet-active,
.slider-next, .slider-prev, .btn--base, .input-group-text, .custom-check-group input:checked + label::before,
.btn--base, ::selection, .footer-toggle .right-icon, .subscribe-form button, .subscribe-form input[type="button"],
.subscribe-form input[type="reset"], .subscribe-form input[type="submit"], .footer-social li a:hover, .footer-social li
a.active, .order-thumb .offer-badge, .food-thumb .offer-badge, .food-thumb .cart-badge, .side-sidebar-close-btn,
.food-cart-slider .food-wrapper .cart-badge, .checkout-details-header .title::before, .draw-countdown .syotimer__body
.syotimer-cell, .account-btn-area .account-btn, .dash-btn, .modal-content .close, .modal-content .close,
.contact-info-icon i {
background-color: #336699;
}

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

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link {
border-color: #336699;
}

.btn--base.active:focus, .btn--base.active:hover, .btn--base:focus, .btn--base:hover, .cookie__wrapper .read-policy,
.btn--base.active {
border: 1px solid #336699;
}

.nav-tabs .nav-link.active, .section-header .section-title, .restaurants-header-area .food-details-tab li a.active,
.checkout-widget-title {
border-bottom: 2px solid #336699;
}

.header-bottom-area .navbar-collapse .main-menu li .sub-menu {
border-top: 2px solid #336699;
}

.footer-area {
background-color: #3366990a;
}
.subscribe-form input{
border: 1px solid #3366997a;
}
.offer-section {
border-bottom: 3px solid #336699;
}

.dashboard-item {
border-left: 4px solid #336699;
}

.cookie__wrapper {
border-top: 1px solid #336699;
}

.footer-social li a{
border : 1px solid #336699;
}
.footer-social li a i{
color : #336699;
}

.copy-text a{
color: #336699;
}

.copyright-wrapper {
border-top: 1px solid #3366993b;
}

.dropdown-list>.dropdown-list__item:hover {
background-color: #336699!important;
}


.form-group .form-check-input:checked{
background-color: #336699;
border-color: #336699;
}
.form-group .form-check-input{
border: 1px solid #336699;
}

.form-group a{
color : #336699;
}

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

.link{
color: #336699;
}

:root{
--main : #336699;
}


.verification-code span {
border: 1px solid #33669944 !important;
color: #33669944 !important;
}

.link:hover{
color: #336699;
}

@media only screen and (max-width: 991px) {
.custom-table tbody tr td::before {
color: #336699;
}
}

@media only screen and (max-width: 767px) {
.restaurant-details-wrapper a{
background-color: #336699;
}
}