/* ==========================================================================
   THEME COLOUR for the default storefront (arab4server.com) - logo blue #4e8fcd
   Overrides the green (#5cb85c) colours of the default theme.
   (File name kept as red_theme.css so the header <link> does not need changing.)
   To change the shade, edit the three colours below.
   To undo, remove the <link> to this file from the header files.
   ========================================================================== */
:root {
	--theme-color: #4e8fcd;
	--theme-color-light: #6aa5dc;
	--theme-color-dark: #2f6fae;
	--site-main-color: #4e8fcd;
}

/* ---- Header banner shape (recoloured images) ---- */
.inner_banner {
	background-image: url(../images/About_banner_021_red.png?v=2) !important;
}
.promotion_inner {
	background-image: url(../images/About_banner_021p_red.png?v=2) !important;
}


/* ---- from main.css ---- */
.green_header ul li.active a::after {
	background: var(--theme-color) !important;
}
.c_menu {
	border-bottom: 4px solid var(--theme-color) !important;
}
.c_menu li a:hover {
	color: var(--theme-color) !important;
}
.overlay {
	background-color: rgba(78, 143, 205, 1) !important;
	background-color: rgba(78, 143, 205, 0.9) !important;
}
.banner_left h1 {
	color: var(--theme-color) !important;
}
a.find-btn:hover {
	background: var(--theme-color) !important;
}
.serv-head h1 {
	color: var(--theme-color) !important;
}
.serv-head h3 {
	color: var(--theme-color) !important;
}
.serv-card a {
	color: var(--theme-color) !important;
}
.shopUs h1 {
	color: var(--theme-color) !important;
}
.card_overlay {
	background: rgba(78, 143, 205,.8) !important;
}
.card_body h3 {
	color: var(--theme-color) !important;
}
.prod_star_rating li a {
	color: var(--theme-color) !important;
}
.shop_cart_btn:hover {
	background: var(--theme-color) !important;
}
.g_pagi .pagination li a:hover,.g_pagi .pagination li a.active {
	background: var(--theme-color) !important;
}
.green_testimonials h1 span {
	color: var(--theme-color) !important;
}
.review_box h3 {
	color: var(--theme-color) !important;
}
.review_icn {
	background: var(--theme-color) !important;
}
.custom_slide_indicators li.active {
	background: var(--theme-color) !important;
}
.brands h1 span {
	color: var(--theme-color) !important;
}
.blog_grids h1 span {
	color: var(--theme-color) !important;
}
.blog_overlay {
	background: rgba(78, 143, 205,.8) !important;
}
.blog_overlay a {
	color: var(--theme-color) !important;
}
.blog_body h3 {
	color: var(--theme-color) !important;
}
.blog_body a:hover {
	background: var(--theme-color) !important;
	border-color: var(--theme-color) !important;
}
.foot_links li i {
	color: var(--theme-color) !important;
}
.foot_links li a:hover {
	color: var(--theme-color) !important;
}
.foot_info_list li p a:hover {
	color: var(--theme-color) !important;
}
.foot_info_list li i {
	color: var(--theme-color) !important;
}
.footer_form .submit-btn {
	background: var(--theme-color) !important;
}
.last_social li a:hover {
	color: var(--theme-color) !important;
}
.copyrights h3 span {
	color: var(--theme-color) !important;
}
.green_login h5 {
	color: var(--theme-color) !important;
}
.green_login h3 {
	color: var(--theme-color) !important;
}
.register_ {
	color: var(--theme-color) !important;
}
.green_login .form_submit_0 {
	background: var(--theme-color) !important;
}
.green_login .close {
	background: var(--theme-color) !important;
}
.green_login .check-con input:checked~.checkmark {
	background: var(--theme-color) !important;
}
@media (max-width: 1199px) {
	.green_header {
		background: var(--theme-color) !important;
	}
}
@media (max-width: 991px) {
	.green_login h3 {
		color: var(--theme-color) !important;
	}
	.inner-heading h1 {
		color: var(--theme-color) !important;
	}
}
.custom_contact_class .list-icons li i {
	background: var(--theme-color) !important;
}
.custom_contact_class h4 {
	color: var(--theme-color) !important;
}
.custom_contact_class .list-icons li a {
	color: var(--theme-color) !important;
}
.green_register_fm .btn:hover {
	background: var(--theme-color) !important;
}
.slick-prev:before,
.slick-next:before,
.slick-dots li button:focus::before,
.slick-dots li button:hover::before,
.slick-dots li.slick-active button::before {
	color: var(--theme-color) !important;
}

/* ---- from inner_pages.css ---- */
.service_sub_cat li a:hover {
	color: var(--theme-color) !important;
}
.service_sub_cat .c_menu {
	border-bottom: 4px solid var(--theme-color) !important;
}
.service_sub_cat .c_menu li a:hover {
	color: var(--theme-color) !important;
}
.promotion_header ul.acc_ul li a:hover {
	color: var(--theme-color) !important;
}
.promotion_header ul.acc_ul li:first-child {
	border-right: 2px solid var(--theme-color) !important;
}
.promotion_header .cart::before {
	background: var(--theme-color) !important;
}
.select-selected {
	border: 1px solid var(--theme-color) !important;
}
.select-items div:hover, .same-as-selected {
	background-color: var(--theme-color) !important;
}
.search_bar form input {
	border-top: 1px solid var(--theme-color) !important;
	border-bottom: 1px solid var(--theme-color) !important;
}
.fltr_search {
	background: var(--theme-color) !important;
}
.about_feature_cont h1 {
	color: var(--theme-color) !important;
}
.add_green_review h2 {
	background: var(--theme-color) !important;
}
.s_rating ul i {
	color: var(--theme-color) !important;
}
.add_rev_btn {
	background: var(--theme-color) !important;
}
.green_review_list h1 {
	color: var(--theme-color) !important;
}
.nam_da {
	background: var(--theme-color) !important;
}
.rev_bx_in h4 {
	color: var(--theme-color) !important;
}
a.lod_mr {
	background: var(--theme-color) !important;
}
.gre_knowledge .panel-collapse {
	background: var(--theme-color) !important;
}
.news_ev_cat h2 {
	background: var(--theme-color) !important;
}
.s_rating ul i {
	color: var(--theme-color) !important;
}
.add_rev_btn {
	background: var(--theme-color) !important;
}
.news_ev_cat .panel-collapse {
	background: var(--theme-color) !important;
}
.news_ev_list h1 {
	color: var(--theme-color) !important;
}
.news_ev_list .nam_da {
	background: var(--theme-color) !important;
}
.news_ev_list h5 {
	color: var(--theme-color) !important;
}
.news_ev_list h6 {
	color: var(--theme-color) !important;
}
.news_ev_list ul li:before {
	color: var(--theme-color) !important;
}
.Unlock_cat .panel-title>a:hover {
	background: var(--theme-color) !important;
}
.un_inst .panel-heading.show a {
	background: var(--theme-color) !important;
}
.FAQ-1 h1 {
	color: var(--theme-color) !important;
}
.FAQ-1 .panel-heading.show a {
	background: var(--theme-color) !important;
}
.privacy_pol_p h1 {
	color: var(--theme-color) !important;
}
.vprod_price h4 {
	color: var(--theme-color) !important;
}
.vprod_price h3 {
	color: var(--theme-color) !important;
}
.vprod_footer h4:hover {
	background: var(--theme-color) !important;
	border-color: var(--theme-color) !important;
}
h4.prc_head {
	color: var(--theme-color) !important;
}
a.buynow_btn:hover {
	background: var(--theme-color) !important;
}
.qnt_submit:hover {
	background: var(--theme-color) !important;
}
.vprod_cart_detail h3 {
	color: var(--theme-color) !important;
}
a.customer_rev:hover {
	background: var(--theme-color) !important;
	border-color: var(--theme-color) !important;
}
#rev_model .modal-title {
	color: var(--theme-color) !important;
}
.rev_form .btn-primary:hover {
	background: var(--theme-color) !important;
}
.privacy_pol_p h1 {
	color: var(--theme-color) !important;
}
.terms_cond h3 {
	color: var(--theme-color) !important;
}
.prod_act_list li a:hover {
	background: var(--theme-color) !important;
}
.shop_cat_list h1 {
	color: var(--theme-color) !important;
}
ul.prod_act_list {
	background: var(--theme-color) !important;
}
.shop_cat_list .nav-tabs .nav-link:hover, .shop_cat_list .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: var(--theme-color) !important;
}
html .scroll-to-top {
	background: var(--theme-color) !important;
}
.custom_accordion a[aria-expanded="true"] h5 {
	background: var(--theme-color) !important;
}

/* ---- inline styles in the header / shop header / pages ---- */
.cart-add {
	background: var(--theme-color-dark) !important;
}
ul.sub-ul #hov .sub-menu {
	background-color: var(--theme-color-light) !important;
}
.breadcrumbs .breadcrumb li a:hover,
.breadcrumbs .breadcrumb li a:focus,
.breadcrumbs .breadcrumb li a:active {
	color: var(--theme-color) !important;
}
.testimonial-star-rating .rating__label:hover .rating__icon--star,
.testimonial-star-rating .rating__label:hover ~ .rating__label .rating__icon--star {
	color: var(--theme-color) !important;
}
.GreenThemeButton,
.PlaceOrderBtn button {
	background-color: var(--theme-color) !important;
	border-color: var(--theme-color) !important;
	color: #ffffff !important;
}
.icon-arrow-left52 {
	color: var(--theme-color) !important;
}

/* ---- rules only in the live server's inner_pages.css ---- */
.service_sub_cat li a:hover,
.news_ev_list ul li::before {
	color: var(--theme-color) !important;
}
.Unlock_cat .panel-title > a:hover {
	background-color: var(--theme-color) !important;
}
