/***************************************/
/******* Edits by Mohamed Shaker *******/
/***************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');


body, h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Kufi Arabic", serif !important;
}

/* Change Top Header Font size and BG Color */
.header-top {
	font-size: 18px;
	background-color: #383737 !important;
}

.header-top .header-info-left .listing .listItem {
	font-size: 18px !important;
}

/* Change the butons colors to white */
.btn-wrapper .cmn-btn.cmn-btns {
  color: #fff !important;
}

/* Header And Menu Colors */
.navbar-area.construction_nav .nav-container .navbar-collapse .navbar-nav li a {
  color: #000 !important;
  font-size: 24px;
}

.navbar-area.construction_nav .nav-container .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-one) !important;
}

body > header > div > nav {
	background-color: #fff !important;
}


body > section.subscribeArea.wow.fadeInUp {
	background-color: #000;
}

/* Make the social icons on the top bar bigger */
.header-top .header-info-right .header-cart .listItem .social {
	width: 40px !important;
  	height: 40px !important;
  	line-height: 39px !important;
  	font-size: 26px !important;
}

/* Make the newletter description color white */
.subscribeArea .subscribeCaption .pera {
	color: #fff !important;
}

/* Flying Whatsapp */
/* زر واتساب العائم */
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #25d366;
    color: white;
    padding: 15px;
    border-radius: 50%;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    z-index: 1000;
}

.whatsapp-button:hover {
    background-color: #1eb656;
}

/* نافذة المحادثة */
.chat-popup {
    display: none;
    position: fixed;
    bottom: 80px;
    left: 20px;
    width: 320px;
    background: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    z-index: 1001;
}

/* رأس النافذة */
.chat-header {
    background: #f5f5f5;
    padding: 12px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

/* محتوى النافذة */
.chat-body {
    padding: 15px;
    font-size: 14px;
    color: #333;
}

/* زر بدء المحادثة */
.chat-footer {
    text-align: center;
    padding: 10px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.chat-footer a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #25d366;
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
}

.chat-footer a:hover {
    background-color: #1eb656;
}

.chat-footer a i {
    margin-left: 5px;
}

/* Align reviews title in the about us page */
.testimonialarea-global .section-title {
	display: flex !important;
  	justify-content: center !important;
}
.testimonialarea-global .section-title .title {
	text-align: center !important;
  	display: block !important;
}

.arrowStyleThree .prev-icon {
	left: 70px !important;
  	right: auto !important;
}

/* Change Jobs Page Styling */
body > div.sliderArea.sectionImg-bg2.job_filter {
	background-color: #222 !important;
}

body > div.sliderArea.sectionImg-bg2.job_filter > div > div > div.col-xxl-5.col-xl-5.col-lg-5 > div > div {
	background-color: unset !important;
}

body > div.sliderArea.sectionImg-bg2.job_filter > div > div > div.col-xxl-5.col-xl-5.col-lg-5 > div > div {
	display: none !important;
}